Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Node.Js

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.
Rating: 4.4 out of 54.4 (838 ratings)
8,505 students
Created by Ryan Dhungel
Last updated 1/2021
English
English [Auto]
30-Day Money-Back Guarantee

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

26 sections • 233 lectures • 21h 30m total length

  • Preview02:18
  • Preview02:20
  • Preview02:39
  • Preview03:15
  • Preview02:26
  • 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

  • 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

  • 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

  • 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

  • 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

  • Showing all users
    08:48
  • Showing single user
    07:48
  • Update user
    10:50
  • Delete user
    06:21
  • Source code
    00:25

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

  • 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

  • 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

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

Featured review

Jason Alway
Jason Alway
41 courses
6 reviews
Rating: 5.0 out of 5a year ago
Great course for learning MERN stack, MVC and deployment. The instructor, Ryan, explains things thoroughly and answered the one question I had quickly. This is the second class of his I have taken and have purchased four others. I'm looking forward to learning more from Ryan.

Instructor

Ryan Dhungel
Web Developer
Ryan Dhungel
  • 4.5 Instructor Rating
  • 14,239 Reviews
  • 188,282 Students
  • 24 Courses

Ryan Dhungel is a Web Developer from Sydney, Australia. He builds Web apps using JavaScript, Node JS, React JS, Vue JS, Laravel and other emerging platforms.

He also wants to make the entire Web Development process enjoyable and productive at the same time by producing well explained practical Tutorials and Training packages for fellow developers.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.