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 AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Mindfulness Personal Development Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native 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
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-01-18 15:00:33
30-Day Money-Back Guarantee
Development Web Development MERN Stack

Practical Guide to learn MERN Stack - Version-01

Build fullstack web applications with React.js, Node.js, Express.js & MongoDB (MERN) with this project-focused course.
New
Rating: 0.0 out of 50.0 (0 ratings)
7 students
Created by Haider Malik
Last updated 1/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Build a full stack app with React, Redux, Node, Express & MongoDB
  • React Hooks, Async/Await & modern practices
  • Create a REST backend API with Express
  • Document your REST APIs with Swagger
  • Use ES6 with Nodejs
  • Use Redux for state management with React Hooks
  • Integrate React with an Express backend in an elegant way
  • Master React Hooks Fundamentals

Course content

10 sections • 69 lectures • 5h 47m total length

  • Preview07:27
  • Installing Nodejs
    05:18
  • Preview05:32
  • Sending HTML in Response
    03:52
  • Reading and Writing Files
    08:45
  • Creating Custom Module
    04:38

  • Running Node App using Npm scripts
    05:18
  • Installing External Dependencies
    06:15
  • Package Dependencies
    04:44
  • Sementic Versioning
    04:26
  • Preview05:18
  • Upgrading Local Packages
    04:23
  • Publish your custom Module to NPM
    05:06
  • Updating your published module
    01:37

  • Introduction
    00:37
  • What is REST API
    05:56
  • Creating Web Server in Express
    07:11
  • Set Environment Variables
    02:02
  • Route Parameters
    02:34
  • GET API Endpoints
    04:59
  • POST API Endpoint
    07:07
  • Delete API Endpoint
    04:09
  • Update Endpoint
    05:54

  • Project Starter
    00:07
  • Initial Setup
    01:06
  • Connect with MongoDB
    01:26
  • Create Nodejs Project structure feature by feature
    03:35
  • Create Model in Mongoose
    01:48
  • Add Validations for Request Params
    04:16

  • Create new Record in MongoDB
    01:15
  • Find All Records from MongoDB
    01:15
  • Pagination in Mongoose
    03:33
  • Find Single Record by ID
    02:00
  • Delete Record from MongoDB
    01:53
  • Update Record in MongoDB
    02:54

  • Swagger Documentation Setup
    02:28
  • Create Definition Model in Swagger
    01:11
  • Add Documentation for POST Endpoint
    03:47
  • Documentation for Find All Records
    04:28
  • Documentation for Find One Record
    02:58
  • Documentation for Delete Record
    01:13
  • Documentation for Update Record
    02:27

  • useState Hook
    08:03
  • Fetching Data using ComponentDidMount
    06:38
  • Fetching Data using useEffect
    05:27
  • Using Async/Await with useEffect
    04:52
  • Running SideEffect after every render
    03:42
  • Run useEffect on specific Dependency
    07:53
  • useReducer Demo
    08:41
  • useContext Demo
    11:27

  • Preview12:53
  • Building First App with Redux
    06:31

  • Preview07:27
  • Basic Layout to render the Data in Table
    05:24
  • Creating Action Types to Fetch Songs
    03:17
  • Preview06:09
  • Send API Request in Redux
    10:03
  • Rendering Data in the Table
    05:58
  • Refactor List Item into Separate Component
    03:33
  • Implement Delete Action Creator
    07:38
  • Confirmation box before Deleting Record
    02:15
  • Creating Forms in React and Redux
    05:26
  • Adding Form Validations using React Hook Form
    05:42
  • Send API request to create new Record
    11:53
  • Use same Component to Update and New Record
    05:44
  • Fetch Single Record on the based on ID
    08:41
  • Set data to the Form
    02:30
  • Send update record request in React and Redux
    09:20

  • Connect Frontend with Backend App
    13:31

Requirements

  • A good understanding of JavaScript & ES6 Fundamentals
  • React & Node Basics

Description

Building fullstack applications (i.e. frontend + backend) with the MERN stack is very popular - in this course, you will learn it from scratch at the example of a complete project!

This is NOT an "Intro to React" or "Intro to Node" course. It is a practical hands on course for building an app using the incredible MERN stack.

ExpressJS, ReactJS, and NodeJS as its working components. Here are the details of what each of these components is used for in developing a web application when using MERN stack:

  • MongoDB: A document-oriented, No-SQL database used to store the application data.

  • NodeJS: The JavaScript runtime environment. It is used to run JavaScript on a machine rather than in a browser.

  • ExpressJS: A framework layered on top of NodeJS, used to build the backend of a site using NodeJS functions and structures. Since NodeJS was not developed to make websites but rather run JavaScript on a machine, ExpressJS was developed.

  • ReactJS: A library created by Facebook. It is used to build UI components that create the user interface of the single page web application.

With MongoDB under its hood for higher scalability, Express JS for speed enhancements, JavaScript as its primary language for end-to-end development, MERN is one of the best full stack development suites after MEAN.

React JS is the best when it comes to UI layer abstraction. It provides the best-in-class tools for faster code development. While React is only a library, it gives you the freedom to build the application and organize the code the way you want, by providing the necessary tools. Hence, it is better than Angular in terms of UI rendering and performance.

This is the version 1 of the MERN Stack course. In the next version, you are going to learn more about pagination, authentication and deployment etc.

Who this course is for:

  • Anyone that wants to learn how to build a full stack MERN application
  • Developers who want to land MERN Stack Job

Instructor

Haider Malik
Fullstack Javascript Developer/Entrepreneur/Author
Haider Malik
  • 3.5 Instructor Rating
  • 1,493 Reviews
  • 42,863 Students
  • 28 Courses

Haider Malik is the founder of HttpGuy. He is a full-stack Javascript developer. He is passionate about everything JavaScript, and he loves exploring new libraries.

He’s had extensive experience developing software and working with teams to improve how software is developed to meet business objectives.Although his primary focus is on outcomes, implementation often includes technical competency


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