5.00(1)

Apply Jobs as MERN stack developer with this course

  • Categories Video Courses
  • Duration 11h
  • Total Enrolled 7
  • Last Update March 16, 2022

Description

In this course, you will learn everything that is needed for you to become a Pro Fullstack developer in a hands-on step by step approach.

In this MERN stack course you are going to learn all the components that will help you develop your own production grade full stack application.

You will be able to apply for any Job related to MERN stack.

Everything will be taught from scratch with practical examples.

Following are the topics that will be covered in this course:

  • 1.1-ReactJS introduction and environment setup
  • 1.2-create react app
  • 1.3-program flow and project files walkthrough
  • 1.4-types of components in react
  • 1.5-creating and using 1st functional component
  • 1.6-creating 1st stateful class component
  • 1.7-ES6 functional component, export and import
  • 1.8-comparision between functional and class component
  • 1.9-react hooks intro
  • 1.10-jsx explained
  • 1.11-props in functional and class component
  • 1.12-state vs props
  • 1.13-deep dive into setState
  • 1.14-Handling form in class component part-1
  • 1.15-Handling form in class component part-2
  • 1.16-componentDidMount lifecycle onload methodWe will use the following technologies:
    1. MONGODB – NoSQL database for storing data as documents and collection
    2. EXPRESS JS – Web framework for developing RESTful web services/API’s
    3. REACT JS – Library for developing the single page UI with functional components
    4. NODE JS – Runtime environment for developing our backend application
    5. Bcrypt JS – Npm package for encrypting and decrypting password
    6. Json Web Token(JWT) – For secure token based communication between frontend and backend via API calls
    7. REACT REDUX – For state management in our React application
    8. localStorage – For storing application information in the frontend
    9. Nodemon – Npm package for auto-reload of backend changes
    10. Cloudinary – Cloud storage for storing images
    11. Visual studio code – Development tool/IDE

    12. ES7 React Extension – Helps to create React functional component faster

We will also learn the debugging techniques and best practices that will help you become an awesome MERN stack developer.

 

What Will I Learn?

  • You can apply Jobs as a MERN stack developer
  • You will become a Pro Fullstack developer
  • You will learn all the concepts of React, Node, Express and MongoDB in practical project based approach
  • You will learn various debugging techniques

Topics for this course

106 Lessons11h

Section 1: Fundamentals of React JS

Lecture 1: Course Overview1:12
Lecture 2: ReactJS introduction and environment setup19:27
Lecture 3: create react app00:04:60
Lecture 4: program flow and project files walkthrough00:12:13
Lecture 5: types of components in react00:03:38
Lecture 6: creating and using 1st functional component00:07:47
Lecture 7: g 1st stateful class componentcreatin00:03:45
Lecture 8: ES6 functional component, export and import00:07:12
Lecture 9: comparision between functional and class component00:02:60
Lecture 10: react hooks intro00:02:41
Lecture 11: jsx explained00:04:12
Lecture 11: jsx explained00:04:12
Lecture 12: props in functional and class component00:22:53
Lecture 13: state vs props00:11:20
Lecture 14: deep dive into setState00:14:43
Lecture 15: Handling form in class component part-100:03:19
Lecture 16: Handling form in class component part-200:15:15
Lecture 17: componentDidMount lifecycle onload method00:03:41

Section 2: Backend API for Login & Signup: Production Grade MERN stack project

Section 3: Backend API for user POST: Production Grade MERN stack project

Section 4: Setup frontend React env & develop layout: Production Grade MERN stack project

Section 5: Integrating Frontend & Backend

Section 6: Cloud storage & Redux

Section 7: Like, Unlike, Comment, Delete, Logout functionality

Section 8: Other’s Profile & Follow, Unfollow

Section 9: Project Source Code

Student Feedback

5.0

Total 1 Ratings

5
1 rating
4
0 rating
3
0 rating
2
0 rating
1
0 rating

great course, covers everything from frontend to backend with a project

$3.99

Requirements

  • Basics of Html, Css, JavaScript

Target Audience

  • Anyone who wants to apply Jobs as a MERN stack developer