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: GETTING STARTED WITH WEB DEVELOPMENT

Lecture 1 Download Course PDFs Guide FREE!!!

Lecture 2 What is Programming?

Lecture 3 Live Preview Projects Will Be Building

Lecture 4 How To Get HELP!!!

Lecture 5 What is Web development?

Lecture 6 How much does web developers earn?

Lecture 7 Requirement to learn web development

Lecture 8 Career Path in web development

Lecture 9 Types of programming Languages

Lecture 10 How long to become a web developer

Section 2: ENVIRONMENT SETUP

Lecture 11 Environment setup

Lecture 12 Customise Google Chrome

Lecture 13 Exploring VSCODE

Section 3: HTML BASICS- GETTING STARTED

Lecture 14 What is HTML?

Lecture 15 Structure of HTML Document

Lecture 16 Create your first website

Lecture 17 What is anatomy of html?

Lecture 18 What is an HTML Tag?

Lecture 19 What is an HTML Element?

Lecture 20 What is an HTML Attribute ?

Lecture 21 What is an IDE ?

Lecture 22 Create StackBlitz Account

Lecture 23 Customise VSCODE

Lecture 24 HTML Starter template

Lecture 25 HTML Comments

Lecture 26 HTML Heading tags

Lecture 27 First code in stackBlitz IDE

Lecture 28 Common HTML Tags

Lecture 29 Self closing tags

Lecture 30 List tags

Lecture 31 Media Explained

Lecture 32 HTML Video Tag

Lecture 33 HTML Audio Tag

Lecture 34 HTML iframe Tag

Section 4: HTML ADVANCED CONCEPTS

Lecture 35 What is a table?

Lecture 36 Create HTML table

Lecture 37 Basic HTML Table Styling

Lecture 38 EXERCISE: Table exercise

Lecture 39 EXERCISE: Table exercise SOLUTION

Lecture 40 What is a form?

Lecture 41 HTML input types

Lecture 42 VSCODE Customisation -OPTIONAL

Lecture 43 HTML Text Formatting

Lecture 44 HTML Dropdown Menu

Lecture 45 Code Along | Student Registration form- Structure

Lecture 46 HTML Code Validation

Lecture 47 HTML Form Attributes

Lecture 48 HTML Validation Explained

Lecture 49 HTML5 Form Validation

Lecture 50 What is HTML5 ?

Lecture 51 HTML5 Semantic Explained

Lecture 52 HTML5 Semantic Demo

Lecture 53 What is an Emoji?

Lecture 54 How to use an Emoji

Lecture 55 HTML Entities

Lecture 56 What is File Path?

Lecture 57 File Paths Practice

Lecture 58 What is Deployment?

Lecture 59 How to create Netlify Account

Lecture 60 How to Put Your Site On Internet

Lecture 61 How To Update deployed site

Lecture 62 Linking Pages (Internal navigation)

Lecture 63 Bookmarking navigation

Lecture 64 Button for navigation

Lecture 65 How to Download a file

Lecture 66 How to use ICONS

Lecture 67 How to use FAVICON

Lecture 68 Project demo

Lecture 69 Create Navbar

Lecture 70 Create Header

Lecture 71 Create Quote Section

Lecture 72 Install Font-awesome

Lecture 73 Skills Section

Lecture 74 Call To Action

Lecture 75 Gallery Section

Lecture 76 Contact And Footer Section

Section 5: CSS BASICS | CSS CONCEPTS

Lecture 77 What is CSS ?

Lecture 78 CSS Syntax

Lecture 79 My first CSS code

Lecture 80 CSS Developer tool

Lecture 81 Reset Browser Default Style

Lecture 82 HACK any website Style ?

Lecture 83 Types of CSS Part 1

Lecture 84 Types of CSS Part 2

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

Lecture 85 What is Box Model?

Lecture 86 Width & Height

Lecture 87 CSS Borders

Lecture 88 Padding Properties

Lecture 89 Margin Properties

Lecture 90 CSS selector Explained

Lecture 91 Element Selector

Lecture 92 Class Selector

Lecture 93 ID Selector

Lecture 94 Descendant Selector

Lecture 95 Child Selector

Lecture 96 Adjacent Sibling Selector

Lecture 97 General Sibling Selector

Lecture 98 Customised VSCODE

Lecture 99 Input Pseudo Classes

Lecture 100 User Action Pseudo Classes

Lecture 101 Location Pseudo Classes

Lecture 102 Pseudo Elements

Lecture 103 CSS Specificity

Lecture 104 CSS Colors (HEX)

Lecture 105 CSS Colors (RGB)

Lecture 106 CSS Colors (RGBA)

Lecture 107 CSS Units

Section 7: CSS ADVANCED: POSITIONING ELEMENTS

Lecture 108 Project Demo

Lecture 109 What is CSS Positioning?

Lecture 110 Inline vs Block level Elements

Lecture 111 Relative Positioning

Lecture 112 Absolute Positioning

Lecture 113 Fixed Positioning

Lecture 114 CSS Positioning Project: Must Read

Lecture 115 CSS Positioning Project

Section 8: CSS ADVANCED: FLEXBOX & RESPONSIVE DESIGN

Lecture 116 Flexbox and Responsive Design Project Demo

Lecture 117 Final Project Preview

Lecture 118 Flex Container

Lecture 119 Flex Direction

Lecture 120 Main VS Cross Axis

Lecture 121 Main VS Cross Axis Visualisation

Lecture 122 Justify Content

Lecture 123 Align Items

Lecture 124 Flex Grow

Lecture 125 Flex Order

Lecture 126 Align Self

Lecture 127 Flexbox Playground

Lecture 128 Responsive Design Project: What is Responsive design?

Lecture 129 Responsive Design Project: Responsive design Roadmap

Lecture 130 Responsive Design Project: What is Media Query

Lecture 131 Responsive Design Project: Header HTML Only

Lecture 132 Responsive Design Project: Header CSS

Lecture 133 Responsive Design Project: Navbar HTML Only

Lecture 134 Responsive Design Project: Navbar CSS

Lecture 135 Responsive Design Project: Navbar Media Query

Lecture 136 Responsive Design Project: Layout HTML Only

Lecture 137 Responsive Design Project: Layout CSS

Lecture 138 Responsive Design Project: Layout Media Query

Lecture 139 Responsive Design Project: Footer HTML Only

Lecture 140 Responsive Design Project: Footer CSS

Section 9: JS BASICS | CONCEPTS

Lecture 141 What is Javascript?

Lecture 142 How Javascript works

Lecture 143 Why Javascript?

Section 10: JS BASICS | VARIABLES

Lecture 144 Getting Started with JS

Lecture 145 Variable Declaration Part 1

Lecture 146 Variable Declaration Part 2

Lecture 147 Javascript Rules

Lecture 148 Javascript Data Types

Section 11: JS BASICS | OPERATORS

Lecture 149 What is javascript operator?

Lecture 150 Arithmetic Operators

Lecture 151 Decrement and Increment Operator

Lecture 152 Assignment Operators

Lecture 153 Single, double, triple equal to differences

Lecture 154 Comparison Operators

Lecture 155 Logical Operators

Section 12: JS BASICS | CONDITIONALS

Lecture 156 If Statement

Lecture 157 Else If Statement

Lecture 158 Exercise

Lecture 159 Exercise SOLUTION

Lecture 160 Truthy & Falsy Values

Section 13: JS BASICS | ITERATION & LOOPS

Lecture 161 What's a loop?

Lecture 162 For Loop

Lecture 163 While Loop

Section 14: JS INTERMEDIATE | FUNCTIONS

Lecture 164 What is a function?

Lecture 165 How to create a function

Lecture 166 Why functions?

Lecture 167 Function Argument vs function Parameters

Lecture 168 Return keyword

Section 15: JS INTERMEDIATE | STRING METHODS

Lecture 169 How to create a string

Lecture 170 String Concatenation

Lecture 171 Template Literals

Lecture 172 String Length Method

Lecture 173 Coding CHALLENGE 1

Lecture 174 Coding CHALLENGE 1 : SOULUTION

Lecture 175 indexOf()-toUpperCase-toLowerCase()

Lecture 176 Coding CHALLENGE 2

Lecture 177 Coding CHALLENGE 2: SOLUTION

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

Lecture 179 Coding CHALLENGE 3: SOLUTION

Lecture 180 Coding CHALLENGE 4: Repeat() method

Lecture 181 Coding CHALLENGE 4: SOLUTION

Lecture 182 StartWith() method

Lecture 183 Coding CHALLENGE 5

Lecture 184 Coding CHALLENGE 5- SOLUTION

Lecture 185 Coding CHALLENGE 6 - NO SOLUTION

Lecture 186 includes method()

Lecture 187 Coding CHALLENGE 7

Lecture 188 Coding CHALLENGE 7 -SOLUTION

Lecture 189 Slice() method

Lecture 190 Coding CHALLENGE 8

Lecture 191 Coding CHALLENGE 8 -SOLUTION

Lecture 192 String comparison

Section 16: JS INTERMEDIATE | ARRAYS

Lecture 193 What is an Array. MUST WATCH

Lecture 194 How to create Array

Lecture 195 Accessing Array Elements

Lecture 196 Iterating over Array

Lecture 197 Commonly Used Array Methods Part 1

Lecture 198 Array Reduce Method

Lecture 199 Array Find Method

Lecture 200 Array filter Method

Lecture 201 Coding CHALLENGE 1

Lecture 202 Coding CHALLENGE 1 SOLUTION

Lecture 203 Coding CHALLENGE 2

Lecture 204 Coding CHALLENGE 2 SOLUTION

Lecture 205 Coding CHALLENGE 3

Lecture 206 Coding CHALLENGE 3 SOLUTION

Lecture 207 Coding CHALLENGE 4

Lecture 208 Coding CHALLENGE 4 SOLUTION

Lecture 209 Coding CHALLENGE 5

Lecture 210 Coding CHALLENGE 5 SOLUTION

Lecture 211 Coding CHALLENGE 6

Lecture 212 Coding CHALLENGE 6 SOLUTION

Lecture 213 Coding CHALLENGE 7

Lecture 214 Coding CHALLENGE 7 SOLUTION

Section 17: JS INTERMEDIATE | OBJECTS

Lecture 215 Whats is an Object? MUST WATCH

Lecture 216 How to create an Object.mp4

Lecture 217 Accessing Object Properties

Lecture 218 Updating Object Properties

Lecture 219 Deleting Object Properties

Lecture 220 Adding method to object

Lecture 221 Mysterious word (this keyword)

Lecture 222 Iterating Object | for in loop

Lecture 223 Iterating Object | Object.Keys()

Lecture 224 Iterating Object | for each loop (exceptional)

Lecture 225 Iterating Object | Object.Values()

Lecture 226 Iterating Object | Object.entries()

Lecture 227 Coding CHALLENGE 1

Lecture 228 Coding CHALLENGE 1 SOLUTION

Lecture 229 Coding CHALLENGE 2

Lecture 230 Coding CHALLENGE 2 SOLUTION

Lecture 231 Coding CHALLENGE 3

Lecture 232 Coding CHALLENGE 3 SOLUTION

Section 18: JS INTERMEDIATE | MATH OBJECT

Lecture 233 Whats is math object?

Lecture 234 Common math object methods

Lecture 235 Coding CHALLENGE 1

Lecture 236 Coding CHALLENGE 1 SOLUTION

Lecture 237 Coding CHALLENGE 2

Lecture 238 Coding CHALLENGE 2 SOLUTION

Lecture 239 Coding CHALLENGE 3

Lecture 240 Coding CHALLENGE 3 SOLUTION

Lecture 241 Coding CHALLENGE 4

Section 19: JS ADVANCED | ARRAY OF OBJECTS

Lecture 242 Section introduction

Lecture 243 Data Mutation Practice

Lecture 244 Iterating Using ForEach()

Lecture 245 Iterating Using map()

Lecture 246 Iterating Using filter()

Lecture 247 Iterating Using reduce()

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

Lecture 248 Javascript Versions

Lecture 249 Array Destructuring

Lecture 250 Object Destructuring

Lecture 251 Destructuring with Default Values

Lecture 252 Destructuring Parameters

Lecture 253 Rest Parameters

Lecture 254 Arrow Functions

Lecture 255 Spread Operator

Section 21: JS ADVANCED - JAVASCRIPT HIGH LEVEL OVERVIEW

Lecture 256 History Of Javascript

Lecture 257 What is Console.log() ?

Lecture 258 Characteristics of Javascript

Lecture 259 Javascript Engine

Lecture 260 Javascript Runtime (Browser)

Lecture 261 Javascript Call Stack

Section 22: JS ADVANCED | FUNCTIONS

Lecture 262 Types of Scope?

Lecture 263 Global Scope

Lecture 264 Block Scope

Lecture 265 Function Scope

Lecture 266 Lexical Scope

Lecture 267 First Class functions vs High Order Functions

Lecture 268 High Order Functions (HOF)

Lecture 269 Function Returning a Function

Lecture 270 IIFE (Immediately Invoked Function Expression)

Section 23: JS ADVANCED - WORKING WITH THE DOM

Lecture 271 What is the DOM?

Lecture 272 What is DOM node ?

Lecture 273 Examine the DOM

Lecture 274 Types of DOM Selectors

Lecture 275 Selecting DOM Elements Practice

Lecture 276 Changing Element Properties

Lecture 277 ClassList Methods

Lecture 278 Adding and Removing Content

Lecture 279 Types of DOM Events

Lecture 280 Mouse Event Types

Lecture 281 Keyboard Event Types

Lecture 282 Form Event Types (Form Handling)

Section 24: JS ADVANCED - ASYNCHRONOUS PROGRAMMING

Lecture 283 Differences between Async and Synchronous Programming

Lecture 284 How Synchronous code works

Lecture 285 What is Async Programming?

Lecture 286 How Async Code Works Behind the Scene?

Lecture 287 Ways Of Writing Async Code

Lecture 288 What is Callback function ?

Lecture 289 Callback Practice

Lecture 290 What is a Promise?

Lecture 291 Some Facts About Promise

Lecture 292 How To Create a Promise

Lecture 293 How to Consume a Promise

Lecture 294 How To Handle Promise Rejection

Lecture 295 Function Returning a Promise

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

Lecture 297 Async/Await Explained

Lecture 298 Async/Await Practice

Section 25: JS ADVANCED: WEB APIs & HTTP REQUEST

Lecture 299 Projects Demo

Lecture 300 What's An API?

Lecture 301 Types Of Web APIs

Lecture 302 Battery API: Project Part 1

Lecture 303 Battery API: Project Part 2

Lecture 304 LocalStorage API: Task Manger Project

Lecture 305 Fetch API: What is HTTP Request ?

Lecture 306 Fetch API: HTTP Request Project

Lecture 307 GeoLocation API: GeoLocation API Project

Section 26: NODE JS: FUNDAMENTALS

Lecture 308 Web Application Components

Lecture 309 Roles As a Backend Developer

Lecture 310 Node JS Alternatives

Lecture 311 What You Need To Know

Lecture 312 Mastering The Terminal (Confusing Terms)

Lecture 313 Mastering The Terminal | Common Commands

Lecture 314 What is Node JS?

Lecture 315 Why Node JS?

Lecture 316 Uses Of Node JS

Lecture 317 Companies Using Node JS

Lecture 318 Installing Node JS

Lecture 319 My First Node JS code

Lecture 320 Node JS REPL

Section 27: NODE JS: CORE MODULES

Lecture 321 What is a Module?

Lecture 322 Customise Terminal (Optional)

Lecture 323 File System (fs): Create a file

Lecture 324 Async/Await in Node JS

Lecture 325 File System (fs): Read a file

Lecture 326 File System (fs): Rename a file

Lecture 327 File System (fs): Copy a file

Lecture 328 File System (fs): Append a file

Lecture 329 File System (fs): Truncate a file

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

Lecture 331 File System (fs): Delete a file

Lecture 332 Working with Folders

Lecture 333 OS module

Section 28: NODE JS: NODE PACKAGE MANAGER-NPM

Lecture 334 Whats is NPM ?

Lecture 335 Ways of Installing NPM Packages

Lecture 336 How To Install NPM Packages

Lecture 337 How to Use NPM Package

Lecture 338 How to Install NPM Package Globally

Section 29: NODE JS | WEB SERVER

Lecture 339 What is a Server?

Lecture 340 My First Node JS Server

Lecture 341 Create HTML Files using fs Module

Lecture 342 Response to GET Request

Lecture 343 Making Post Request

Lecture 344 Examining HTTP Response

Lecture 345 Coding Challenge | Node JS Server

Section 30: EXPRESS JS SERVER & ROUTING

Lecture 346 What is Express JS?

Lecture 347 Why Express JS?

Lecture 348 Express JS Roadmap

Lecture 349 Import and Export

Lecture 350 Express Server

Lecture 351 Express Routing: Routing Explained

Lecture 352 Express Routing API Project: Demo

Lecture 353 Express Routing API Project: Express Routing Practice

Lecture 354 Express Routing API Project: Auto Restart Server

Lecture 355 Express Routing API Project: Introducing Postman

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

Lecture 357 Express Routing API Project: Fetch All Posts Route

Lecture 358 Express Routing API Project: Fetch Single Post Route

Lecture 359 Express Routing API Project: Create Post Route

Lecture 360 Express Routing API Project: Delete Post Route

Lecture 361 Express Routing API Project: Delete Post Route

Lecture 362 Express Routing API Project: Update Post Route

Section 31: EXPRESS MIDDLEWARE

Lecture 363 Middleware Overview- TEXT ONLY

Lecture 364 Express Middleware Overview

Lecture 365 How Middleware Works

Lecture 366 How To Create Middleware

Lecture 367 Middleware Chaining

Lecture 368 Protected Route Middleware

Lecture 369 isAdmin Middleware

Lecture 370 Third Party Middleware

Lecture 371 Coding Challenge 1

Lecture 372 Coding Challenge 2

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

Lecture 373 Rendering Only Assets Final Project

Lecture 374 How To Serve Assets

Lecture 375 How To Make Post Request

Lecture 376 What's Template Engine?

Lecture 377 Setting EJS (Embedded Javascript)

Lecture 378 EJS Syntax

Lecture 379 Rendering Pages

Lecture 380 EJS Partials

Lecture 381 Rendering Dynamic Data

Section 33: DATABASE | MONGODB ONLY

Lecture 382 What is Database?

Lecture 383 Types of Databases

Lecture 384 MongoDB Roadmap

Lecture 385 What is MongoDB?

Lecture 386 Understanding JSON Document

Lecture 387 Why MongoDB?

Lecture 388 Differences between Database vs Collection vs Documents

Lecture 389 MongoDB Shell vs Drivers

Lecture 390 How to Create MongoDB Account

Lecture 391 Ways of Installing MongoDB

Lecture 392 How to Install mongoDB

Lecture 393 How to Connect To MongoDB Using The Drivers

Lecture 394 CRUD OPERATIONS: Create Document

Lecture 395 CRUD OPERATIONS: Fetch All Documents

Lecture 396 CRUD OPERATIONS: Querying Documents

Lecture 397 CRUD OPERATIONS: Updating Documents

Lecture 398 CRUD OPERATIONS: Deleting Documents

Lecture 399 MONGODB TOOLS: MongoDB in VSCODE

Lecture 400 MONGODB TOOLS: MongoDB Compass

Section 34: DATABASE | CRUD OPERATIONS- MONGOOSE

Lecture 401 Why Mongoose?

Lecture 402 Mongoose Schema VS Mongoose Model

Lecture 403 How To Connect To Mongoose

Lecture 404 Schema And Schema Types Example

Lecture 405 Mongoose Model

Lecture 406 Create Document

Lecture 407 Fetch All Documents

Lecture 408 Fetch Single Record

Lecture 409 Update Document

Section 35: MONGOOSE DATABASE MODELLING

Lecture 410 What Is Data Modelling ?

Lecture 411 How To Starting Modelling Data

Lecture 412 Types Of Database Modelling Methods

Lecture 413 Referencing vs Embedded Way Of Relating Documents

Lecture 414 Starter Project Walkthrough

Lecture 415 Embedded Method Part 1

Lecture 416 Embedded Method Part 2

Lecture 417 Referencing Method

Lecture 418 Virtual Properties

Section 36: NODE JS ADVANCED - AUTHENTICATION & AUTHORIZATION

Lecture 419 Types Of Authentication

Lecture 420 How Authentication Works

Lecture 421 Starter Project Files Walkthrough

Lecture 422 Low Level Authentication: Register User - Backend

Lecture 423 Low Level Authentication: Login User - Backend

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

Lecture 425 Low Level Authentication: Encrypting Password- Backend

Lecture 426 Low Level Authentication: Login After Encrypting-Frontend

Lecture 427 Cookie Based Authentication: What are Cookies ?

Lecture 428 Cookie Based Authentication: Authorization With Cookies

Lecture 429 Cookie Based Authentication: Securing Cookies

Lecture 430 Cookie Based Authentication: Logout

Lecture 431 Session Based Authentication: How Session Works

Lecture 432 Session Based Authentication: Authentication With Session

Lecture 433 Session Based Authentication: Protecting Routes

Lecture 434 Session Based Authentication: Logout User

Lecture 435 Session Based Authentication: Save Session Into Database

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

Lecture 437 TOKEN (JWT) Based Authentication: Generate Token

Lecture 438 TOKEN (JWT) Based Authentication: Verify Token

Lecture 439 TOKEN (JWT) Based Authentication: Protect Route

Lecture 440 TOKEN (JWT) Based Authentication: User Profile

Lecture 441 TOKEN (JWT) Based Authentication: Refactoring

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

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

Lecture 443 What is MVC ?

Lecture 444 Model and Dummy Routes

Lecture 445 Express Routing

Lecture 446 Implementing Controllers

Lecture 447 Create Employees Controller

Lecture 448 Fetch All Employees Controller

Lecture 449 Update Employees Controller

Lecture 450 Delete Employees Controller

Section 38: GIT AND GITHUB

Lecture 451 What is GitHub?

Lecture 452 Differences Between Git & GitHub

Lecture 453 How To Install GIT

Lecture 454 Common GIT Commands Part 1

Lecture 455 Common GIT Commands Part 2

Lecture 456 Git Branches Explained

Section 39: NODE JS ADVANCED - FILE UPLOAD

Lecture 457 Ways of Storing Files

Lecture 458 Project Walkthrough

Lecture 459 Configuring Multer

Lecture 460 File Validations

Lecture 461 Upload Images To Cloudinary

Lecture 462 Final Project

Section 40: NODE JS ADVANCED | ERROR HANDLING

Lecture 463 Types Of Errors

Lecture 464 Not Found Error Handler

Lecture 465 Throwing & Catching Custom Error

Lecture 466 Global Error Handler

Lecture 467 Handling Async Errors

Lecture 468 Handling MongoDB Validation Error

Lecture 469 Handling MongoDB CastError

Lecture 470 Refactoring

Lecture 471 Handle UnhandlePromise Rejection

Section 41: FULLSTACK BLOG PROJECT: GETTING STARTED

Lecture 472 Types Of FullStack Applications

Lecture 473 Concepts & Requirements

Lecture 474 Data Modelling Logic

Lecture 475 Ways of Starting Developing a Project

Lecture 476 Folder Structure

Lecture 477 Create Server

Lecture 478 Database Connection Function

Lecture 479 MongoDB Connection String

Lecture 480 Environment Variables

Lecture 481 VSCODE Extensions

Lecture 482 MongoDB in VSCODE

Lecture 483 Data Modeling

Lecture 484 Dummy Routes

Lecture 485 Testing Endpoints Using Thunder Client

Lecture 486 Express Routing

Lecture 487 MVC Design Pattern

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

Lecture 488 User Registration

Lecture 489 Hash User Password

Lecture 490 Login User API

Lecture 491 Global Error Handler Middleware

Lecture 492 App Error Handler

Lecture 493 Catching Errors

Lecture 494 Authentication: Express Session

Lecture 495 Authentication: Protecting Route Middleware

Lecture 496 Authentication: Persisting Express Session

Lecture 497 User Profile API

Lecture 498 User Details API

Lecture 499 Update User Details API

Lecture 500 Update User Password API

Lecture 501 File Upload- Cloudinary Configuration

Lecture 502 Upload Profile Image API

Lecture 503 Upload Cover Image API

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

Lecture 504 Create Post API

Lecture 505 Create Post With Image API

Lecture 506 Populate User Posts API

Lecture 507 Fetch Single Post API

Lecture 508 Fetch All Posts API

Lecture 509 User can Delete His Own Post API

Lecture 510 User can Update His Own Post API

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

Lecture 511 Create Comment API

Lecture 512 Populate Post With Comments API

Lecture 513 User Deleting His Own Comment API

Lecture 514 Comment Update API

Section 45: FULLSTACK BLOG APP - FRONTEND

Lecture 515 Configure Server To Serve Static Files

Lecture 516 Render Home Page

Lecture 517 Render Login Form

Lecture 518 Render Register Form

Lecture 519 Render Profile Page

Lecture 520 Render Upload and Cover Image Form

Lecture 521 Render Update User Form

Lecture 522 Navbar and Footer Partials

Lecture 523 Client-Side Navigation

Lecture 524 User Registration-Frontend

Lecture 525 Redirect After Registration

Lecture 526 Fixed Form Styling

Lecture 527 Display Error Messages

Lecture 528 User Login

Lecture 529 Fixed Profile CSS Styles

Lecture 530 Public And Private Navbar

Lecture 531 Logout User

Lecture 532 Profile Photo Upload

Lecture 533 User Profile Details

Lecture 534 Redirect& Display Error Message After Profile Image Upload

Lecture 535 Unauthorised Page

Lecture 536 Upload User Cover Image

Lecture 537 Update User Profile

Lecture 538 Update User Password

Lecture 539 Application Styling Improvement

Lecture 540 Populate User's Posts

Lecture 541 Display All Posts

Lecture 542 Render Post Creation form

Lecture 543 Create Post Request

Lecture 544 Display Post Error Messages

Lecture 545 Truncate Post Descriptions

Lecture 546 Render Post Details Page

Lecture 547 Display Post Details

Lecture 548 Improve Footer CSS

Lecture 549 Post Details Style Improvement

Lecture 550 Header Styling and Delete & Update Post Icon

Lecture 551 Styling Post Actions Icons

Lecture 552 Delete Post Request

Lecture 553 Hide Delete & Update Icon from Unauthorised User

Lecture 554 Post Details Styling Fixed

Lecture 555 Render Post Update Form

Lecture 556 Update Post

Lecture 557 Update Post Error Fixed

Lecture 558 Create Comment

Lecture 559 Display Post Comments

Lecture 560 Populate Comment With User

Lecture 561 Redirect After Creating Comment

Lecture 562 Fixed Comment Styling

Lecture 563 Delete Comment

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

Lecture 565 Update Comment

Section 46: REACT JS | REACT CONCEPTS

Lecture 566 Whats is React JS ?

Lecture 567 Facts about React JS

Lecture 568 React JS is declarative explained

Lecture 569 Advantages of React JS

Section 47: REACT JS | GETTING STARTED

Lecture 570 Setting up environment

Lecture 571 React JS: Requirement to learn react

Lecture 572 React JS: How to create react app

Lecture 573 React App Folder Structure

Lecture 574 Starting and Stopping React app

Lecture 575 Display Hello World

Lecture 576 How react works

Section 48: REACT JS | COMPONENTS PART 1

Lecture 577 What is react component?

Lecture 578 Why use react component?

Lecture 579 Installing react app

Lecture 580 How to create functional component

Lecture 581 How to create class base component

Section 49: REACT JS | REACT JSX

Lecture 582 What is JSX?

Lecture 583 How to create JSX

Lecture 584 Nesting JSX

Lecture 585 Expression vs statement

Lecture 586 Embedding expression in JSX

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

Lecture 587 CSS in react intro

Lecture 588 Inline Styling

Lecture 589 Using External CSS

Lecture 590 Using images in react

Lecture 591 Parent and a Child component

Lecture 592 Props Explained

Lecture 593 Props Demo

Section 51: REACT JS | EVENTS HANDLING

Lecture 594 What is an event?

Lecture 595 Rules of events

Lecture 596 Types of events

Lecture 597 Creating Event Handler

Lecture 598 Passing arguments to event

Section 52: REACT JS | UseState Hook: STATE MANAGEMENT

Lecture 599 What is useState ?

Lecture 600 Initialising State

Lecture 601 Updating state handler

Lecture 602 Decreasing & Resetting State

Section 53: REACT JS | COMPONENT PART 2

Lecture 603 Stateless Component

Lecture 604 Customising Stateless component

Lecture 605 Stateful component

Section 54: REACT: DATA RENDERING

Lecture 606 Render data using map

Lecture 607 React key prop

Lecture 608 React Fragment

Section 55: REACT JS: FORM HANDLING

Lecture 609 What is a form?

Lecture 610 Form initial State (USESTATE HOOK)

Lecture 611 Handling onChange event

Lecture 612 Submit form handler

Lecture 613 Creating a form using computed value

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

Lecture 614 What is HTTP Request?

Lecture 615 HTTP Request using fetch

Lecture 616 HTTP Request using Axios

Lecture 617 Async Await with UseEffect

Lecture 618 Bonus Lecture

Section 57: REACT JS PROJECT: PORTFOLIO

Lecture 619 Project Demo and Setup

Lecture 620 Navbar Component

Lecture 621 Navbar CSS

Lecture 622 Header Component

Lecture 623 Header CSS

Lecture 624 Services Component

Lecture 625 Services CSS

Lecture 626 Services Media Query

Lecture 627 Works Component

Lecture 628 Works CSS

Lecture 629 Footer Component

Lecture 630 Footer CSS

Section 58: REACT JS: REACT ROUTER DOM

Lecture 631 Final Project Demo

Lecture 632 Dummy Components

Lecture 633 Configuring React Router DOM

Lecture 634 Not Found Route

Lecture 635 Navigation Using Link Component

Lecture 636 Protecting Routes

Lecture 637 UseParams()

Section 59: REACT JS: REACT CONTEXT API

Lecture 638 What is Context API?

Lecture 639 Setting Up Context API

Lecture 640 Consuming Context Data

Lecture 641 What is useReducer() ?

Lecture 642 useReducer Todo Project: Setting Up Project

Lecture 643 useReducer Todo Project: Setting Up useReducer()

Lecture 644 useReducer Todo Project: Dispatching Action

Lecture 645 useReducer Todo Project: Display List Of Todos

Lecture 646 useReducer Todo Project: Delete Todo Action

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

Lecture 647 Backend: Setting Up Environment

Lecture 648 Backend: Express Server

Lecture 649 Backend: Dummy Routes

Lecture 650 Backend: Testing Routes

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

Lecture 652 Backend: MVC Design Part 2

Lecture 653 Backend: Connect To MongoDB

Lecture 654 Backend: Data Modelling

Lecture 655 Backend: User Registration

Lecture 656 Backend: User Login

Lecture 657 Backend: Error Handling

Lecture 658 Backend: Generate Token (JWT)

Lecture 659 Backend: Authorization: Verify Token

Lecture 660 Backend: Authorization: Get Token From Request Header

Lecture 661 Backend: Authorization: Protect Route Middleware

Lecture 662 Backend: Creating Multiple Accounts

Lecture 663 Backend: Create Transactions

Lecture 664 Backend: Populate Account Transactions

Lecture 665 Backend: Update User

Lecture 666 Backend: Delete User

Lecture 667 Backend: Find Single Account

Lecture 668 Backend: Update Account

Lecture 669 Backend: Delete Account

Lecture 670 Backend: CRUD Transactions

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

Lecture 671 Frontend: Install React Router DOM v6 & TailwindCSS

Lecture 672 Frontend: TailwindCSS Overview

Lecture 673 Configuring React Router DOM V6

Lecture 674 Download All The Components

Lecture 675 Frontend: Render Home Page Component

Lecture 676 Frontend: Render Login Form Component

Lecture 677 Frontend: Render Register Form Component

Lecture 678 Frontend: Render Navbar Component

Lecture 679 Frontend: Render Transaction Form Component

Lecture 680 Frontend: Using Link Component

Lecture 681 Frontend: User Auth Context Creation

Lecture 682 Frontend: Consuming User Auth Context

Lecture 683 Frontend: Handling Login Form

Lecture 684 Frontend: User Auth Reducer Part 1

Lecture 685 Frontend: User Auth Action Constants

Lecture 686 Frontend: Save Token Into LocalStorage

Lecture 687 Frontend: User Dashboard Components

Lecture 688 Frontend: User Profile Action

Lecture 689 Frontend: Dispatch User Profile Action

Lecture 690 Frontend: Display User's Account List

Lecture 691 Frontend: 24.Account Details Action & Reducer

Lecture 692 Frontend: List Of Transactions

Lecture 693 Frontend: Calc Total Income & Expenses

Lecture 694 Frontend: Logout & Redirect

Lecture 695 Frontend: Public And Private Links

Lecture 696 Frontend: Handle User Registration Form

Lecture 697 Frontend: 30. User Registration Action

Lecture 698 Frontend: Render Account Form

Lecture 699 Frontend: Create Account (Project)

Lecture 700 Frontend: Add Transactions Action

Lecture 701 Frontend: Dispatch Transactions Action

Section 62: BONUS SECTION

Lecture 702 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