About this course
Set up a development environment and learn the basics of HTML and CSS.
Before We Begin
1 Parts
- 0:20 Hr
Before We Begin
20 Min
Chapter 0: Introduction to HTML and CSS
3 Parts
- 2:15 Hr
Development Environment Setup
45 Min
HTML and CSS Basics
60 Min
Exercise: Create a Basic Styled Page
30 Min
Chapter 1: Core HTML Elements
3 Parts
- 2:00 Hr
Text and Lists
45 Min
Links and Media
45 Min
Exercise: Build a Content Page
30 Min
Chapter 2: CSS Styling Foundations
3 Parts
- 2:00 Hr
Selectors and Specificity
45 Min
Box Model and Colors
45 Min
Exercise: Style a Content Card
30 Min
Chapter 3: Semantic HTML and Accessibility
3 Parts
- 2:15 Hr
Semantic HTML
45 Min
Accessibility Basics
45 Min
Exercise: Build a Semantic Page Structure
45 Min
Chapter 4: HTML Forms and CSS Typography
3 Parts
- 2:00 Hr
HTML Forms
45 Min
Typography Styling
30 Min
Exercise: Create an Accessible Contact Form
45 Min
Chapter 5: Responsive Design Basics
3 Parts
- 2:15 Hr
CSS Units
45 Min
Media Queries
45 Min
Exercise: Build a Responsive Card Layout
45 Min
Chapter 6: Flexbox Layouts
3 Parts
- 2:00 Hr
Flexbox Basics
45 Min
Advanced Flexbox
45 Min
Exercise: Create a Flexbox Navigation Bar
30 Min
Chapter 7: Grid Layouts
3 Parts
- 2:15 Hr
Grid Basics
45 Min
Responsive Grids
45 Min
Exercise: Design a Responsive Card Grid
45 Min
Chapter 8: Animations and Transitions
3 Parts
- 1:30 Hr
CSS Transitions
30 Min
CSS Animations
30 Min
Exercise: Animate a Call-to-Action Button
30 Min
Chapter 9: CSS Variables and SCSS
3 Parts
- 2:00 Hr
CSS Variables
30 Min
SCSS Essentials
45 Min
Exercise: Style a Component with SCSS
45 Min
Chapter 10: Advanced HTML5 Features
3 Parts
- 2:30 Hr
HTML5 APIs
60 Min
Metadata and SEO
45 Min
Exercise: Optimize a Page for SEO
45 Min
Chapter 11: CSS Architecture and Frameworks
3 Parts
- 2:15 Hr
CSS Architecture
45 Min
CSS Frameworks
45 Min
Exercise: Refactor a Component with BEM and Bootstrap
45 Min
Chapter 12: Performance Optimization and Browser Compatibility
3 Parts
- 2:00 Hr
Performance Optimization
45 Min
Browser Compatibility
45 Min
Exercise: Optimize Images for Performance
30 Min
No Reviews Yet
