Loading...
Full Stack Development with MERN
Instructor
CodersTrust
Category
Advanced Tech Skills
MERN Stack Web Development course is to become a skilled full-stack developer. This program is crafted to provide you with the necessary skills and know-how to construct contemporary web applications using MongoDB, Express.js, React, and Node.js. Through practical projects and interactive sessions, you'll learn to seamlessly incorporate each MERN component, enabling you to build robust and scalable web solutions. From initial setup to deploying applications, gain hands-on experience and valuable insights at every stage of the journey.
Curriculum
Module 1 Course Overview
39 sec
Module 1 Resource : Full Stack Development with MERN Overview
Module 2 Lesson 1: Environment Setup
3 min
Module 2 Lesson 2: VS Code Extension, HTML Structure, Head, Body, Meta Tag
13 min
Module 2 Lesson 3: First Website, HTML Attributes, HTML-tag (p, h1-h6, a)
13 min
Module 2 Lesson 4: HTML Tags
30 min
Module 2: HTML Fundamentals
Module 2 Resource : HTML Fundamentals
Module 3 Lesson 1: Introducing CSS Syntax, Internal CSS, Inline CSS
5 min
Module 3 Lesson 2 : External CSS, CSS Colors (hex, RGB, HWB, HSL)
8 min
Module 3 Lesson 3: Compare 3 types of CSS, Apply CSS Class and ID, Background - Color
8 min
Module 3 Lesson 4: Box Model, Font-Family, Google Fonts, Text- Alignment
10 min
Module 3 Lesson 5: CSS Media Query, CSS Measuring Unit
7 min
Module 3: CSS Basics Overview
Module 3 Resource : CSS Basics Overview
Module 4 Lesson 1: Introduction with the Tailwind, Connect with HTML File and Testing, Font Size
9 min
Module 4 Lesson 2: Margin, Padding, Space Between, Container, Width
5 min
Module 4 Lesson 3: Min Width, Max Width, Height, Min-Max Height
2 min
Module 4 Lesson 4: List-Style, List-Style-Position, Text-Align, Text-Color
3 min
Module 4 Lesson 5: Background-Image-Gradient, Gradient-Color-Stop
3 min
Module 4 Lesson 6: Box-Shadow, Hover, Box Shadow Color, Opacity
5 min
Module 4 Lesson 7: Transform: Scale, Rotate, Translate
5 min
Module 4: Tailwind CSS Fundamental
Module 4 Resource : Tailwind CSS Fundamental
Module 5 Lesson 1: Getting Started with React JS
3 min
Module 5 Lesson 2: React Installation
4 min
Module 5 Lesson 3: React Folder Structure
9 min
Module 5 Lesson 4: Helpful Vs Code Extension for React
4 min
Module 5 Lesson 5: How to Write JSX and Return React Component
18 min
Module 5 Lesson 6: Pass Dynamic Data To Components, Props In React
9 min
Module 5 Lesson 7: Create Multiple Components from An Array Of Objects & Styling Component
9 min
Module 5 Lesson 8: React State using useState Hook
6 min
Module 5 Lesson 9: Load Dynamic Data with API Call using useEffect
6 min
Module 5 Lesson 10: Load Countries from API using UseState and UseEffect
3 min
Module 5 Lesson 11: React Daisy UI Install as Component Library
5 min
Module 5 Lesson 12: Load Users from an API using UseState and UseEffect
11 min
Module 5 Lesson 13: Create and Load Fake Data
4 min
Module 5 Lesson 14: React Conditional Rendering
5 min
Module 5 Lesson 15: React Click Event
1 min
Module 5 Lesson 16: React Form Part 1
3 min
Module 5 Lesson 17: React Form Part 2
7 min
Module 5: React Core Concepts
Module 5 Resource : React Core Concepts
Module 6 Lesson 1: Install React Bootstrap in your React Application, Exploring React-Bootstrap
3 min
Module 6 Lesson 2: Dummy Json API Load with React-Bootstrap
11 min
Module 6 Lesson 3: React Router DOM 6 Installation and Setup
7 min
Module 6 Lesson 4: Router Outlet & Creating Not Found Page
16 min
Module 6 Lesson 5: Link & NavLink Active Class by React Router DOM
8 min
Module 6 Lesson 6: Dynamic Routing
6 min
Module 6 Lesson 7: Props Drilling Concept & React Context API Part 01
6 min
Module 6 Lesson 8: Props Drilling Concept & React Context API Part 02
7 min
Module 6: Intermediate React
Module 6 Resource : Intermediate React
Module 7 Lesson 1: Firebase Initial Setup & File Configuration
6 min
Module 7 Lesson 2: Register a User with Firebase
19 min
Module 7 Lesson 3: Logged in a User With Firebase
8 min
Module 7 Lesson 4: Login User Data Show on UI and Conditional Rendering
10 min
Module 7 Lesson 5: Login with Google
6 min
Module 7 Lesson 6: React Toastify
3 min
Module 7 Lesson 7: Private Routing
10 min
Module 7 Lesson 8: Login user Data Show on UI
2 min
Module 7: Firebase Authentication
Module 7 Resource : Firebase Authentication
Module 8 Lesson 1: Node JS Setup
2 min
Module 8 Lesson 2: Server Creation With Express JS Framework
5 min
Module 8 Lesson 3: Setup Nodemon Package
6 min
Module 8 Lesson 4: Software Architectural Pattern - MVC Pattern
8 min
Module 8 Lesson 5: Connect MongoDB Database to Server
12 min
Module 8 Lesson 6: Install MongoDB Compass
2 min
Module 8 Lesson 7: Data Modelling For Backend
5 min
Module 8 Lesson 8: Handle GET & POST Request
15 min
Module 8 Lesson 9: Store in Database
7 min
Module 8 Lesson 10: Handle UPDATE & DELETE Request
16 min
Module 8 Lesson 11: Integrate Backend and Frontend
4 min
Module 8 Lesson 12: Get All User From Backend
12 min
Module 8 Lesson 13: Send POST Request to Add User
4 min
Module 8: Backend Integration (NodeJS, Express, MongoDB)
Module 8 Resource : Backend Integration (NodeJS, Express, MongoDB)
Final Exam : Full Stack Development with MERN
Course Info
- |Full Stack Development with MERN
- |8 hr 14 min
- |79 Lessons
- |1701 Students
