This page shows all the recordings and details of each class.

HTML the king 🤴

Class Name Description Link
Introduction to HTML What is html? Talking about web and browser ‣
HTML Tags Part 1 Basic Tags in HTML like heading, paragraph, image, button, anchor tags etc ‣
HTML Tags Part 2 Button tag extended, input tag and it’s different types ‣
HTML Tags Part 3 Input tags and form tag ‣
HTML Tags Part 4 Advance tags like Audio, Video and iframe tag with examples ‣
HTML Tags Part 5 Advance topic in html like Emoji and entities ‣
HTML Favicons and Semantic HTML tags Advance topic - Favicons, semantic html tags ‣
HTML advance attributes - ARIA
Deployment - Vercel etc How to use ARIA attributes and why it is so underrated?
How to deploy your website using github and vercel. ‣
Project 1 - Multipage Blog application Part How to use html’s multipage feature? Simple using anchor tags ‣

CSS - Cascading Style Sheets

Introduction to CSS Why your website looks so bland? It deserves some attention. ‣
Text and Fonts properties How to change your websites basic fonts to something unique?How to change font styles like size and weights? ‣
Backgrounds How to change the background of your website? ‣
Box Model Intermediate - What is box model? and why is it so important? ‣
Units in CSS How to measure width and height of a box? and more ‣
Project 2 - Library Management Frontend Part 1 Library Management project frontend and MPA ‣
Project 2 - Library management Part 2 Part 2 of Project 2 ‣
Border radius and corner shape Border radius is a known property but do you know corner shape? it’s a very hot property being used widely ‣
Position How to use different positions, in CSS obviously ‣
Project 3 - Stacking Card
FlexBox Part 1 Build a simple stacking card effect with position and z-index
and Flexbox is also discussed ‣
Flex Grow, Flex Shrink, Flex Basis, Order and Gap Very important ‣
Selectors Different Types of Selectors - ID, class, New Descendant, Multi Selector, Child Selector, Sibling Selector ‣
Grid Part 1 Grid, Rows, Columns, Span, Project 3 ‣
Grid Part 2 Gap, place-items/content/self ‣
Shadow & Transform How to use shadow and what is transform in css? ‣
Transition and Pseudo Class how to use basic smooth transitions in CSS and what are pseudo classes!! ‣
Before and After pseudo class with animation tutorial Create two cool animations with ::before and ::after pseudo class ‣
Animations Part 2 Learn animations with the animation property ‣
Advanced class Part 1 New properties that will blow your mind, blew mine though 😮‍💨 ‣
Tailwind Setup Guide Some small properties and setting up tailwind CSS ‣
More Properties Advanced but easy properties in css

with Proper Tailwind setup guide | ‣ | | Media Queries and Intro to project | What is media query and what is responsiveness? | ‣ | | Tailwind Project Part 1 | Project - hero section building | ‣ | | Tailwind Project Part 2 | Project continuation | ‣ | | Tailwind Project Part 3 | Project finalization | ‣ | | Tailwind Project Part 4 | Responsiveness and JS intro | ‣ |

JS - JavaScript the queen of Web

Introduction to JS Variables and Hoisting and Data types ‣
Strings in JS Strings and String methods ‣
Numbers in JS Number and Methods ‣
Arithmetic and Operators How to use different operators in js? ‣
Type Conversions How to do type conversions in js?