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


Homepage

https://www.udemy.com/course/fullstack-web-development-course-projects-base/