Currently Empty: ₹0.00
Curriculum
- 5 Sections
- 239 Lessons
- 4 Hours
Expand all sectionsCollapse all sections
- Section 1Fundamentals Learn the core structure and syntax to create web pages from scratch60
- 1.11. HTML Basics (Nesting and Closing Tags)
- 1.21. HTML Basics (Tags and Elements)
- 1.31. HTML Basics (Basic Structure of an HTML)
- 1.41. HTML Basics (What is HTML?)
- 1.51. HTML Basics (Comments in HTML)
- 1.62. Text & Formatting (Headings)
- 1.72. Text & Formatting (Paragraphs)
- 1.82. Text & Formatting (Line Breaks)
- 1.92. Text & Formatting (Bold and Italic Text)
- 1.102. Text & Formatting (Bold and Italic Again)
- 1.112. Text & Formatting (Recap – Formatting)
- 1.123. Working with List (Unordered List)
- 1.133. Working with List (Ordered List)
- 1.143. Working with List (Nested Lists)
- 1.153. Working with List (Unordered List)
- 1.164. Recipe Card (Recipe Title and Description)
- 1.174. Recipe Card (Ingredients)
- 1.184. Recipe Card (Steps)
- 1.194. Recipe Card (Project Overview)
- 1.205. Adding Content (HTML Attributes)
- 1.215. Adding Content (Links)
- 1.225. Adding Content (New Page Links)
- 1.235. Adding Content (Images)
- 1.245. Adding Content (Image Attributes)
- 1.256. Page Layour (Divisions)
- 1.266. Page Layout (Inline Spans)
- 1.276. Page Layout (Semantic Tags)
- 1.286. Page Layout (Sections and Articles)
- 1.296. Page Layout (Recap – Layout)
- 1.307. Personal Profile Page (Project Overview)
- 1.317. Personal Profile Page (Header Section)
- 1.327. Personal Profile Page (Profile Picture)
- 1.337. Personal Profile Page (About Me Section)
- 1.347. Personal Profile Page (Social Links)
- 1.358. Forms & Inputs Part 1(Form Basics)
- 1.368. Forms & Inputs Part 1(Text Inputs)
- 1.378. Forms & Inputs Part 1(Input Attributes)
- 1.388. Forms & Inputs Part 1(Password Field)
- 1.398. Forms & Inputs Part 1(Labels for Inputs)
- 1.408. Forms & Inputs Part 1(Recap – Basic Form)
- 1.419. Forms and Inputs Part 2(Radio Buttons)
- 1.429. Forms and Inputs Part 2(Checkboxes)
- 1.439. Forms and Inputs Part 2(Dropdowns)
- 1.449. Forms and Inputs Part 2( Buttons)
- 1.459. Forms and Inputs Part 2(Buttons in Forms)
- 1.469. Forms and Inputs Part 2(Recap – Forms #2)
- 1.4710. Tables (Table Basics)
- 1.4810. Tables (Adding Captions)
- 1.4910. Tables (Adding Captions)
- 1.5010. Tables (Spanning Rows and Columns)
- 1.5110. Tables (Recap – Tables)
- 1.5211. Event Registration Page (Project Overview)
- 1.5311. Event Registration Page (Header Section)
- 1.5411. Event Registration Page (Event Details Section)
- 1.5511. Event Registration Page (Registration Form)
- 1.5611. Event Registration Page (Footer Section)
- 1.5712. Final Challenge(Simple Profile Card)
- 1.5812. Final Challenge(Event Invitation Card)
- 1.5912. Final Challenge(Simple Article Page)
- 1.6012. Final Challenge(Favorite Books List)
- Section 2Styling with CSS Bring your web pages to life with colors, layouts, and styles75
- 2.11.Introduction (What is CSS?)
- 2.21. Introducation (CSS Syntax)
- 2.31. Introducation (CSS Comments)
- 2.41. Introducation (The Head Tag)
- 2.51. Introducation (The Title Tag)
- 2.63. Basic Selectors (Selection Challenge)
- 2.74. Text Fundamental (Text Color)
- 2.84. Text Fundamental (Font Family)
- 2.94. Text Fundamental (Font Size)
- 2.104. Text Fundamental (Font Weight)
- 2.114. Text Fundamental (Text Alignment)
- 2.124. Text Fundamental (Text Decoration)
- 2.134. Text Fundamental (Recap Challenge #1)
- 2.144. Text Fundamental (Recap Challenge #2)
- 2.155. Color & Background (Background Color)
- 2.162. Adding Css(Inline CSS)
- 2.172. Adding Css(Internal CSS)
- 2.182. Adding Css(External CSS)
- 2.192. Adding Css(IBasic Styling Challenge)
- 2.203. Basic Selectors (Introduction to Selectors)
- 2.213. Basic Selectors (Type Selector)
- 2.223. Basic Selectors (Class Selector)
- 2.233. Basic Selectors (ID Selector)
- 2.243. Basic Selectors (Group Selectors)
- 2.253. Basic Selectors (Universal Selector)
- 2.265. Color & Background (HEX Colors)
- 2.275. Color & Background (RGB Colors)
- 2.285. Color & Background (Transparency with RGBA)
- 2.295. Color & Background (Recap Challenge #1)
- 2.306. Cafe Menu (Typography Basics)
- 2.316. Cafe Menu (Text Styling)
- 2.326. Cafe Menu (Color and Backgrounds)
- 2.337. Box Model Part 1(Padding)
- 2.347. Box Model Part 1(Margins)
- 2.357. Box Model Part 1(Borders)
- 2.367. Box Model Part 1(Width and Height)
- 2.377. Box Model Part 1(Recap Challenge)
- 2.388. Box Model Part 2(Box Sizing)
- 2.398. Box Model Part 2(Border Radius)
- 2.408. Box Model Part 2(Overflow)
- 2.418. Box Model Part 2(Box Shadow)
- 2.428. Box Model Part 2(Recap Challenge)
- 2.439. Flex Box (What is a Flex Box?)
- 2.449. Flex Box (Flex Direction)
- 2.459. Flex Box (Justify Content)
- 2.469. Flex Box (Align Items)
- 2.479. Flex Box (The Perfect Center)
- 2.489. Flex Box (Flex Box Challenge)
- 2.4910. Login Form (Body)
- 2.5010. Login Form (Form Container)
- 2.5110. Login Form(Input)
- 2.5210. Login Form (Button)
- 2.5311. Layout & Techniques (Block vs Inline Elements)
- 2.5411. Layout & Techniques (Positioning Basics)
- 2.5511. Layout & Techniques (Relative Positioning)
- 2.5611. Layout & Techniques (Absolute Positioning)
- 2.5711. Layout & Techniques (Fixed Positioning)
- 2.5811. Layout & Techniques (Z-Index Basics)
- 2.5911. Layout & Techniques (Recap Challenge)
- 2.6012. Responsive Basic Design (What is Responsive Design?)
- 2.6112. Responsive Basic Design (Viewport Meta Tag)
- 2.6212. Responsive Basic Design (Fluid Layouts)
- 2.6312. Responsive Basic Design (Viewport Units
- 2.6412. Responsive Basic Design (Media Queries Basics)
- 2.6512. Responsive Basic Design (Flexible Images)
- 2.6613. Tonga WebPage (Navigation Menu)
- 2.6713. Tonga WebPages (Welcome Header)
- 2.6813 Tonga WebPages (About Section)
- 2.6913. Tonga WebPage (NContact Section)
- 2.7013. Tonga WebPage (Viewport Tag)
- 2.7113. Tonga WebPage (Media Query)
- 2.7214. Final Challenges (Arrange Items)
- 2.7314. Final Challenges (Movies List)
- 2.7414. Final Challenges (Wedding Invitation Card)
- 2.7514. Final Challenges (Floating Notification)
- Section 3CSS Mastery Take you css skills to the next level!42
- 3.11. Selector Mastery – Combination(Introduction)
- 3.21. Selector Mastery – Combination(Descendant Selector)
- 3.31. Selector Mastery – (Child Selector)
- 3.41. Selector Mastery – (Adjacent Sibling Selector)
- 3.51. Selector Mastery – (General Sibling Selector)
- 3.61. Selector Mastery – (Recap Challenge)
- 3.72. Interactive Seudo Classes – (Pseudo-Classes)
- 3.82. Interactive Seudo Classes (Hover Effects)
- 3.92. Interactive Seudo Classes (Focus Effects)
- 3.102. Interactive Seudo Classes (Active Styles)
- 3.112. Interactive Seudo Classes (Recap Challenge)
- 3.123. Structural pseudo-classes(Structural pseudo-classes)
- 3.133. Structural pseudo-classes(Targeting the Last Child)
- 3.143. Structural pseudo-classes(Pattern Power: Using nth-child)
- 3.153. Structural pseudo-classes(Recap Challenge)
- 3.164. Dropdown Menu Project (Add the Submenu)
- 3.174. Dropdown Menu Project (Show the Submenu)
- 3.184. Dropdown Menu Project (More styling)
- 3.194. Dropdown Menu Project (Input and button)
- 3.205. Visual Effect (Gradients)
- 3.215. Visual Effect (CSS Filters)
- 3.225. Visual Effect (Transform)
- 3.235. Visual Effect (Transitions & Hover Effects)
- 3.245. Visual Effect (Recap Challenge)
- 3.256. Landing Page (Style the Header Section)
- 3.266. Landing Page (Style the button)
- 3.276. Landing Page (Section Layout)
- 3.286. Landing Page (Card Layout)
- 3.296. Landing Page (Add Finishing Touches)
- 3.307. Build With CSS Grid (Grid Basics)
- 3.317. Build With CSS Grid (Grid-row Item Placement)
- 3.327. Build With CSS Grid (Named Areas)
- 3.337. Build With CSS Grid (Recap Challenge)
- 3.348. Flavour Fiesta Website (Setting the grid)
- 3.358. Flavour Fiesta Website (Header)
- 3.368. Flavour Fiesta Website (The main part)
- 3.378. Flavour Fiesta Website (Footer)
- 3.389. Final Challenges (Highlight Active Menu)
- 3.399. Final Challenges (Zebra Table Rows)
- 3.409. Final Challenges (Button Hover Effect)
- 3.419. Final Challenges (Grid Card Layout)
- 3.429. Final Challenges (Blurred Hero Image)
- Section 4Practical Frontend Combine structure and style to design complete, responsive web pages35
- 4.11. Variable (Variables)
- 4.21. Variable (Using CSS Variables)
- 4.31. Variables (Variables for Design Tokens)
- 4.41. Variables (Local Variables)
- 4.51. Variables (Recap Challenge)
- 4.62. Mobile-First Strategy (What “mobile-first” means)
- 4.72. Mobile-First Strategy (Mobile-First Typography)
- 4.82. Mobile-First Strategy (Mobile-First Navigation)
- 4.92. Mobile-First Strategy (Mobile-First Images)
- 4.102. Mobile-First Strategy (Mobile-First Forms)
- 4.112. Mobile-First Strategy (Recap Challenge)
- 4.123, Theming & Visual Styles (Theming in CSS)
- 4.133. Theming & Visual Styles (Dark/Light Mode Basics)
- 4.143. Theming & Visual Styles (Accent Colors & Highlighting)
- 4.153. Theming & Visual Styles (Typography Theming)
- 4.163. Theming & Visual Styles (Recap Challenge)
- 4.174. Extreme Sports (Variables)
- 4.184. Extreme Sports (Mobile-First)
- 4.194. Extreme Sports (Theming)
- 4.205. UI Component (Dropdown menu)
- 4.215. UI Component (Tabs)
- 4.225. UI Component (Badges)
- 4.235. UI Component (Tooltips)
- 4.245. UI Component (Notification Banners)
- 4.255. UI Component (Recap Challenge)
- 4.266. Responsive Patterns (Holy Grail Layout)
- 4.276. Responsive Patterns (Card Grid Layout)
- 4.286. Responsive Patterns (Sidebar + Content Layout)
- 4.296. Responsive Patterns (Split Screen Layout)
- 4.306. Responsive Patterns (Sticky Header / Footer)
- 4.316. Responsive Patterns (Recap Challenge)
- 4.327. Final Challenges (Profile Card)
- 4.337. Final Challenges (Chocolate Gallery Grid)
- 4.347. Final Challenges (Seven Wonders)
- 4.357. Final Challenges (New Seven Wonders)
- Section 5JavaScript in Action Explore how javascript is used with html and css27
- 5.11. JaInteractivity/UI Components (Tabs)
- 5.21. Interactive/UI Componenets (Accordion (expand/collapse))
- 5.31. Interactive/UI Componenets (Modal (open/close))
- 5.41. Interactive/UI Componenets (Dropdown)
- 5.52. Form Validations (Input validation)
- 5.62. Form Validations (Custom error messages)
- 5.72. Form Validations (Submit buttons)
- 5.83. Notification & Feedback (Toast message)
- 5.93. Notification & Feedback (Dismissible banners)
- 5.103. Notification & Feedback (Loading indicators)
- 5.114. Form with Toast Notification (Show the Toast Message)
- 5.124. Form with Toast Notification (Hide the Toast Message)
- 5.135. Navigation (Mobile burger menu toggle)
- 5.145. Navigation (Collapsible side navigation)
- 5.155. Navigation (Dropdown menus)
- 5.166. Theming & Personalization (Dark/light themes)
- 5.176. Theming & Personalization (Save theme choice)
- 5.187. Animations & Effects (CSS transitions)
- 5.197. Animations & Effects (Animate elements on scroll)
- 5.207. Animations & Effects (Button click animations)
- 5.218. Animated Navigation (Variables)
- 5.228. Animated Navigations (Event listeners)
- 5.238. Animated Navigation (CSS transition)
- 5.249. Final Challenges (Interactive FAQ accordion)
- 5.259. Final Challenges (Login Form)
- 5.269. Final Challenges (Responsive Navbar)
- 5.279. Final Challenges (Blog Page with Theme)