MERN Stack Development

This MERN stack course covers the fundamentals of full-stack JavaScript development. It dives into Node.js and Express for the backend, React for the frontend, and MongoDB as the NoSQL database. Topics include setting up a development environment, building RESTful APIs, integrating authentication, managing state in React, handling asynchronous operations, and deploying applications.

What you'll learn
  • Learn theory while building practical applications throughout the course.
  • Handle routing and logic within your Node.js Express server.
  • Build dynamic UIs using React components and manage state effectively.
  • Implement forms in React with proper validation and handling.
  • Manage file uploads using Node.js backend and React frontend.
  • Implement user authentication (JWT-based) and authorization.
  • Create and consume APIs using Node.js and Express.
  • Work with MongoDB, including schemas, queries, and indexes.
  • Understand and utilize async/await for asynchronous operations.
  • Implement error handling and validation techniques.
  • Explore advanced topics like websockets, GraphQL, and performance optimization.
  • Deploy MERN stack applications to platforms like Heroku or AWS.
Requirements
  • JavaScript and ES6: Solid understanding of JavaScript, especially ES6 features.
  • Node.js Basics: Familiarity with Node.js and its ecosystem.
  • React Basics: Basic knowledge of React and its core concepts.
  • HTML and CSS: Understanding of building web pages with HTML and styling with CSS.
  • Course Description


    Who This Course Is For:
    • This course is meant for students already familiar with the basics of HTML, CSS and have basic understanding of JavaScript
    • Developers who want to take their skill to the next level
    • Anyone who want to learn MERN Stack in efficient way
    Course Content

    Level Intermediate • 300 Lectures • 00 Minutes

    What is web development?

    What is a web browser?

    How do websites work?

    What are domain and HTTP protocols?

    Website vs. web app vs. mobile app vs. desktop app

    What is frontend & backend?

    What is a database?

    What is the MERN stack?

    Assignment 1.1

    What is programming?

    How does programming work?

    What is the C language?

    History of C?

    What is the syntax?

    Output in C

    Data types

    Format specifier

    Variables

    User input in C

    Comments

    Assignment-1: Introduction to C programming

    Operators

    Conditional statement

    If-else

    If

    Else-if

    Nested-conditional

    Ternary

    Assignment-2:Conditional statements

    Loops

    For

    While

    Do … while

    break/continue

    Assignment 6.3 loops

    What is Array?

    What is a string?

    Assignment 6.4 Array and string

    User-defined functions

    Assignment 6.5 functions

    System define functions

    String

    Math

    Assignment 6.6 built-in function

    Structure

    Final Assignment C programming

    What is HTML?

    What is a tag?

    Body, head, title tags

    Rules of tags?

    Text formatting tags

    Assignment 7.1 Introduction to HTML

    What are attributes?

    HTML media

    HTML table, list

    Assignment 7.2 HTML media and table, list

    HTML form

    HTML inputs

    HTML with default values

    HTML validation

    Assignment 7.4 HTML forms

    Other HTML tags

    Assignment final 7.3 HTML summary

    What is CSS?

    Why do we use CSS?

    Anatomy of CSS

    What is class & ID?

    What are selectors & what types

    Assignment 8.1 Intro with CSS

    Units in CSS

    Absolute units: px, pt, cm, mm

    Relative units:%em, rem, vh, vw

    Height & width in CSS

    Color in CSS

    Rgb -rgba

    Hsl-hsla

    Hexadecimal

    Color name

    Assignment 8.2 CSS units and color

    Font

    Font family

    Font size

    Font style

    Font weight

    Text

    Letter spacing

    Line break

    Text transformation

    Line height

    Text align

    Word break

    Assignment 9 final CSS font and text

    What is a box model?

    Box model types

    Standard

    Alternative

    What is margin, padding, and border?

    How to apply margin, padding, and border?

    Assignment 10.1 Box model

    Bg image

    Bg color

    Bg repeat

    Bg sizing

    Bg gradient

    Linear

    Radial

    Bg Attachment

    Assignment 10.2 background

    What is the position?

    Static position

    Relative position

    Absolute position

    Positioning context

    Z-index

    Fixed

    Sticky

    Display types

    Overflow

    Assignment 11 position

    Flexbox

    Assignment 12.1 flexbox

    Transition

    Media query

    Assignment 12.3 Media query

    What is NPM?

    What is YARN?

    Import and export module

    What is javascript?

    How does it work? (Context In Javascript)

    ES5 vs ES6

    Data type

    Input / Output

    Let, const, var

    Scope in Javascript

    Assignment 13.1 Intro of JavaScript

    Object with property and methods

    Array

    Assignment 13.2 Array and object

    Control statement

    If else

    Else if

    Switch

    Assignment 13.3 Control statement in javascript

    Loops

    For

    While

    For in

    For of

    Assignment 13.4 loops in javascript

    User-defined function

    Assignment 13.5 functions in javascript

    Methods of Array, string

    Assignment 13.6 Array, string in javascript

    Methods of Math

    Methods of Date

    Assignment 13.7 Math and date methods

    DOM manipulation

    Assignment 13.8 DOM with JavaScript

    Event handling

    Assignment 13.9 events with javascript

    Assignment javascript project

    JS functions and types of functions

    Arrow Functions

    Functions in JS Vs ES6

    JavaScript Operator Precedence

    Other Operators

    Assignment 13.10

    JavaScript Classes

    What is API?

    JSON & Promise (AJAX)

    Async/Await

    Assignment 13.11

    What is React?

    Why use React?

    React vs. other frameworks

    Virtual DOM

    Reconciliation

    What is SPA?

    React installation

    Framework structure

    Hello world in reactjs

    React App lifecycle

    Process flow

    What is JSX?

    HTML vs JSX

    Deep down JSX

    What is babel?

    What is the component?

    Composition of components

    What are props?

    React Conditional Rendering & Ternary Operator

    List view

    Styling React Component

    Inline

    Internal

    External

    Common Component Events

    Introducing Hooks

    Rules of hooks

    Common hooks

    useState

    useContext

    useRef

    useEffect

    useMemo

    useCallback

    Custom hooks

    Form validation

    Form handling using state

    React router DOM (new version)

    Installation & Setup

    Navigation for multipage

    Parameter handling

    Conditional redirection

    Formik

    Installation & setup

    Form validation Using regex

    Form validation Using yup

    Axios

    Installation and setup

    Understanding postman

    HTTPSHandling APIs

    methods (get, post, delete, patch)

    Handling APIs

    Handling Auth tokens

    File uploading

    Installation and Setup

    Basic Components

    Grid System

    Navigation and Menus

    Forms and Input Components

    Modals and Dialogs

    Styling and Theming

    Responsive Design

    Advanced Components and Integrations

    Accessibility

    Redux Basics

    Actions

    Reducers

    Store

    Connecting Redux to React

    Actions and Action Creators

    Selectors

    Middleware

    Redux DevTools

    Best Practices and Advanced Topics

    Setting up the Development Environment:

    Installing Node.js and npm (Node Package Manager).

    Setting up a code editor

    Configuring development environment.

    Exploring the Node.js runtime

    Event-driven,

    Non-blocking I/O model.

    Core modules

    Node.js for file system operations

    networking, and more.

    Working with npm

    Manage dependencies and packages.

    Understand MVC architecture

    Getting familiar with Express.js and its features.

    Setting up an Express.js application.

    Handling routes and HTTP methods (GET, POST, PUT, DELETE).

    Understand postman.

    Understand JSON(JavaScript object notation).

    Implementing middleware for tasks like request parsing, logging, and error handling.

    RESTful API Development:

    Designing RESTful APIs using Express.js.

    Defining routes, endpoints, and resource naming conventions.

    Building custom middleware for tasks like authentication, authorization, and validation.

    Working with third-party middleware

    What is a database?

    Types of databases.

    RDBMS VS NON RDBMS

    MySQL vs MongoDB

    Mysql benchmark

    Crud operations (create, read, update, delete)

    Integration with MySQL

    Crud operations with Mysql

    Building custom middleware for crud operations

    Building custom middleware for authentication, authorization, and validation, File storage.

    Integration with MongoDB

    Introduction of ODM

    Introduction to Mongoose

    Mongoose schema and model

    Integration of MongoDB with Mongoose

    Crud operations with Mongoose

    Building custom middleware for tasks like authentication, authorization, and validation.

    Working with third-party middleware for Authentication and authorizations

    JWT

    Bcryptjs

    File storages

    Understand About Fetch

    Making crud operation using fetch

    Understand Axios

    Making crud operations using Axios

    Understand COR.

    Understand how to resolve COR.

    Manage front and back end.

    Implement all concepts of backend

    projects

    Request a call back