MERN Stack - React Node from Scratch Building Social Network
4.4 (682 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,834 students enrolled

MERN Stack - React Node from Scratch Building Social Network

Master MERN Stack from Scratch while building awesome Social Network. Covers entire Front/Backend Database & Deployment.
4.4 (682 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,834 students enrolled
Created by Ryan Dhungel
Last updated 8/2020
English
English [Auto]
Current price: $13.99 Original price: $19.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 21 hours on-demand video
  • 48 articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll 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
Course content
Expand all 236 lectures 21:39:32
+ Understanding Node JS
19 lectures 01:17:25
Getting started with node js
02:54
Writing functions
03:43
Import export
06:26
Using arrow functions
05:37
Object destructuring
02:01
Using node js core modules
03:29
Using npm packages
08:15
Using express
05:28
Node js event loop
03:06
Programming for event loop
04:28
Asynchronous programming
08:13
Synchronous programming
04:24
Functional approach
03:46
Secrets of understanding node js
02:37
+ Node JS API Development - First Steps
11 lectures 51:55
Creating server with express
07:15
Separating routes
05:04
Middleware explained
06:49
Using controllers
07:13
Json and postman
04:32
Database Options: mLab vs MongoDB Atlas
00:38
Signup with mlab to use mongodb
11:31
Signup with MongoDB Atlas to use mongodb
02:31
Resources to install MongoDB and Robo3T (optional)
00:15
Connecting to database using mongoose
05:41
Source code
00:25
+ Node JS API Development - Posts
7 lectures 42:44
Post schema
04:52
Creating a post
12:58
Using the right version of express-validator for the next lecture
00:24
Validation and friendly error messages
14:26
Getting posts
06:36
Whats next and cleanup
03:03
Source code
00:25
+ Node JS API Development - Authentication
10 lectures 01:11:08
Installing and using UUID
00:26
User schema
05:07
Virtual fields and methods
12:48
User signup using async await
12:15
User signin validation and error messaging
09:48
User signin flow
09:40
User signin with jwt
13:31
Testing user signin
03:42
Signout method
03:26
Source code
00:25
+ Node JS API Development - Authorization
8 lectures 28:09
Express JWT Error - Algorithms should be set
00:14
Protecting routes
06:38
Handling unauthorized error
02:58
Implementing authorization
05:22
Find user by id and add to req object
06:34
Has authorization method
03:58
Apply require signin to create post
02:00
Source code
00:25
+ Node JS API Development - Users
5 lectures 34:12
Showing all users
08:48
Showing single user
07:48
Update user
10:50
Delete user
06:21
Source code
00:25
+ Node JS API Development - Users and Posts
13 lectures 01:18:05
User post relationship with post schema
06:45
Create post with image upload and user
11:12
Testing create post
09:33
Get all posts with user
02:35
Get all posts by user
07:30
Post update delete flow
02:52
Post by id based on route param
03:50
Delete post
10:38
Update post
05:58
Whats next
03:58
Documenting api
09:09
Adding cors
03:40
Source code
00:25
+ Modern JavaScript
13 lectures 01:12:00

NOTE:

ECMAScript (European Computer ManufacturersAssociation) updates that are released will be one above the last digit of the release year; that is, ES7/2016, ES8/2017, and ES9/2018.

Modern javascript
01:53
Creating variables using const
04:05
Creating variables using let
03:47
Template strings
05:09
Default parameters
03:24
Arrow functions
05:57
Arrow functions and this keyword
10:10
Destructuring object
08:13
Destructuring array
02:08
Restructuring
04:56
Spread and rest operators
07:31
Class constructor super
14:22
Source code
00:25
+ React JS Basic
9 lectures 54:49
Installing react
05:23
React files and folders introduction
06:22
Storing data in component state via ajax call
10:58
Rendering state data using map
05:47
Conditional rendering
04:17
Imports exports props
09:35
Handling click events
07:39
Destructuring inline styling and keys
04:23
Source code
00:25
+ React JS Web App Development (frontend)
4 lectures 17:28
Create react project
04:44
Using react router dom
09:29
Adding pages
02:50
Source code
00:25
Requirements
  • Basic Understanding JavaScript or any other programming language
Description

Welcome to Become a FullStack / MERN Stack JavaScript Developer from Scratch with React, Node JS and MongoDB. In this 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

  • FullStack Social Network Application from Scratch

  • Build Rock Solid Authentication with 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

  • 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!

Who this course is for:
  • A Web Developer looking to build API with Node JS and MongoDB
  • A Web Developer looking to build web apps with React JS