Full Stack Development with React & Node JS - Live
MERN Stack Web Development
Learn to develop industry ready Single Page Web Application and APIs using React & Node JS and other concepts like AWS, CI/CD etc.
Students, Working Professionals

*Hurry up!
Registration Closing on 28th October

Live Classes
Upcoming Batch: FSRNL 2
31 October '20 to 20 December '20
Check out previous batches
Course Rating
5.0

Course Overview

In this course, you will learn the basics of Git , Basics of Front End Web Development, JavaScript and we will move on to learning the top two libraries and frameworks that are most used by the industry - React JS and Node JS. You will be learning the basics from scratch, along with creating an industry ready single page web application.

At the end of the course, we all will have completed a product called as Leadstagram, which is a leads manager similar to Instagram. As a bonus, you will also learn how to deploy and maintain an application with the complete DevOps workflow. We will try out multiple deployment methods such as AWS, Netlify, GitHub Pages, etc. and also look into various CI / CD Pipelines like Travis-CI & GitHub actions, which help you to make you industry ready and employable.

It will be an online live (Live Stream) class, so you can attend this class from any geographical location. It will be an interactive live session, where you can ask your doubts to the instructor (similar to offline classroom program).

Class Timing and Duration

  • Classes scheduled on every Saturday & Sunday
  • Timing - 8:00 PM - 11:00 PM (IST)
  • Course Duration - 16 Lectures (8 Weeks)


Pre-requisites:
Should know the basics of of HTML, CSS and JavaScript

Recommended for:
  • College students, Working Professionals seeking to be a React (Front-end Web) developer or to create and launch their own React applications

  • What You Will Learn

    • Build, test, and launch SPAs by mastering React, Node and related technologies
    • Multiple deployment methods such as AWS, Netlify, GitHub Pages, etc
    • 1 major project based on real-world applications

    Course Features

    • Course Completion Certificate
    • Course mentored by Industry experts
    • Project-based learning which will add stars to your resume  
    • Internship Opportunities at GeeksforGeeks

    Course Content

    • Introduction to Full Stack Development
    • Community Bonding

    1. What and Why VCS?

    2. Intro to Git & Git Commands using Command Line Interface

    3. Git vs. GitHub

    4. Git WorkFlow & Contribution Guidelines

    5. Pull Requests in GitHub and Access to Source Code

    1. Introduction to Front End

    2. Semantic HTML

    3. CSS Basics

    4. Working with Chrome DevTools

    5. CSS Layouts: Display Property

    6. CSS Layouts: Float Property

    7. CSS Layouts: Position Property

    8. HTML Forms & Inputs

    9. Basics of Responsive Website Design

    10. Responsive Layouts & Mobile First Design with Flexbox

    1. Programming in JavaScript

    2. Variables and Data Types

    3. Functions

    4. Working with Strings & Numbers

    5. Application Logic & Loops

    6. Introduction to Arrays & Objects

    7. Working with Arrays

    8. Working with Objects

    9. Variable Types & Scoping

    10. ES 7 and Beyond New Features

    1. Introduction to Leadstagram

    2. Motivation and Objectives

    3. Tech Stack

    4. Project Organisation & Plan

    5. Visual Design Walkthrough

    1. Setting up your Dev Environment

    2. Introduction to Node & NPM

    3. Create React App Boilerplate & Introduction to JSX

    4. Introduction to SCSS & Adding SCSS Support

    5. Organising Code & Creating a Hello World Application

    6. React Basics: Components with States & Props

    7. Class Components vs. Functional Components

    8. Passing Static & Dynamic Data between Components

    9. Routing Support using React Router

    10. Event Handling

    Show More

    Course Mentors


    Praveen Kumar (Instructor)

    React JS Specialist, Microsoft MVP(April 2016 - July 2018)


    Praveen is a full stack developer with a decade of web development experience.
    He is extremely good with Front End (CSS, HTML, JavaScript) with an eye-to-eye perfection for design.
    He has architected the complete infrastructure on Full Stack LAMP (PHP & MySQL) and MERN (React JS & Node JS) stacks.
    He is also an Open Source Software contributor and contributed to the React JS codebase too!
    He has Worked with deployments based on Amazon Web Services (complete stack), RackSpace Cloud, Docker, Vagrant, and Kubernetes.
    Praveen was entitled as the Microsoft Most Valuable Professional (April 2016 - July 2018) for Visual Studio & Development Tools, a Guinness Record holder (Microsoft App Fest),
    Currently, he is presenting talks on a lot of conferences related to JavaScript and Front End.


    FAQs

    1. Is there any number to contact for any query?
      You may call us on our toll-free number: 1800 123 8622  or Drop us an email at geeks.classes@geeksforgeeks.org
       
    2. How will we work on the projects?
      You will begin the project with the help of a course mentor. Each student will be guided by the mentor in the class itself.
       
    3. Is this a certification course?
      Yes, It's a GeeksforGeeks certified program that includes projects along with learning. All students will receive a Training certificate with appropriate grades.
       
    4. What is the size of a batch?
      The planned batch size is 40.
       
    5. How can I register for the course?
      Click on the Signup for free button & Pay Fees online
       
    6. What are the course duration and class timing?
      The course includes 16 lectures which will be completed in 8 weeks. Classes are scheduled on every Sat & Sun. The class duration is 3 Hours, from 8:00 PM to 11:00 PM.

    Course Registration

    Batch Date Type Register
    FSRNL-1 27 June '20 to 16 August '20 Live Classes
    Registration Closed
    Batch Date Type Register
    FSRNL 2 31 October '20 to 20 December '20 Live Classes