Course Introduction

Setting up the code editor

How the web works with examples

Write your first HTML code

Live server Extension

Headings, paragraphs and typography

Links, Images & Attribute

Lists and Tables

Forms & Input Part-1

Forms & Input Part-2

Block & Inline Elements

Divs & span, classes & Ids

Part-1 HTML semantic tags

Part-2 HTML Semantic tags

Part -1 Basic CSS selectors

Part-2 Basic CSS selectors

Dev tools intro

Font in CSS

Part-1 Color types

Part-2 color types and bg color

Box-model

CSS positioning

What is Flexbox?

Flexbox basics

FLex Properties

Flex alignments & Justify

What is Grid Layout?

Grid basics - Part 1

Grid basics - Part 2

Grid Properties Part - 1

Grid Properties Part - 2

Box shadow

Text shadows

CSS variables

Part-1 Keyframes

Part-2 Keyframes

CSS transition

Transform Property

Project Part-1

Project Part-2

Project Part-3

Project Part-4

Project Part-5

Project Part-6

JavaScript Fundamentals Introduction

VS Code Installation

Write First JS Code

Variables! Var, Let and Const

Datatypes in JS.

Type Conversion and Cohesion

String and String Methods

Numbers and Numbers Methods.

Template Literals

Arrays and its Methods.

Object Literals.

Comparison and Conditionals

Loops in JS

Function Declaration and Expression

Switches

Scopes

Let vs Var

What is DOM?

DOM Examination

DOM Selectors for Single Elements.

DOM Selectors for Multiple Events

Traversing the DOM

Creating Elements

Remove Elements

Events Listeners and Event Object

Mouse Events

Keyboard and Input Events

Event Delegation and Bubbling

Local and Session Storage.

Build a Loan Calculator App - Part 1

Build a Loan Calculator App - Part 2

Build a drum-kit game.

Build a dice game.

Build a animated task-list application - Part 1

Build a animated task-list application - Part 2

Build a animated task-list application - Part 3

Build a animated task-list application - Part 4

Object Literals and Factory Functions

Constructor Functions

Understanding 'this' Keyword

Prototypes

Prototypal Inheritance

Creating Object using object.create

ES6 Classes and properties of OOPS

Sub Classes

Build a Book-List Application - Part 1

Build a Book-List Application - Part 2

Build a Book-List Application - Part 3

Build a Book-List Application - Part 4

Build a Color Palette Application - Part 1

Build a Color Palette Application - Part 2

Build a Color Palette Application - Part 3

Build a Color Palette Application - Part 4

Build a Color Palette Application - Part 5

Build a BeatMaker Project.

Synchronous vs Asynchronous

Pattern for handling Async Operation

Callbacks

Callback hells

Promises in JS

Replacing callbacks with promises

Consuming promises

Creating settled promises

Running parallel Promises

Async & Await

Fetch API in JS

Intro to the Course

Goals And Course Structure

Installing Dev Requirements

create-react-app, babel & webpack

React- Behind the scenes!

Your first React App

Folder Structure

Remove Boilerplate

First Component

Component in Detail!

JSX Rules

Nested Components

JSX-CSS

Javascript in JSX

Props-Intro

Props-Destructuring

Props-Children

Refactor to Better Data Structure

Listing of data

event basics

Import and Export Statement

Into to State

State-Simple Usecase

useState-Basics

State-with Arrays

useEffect-Basics

useEffect-Dependency List

useEffect-Fetching Data

Multiple Returns

Short Circuit Evaluation

Ternary Operator and Show/Hide Logic

Forms-Basics

Controlled Inputs

React-Router

Router-Link

Router-Switch

Introduction to Project

Planning the app

Installing Packages

Navbar

About Page

Fetching Data

User List Component

UserItem Component

Search Component

Search Functionality

Conditional rendering

Linking to Detail Page

Fetching single user

Detail Page Component

Get Users Repository

Mern Live Day 01 -Introduction to HTML

Mern Live Day 02 - HTML & CSS

Mern Live Day 03 - CSS

Mern Live- Day 04

Mern Live- Day 05

Mern Live- Day 06

Mern Live- Day 07

Mern Live- Day 08

MERN Live-Day 09

Mern Live- Day 10

Mern Live - Day 11

Mern Live - Day 12(Logical Operators, Interactions, Switch, String Methods)

Mern Live - Day 13 ()

Mern Live- Day 14()

Mern Live- Day 15()

Mern Live -Day 16()

Mern Live - Day 17

Mern Live- Day 18

Mern Live -Day 19

Mern Live -Day 20

Mern Live -Day 21

Mern Live -Day 22

Mern Live -Day 23

Mern Live - Day 24

Mern Live - Day 25

Mern Live - Day 26

Mern Live - Day 27(Higher Order Functions & Storage concepts)

Mern Live -Day 28(Rest Operator , Spread Operator & Javascript prototypal Inheritance)

Mern Live -Day 29 (DOM,Objects,Dom tree,DOM Nodes ,qurey Selector All & getElementById)

Mern Live - Day 30 (Garbage Collections & Array Methods)

Mern Live - Day 31(Destructure Assignments, Object Destructure , Array Destructure & DOM Manipulation)

Mern Live - Day 32(Todo App - Part 1 )

Mern Live - Day 33 (Todo App - Part 2)

Mern Live -Day 34(Introduction to React)

Mern Live - Day 35(React Components Overview)

Mern Live- Day 36(React : State & Props )

Mern Live -Day 37(React- State,Porp ,Event)

Mern Live- Day 38(React -Event Binding ,passing props from child to parent and conditional rendering)

Mern Live- Day 39(React -List rendering ,importance of keys)

Mern Live -Day 40(Styling React Components ,Form Handling)

Mern Live -Day 41(Lifecycle Methods in React )

Mern Live -Day 42(React Fragments & Pure Components)

Mern Live -Day 43(Higher Order Components in React)

Mern Live -Day 44(React hooks introduction)

Mern Live -Day 45 (UseState Hooks)

Mern Live -Day 46 (useEffect hook)

Mern Live - Day 47(Data Fetching inReact using Axios)

Mern Live- Day 48(React context API)

Mern Live - Day 49 (React Router & Virtual DOM )

Mern Live - Day 50(React to do list part 1)

Mern Live -Day 51(React To dolist part 2)

Mern Live -Day 52

Mern Live - Day 53(Introduction to Node js)

Mern Live - Day 54(JavaScript builders, NodeJS modules, Intro to ExpressJS)

Mern Live - Day 55 (ExpressJS generator, basics, routing, middlewares, static files, template engines and error handling)

Mern Live - Day 56(ExpressJS Routing module, using middlewares, template engines, JSON API creation)

Mern Live - Day 57()

Mern Live - Day 58( Authentication handling )

Mern Live - Day 59(mongoDb,express.js,MUI)

Mern Live - Day 60()

Mern Live- Day 61

Capstone Project