This page shows all the recordings and details of each class.
| 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 | ‣ |
| 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 | ‣ |