✅ Full Stack Web Development Bootcamp 2022 | Course V2.2

Web development, Learn HTML, CSS, Javascript, Nodejs, MongoDB, API development, React JS & more by building 26+ projects

What you'll learn
Build 26+ projects plus new project every week
Build real world Authentication app from scratch
Build full-stack web applications from scratch
Build a blog application from scratch using Node, Express, and MongoDB.
Master Node JS module system
Build your own typing game app using vanilla Javascript
Build book API using only Node js file system
Build Employees database using MongoDB and Mongoose
Build your first basic portfolio project
Build beautiful and responsive website for book directory website using html/css/js
Build your own Youtube search app using html/css/js
Build Image Gallery App using Node js and mongodb
Build Full stack Book Directory app using html, css, javascript, node js, mongodb
Build Expenses Tracker Application using html, css and javascript
Build Music Finder app using html, css and javascript
Build a fulls tack Blog app using html, css, javascript, node js and mongodb
Build a Responsive Navbar from scratch
Build Book Directory API using Node js and Mongodb
Build Temperature Converter App using html, css and javascript
Build Image Expander App using html, css and javascript
Build modern responsive Blog website HTML Template using html, css and javascript
Build Student Grade Calculator using html, css and javascript
Build Task Manager App using html, css and javascript
Build Random Joke Generator using html, css and javascript
Build Counter App using html, css and javascript
Build Random User app using html, css and javascript
Build Alarm Clock App using html, css and javascript
Build very basic Quiz App using html, css and javascript
Build Background Color Changer app using html, css and javascript
Basic concepts of HTML and CSS
Learn how to build RESTful API using Node JS
Advance concepts of HTML and CSS
Introduction to Javascript
Learn how to make decision with code
Understand the basics of Github
Master Authentication & Authorization
Use NodeJS to write server-side JavaScript
Use common JS data structures like Arrays and Objects
Master how to make HTTP Request
Use Postman to develop and test APIs
Advanced topics in Javascript
Make REAL web applications using cutting-edge technologies
Use NPM to install all sorts of useful packages
Become a DOM (Document Object Model) Master
Understand JavaScript variables, conditionals, loops, functions, arrays, and objects
Understand Javascript number methods
Master Express Js to build fast node js application
Master Mongodb and Mongoose
Understand import and export in Node JS
Learn how to upload file to cloudinary using Node js
Implement responsive navbars on websites
Master Database relationship
Understand and master Express js middleware
Master Asynchronous programming in JS
Master FLEXBOX to layout content easily
Learn how to deploy application easily
Learn how to use EJS template engine
Learn how to serve static file using node js
Learn how to use Bootstrap
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 have built 26+ 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: ❗ IMPORTANT !!!

Lecture 1 ❗ALERT !!!

Lecture 2 Welcome

Lecture 3 Join the community

Lecture 4 View Live Projects

Lecture 5 Download Course slides

Lecture 6 Download all projects files

Section 2: ✅ NEW: GETTING STARTED WITH WEB DEVELOPMENT

Lecture 7 Course update introduction

Lecture 8 What is Programming?

Lecture 9 What is Web development?

Lecture 10 How much does web developers earn?

Lecture 11 Requirement to learn web development

Lecture 12 Career Path in web development

Lecture 13 Types of programming Languages

Lecture 14 How long to become a web developer

Section 3: ✅ NEW: HTML 101 GETTING STARTED

Lecture 15 Environment setup

Lecture 16 Customise Google Chrome

Lecture 17 Exploring VSCODE

Lecture 18 What is HTML?

Lecture 19 Structure of HTML Document

Lecture 20 Create your first website

Section 4: ✅ NEW: HTML 101 - ANATOMY OF HTML

Lecture 21 What is anatomy of html?

Lecture 22 What is an HTML Tag?

Lecture 23 What is an HTML Element?

Lecture 24 What is an HTML Attribute ?

Section 5: ✅ NEW: HTML 101 - ONLINE IDEs

Lecture 25 What is an IDE ?

Lecture 26 Create StackBlitz Account

Section 6: ✅ NEW: HTML 101 - HTML TAGS

Lecture 27 Customise VSCODE

Lecture 28 HTML Starter temeplate

Lecture 29 HTML Comments

Lecture 30 HTML Heading tags

Lecture 31 Common HTML Tags

Lecture 32 Self closing tags

Lecture 33 List tags

Section 7: ✅ NEW HTML 102: HTML MEDIA

Lecture 34 Media Explained

Lecture 35 HTML Video Tag

Lecture 36 HTML Audio Tag

Lecture 37 HTML iframe Tag

Section 8: HTML BASICS 2: TABLE

Lecture 38 HTML table introduction

Lecture 39 What is a table?

Lecture 40 Table and column

Lecture 41 Table record and field

Lecture 42 Creating your first table

Lecture 43 Table cellpadding

Section 9: HTML BASICS 2: FORMS

Lecture 44 Form section introduction

Lecture 45 Form explained

Lecture 46 Whats is form element?

Lecture 47 Form input types

Section 10: HTML BASICS PROJECT: PORTFOLIO WEBSITE

Lecture 48 Portfolio project

Section 11: CSS BASICS

Lecture 49 Section introduction

Lecture 50 What is CSS?

Lecture 51 Requirement to learn CSS

Lecture 52 Inline CSS

Lecture 53 Embedded CSS

Lecture 54 External method of using CSS

Lecture 55 CSS comment

Lecture 56 CSS rules

Section 12: CSS BASICS 2: SELECTORS

Lecture 57 Class selectors

Lecture 58 ID selector

Lecture 59 Universal selectors

Lecture 60 Descendant selector

Section 13: CSS BASICS 2: COLORS

Lecture 61 Section introduction

Lecture 62 RGB colors

Lecture 63 RGBA colors

Lecture 64 Hexadecimal colors

Section 14: CSS Specificity

Lecture 65 CSS Specificity

Section 15: CSS BASICS 2: UNITS

Lecture 66 CSS unit section introduction

Lecture 67 Relative unit explained

Lecture 68 CSS unit demo

Section 16: CSS BASICS 2: TEXT

Lecture 69 Text transform

Lecture 70 Text decoration

Lecture 71 Text shadow

Lecture 72 Box model

Section 17: CSS BASICS 2 PROJECT: PORTFOLIO

Lecture 73 Practice: Improving our portfolio website

Section 18: CSS INTERMEDIATE: POSITIONING/LAYOUT

Lecture 74 Block elements

Lecture 75 Inline display

Lecture 76 Inline block elements

Lecture 77 Static positioning

Lecture 78 Relative positioning

Lecture 79 Fixed positioning

Lecture 80 Absolute positioning

Lecture 81 Sticky positioning

Section 19: CSS INTERMEDIATE: IMAGES

Lecture 82 Images

Lecture 83 Background images

Section 20: CSS ADVANCE: ANIMATION

Lecture 84 Animation introduction

Lecture 85 Animation keyframe

Lecture 86 Animation delay

Lecture 87 Iteration count

Lecture 88 Animation timing function

Section 21: CSS ADVANCE: RESPONSIVE DESIGN

Lecture 89 What's responsive design?

Lecture 90 What is ViewPort?

Lecture 91 Media query

Lecture 92 Commonly used breakpoints

Section 22: CSS ADVANCE: FLEXBOX

Lecture 93 Flexbox basics

Lecture 94 Flex container

Lecture 95 Flex items properties

Lecture 96 Main and cross axis

Section 23: Bootstrap

Lecture 97 Types of CSS frameworks

Lecture 98 Why bootstrap?

Lecture 99 Bootstrap side effects

Lecture 100 How to install bootstrap

Lecture 101 Bootstrap Typography

Lecture 102 Bootstrap colours

Lecture 103 Bootstrap padding and margin

Lecture 104 Bootstrap buttons

Lecture 105 Bootstrap containers

Lecture 106 Bootstrap Grid

Lecture 107 Bootstrap custom GRID

Lecture 108 Bootstrap breakpoint with GRID

Section 24: JS BASICS

Lecture 109 JS section introduction

Lecture 110 What is Javascript ?

Lecture 111 Requirement to learn JS

Lecture 112 How to connect JS to HTML

Lecture 113 .What is console.log() ?

Lecture 114 Variable Explained

Lecture 115 Reserved Keywords

Lecture 116 Data-types

Lecture 117 Variable declaration

Lecture 118 Variable naming rules

Lecture 119 Updating variable

Lecture 120 Primitive values

Lecture 121 Typeof Operator

Section 25: JS BASICS 2: STRINGS

Lecture 122 Section introduction

Lecture 123 String length() method

Lecture 124 String charat() method

Lecture 125 String concatenation

Lecture 126 IndexOff() method

Lecture 127 LastIndexOf() method

Lecture 128 ToLowerCase() method

Lecture 129 ToUppercase() method

Lecture 130 Trim() method

Lecture 131 Split() method

Lecture 132 Slice() method

Lecture 133 Replace() method

Section 26: JS BASICS 2: NUMBERS

Lecture 134 Section introduction

Lecture 135 Tofix() method

Lecture 136 ParseInt() method

Lecture 137 ParseFloat() method

Lecture 138 IsNAN() method

Section 27: JS BASICS 2: OPERATORS

Lecture 139 Section introduction

Lecture 140 Arithmetic Operators

Lecture 141 Assignment Operators

Lecture 142 Comparison Operators

Lecture 143 Unary operators

Lecture 144 Logical operators

Section 28: JS BASICS 2: MAKING DECISION

Lecture 145 Section introduction

Lecture 146 If statement

Lecture 147 Else if statement

Lecture 148 Else statement

Lecture 149 Truthy and falsy values

Lecture 150 Type coercion

Lecture 151 Double vs triple equal signs

Section 29: JS BASICS 2: ARRAYS

Lecture 152 Arrays Explained

Lecture 153 Ways of creating arrays

Lecture 154 Accessing Arrays

Lecture 155 Updating Arrays

Lecture 156 Removing array - pop()

Lecture 157 Push method

Lecture 158 Shift method

Lecture 159 Length method

Lecture 160 Concat method

Section 30: JS BASICS 2: OBJECTS

Lecture 161 Objects explained

Lecture 162 How to create object

Lecture 163 Accessing objects

Lecture 164 Nested objects

Lecture 165 Accessing nested object

Lecture 166 Delete and update object properties

Section 31: JS ADVANCE: FUNCTIONS

Lecture 167 Functions Explained

Lecture 168 Function syntax

Lecture 169 My first function

Lecture 170 Function declaration vs expression explained

Lecture 171 Function invocation

Lecture 172 Return keyword

Lecture 173 Argument s VS paramenters

Lecture 174 Default Parameters

Lecture 175 Arrow functions

Lecture 176 Function scope variable

Lecture 177 Destructuring

Section 32: JS ADVANCE: ITERATION & LOOPS

Lecture 178 Loops Explained

Lecture 179 For Loop

Lecture 180 while loop

Lecture 181 do while loop

Lecture 182 for in loop

Lecture 183 for of loop

Section 33: JS ADVANCE: MATH OBJECT

Lecture 184 Math.PI

Lecture 185 Math Absolute

Lecture 186 Math.Ceil

Lecture 187 Math.Floor

Lecture 188 Math.Min

Lecture 189 Math.max

Lecture 190 Math.Power

Lecture 191 Math.Random

Section 34: JS ADVANCE: WINDOW OBJECT

Lecture 192 Window object explained

Lecture 193 Quiz app

Lecture 194 Changing background color using javascript

Section 35: JS ADVANCE: ARRAYS OF OBJECTS

Lecture 195 forEach Callback Explained

Lecture 196 Callback argument

Lecture 197 map

Lecture 198 filter method

Section 36: JS ADVANCE: ASYNCHRONOUS PROGRAMMING

Lecture 199 Synchronous vs asynchronous programming

Lecture 200 how javascript works (callstack)

Lecture 201 single threaded explained

Lecture 202 how async code works

Lecture 203 synchronous code example

Lecture 204 Async Code using setTimeout

Lecture 205 How async code works

Lecture 206 async code with callback

Lecture 207 async code with promise

Section 37: JS ADVANCE: MAKING HTTP REQUEST

Lecture 208 http Request explained

Lecture 209 AJAX Explained

Lecture 210 Ways of making http request

Lecture 211 JSON vs XML

Lecture 212 XML HttpRequest

Section 38: JS ADVANCE: DCUMENT OBJECT MODEL (DOM)

Lecture 213 Document Object Model (DOM) Explained

Lecture 214 Examine the DOM

Lecture 215 Single selectors

Lecture 216 Multiple selectors

Lecture 217 changing properties

Lecture 218 innerHTML vs textContent vs innerText

Lecture 219 Creating Element

Lecture 220 Transversing the DOM

Section 39: NODE JS: GETTING STARTED

Lecture 221 How The Web Works

Lecture 222 CommandLine Explained

Lecture 223 Install command-line tool

Lecture 224 common Command line commands

Lecture 225 what is Node js?

Lecture 226 How node js works

Lecture 227 Why node js

Lecture 228 installing node js

Lecture 229 my first node js app

Lecture 230 Node JS REPL

Section 40: NODE JS: MODULE SYSTEM

Lecture 231 what is Node JS module?

Lecture 232 custom Node JS modules

Lecture 233 Create file using File System (FS module)

Lecture 234 Reading file using File System (FS module)

Lecture 235 Rename using File System (FS module)

Lecture 236 Delete file using File System (FS module)

Lecture 237 OS modules

Section 41: NODE JS: NODE PACKAGE MANAGER-NPM

Lecture 238 Node Package Manager (NPM)

Section 42: NODE JS: NODE JS SERVER

Lecture 239 what is a server?

Lecture 240 Request and Response explained

Lecture 241 Creating Node JS server

Section 43: NODE JS: IMPORT & EXPORT

Lecture 242 import and export

Section 44: NODE JS: EXPRESS JS

Lecture 243 What is express JS ?

Lecture 244 what is an API?

Lecture 245 HTTP Methods

Lecture 246 express JS server part 1

Lecture 247 express JS server part 2

Section 45: NODE JS PROJECT: EXPRESS JS - CREATE BOOK API USING FILE SYSTEM

Lecture 248 Section introduction

Lecture 249 Server

Lecture 250 install postman

Lecture 251 fetch All Books endpoint

Lecture 252 passing incoming data

Lecture 253 create a Book

Lecture 254 install nodemon

Lecture 255 Book Details

Section 46: NODE JS ADVANCE: EXPRESS MIDDLEWARE

Lecture 256 What's is a middleware?

Lecture 257 Uses of middleware

Lecture 258 custom middleware part 1

Lecture 259 Custom middleware part 2

Lecture 260 How to use Middleware

Lecture 261 Login middleware

Lecture 262 Third Party Middleware

Section 47: NODE JS ADVANCE: SERVING STATIC FILES

Lecture 263 Creating Server

Lecture 264 Creating routes

Lecture 265 creating HTML Templates

Lecture 266 rendering html templates

Section 48: NODE JS ADVANCE: TEMPLARE ENGINE-EJS

Lecture 267 What is template engine?

Lecture 268 creating server

Lecture 269 Configuring EJS

Lecture 270 How to render template engine

Lecture 271 EJS Syntax

Lecture 272 Passing Dynamic data

Lecture 273 Rendering dynamic data

Lecture 274 Looping through Data

Lecture 275 EJS conditionals

Section 49: MONGODB: GETTING STARTED

Lecture 276 what is a Database ?

Lecture 277 Types of Databases

Lecture 278 Terminologies

Section 50: MONGODN & MONGOOSE PROJECT : CREATING EMPLOYEES DATABASE - CRUD

Lecture 279 mongoose vs mongoDB

Lecture 280 Creating mongoDB Account

Lecture 281 create server

Lecture 282 connect to mongodb

Lecture 283 model and schema Explained

Lecture 284 Server

Lecture 285 Connect to Database

Lecture 286 creating schema

Lecture 287 Creating Model

Lecture 288 Create Employee

Lecture 289 fetch all employees

Lecture 290 update an employee

Lecture 291 delete an employee

Lecture 292 Find single employee

Section 51: MONGODB & MONGOOSE: DATABASE RELATIONSHIP

Lecture 293 Database Relationship Explained

Lecture 294 one-to-one database relationship explained

Lecture 295 one-to-one-relation & Database connection

Lecture 296 one-to-one database relationship modelling

Lecture 297 one-to-one database relationship endpoints

Lecture 298 one-to-one database relationship using embed

Lecture 299 one-to-one database relationship by referencing

Lecture 300 Database population

Lecture 301 One-to-many database relationship using embed

Lecture 302 One-to-many database relationship by referencing

Lecture 303 populate virtual fields

Lecture 304 many-to-many database relationship 1

Section 52: NODE JS ADVANCE: RESTful API

Lecture 305 RESTFul API Explained

Lecture 306 Creating a server

Lecture 307 Connect to database

Lecture 308 Creating dummy routes

Lecture 309 modelling data and schema

Lecture 310 create customer

Lecture 311 Fetch All Customers

Lecture 312 Download mongodb compass

Lecture 313 Fetch single customer

Lecture 314 update a customer

Lecture 315 delete customer

Section 53: NODE JS ADVANCE: FILE-UPLOAD

Lecture 316 create a server

Lecture 317 configuring multer and cloudinary

Lecture 318 upload file to cloudinary

Lecture 319 save uploaded image into database

Lecture 320 fetch all images

Section 54: NODE JS ADVANCE: AUTHENTICATION & AUTHORIZATION

Lecture 321 Authentication vs Authorisation

Lecture 322 Types of authentication method

Lecture 323 cookies explained

Lecture 324 Creating a server

Lecture 325 create and send cookie

Lecture 326 Cookie Parser signed cookie

Lecture 327 Verify a cookie

Lecture 328 session explained

Lecture 329 session server

Lecture 330 signing with session

Section 55: GITHUB BASICS

Lecture 331 What is GITHUB?

Lecture 332 How to create GITHUB account

Lecture 333 How to create Repository

Lecture 334 Git push part 1

Lecture 335 Git push part 2

Section 56: DEPLOYMENT

Lecture 336 Deployment explained

Lecture 337 Create Netlify Account

Lecture 338 deploy to netlify

Lecture 339 How to Heroku Account

Lecture 340 create repository

Lecture 341 configure package.json file

Lecture 342 Environment Variable

Lecture 343 create a server

Lecture 344 push to heroku

Lecture 345 deploying app to heroku

Lecture 346 Fixed deploying error

Section 57: project: Portfolio project (beginner)

Lecture 347 Build a simple portfolio website

Section 58: PROJECT: Responsive Navbar

Lecture 348 Structuring HTML

Lecture 349 navbar css

Lecture 350 Adding icons

Lecture 351 media query

Lecture 352 adding javascript

Section 59: PROJECT: BLOG APP TEMPLATE

Lecture 353 Project intro

Lecture 354 How to start a project

Lecture 355 Hero Banner HTML

Lecture 356 Styling Hero Banner

Lecture 357 Adding custom Fonts

Lecture 358 Post List Page html

Lecture 359 Post item css

Lecture 360 Hero Banner media query

Lecture 361 All Post Page

Lecture 362 Navbar html

Lecture 363 How to use icons

Lecture 364 Styling Navbar

Lecture 365 Navbar Responsive CSS

Lecture 366 Navbar Javascript

Lecture 367 Post details page html

Lecture 368 Post details page CSS

Lecture 369 Navigation

Lecture 370 Profile page HTML

Lecture 371 Profile page CSS

Lecture 372 Register form HTML

Lecture 373 Login page html

Lecture 374 Create post html

Lecture 375 Create post Styling CSS

Lecture 376 Add Comment page

Lecture 377 Edit Post page

Lecture 378 Adding navbar to all pages

Lecture 379 Conclusion

Section 60: PROJECT: Book Directory Template

Lecture 380 Demo

Lecture 381 Structuring the project

Lecture 382 Installing bootstrap

Lecture 383 Styling the navbar using Bootstrap

Lecture 384 Header HTML

Lecture 385 Styling the header

Lecture 386 Styling the header 2

Lecture 387 Card HTML

Lecture 388 Styling the Card

Lecture 389 Styling the Card 2

Lecture 390 Login form HTML

Lecture 391 Styling the login form

Lecture 392 Register page

Lecture 393 Profile page

Section 61: PROJECT: Background Colour Changer

Lecture 394 Demo

Lecture 395 HTML Structure

Lecture 396 Styling

Lecture 397 Adding Javascript

Section 62: PROJECT: Calculator App

Lecture 398 Calculator app

Section 63: PROJECT: Counter App

Lecture 399 Structuring with HTML

Lecture 400 Adding CSS

Lecture 401 Adding Javascript

Section 64: PROJECT: Student Grading calculator

Lecture 402 Demo

Lecture 403 HTML Structure

Lecture 404 Styling

Lecture 405 Adding javascript

Lecture 406 Display results

Section 65: PROJECT: Typing Game

Lecture 407 Demo

Lecture 408 HTML Structure

Lecture 409 Adding CSS

Lecture 410 Adding Javascript

Lecture 411 Update score difficulty level

Lecture 412 Game Over Logic

Section 66: PROJECT: Alarm Project

Lecture 413 Demo

Lecture 414 Requirement

Lecture 415 HTML Structure

Lecture 416 Styling with CSS

Lecture 417 Adding javascript part 1

Lecture 418 Adding javascript part 2

Section 67: PROJECT: Image Expander

Lecture 419 Demo

Lecture 420 HTML Structure

Lecture 421 Styling

Lecture 422 Adding Javascript

Section 68: PROJECT: Temperature Converter

Lecture 423 Demo

Lecture 424 HTML Structure

Lecture 425 Styling

Lecture 426 Adding Javascript

Section 69: PROJECT: Random User Generator

Lecture 427 Demo

Lecture 428 HTML Structure

Lecture 429 Styling

Lecture 430 Adding Javascript

Section 70: PROJECT: Music Finder

Lecture 431 HTML Structure

Lecture 432 Styling header

Lecture 433 Styling card

Lecture 434 Exploring Rapid API

Lecture 435 Search Artist

Lecture 436 Using Custom Fonts

Lecture 437 Display artist photo

Section 71: PROJECT: Youtube clone app

Lecture 438 Demo

Lecture 439 HTML Structure

Lecture 440 Styling Navbar

Lecture 441 Styling Video container

Lecture 442 Exploring Youtube API

Lecture 443 Fetch videos

Lecture 444 Display videos

Lecture 445 Search for videos

Lecture 446 Display loading and error

Section 72: PROJECT: Task Manager App

Lecture 447 Demo

Lecture 448 HTML Structure

Lecture 449 Styling

Lecture 450 Selecting Elements

Lecture 451 Create task part 1

Lecture 452 Create task part 2

Lecture 453 Display all tasks

Lecture 454 Delete task

Section 73: PROJECT: Expenses Tracker App

Lecture 455 Demo

Lecture 456 HTML Structure

Lecture 457 Styling

Lecture 458 Creating expenses part 1

Lecture 459 Creating expenses part 2

Lecture 460 Get expenses from local storage

Lecture 461 Display all expenses

Section 74: PROJECT: Book API Project (File system)

Lecture 462 Introduction

Lecture 463 Create server

Lecture 464 Install postman

Lecture 465 fetch All Books endpoint

Lecture 466 passing incoming data

Lecture 467 Create Book

Lecture 468 Auto restart sever

Lecture 469 Book Details

Section 75: PROJECT: Authentication App

Lecture 470 Demo

Lecture 471 Creating routes

Lecture 472 Basic Authentication

Lecture 473 Connect to Database

Lecture 474 User Schema

Lecture 475 Register User

Lecture 476 Hash User Password 1

Lecture 477 Hash User Password 2

Lecture 478 Express Session

Lecture 479 Save session using connect-mongo

Lecture 480 EJS Partials

Lecture 481 Logout User Route

Lecture 482 Configure EJS

Lecture 483 Register /Login/profile page

Lecture 484 Register user

Lecture 485 Login user

Lecture 486 Redirect

Lecture 487 Display profile

Lecture 488 Logout

Lecture 489 Display Error message

Section 76: PROJECT: Book Directory Project API

Lecture 490 Demo

Lecture 491 Creating server

Lecture 492 Design pattern and Mongodb Connection string

Lecture 493 Connect to Database

Lecture 494 Data modelling

Lecture 495 User dummy routes

Lecture 496 User Registration part 1

Lecture 497 User Registration part 2

Lecture 498 Error Handling

Lecture 499 404 Handler

Lecture 500 Login part 1

Lecture 501 Login part 2

Lecture 502 Fetch all users

Lecture 503 User profile and user details

Lecture 504 Create book dummy routes

Lecture 505 Create book route

Lecture 506 Fetch all books

Lecture 507 Fetch single book

Lecture 508 Delete a book

Lecture 509 Update book

Lecture 510 Express session

Lecture 511 Save session into database

Lecture 512 Logout

Lecture 513 Database association

Lecture 514 Mongoose Population

Lecture 515 Preparing for deployment

Lecture 516 Push to Github

Section 77: PROJECT: Full-Stack Book Directory app

Lecture 517 Getting started

Lecture 518 Serving static files

Lecture 519 Styling

Lecture 520 Render home page

Lecture 521 Login user

Lecture 522 Redirect to profile page

Lecture 523 Profile Page

Lecture 524 EJS Partials

Lecture 525 Public and Private Navbar

Lecture 526 Display Error

Lecture 527 Register user

Lecture 528 Create a book

Lecture 529 Fetching all books

Lecture 530 Delete Book

Lecture 531 Update book

Lecture 532 Hide edit/delete button from a user

Section 78: PROJECT: Fullstack Blog App Project

Lecture 533 App flow

Lecture 534 Requirement

Lecture 535 How to start this project

Lecture 536 Create server

Lecture 537 Mongodb connect string

Lecture 538 Connect to database

Lecture 539 Create post route

Lecture 540 Fetch all posts route

Lecture 541 Post details route

Lecture 542 Delete post route

Lecture 543 Update post route

Lecture 544 Serve static files

Lecture 545 Dynamic home page posts list

Lecture 546 Render create post form

Lecture 547 Create post frontend 1

Lecture 548 Create post frontend 2

Lecture 549 Express routing

Lecture 550 Post image file upload

Lecture 551 Post details frontend

Lecture 552 Refactoring express routing

Lecture 553 Delete post frontend

Lecture 554 Update post frontend

Lecture 555 Fetch all post frontend

Lecture 556 Redirect after update error fixed

Lecture 557 User dummy route

Lecture 558 Refactor user routes api

Lecture 559 User registration model

Lecture 560 User registration part 1 api

Lecture 561 user registration part 2 api

Lecture 562 Login endpoint api part 1

Lecture 563 Login endpoint api part 2

Lecture 564 Save session into Database

Lecture 565 Save user into session

Lecture 566 Logout endpoint

Lecture 567 Render register form frontend

Lecture 568 Register user - frontend

Lecture 569 Login user - frontend

Lecture 570 User profile page - frontend

Lecture 571 Display error messages

Lecture 572 Frontend navigation

Lecture 573 Display navbar using ejs partials

Lecture 574 Public and private navbar frontend

Lecture 575 Display create post error frontend

Lecture 576 Display Edit Post Error frontend

Lecture 577 Profile photo upload frontend

Lecture 578 Display user avatar on posts

Lecture 579 Display user profile posts lists

Lecture 580 Show delete and edit button to post owner.

Lecture 581 Update user profile route

Lecture 582 Update user render form

Lecture 583 Update user details

Lecture 584 Fixed login error after updating user

Lecture 585 Display error when updating user details

Lecture 586 Update user password

Lecture 587 Logout after password update

Lecture 588 Update user profile photo

Lecture 589 Update user render form

Lecture 590 Update user details

Lecture 591 Fixed login error after updating user

Lecture 592 Display error when updating user details

Lecture 593 Update user password

Lecture 594 Logout after password update

Lecture 595 Update user profile photo

Lecture 596 Comment Logic blog-app

Lecture 597 Render comment form

Lecture 598 Comment model

Lecture 599 Comment logic part 1

Lecture 600 Comment logic part 2

Lecture 601 Display comments

Lecture 602 Deployment introduction

Lecture 603 Securing sensitive data using dotenv

Lecture 604 Configuring package.json File

Lecture 605 Pushing project to GitHub

Lecture 606 Deploy to heroku

Section 79: WELCOME TO REACT JS: REACT CONCEPT

Lecture 607 Whats is React JS ?

Lecture 608 Facts about React JS

Lecture 609 React JS is declarative explained

Lecture 610 Advantages of React JS

Section 80: GETTING STARTED

Lecture 611 Setting up environment

Lecture 612 React JS: Requirement to learn react

Lecture 613 React JS: How to create react app

Section 81: REACT JS: COMPONENTS PART 1

Lecture 614 What is react component?

Lecture 615 Why use react component?

Lecture 616 Installing react app

Lecture 617 How to create functional component

Lecture 618 How to create class base component

Section 82: REACT JSX

Lecture 619 What is JSX?

Lecture 620 How to create JSX

Lecture 621 Nesting JSX

Lecture 622 Differences between expression and statement

Lecture 623 Embedding expression in JSX

Section 83: CSS, IMAGES and PROPS IN REACT

Lecture 624 CSS in react intro

Lecture 625 Inline Styling

Lecture 626 Using CSS file

Lecture 627 Using images in react

Lecture 628 Parent and a Child component

Lecture 629 Props Explained

Lecture 630 Props Demo

Section 84: REACT EVENTS HANDLING

Lecture 631 What is an event?

Lecture 632 Rules of events

Lecture 633 Types of events

Lecture 634 Creating Event

Lecture 635 Passing arguments to event

Section 85: UseState Hook: STATE MANAGEMENT

Lecture 636 What is useState ?

Lecture 637 Initialising State

Lecture 638 Updating state handler

Lecture 639 Decreasing & Reseting State

Section 86: REACT COMPONENT PART 2

Lecture 640 Stateless Component

Lecture 641 Customising Stateless component

Lecture 642 Stateful component

Section 87: REACT JS: NEXT SECTION COMING SOON

Lecture 643 Coming soon

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