The Full Stack Web Development Bootcamp 2023 - Mern Stack

fullstack web development MERN STACK, nodejs, react, mongodb, javascript, HTML, CSS, express, API, & more

What you'll learn

Build Income & ExpensesTracker App using MERN STACK

Build fullstack blog application

Build Image Gallery App using Node js and mongodb and Cloudinary

Build real world Authentication app from scratch

Master File Upload using Cloudinary & Multer

Build React Portfolio from scratch

Build Application using Geolocation API

Master Authentication & Authorization

Develop Employees Database API

Become a Backend Developer

Become a Fullstack Developer

Become a Frontend Developer

Learn how to build RESTful API using Node JS

Understand the basics of Github

Master how to make HTTP Request

Build Task Manager App using LocalStorage

Become a DOM (Document Object Model) Master

Master Express Js to build fast node js application

Master Data Modelling in mongoose

Build Battery Application using Native Web API

Master Responsive Design By Building a Blog Template

Master Asynchronous Programming

Master Mongodb & Mongoose Database

Master Error Handling

Requirements

No programming experience is needed. You will learn everything from scratch

No computer related course is required

Description

This course is perfect for anyone looking to learn web development in 2022. It covers all the latest technologies and frameworks that you'll need to know to build today's modern websites and web applications.We'll start by learning HTML, CSS, and JavaScript, the fundamental technologies of the web. Then we'll move on to more advanced topics like React, Node js, and MongoDB. By the end of the course, you'll  build  different projects ranging from a simple website to a fully-fledged web app.This course is designed for you to build your own business or a new career, and become an expert web developer. You don't need any previous experience in website development or programming as this course is designed in such a way that it can be done even if you have no coding or web development background.It’s all explained in an easy to understand way with step by step instructions, video tutorials, and live examples. This is a hands-on course, where you get immediate access to every lesson,So whether you're a complete beginner or an experienced web developer looking to stay up-to-date with the latest changes, this course is for you. Enrol now and let's get started!

Overview

Section 1: COURSE UPDATE Changelog | MUST READ !!!

Lecture 1 Course UPDATE Change-logs

Lecture 2 How To Get Help When You Stuck

Section 2: LIVE PREVIEW ALL PROJECTS WILL BE BUILDING

Lecture 3 Preview All Projects Will Be Building

Section 3: GETTING STARTED WITH WEB DEV

Lecture 4 Introducing The Course

Lecture 5 Career Paths

Lecture 6 Frontend Development Roadmap

Lecture 7 Backend Development Roadmap

Lecture 8 Knowing Yourself

Lecture 9 How To Get Most Out Of This Course

Lecture 10 How Long Will It Take To Become Web Developer

Lecture 11 How Internet Works Technically

Lecture 12 How Internet Works In Layman's Understanding

Section 4: HTML BASICS->>UPDATED

Lecture 13 Download Course PDF Files

Lecture 14 Role Of HTML/CSS And JavaScript In Web Development

Lecture 15 Meaning And History Of HTML

Lecture 16 Setting Up The Environment

Lecture 17 Exploring Text Editor (VSCODE)

Lecture 18 My First Website

Lecture 19 HTML Syntax

Lecture 20 HTML Elements, Documents and Attributes Explained

Lecture 21 HTML Structure

Lecture 22 Customising VS-CODE

Lecture 23 HTML Comments

Lecture 24 HTML Heading Tags

Lecture 25 HTML Div Tag

Lecture 26 HTML List Tags

Lecture 27 HTML Link Tag

Lecture 28 Link Tag to Download Files, Open Email and Phone apps

Lecture 29 Self Closing Tags

Lecture 30 Image and Picture Tags

Lecture 31 HTML Rules

Lecture 32 HTML Text Formatting Tags

Lecture 33 Ways Of Using EMOJIS

Lecture 34 HTML EMOJIS Demo

Lecture 35 HTML Entities

Lecture 36 HTML Navigations Explained

Lecture 37 Additional VSCODE Extensions

Lecture 38 HTML Navigation Demo Project Setup

Lecture 39 HTML Internal Navigation

Lecture 40 HTML Anchor Navigation

Lecture 41 Deployment Explained

Lecture 42 Deploying HTML Website

Lecture 43 Inline VS Block Elements

Lecture 44 How To Use Font Based Icons (FontAwesome)

Lecture 45 How To Use SVG (Scalable Vector Graphic)

Lecture 46 How To Use FAVICONS

Section 5: HTML ADVANCED:TABLES >>UPDATED

Lecture 47 Table Explained

Lecture 48 Basic HTML Table Demo

Lecture 49 Styling Basic HTML Table

Lecture 50 Advanced HTML Table

Lecture 51 Basic Styling: Advanced HTML Table

Lecture 52 HTML Nested Tables

Lecture 53 Basic Styling: Nested HTML Tables

Section 6: HTML ADVANCED: FORMS >>UPDATED

Lecture 54 Basic HTML Form

Lecture 55 Form Attributes

Lecture 56 Form Input Types

Lecture 57 Multiple And Single Select

Lecture 58 HTML FieldSet

Lecture 59 HTML OptionGroups

Lecture 60 HTML DataList

Section 7: HTML ADVANCED: HTML 5 >>UPDATED

Lecture 61 HTML5 Overview

Lecture 62 HTML4 VS HTML5

Lecture 63 Deprecated Elements

Lecture 64 HTML5 Semantic Explained

Lecture 65 HTML 5 Detailed DEMO

Section 8: CSS BASICS | CSS CONCEPTS

Lecture 66 What is CSS ?

Lecture 67 CSS Syntax

Lecture 68 My first CSS code

Lecture 69 CSS Developer tool

Lecture 70 Reset Browser Default Style

Lecture 71 HACK any website Style ?

Lecture 72 Types of CSS Part 1

Lecture 73 Types of CSS Part 2

Section 9: CSS ADVANCED | BOX MODEL, COLORS & SELECTORS

Lecture 74 What is Box Model?

Lecture 75 Width & Height

Lecture 76 CSS Borders

Lecture 77 Padding Properties

Lecture 78 Margin Properties

Lecture 79 CSS selector Explained

Lecture 80 Element Selector

Lecture 81 Class Selector

Lecture 82 ID Selector

Lecture 83 Descendant Selector

Lecture 84 Child Selector

Lecture 85 Adjacent Sibling Selector

Lecture 86 General Sibling Selector

Lecture 87 Customised VSCODE

Lecture 88 Input Pseudo Classes

Lecture 89 User Action Pseudo Classes

Lecture 90 Location Pseudo Classes

Lecture 91 Pseudo Elements

Lecture 92 CSS Specificity

Lecture 93 CSS Colors (HEX)

Lecture 94 CSS Colors (RGB)

Lecture 95 CSS Colors (RGBA)

Lecture 96 CSS Units

Section 10: CSS ADVANCED: POSITIONING ELEMENTS

Lecture 97 Project Demo

Lecture 98 What is CSS Positioning?

Lecture 99 Inline vs Block level Elements

Lecture 100 Relative Positioning

Lecture 101 Absolute Positioning

Lecture 102 Fixed Positioning

Lecture 103 CSS Positioning Project: Must Read

Lecture 104 CSS Positioning Project

Section 11: CSS ADVANCED: FLEXBOX & RESPONSIVE DESIGN

Lecture 105 Flexbox and Responsive Design Project Demo

Lecture 106 Final Project Preview

Lecture 107 Flex Container

Lecture 108 Flex Direction

Lecture 109 Main VS Cross Axis

Lecture 110 Main VS Cross Axis Visualisation

Lecture 111 Justify Content

Lecture 112 Align Items

Lecture 113 Flex Grow

Lecture 114 Flex Order

Lecture 115 Align Self

Lecture 116 Flexbox Playground

Lecture 117 Responsive Design Project: What is Responsive design?

Lecture 118 Responsive Design Project: Responsive design Roadmap

Lecture 119 Responsive Design Project: What is Media Query

Lecture 120 Responsive Design Project: Header HTML Only

Lecture 121 Responsive Design Project: Header CSS

Lecture 122 Responsive Design Project: Navbar HTML Only

Lecture 123 Responsive Design Project: Navbar CSS

Lecture 124 Responsive Design Project: Navbar Media Query

Lecture 125 Responsive Design Project: Layout HTML Only

Lecture 126 Responsive Design Project: Layout CSS

Lecture 127 Responsive Design Project: Layout Media Query

Lecture 128 Responsive Design Project: Footer HTML Only

Lecture 129 Responsive Design Project: Footer CSS

Section 12: JS BASICS | CONCEPTS

Lecture 130 What is Javascript?

Lecture 131 How Javascript works

Lecture 132 Why Javascript?

Section 13: JS BASICS | VARIABLES

Lecture 133 Getting Started with JS

Lecture 134 Variable Declaration Part 1

Lecture 135 Variable Declaration Part 2

Lecture 136 Javascript Rules

Lecture 137 Javascript Data Types

Section 14: JS BASICS | OPERATORS

Lecture 138 What is javascript operator?

Lecture 139 Arithmetic Operators

Lecture 140 Decrement and Increment Operator

Lecture 141 Assignment Operators

Lecture 142 Single, double, triple equal to differences

Lecture 143 Comparison Operators

Lecture 144 Logical Operators

Section 15: JS BASICS | CONDITIONALS

Lecture 145 If Statement

Lecture 146 Else If Statement

Lecture 147 Exercise

Lecture 148 Exercise SOLUTION

Lecture 149 Truthy & Falsy Values

Section 16: JS BASICS | ITERATION & LOOPS

Lecture 150 What's a loop?

Lecture 151 For Loop

Lecture 152 While Loop

Section 17: JS INTERMEDIATE | FUNCTIONS

Lecture 153 What is a function?

Lecture 154 How to create a function

Lecture 155 Why functions?

Lecture 156 Function Argument vs function Parameters

Lecture 157 Return keyword

Section 18: JS INTERMEDIATE | STRING METHODS

Lecture 158 How to create a string

Lecture 159 String Concatenation

Lecture 160 Template Literals

Lecture 161 String Length Method

Lecture 162 Coding CHALLENGE 1

Lecture 163 Coding CHALLENGE 1 : SOULUTION

Lecture 164 indexOf()-toUpperCase-toLowerCase()

Lecture 165 Coding CHALLENGE 2

Lecture 166 Coding CHALLENGE 2: SOLUTION

Lecture 167 Split()-reverse()-join() methods

Lecture 168 Coding CHALLENGE 3: SOLUTION

Lecture 169 Coding CHALLENGE 4: Repeat() method

Lecture 170 Coding CHALLENGE 4: SOLUTION

Lecture 171 StartWith() method

Lecture 172 Coding CHALLENGE 5

Lecture 173 Coding CHALLENGE 5- SOLUTION

Lecture 174 Coding CHALLENGE 6 - NO SOLUTION

Lecture 175 includes method()

Lecture 176 Coding CHALLENGE 7

Lecture 177 Coding CHALLENGE 7 -SOLUTION

Lecture 178 Slice() method

Lecture 179 Coding CHALLENGE 8

Lecture 180 Coding CHALLENGE 8 -SOLUTION

Lecture 181 String comparison

Section 19: JS INTERMEDIATE | ARRAYS

Lecture 182 What is an Array. MUST WATCH

Lecture 183 How to create Array

Lecture 184 Accessing Array Elements

Lecture 185 Iterating over Array

Lecture 186 Commonly Used Array Methods Part 1

Lecture 187 Array Reduce Method

Lecture 188 Array Find Method

Lecture 189 Array filter Method

Lecture 190 Coding CHALLENGE 1

Lecture 191 Coding CHALLENGE 1 SOLUTION

Lecture 192 Coding CHALLENGE 2

Lecture 193 Coding CHALLENGE 2 SOLUTION

Lecture 194 Coding CHALLENGE 3

Lecture 195 Coding CHALLENGE 3 SOLUTION

Lecture 196 Coding CHALLENGE 4

Lecture 197 Coding CHALLENGE 4 SOLUTION

Lecture 198 Coding CHALLENGE 5

Lecture 199 Coding CHALLENGE 5 SOLUTION

Lecture 200 Coding CHALLENGE 6

Lecture 201 Coding CHALLENGE 6 SOLUTION

Lecture 202 Coding CHALLENGE 7

Lecture 203 Coding CHALLENGE 7 SOLUTION

Section 20: JS INTERMEDIATE | OBJECTS

Lecture 204 Whats is an Object? MUST WATCH

Lecture 205 How to create an Object.mp4

Lecture 206 Accessing Object Properties

Lecture 207 Updating Object Properties

Lecture 208 Deleting Object Properties

Lecture 209 Adding method to object

Lecture 210 Mysterious word (this keyword)

Lecture 211 Iterating Object | for in loop

Lecture 212 Iterating Object | Object.Keys()

Lecture 213 Iterating Object | for each loop (exceptional)

Lecture 214 Iterating Object | Object.Values()

Lecture 215 Iterating Object | Object.entries()

Lecture 216 Coding CHALLENGE 1

Lecture 217 Coding CHALLENGE 1 SOLUTION

Lecture 218 Coding CHALLENGE 2

Lecture 219 Coding CHALLENGE 2 SOLUTION

Lecture 220 Coding CHALLENGE 3

Lecture 221 Coding CHALLENGE 3 SOLUTION

Section 21: JS INTERMEDIATE | MATH OBJECT

Lecture 222 Whats is math object?

Lecture 223 Common math object methods

Lecture 224 Coding CHALLENGE 1

Lecture 225 Coding CHALLENGE 1 SOLUTION

Lecture 226 Coding CHALLENGE 2

Lecture 227 Coding CHALLENGE 2 SOLUTION

Lecture 228 Coding CHALLENGE 3

Lecture 229 Coding CHALLENGE 3 SOLUTION

Lecture 230 Coding CHALLENGE 4

Section 22: JS ADVANCED | ARRAY OF OBJECTS

Lecture 231 Section introduction

Lecture 232 Data Mutation Practice

Lecture 233 Iterating Using ForEach()

Lecture 234 Iterating Using map()

Lecture 235 Iterating Using filter()

Lecture 236 Iterating Using reduce()

Section 23: JS ADVANCED - JAVASCRIPT NEW FEATURES (ES6)

Lecture 237 Javascript Versions

Lecture 238 Array Destructuring

Lecture 239 Object Destructuring

Lecture 240 Destructuring with Default Values

Lecture 241 Destructuring Parameters

Lecture 242 Rest Parameters

Lecture 243 Arrow Functions

Lecture 244 Spread Operator

Section 24: JS ADVANCED - JAVASCRIPT HIGH LEVEL OVERVIEW

Lecture 245 History Of Javascript

Lecture 246 What is Console.log() ?

Lecture 247 Characteristics of Javascript

Lecture 248 Javascript Engine

Lecture 249 Javascript Runtime (Browser)

Lecture 250 Javascript Call Stack

Section 25: JS ADVANCED | FUNCTIONS

Lecture 251 Types of Scope?

Lecture 252 Global Scope

Lecture 253 Block Scope

Lecture 254 Function Scope

Lecture 255 Lexical Scope

Lecture 256 First Class functions vs High Order Functions

Lecture 257 High Order Functions (HOF)

Lecture 258 Function Returning a Function

Lecture 259 IIFE (Immediately Invoked Function Expression)

Section 26: JS ADVANCED - WORKING WITH THE DOM

Lecture 260 What is the DOM?

Lecture 261 What is DOM node ?

Lecture 262 Examine the DOM

Lecture 263 Types of DOM Selectors

Lecture 264 Selecting DOM Elements Practice

Lecture 265 Changing Element Properties

Lecture 266 ClassList Methods

Lecture 267 Adding and Removing Content

Lecture 268 Types of DOM Events

Lecture 269 Mouse Event Types

Lecture 270 Keyboard Event Types

Lecture 271 Form Event Types (Form Handling)

Section 27: JS ADVANCED - ASYNCHRONOUS PROGRAMMING

Lecture 272 Differences between Async and Synchronous Programming

Lecture 273 How Synchronous code works

Lecture 274 What is Async Programming?

Lecture 275 How Async Code Works Behind the Scene?

Lecture 276 Ways Of Writing Async Code

Lecture 277 What is Callback function ?

Lecture 278 Callback Practice

Lecture 279 What is a Promise?

Lecture 280 Some Facts About Promise

Lecture 281 How To Create a Promise

Lecture 282 How to Consume a Promise

Lecture 283 How To Handle Promise Rejection

Lecture 284 Function Returning a Promise

Lecture 285 Promise.all() & Promise.race()

Lecture 286 Async/Await Explained

Lecture 287 Async/Await Practice

Section 28: JS ADVANCED: WEB APIs & HTTP REQUEST

Lecture 288 Projects Demo

Lecture 289 What's An API?

Lecture 290 Types Of Web APIs

Lecture 291 Battery API: Project Part 1

Lecture 292 Battery API: Project Part 2

Lecture 293 LocalStorage API: Task Manger Project

Lecture 294 Fetch API: What is HTTP Request ?

Lecture 295 Fetch API: HTTP Request Project

Lecture 296 GeoLocation API: GeoLocation API Project

Section 29: NODE JS: FUNDAMENTALS

Lecture 297 Web Application Components

Lecture 298 Roles As a Backend Developer

Lecture 299 Node JS Alternatives

Lecture 300 What You Need To Know

Lecture 301 Mastering The Terminal (Confusing Terms)

Lecture 302 Mastering The Terminal | Common Commands

Lecture 303 What is Node JS?

Lecture 304 Why Node JS?

Lecture 305 Uses Of Node JS

Lecture 306 Companies Using Node JS

Lecture 307 Installing Node JS

Lecture 308 My First Node JS code

Lecture 309 Node JS REPL

Section 30: NODE JS: CORE MODULES

Lecture 310 What is a Module?

Lecture 311 Customise Terminal (Optional)

Lecture 312 File System (fs): Create a file

Lecture 313 Async/Await in Node JS

Lecture 314 File System (fs): Read a file

Lecture 315 File System (fs): Rename a file

Lecture 316 File System (fs): Copy a file

Lecture 317 File System (fs): Append a file

Lecture 318 File System (fs): Truncate a file

Lecture 319 File System (fs): Get Statistics of a file

Lecture 320 File System (fs): Delete a file

Lecture 321 Working with Folders

Lecture 322 OS module

Section 31: NODE JS: NODE PACKAGE MANAGER-NPM

Lecture 323 Whats is NPM ?

Lecture 324 Ways of Installing NPM Packages

Lecture 325 How To Install NPM Packages

Lecture 326 How to Use NPM Package

Lecture 327 How to Install NPM Package Globally

Section 32: NODE JS | WEB SERVER

Lecture 328 What is a Server?

Lecture 329 My First Node JS Server

Lecture 330 Create HTML Files using fs Module

Lecture 331 Response to GET Request

Lecture 332 Making Post Request

Lecture 333 Examining HTTP Response

Lecture 334 Coding Challenge | Node JS Server

Section 33: EXPRESS JS SERVER & ROUTING

Lecture 335 What is Express JS?

Lecture 336 Why Express JS?

Lecture 337 Express JS Roadmap

Lecture 338 Import and Export

Lecture 339 Express Server

Lecture 340 Express Routing: Routing Explained

Lecture 341 Express Routing API Project: Demo

Lecture 342 Express Routing API Project: Express Routing Practice

Lecture 343 Express Routing API Project: Auto Restart Server

Lecture 344 Express Routing API Project: Introducing Postman

Lecture 345 Express Routing API Project: Create Folders & Files Utility Function

Lecture 346 Express Routing API Project: Fetch All Posts Route

Lecture 347 Express Routing API Project: Fetch Single Post Route

Lecture 348 Express Routing API Project: Create Post Route

Lecture 349 Express Routing API Project: Delete Post Route

Lecture 350 Express Routing API Project: Update Post Route

Section 34: EXPRESS MIDDLEWARE

Lecture 351 Middleware Overview- TEXT ONLY

Lecture 352 Express Middleware Overview

Lecture 353 How Middleware Works

Lecture 354 How To Create Middleware

Lecture 355 Middleware Chaining

Lecture 356 Protected Route Middleware

Lecture 357 isAdmin Middleware

Lecture 358 Third Party Middleware

Lecture 359 Coding Challenge 1

Lecture 360 Coding Challenge 2

Section 35: SERVING STATIC FILES & TEMPLATE ENGINE (EJS)

Lecture 361 Rendering Only Assets Final Project

Lecture 362 How To Serve Assets

Lecture 363 How To Make Post Request

Lecture 364 What's Template Engine?

Lecture 365 Setting EJS (Embedded Javascript)

Lecture 366 EJS Syntax

Lecture 367 Rendering Pages

Lecture 368 EJS Partials

Lecture 369 Rendering Dynamic Data

Section 36: DATABASE | MONGODB ONLY

Lecture 370 What is Database?

Lecture 371 Types of Databases

Lecture 372 MongoDB Roadmap

Lecture 373 What is MongoDB?

Lecture 374 Understanding JSON Document

Lecture 375 Why MongoDB?

Lecture 376 Differences between Database vs Collection vs Documents

Lecture 377 MongoDB Shell vs Drivers

Lecture 378 How to Create MongoDB Account

Lecture 379 Ways of Installing MongoDB

Lecture 380 How to Install mongoDB

Lecture 381 How to Connect To MongoDB Using The Drivers

Lecture 382 CRUD OPERATIONS: Create Document

Lecture 383 CRUD OPERATIONS: Fetch All Documents

Lecture 384 CRUD OPERATIONS: Querying Documents

Lecture 385 CRUD OPERATIONS: Updating Documents

Lecture 386 CRUD OPERATIONS: Deleting Documents

Lecture 387 MONGODB TOOLS: MongoDB in VSCODE

Lecture 388 MONGODB TOOLS: MongoDB Compass

Section 37: DATABASE | CRUD OPERATIONS- MONGOOSE

Lecture 389 Why Mongoose?

Lecture 390 Mongoose Schema VS Mongoose Model

Lecture 391 How To Connect To Mongoose

Lecture 392 Schema And Schema Types Example

Lecture 393 Mongoose Model

Lecture 394 Create Document

Lecture 395 Fetch All Documents

Lecture 396 Fetch Single Record

Lecture 397 Update Document

Section 38: MONGOOSE DATABASE MODELLING

Lecture 398 What Is Data Modelling ?

Lecture 399 How To Starting Modelling Data

Lecture 400 Types Of Database Modelling Methods

Lecture 401 Referencing vs Embedded Way Of Relating Documents

Lecture 402 Starter Project Walkthrough

Lecture 403 Embedded Method Part 1

Lecture 404 Embedded Method Part 2

Lecture 405 Referencing Method

Lecture 406 Virtual Properties

Section 39: NODE JS ADVANCED - AUTHENTICATION & AUTHORIZATION

Lecture 407 Types Of Authentication

Lecture 408 How Authentication Works

Lecture 409 Starter Project Files Walkthrough

Lecture 410 Low Level Authentication: Register User - Backend

Lecture 411 Low Level Authentication: Login User - Backend

Lecture 412 Low Level Authentication: Login & Register User - Frontend

Lecture 413 Low Level Authentication: Encrypting Password- Backend

Lecture 414 Low Level Authentication: Login After Encrypting-Frontend

Lecture 415 Cookie Based Authentication: What are Cookies ?

Lecture 416 Cookie Based Authentication: Authorization With Cookies

Lecture 417 Cookie Based Authentication: Securing Cookies

Lecture 418 Cookie Based Authentication: Logout

Lecture 419 Session Based Authentication: How Session Works

Lecture 420 Session Based Authentication: Authentication With Session

Lecture 421 Session Based Authentication: Protecting Routes

Lecture 422 Session Based Authentication: Logout User

Lecture 423 Session Based Authentication: Save Session Into Database

Lecture 424 TOKEN (JWT) Based Authentication: How It Works

Lecture 425 TOKEN (JWT) Based Authentication: Generate Token

Lecture 426 TOKEN (JWT) Based Authentication: Verify Token

Lecture 427 TOKEN (JWT) Based Authentication: Protect Route

Lecture 428 TOKEN (JWT) Based Authentication: User Profile

Lecture 429 TOKEN (JWT) Based Authentication: Refactoring

Lecture 430 TOKEN (JWT) Based Authentication: Save Token Into LocalStorage

Section 40: NODE JS ADVANCED - MVC DESIGN PATTERN (EMPLOYEES API)

Lecture 431 What is MVC ?

Lecture 432 Model and Dummy Routes

Lecture 433 Express Routing

Lecture 434 Implementing Controllers

Lecture 435 Create Employees Controller

Lecture 436 Fetch All Employees Controller

Lecture 437 Update Employees Controller

Lecture 438 Delete Employees Controller

Section 41: GIT AND GITHUB

Lecture 439 What is GitHub?

Lecture 440 Differences Between Git & GitHub

Lecture 441 How To Install GIT

Lecture 442 Common GIT Commands Part 1

Lecture 443 Common GIT Commands Part 2

Lecture 444 Git Branches Explained

Section 42: NODE JS ADVANCED - FILE UPLOAD

Lecture 445 Ways of Storing Files

Lecture 446 Project Walkthrough

Lecture 447 Configuring Multer

Lecture 448 File Validations

Lecture 449 Upload Images To Cloudinary

Lecture 450 Final Project

Section 43: NODE JS ADVANCED | ERROR HANDLING

Lecture 451 Types Of Errors

Lecture 452 Not Found Error Handler

Lecture 453 Throwing & Catching Custom Error

Lecture 454 Global Error Handler

Lecture 455 Handling Async Errors

Lecture 456 Handling MongoDB Validation Error

Lecture 457 Handling MongoDB CastError

Lecture 458 Refactoring

Lecture 459 Handle UnhandlePromise Rejection

Section 44: FULLSTACK BLOG PROJECT: GETTING STARTED

Lecture 460 Types Of FullStack Applications

Lecture 461 Concepts & Requirements

Lecture 462 Data Modelling Logic

Lecture 463 Ways of Starting Developing a Project

Lecture 464 Folder Structure

Lecture 465 Create Server

Lecture 466 Database Connection Function

Lecture 467 MongoDB Connection String

Lecture 468 Environment Variables

Lecture 469 VSCODE Extensions

Lecture 470 MongoDB in VSCODE

Lecture 471 Data Modeling

Lecture 472 Dummy Routes

Lecture 473 Testing Endpoints Using Thunder Client

Lecture 474 Express Routing

Lecture 475 MVC Design Pattern

Section 45: FULLSTACK BLOG PROJECT: USERS API ONLY - BACKEND

Lecture 476 User Registration

Lecture 477 Hash User Password

Lecture 478 Login User API

Lecture 479 Global Error Handler Middleware

Lecture 480 App Error Handler

Lecture 481 Catching Errors

Lecture 482 Authentication: Express Session

Lecture 483 Authentication: Protecting Route Middleware

Lecture 484 Authentication: Persisting Express Session

Lecture 485 User Profile API

Lecture 486 User Details API

Lecture 487 Update User Details API

Lecture 488 Update User Password API

Lecture 489 File Upload- Cloudinary Configuration

Lecture 490 Upload Profile Image API

Lecture 491 Upload Cover Image API

Section 46: FULLSTACK BLOG PROJECT: POST API ONLY - BACKEND

Lecture 492 Create Post API

Lecture 493 Create Post With Image API

Lecture 494 Populate User Posts API

Lecture 495 Fetch Single Post API

Lecture 496 Fetch All Posts API

Lecture 497 User can Delete His Own Post API

Lecture 498 User can Update His Own Post API

Section 47: FULLSTACK BLOG PROJECT: COMMENT API ONLY - BACKEND

Lecture 499 Create Comment API

Lecture 500 Populate Post With Comments API

Lecture 501 User Deleting His Own Comment API

Lecture 502 Comment Update API

Section 48: FULLSTACK BLOG APP - FRONTEND

Lecture 503 Configure Server To Serve Static Files

Lecture 504 Render Home Page

Lecture 505 Render Login Form

Lecture 506 Render Register Form

Lecture 507 Render Profile Page

Lecture 508 Render Upload and Cover Image Form

Lecture 509 Render Update User Form

Lecture 510 Navbar and Footer Partials

Lecture 511 Client-Side Navigation

Lecture 512 User Registration-Frontend

Lecture 513 Redirect After Registration

Lecture 514 Fixed Form Styling

Lecture 515 Display Error Messages

Lecture 516 User Login

Lecture 517 Fixed Profile CSS Styles

Lecture 518 Public And Private Navbar

Lecture 519 Logout User

Lecture 520 Profile Photo Upload

Lecture 521 User Profile Details

Lecture 522 Redirect& Display Error Message After Profile Image Upload

Lecture 523 Unauthorised Page

Lecture 524 Upload User Cover Image

Lecture 525 Update User Profile

Lecture 526 Update User Password

Lecture 527 Application Styling Improvement

Lecture 528 Populate User's Posts

Lecture 529 Display All Posts

Lecture 530 Render Post Creation form

Lecture 531 Create Post Request

Lecture 532 Display Post Error Messages

Lecture 533 Truncate Post Descriptions

Lecture 534 Render Post Details Page

Lecture 535 Display Post Details

Lecture 536 Improve Footer CSS

Lecture 537 Post Details Style Improvement

Lecture 538 Header Styling and Delete & Update Post Icon

Lecture 539 Styling Post Actions Icons

Lecture 540 Delete Post Request

Lecture 541 Hide Delete & Update Icon from Unauthorised User

Lecture 542 Post Details Styling Fixed

Lecture 543 Render Post Update Form

Lecture 544 Update Post

Lecture 545 Update Post Error Fixed

Lecture 546 Create Comment

Lecture 547 Display Post Comments

Lecture 548 Populate Comment With User

Lecture 549 Redirect After Creating Comment

Lecture 550 Fixed Comment Styling

Lecture 551 Delete Comment

Lecture 552 Hide Delete & Update Icons from Unauthorised User -Comments

Lecture 553 Update Comment

Section 49: REACT JS | REACT CONCEPTS

Lecture 554 Whats is React JS ?

Lecture 555 Facts about React JS

Lecture 556 React JS is declarative explained

Lecture 557 Advantages of React JS

Section 50: REACT JS | GETTING STARTED

Lecture 558 Setting up environment

Lecture 559 React JS: Requirement to learn react

Lecture 560 React JS: How to create react app

Lecture 561 React App Folder Structure

Lecture 562 Starting and Stopping React app

Lecture 563 Display Hello World

Lecture 564 How react works

Section 51: REACT JS | COMPONENTS PART 1

Lecture 565 What is react component?

Lecture 566 Why use react component?

Lecture 567 Installing react app

Lecture 568 How to create functional component

Lecture 569 How to create class base component

Section 52: REACT JS | REACT JSX

Lecture 570 What is JSX?

Lecture 571 How to create JSX

Lecture 572 Nesting JSX

Lecture 573 Expression vs statement

Lecture 574 Embedding expression in JSX

Section 53: REACT JS | CSS, IMAGES and PROPS IN REACT

Lecture 575 CSS in react intro

Lecture 576 Inline Styling

Lecture 577 Using External CSS

Lecture 578 Using images in react

Lecture 579 Parent and a Child component

Lecture 580 Props Explained

Lecture 581 Props Demo

Section 54: REACT JS | EVENTS HANDLING

Lecture 582 What is an event?

Lecture 583 Rules of events

Lecture 584 Types of events

Lecture 585 Creating Event Handler

Lecture 586 Passing arguments to event

Section 55: REACT JS | UseState Hook: STATE MANAGEMENT

Lecture 587 What is useState ?

Lecture 588 Initialising State

Lecture 589 Updating state handler

Lecture 590 Decreasing & Resetting State

Section 56: REACT JS | COMPONENT PART 2

Lecture 591 Stateless Component

Lecture 592 Customising Stateless component

Lecture 593 Stateful component

Section 57: REACT: DATA RENDERING

Lecture 594 Render data using map

Lecture 595 React key prop

Lecture 596 React Fragment

Section 58: REACT JS: FORM HANDLING

Lecture 597 What is a form?

Lecture 598 Form initial State (USESTATE HOOK)

Lecture 599 Handling onChange event

Lecture 600 Submit form handler

Lecture 601 Creating a form using computed value

Section 59: REACT JS: MAKING HTTP REQUEST (USEEFFECT HOOK)

Lecture 602 What is HTTP Request?

Lecture 603 HTTP Request using fetch

Lecture 604 HTTP Request using Axios

Lecture 605 Async Await with UseEffect

Lecture 606 Bonus Lecture

Section 60: REACT JS PROJECT: PORTFOLIO

Lecture 607 Project Demo and Setup

Lecture 608 Navbar Component

Lecture 609 Navbar CSS

Lecture 610 Header Component

Lecture 611 Header CSS

Lecture 612 Services Component

Lecture 613 Services CSS

Lecture 614 Services Media Query

Lecture 615 Works Component

Lecture 616 Works CSS

Lecture 617 Footer Component

Lecture 618 Footer CSS

Section 61: REACT JS: REACT ROUTER DOM

Lecture 619 Final Project Demo

Lecture 620 Dummy Components

Lecture 621 Configuring React Router DOM

Lecture 622 Not Found Route

Lecture 623 Navigation Using Link Component

Lecture 624 Protecting Routes

Lecture 625 UseParams()

Section 62: REACT JS: REACT CONTEXT API

Lecture 626 What is Context API?

Lecture 627 Setting Up Context API

Lecture 628 Consuming Context Data

Lecture 629 What is useReducer() ?

Lecture 630 useReducer Todo Project: Setting Up Project

Lecture 631 useReducer Todo Project: Setting Up useReducer()

Lecture 632 useReducer Todo Project: Dispatching Action

Lecture 633 useReducer Todo Project: Display List Of Todos

Lecture 634 useReducer Todo Project: Delete Todo Action

Section 63: MERN- INCOME-EXPENSES TRACKER APP (BACKEND)

Lecture 635 Backend: Setting Up Environment

Lecture 636 Backend: Express Server

Lecture 637 Backend: Dummy Routes

Lecture 638 Backend: Testing Routes

Lecture 639 Backend: MVC Design Part 1 (Express Routing)

Lecture 640 Backend: MVC Design Part 2

Lecture 641 Backend: Connect To MongoDB

Lecture 642 Backend: Data Modelling

Lecture 643 Backend: User Registration

Lecture 644 Backend: User Login

Lecture 645 Backend: Error Handling

Lecture 646 Backend: Generate Token (JWT)

Lecture 647 Backend: Authorization: Verify Token

Lecture 648 Backend: Authorization: Get Token From Request Header

Lecture 649 Backend: Authorization: Protect Route Middleware

Lecture 650 Backend: Creating Multiple Accounts

Lecture 651 Backend: Create Transactions

Lecture 652 Backend: Populate Account Transactions

Lecture 653 Backend: Update User

Lecture 654 Backend: Delete User

Lecture 655 Backend: Find Single Account

Lecture 656 Backend: Update Account

Lecture 657 Backend: Delete Account

Lecture 658 Backend: CRUD Transactions

Section 64: MERN- INCOME-EXPENSES TRACKER APP (FRONTEND)

Lecture 659 Frontend: Install React Router DOM v6 & TailwindCSS

Lecture 660 Frontend: TailwindCSS Overview

Lecture 661 Configuring React Router DOM V6

Lecture 662 Download All The Components

Lecture 663 Frontend: Render Home Page Component

Lecture 664 Frontend: Render Login Form Component

Lecture 665 Frontend: Render Register Form Component

Lecture 666 Frontend: Render Navbar Component

Lecture 667 Frontend: Render Transaction Form Component

Lecture 668 Frontend: Using Link Component

Lecture 669 Frontend: User Auth Context Creation

Lecture 670 Frontend: Consuming User Auth Context

Lecture 671 Frontend: Handling Login Form

Lecture 672 Fixing Cors Error

Lecture 673 Frontend: User Auth Reducer Part 1

Lecture 674 Frontend: User Auth Action Constants

Lecture 675 Frontend: Save Token Into LocalStorage

Lecture 676 Frontend: User Dashboard Components

Lecture 677 Frontend: User Profile Action

Lecture 678 Frontend: Dispatch User Profile Action

Lecture 679 Frontend: Display User's Account List

Lecture 680 Frontend: 24.Account Details Action & Reducer

Lecture 681 Frontend: List Of Transactions

Lecture 682 Frontend: Calc Total Income & Expenses

Lecture 683 Frontend: Logout & Redirect

Lecture 684 Frontend: Public And Private Links

Lecture 685 Frontend: Handle User Registration Form

Lecture 686 Frontend: 30. User Registration Action

Lecture 687 Frontend: Render Account Form

Lecture 688 Frontend: Create Account (Project)

Lecture 689 Frontend: Add Transactions Action

Lecture 690 Frontend: Dispatch Transactions Action

Section 65: BONUS SECTION

Lecture 691 Join Our Community

Have a computer with Internet,No knowledge in programming is required,Anyone interested to become a web developer,Beginner or advance programmers