HOT
blank

Apply Jobs as MERN stack developer with this course

Development

Rating4.7
Enroll Now

Apply Jobs as MERN stack developer with this course, available at $49.99, has an average rating of 4.7, with 107 lectures, based on 80 reviews, and has 16280 subscribers.

You will learn about You can apply Jobs as a MERN stack developer You will learn to implement Authentication and Restricted Routes concept 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 This course is ideal for individuals who are Anyone who wants to apply Jobs as a MERN stack developer It is particularly useful for Anyone who wants to apply Jobs as a MERN stack developer.

Enroll now: Apply Jobs as MERN stack developer with this course

Summary

Title: Apply Jobs as MERN stack developer with this course

Price: $49.99

Average Rating: 4.7

Number of Lectures: 107

Number of Published Lectures: 107

Number of Curriculum Items: 107

Number of Published Curriculum Objects: 107

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

  • You can apply Jobs as a MERN stack developer
  • You will learn to implement Authentication and Restricted Routes concept
  • 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

Who Should Attend

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

Target Audiences

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

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 method

    We 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.

Course Curriculum

Chapter 1: Fundamentals of React JS

Lecture 1: Course Overview

Lecture 2: Know Your Instructor & Get Help/Support

Lecture 3: ReactJS introduction and environment setup

Lecture 4: create react app

Lecture 5: program flow and project files walkthrough

Lecture 6: types of components in react

Lecture 7: creating and using 1st functional component

Lecture 8: creating 1st stateful class componentcreatin

Lecture 9: ES6 functional component, export and import

Lecture 10: comparision between functional and class component

Lecture 11: react hooks intro

Lecture 12: jsx explained

Lecture 13: props in functional and class component

Lecture 14: state vs props

Lecture 15: deep dive into setState

Lecture 16: Handling form in class component part-1

Lecture 17: Handling form in class component part-2

Lecture 18: componentDidMount lifecycle onload method

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

Lecture 1: 1.1-Setup local environment

Lecture 2: Setup backend nodejs API

Lecture 3: what is middleware

Lecture 4: Setup free cloud MongoDB

Lecture 5: Storing and exporting configuration

Lecture 6: Setting up UserModel with mongoose

Lecture 7: Setting up 1st router and 1st route

Lecture 8: Creating Registration REST API

Lecture 9: Saving user in the database

Lecture 10: Encrypting password before saving

Lecture 11: Implementing Login API

Lecture 12: Implementing JWT authentication

Lecture 13: Implementing middleware for protected routes

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

Lecture 1: Setting up Post model with mongoose

Lecture 2: Setting up route for Post

Lecture 3: Implementing create post API

Lecture 4: Do not return password in response

Lecture 5: Get all posts for all users

Lecture 6: Get all posts for current logged-in user

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

Lecture 1: Setting up frontend environment with React

Lecture 2: Add Materialize css and work on NavBar

Lecture 3: Add React VSC extension and further style NavBar

Lecture 4: Update About React-Router-Dom – V6

Lecture 5: Adding pages and routing

Lecture 6: Stopping page refresh with LINK tag

Lecture 7: Adding google fonts and custom style

Lecture 8: Working on Login screen

Lecture 9: Working on Signup screen

Lecture 10: Working with profile page

Lecture 11: Working with profile page gallery section

Chapter 5: Integrating Frontend & Backend

Lecture 1: Working on Homepage Post section

Lecture 2: Enhancing Homepage post section

Lecture 3: Working on Create Post page

Lecture 4: Adding create post routing and further styling it

Lecture 5: Futher styling create-post page

Lecture 6: Running Frontend and Backend together

Lecture 7: Adding state variables to signup page

Lecture 8: Connecting Signup form to Backend Registration API

Lecture 9: Solving CORS issue

Lecture 10: Add Toast message on frontend for error

Lecture 11: Further styling the Toast message for error

Lecture 12: Navigate user to login page after successful registration

Lecture 13: Form input validation

Lecture 14: Integrating Login page with backend Login API

Chapter 6: Cloud storage & Redux

Lecture 1: Enriching Login API to get more user information

Lecture 2: Setup free cloud storage for storing images

Lecture 3: Adding state variables to create post screen

Lecture 4: Uploading Post image to cloud storage

Lecture 5: Updating backend create-post api for storing post image url

Lecture 6: Storing loggedin user info in local storage

Lecture 7: Saving new post by making API call

Lecture 8: Testing create new post functionality end to end

Lecture 9: Setup Reducer and Context API for state sharing and management Part-1

Lecture 10: Setup Reducer and Context API for state sharing and management Part-2.mp4

Lecture 11: Fixing error

Lecture 12: Enriching styling for home page

Lecture 13: Hide and Show menu items based on user loggedin state

Lecture 14: Loading home page posts from backend API

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

Lecture 1: Implementing Logout functionality

Lecture 2: Fetching Profile page data from backend API

Lecture 3: Implementing Like Post API in Backend

Lecture 4: Implementing UnLike Post API in Backend.mp4

Lecture 5: Implementing Like and Unlike on frontend and integrate to backend

Lecture 6: Refresh Like and Unlike count

Lecture 7: Restricting user to like and unlike only once per post

Lecture 8: Implementing Backend API for Comment

Lecture 9: Integrate frontend with backend comment API

Lecture 10: 12.6-Showing comments on frontend

Lecture 11: API for Delete Post

Lecture 12: Integrate frontend with backend Delete Post API

Lecture 13: Test the functionality

Chapter 8: Other's Profile & Follow, Unfollow

Lecture 1: API for seeing Post from different user

Lecture 2: Frontend for Other user profile page Part-1

Lecture 3: Navigate to Other user profile page

Instructors

Rating Distribution

  • 1 stars: 1 votes
  • 2 stars: 1 votes
  • 3 stars: 11 votes
  • 4 stars: 22 votes
  • 5 stars: 45 votes

Frequently Asked Questions


How long do I have access to the course materials?


You can view and review the lecture materials indefinitely, like an on-demand channel.


Can I take my courses with me wherever I go?


Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

You may also like

Top 10 Ethical AI Courses to Learn in November 2024

Top 10 Game Development Courses to Learn in November 2024

Top 10 Software Testing Courses to Learn in November 2024