React Node MERN Stack from Scratch building Social Network

React Node MERN Stack from Scratch building Social Network, available at $74.99, has an average rating of 3.8, with 415 lectures, based on 1020 reviews, and has 9566 subscribers.

You will learn about Understand Modern JavaScript Understand Node Js from Scratch Understand React Js from Scratch Learn Node JS API Development from Scratch Learn Frontend Web Development with React Understand JavaScript in the Browser Environment Understand JavaScript in the Node JS Environment How Node JS Event Loop works Synchronous vs Asynchronous programming Blocking vs Non-Blocking code Using Core Node JS Modules Using your own Modules Using NPM Modules MVC Design Pattern Learn Mongo DB Learn to implement CRUD (create, read, update, delete) on users/posts Learn to use Postman Implement Authentication using JWT Implement Social Login Password Forgot/Reset Functionality User Post Relationship Authorization and Permissions Admin Role/Dashboard User Profile Image Upload User Follow/Unfollow Post Like/Unlike Comments Deploy Node JS API to Digital Ocean Cloud Server Deploy React JS Web App to Digital Ocean Cloud Server Custom ReCaptcha Pagination Build A Complete Social Network Application Real Time with SocketIo SEO (Server Side Rendering) with NextJs This course is ideal for individuals who are A Web Developer looking to build API with Node JS and MongoDB or A Web Developer looking to build web apps with React JS It is particularly useful for A Web Developer looking to build API with Node JS and MongoDB or A Web Developer looking to build web apps with React JS.

Enroll now: React Node MERN Stack from Scratch building Social Network

Summary

Title: React Node MERN Stack from Scratch building Social Network

Price: $74.99

Average Rating: 3.8

Number of Lectures: 415

Number of Published Lectures: 414

Number of Curriculum Items: 415

Number of Published Curriculum Objects: 414

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Understand Modern JavaScript

Understand Node Js from Scratch

Understand React Js from Scratch

Learn Node JS API Development from Scratch

Learn Frontend Web Development with React

Understand JavaScript in the Browser Environment

Understand JavaScript in the Node JS Environment

How Node JS Event Loop works

Synchronous vs Asynchronous programming

Blocking vs Non-Blocking code

Using Core Node JS Modules

Using your own Modules

Using NPM Modules

MVC Design Pattern

Learn Mongo DB

Learn to implement CRUD (create, read, update, delete) on users/posts

Learn to use Postman

Implement Authentication using JWT

Implement Social Login

Password Forgot/Reset Functionality

User Post Relationship

Authorization and Permissions

Admin Role/Dashboard

User Profile

Image Upload

User Follow/Unfollow

Post Like/Unlike

Comments

Deploy Node JS API to Digital Ocean Cloud Server

Deploy React JS Web App to Digital Ocean Cloud Server

Custom ReCaptcha

Pagination

Build A Complete Social Network Application

Real Time with SocketIo

SEO (Server Side Rendering) with NextJs

Who Should Attend

A Web Developer looking to build API with Node JS and MongoDB

A Web Developer looking to build web apps with React JS

Target Audiences

A Web Developer looking to build API with Node JS and MongoDB

A Web Developer looking to build web apps with React JS

Welcome to Become a FullStack / MERN Stack JavaScript Developer from Scratch with React, NextJs, Node JS, SocketIo and MongoDB. In this updated course you will Learn React with Node JS from Absolute Scratch – Build A Complete MERN Stack Social Network from Scratch and Deploy to the Cloud Hosting.

In this course you will learn:

Node JS From Scratch

Node JS API Development from Scratch

React JS from Scratch

Modern JavaScript from Scratch

A FullStack Social Network Application from Scratch

Build Rock Solid Authenticationwith Password Forgot/Password Reset using JWT

Authorization

Implement Social Login using JWT

CRUD, Image Upload, User Posts Relationships, follow, unfollow, likes, comments and more

Super Admin based on Role

Custom reCAPTCHA

Pagination

Real Time Communication

SEO

Deploy FullStack React Node Social Network to Digital Ocean Cloud Hosting

Full Source Code is available for each major section and lectures

Direct help from Instructor if you ever get stuck!

In depth understanding of Modern JavaScript, React and Node JS

Each line of code is explained!

Easy to understand (Course starts from absolute basic and gradually makes progress)

Follow the best practices while coding

Fully understand the code you are writing

Best way of structuring Node Js and React application so that it scales in future

This course has so much more, It does not make sense to write them all here. But I can guarantee that this course is your gateway to become a FullStack JavaScript Developer.

Enroll into this course. This is revolutionary 馃檪

You will master your JavaScript skills, Understand Core Node JS programming, Build fast, flexible and scalable API with Node JS.

Not only that, you will also learn React JS from scratch. You will learn to build lightning fast frontend web app that will consume the data from the API you build.

This course is unlike any other course you have seen online. This course first focuses on giving you the deep understanding of the topic before diving into building practical projects.

This course shows you how to master the most in demand technologies of present time in easy, fast and effective way. Grab this opportunity, don’t let it go!

* Full support from the instructor himself on each lesson, if you ever get stuck!

* Even though I called this project A Social Network, It is much more than that. The skill you learn from this course can be applied to build various kinds of applications.

So what are you waiting for 馃檪 Let me take you on A Wonderful Journey to Learn Node JS and React JS from Scratch and build A MERN Stack Node React Social Network Project along the way!

Course Curriculum

Chapter 1: [NEW] Introduction

Lecture 1: Project demo

Lecture 2: Is this course right for you?

Lecture 3: VS Code editor setup

Lecture 4: Source code

Lecture 5: Are you new to JavaScript Programming Language?

Chapter 2: [NEW] Modern JavaScript

Lecture 1: JavaScript in HTML

Lecture 2: Window object, DOM and Local storage

Lecture 3: Variables using var, let and const

Lecture 4: Const and Object

Lecture 5: Template Strings

Lecture 6: Function and default arguments

Lecture 7: Arrow function and return keyword

Lecture 8: This keyword

Lecture 9: Object destructuring

Lecture 10: Array destructuring

Lecture 11: Spread operator

Lecture 12: Rest operator

Lecture 13: Function and prototype

Lecture 14: Classes

Lecture 15: Extending class

Chapter 3: [NEW] Learning NodeJs

Lecture 1: NodeJs

Lecture 2: Code execution in nodejs

Lecture 3: Using NPM

Lecture 4: Require and export

Lecture 5: Core nodejs module

Lecture 6: NodeJs event loop (theory)

Lecture 7: Code execution

Lecture 8: Synchronous vs Non-Asynchronous

Lecture 9: Using ExpressJs

Chapter 4: [NEW] Learn React

Lecture 1: Create react app

Lecture 2: Creating a form

Lecture 3: HTML to JSX

Lecture 4: React state and event handlers

Lecture 5: Making API request using fetch

Lecture 6: Handling CORS error

Lecture 7: Rendering data

Lecture 8: External API request

Lecture 9: Fetch to Axios

Lecture 10: Reusable components

Chapter 5: [NEW] Styling in React

Lecture 1: CSS in React

Lecture 2: Styled components

Lecture 3: Using Ant Design

Lecture 4: Loading state

Chapter 6: [NEW] Server Routes, Middlewares and Controllers

Lecture 1: Middlewares

Lecture 2: Routes and controllers

Chapter 7: [NEW] MongoDB Setup

Lecture 1: MongoDB connection (theory)

Lecture 2: Signup to Mongo Atlas

Lecture 3: Mongoose Version

Lecture 4: Connect to MongoDB

Lecture 5: Dotenv and Gitignore

Lecture 6: Using import export in nodejs

Chapter 8: [NEW] Routing and Pages

Lecture 1: Creating pages

Lecture 2: React router version

Lecture 3: React router

Lecture 4: SEO and NextJs

Chapter 9: [NEW] Starting Social Network Project

Lecture 1: Social network project

Lecture 2: NextJs setup

Lecture 3: Bootstrap CSS

Lecture 4: Navigation

Lecture 5: Public folder

Chapter 10: [NEW] User Registration, Schemas and Bcrypt

Lecture 1: Register page

Lecture 2: React state and onChange event

Lecture 3: Using axios

Lecture 4: Server setup

Lecture 5: Routes and controllers

Lecture 6: User model

Lecture 7: Bcrypt hash and compare

Lecture 8: Register user

Lecture 9: Toast notifications

Lecture 10: Ant design modal

Lecture 11: Env, validation and form cleanup

Lecture 12: Loading state

Lecture 13: Background image

Lecture 14: Auth form component

Chapter 11: [NEW] User Login, Context and Authorization

Lecture 1: Login page

Lecture 2: User login and JWT token

Lecture 3: Global state using context (theory)

Lecture 4: Context state

Lecture 5: Local storage

Lecture 6: Logout

Lecture 7: Conditional Nav links

Lecture 8: Active links

Lecture 9: Redirect logged in user

Lecture 10: Using Postman

Lecture 11: Verify current user token

Lecture 12: Wrapper component for Authorization

Chapter 12: [NEW] Axios Configuration

Lecture 1: Axios interceptors

Lecture 2: Axios config

Instructors

Ryan Dhungel
Web Developer

Rating Distribution

1 stars: 18 votes

2 stars: 28 votes

3 stars: 100 votes

4 stars: 294 votes

5 stars: 580 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!