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.
Level Intermediate • 300 Lectures • 00 Minutes
9 lectures, 00:00:00 min
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
37 lectures, 00:00:00 min
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
17 lectures, 00:00:00 min
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
16 lectures, 00:00:00 min
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
13 lectures, 00:00:00 min
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
16 lectures, 00:00:00 min
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
11 lectures, 00:00:00 min
What is the position?
Static position
Relative position
Absolute position
Positioning context
Z-index
Fixed
Sticky
Display types
Overflow
Assignment 11 position
5 lectures, 00:00:00 min
Flexbox
Assignment 12.1 flexbox
Transition
Media query
Assignment 12.3 Media query
48 lectures, 00:00:00 min
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
24 lectures, 00:00:00 min
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
30 lectures, 00:00:00 min
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
10 lectures, 00:00:00 min
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
10 lectures, 00:00:00 min
Redux Basics
Actions
Reducers
Store
Connecting Redux to React
Actions and Action Creators
Selectors
Middleware
Redux DevTools
Best Practices and Advanced Topics
13 lectures, 00:00:00 min
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
11 lectures, 00:00:00 min
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
6 lectures, 00:00:00 min
What is a database?
Types of databases.
RDBMS VS NON RDBMS
MySQL vs MongoDB
Mysql benchmark
Crud operations (create, read, update, delete)
4 lectures, 00:00:00 min
Integration with MySQL
Crud operations with Mysql
Building custom middleware for crud operations
Building custom middleware for authentication, authorization, and validation, File storage.
11 lectures, 00:00:00 min
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
9 lectures, 00:00:00 min
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