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!

Menu