on-demand course

Practical CSS3 Mastery Course

with Ranjan Pandey

July 2022

Beginner to intermediate

9h 22m

English

Packt Publishing

Closed Captioning available in English

Watch now

Unlock full access

Includes

Earns Badge

Course outline

Welcome Message
1m 49s
Introduction to Web Development
6m 15s
Installation and Setup
5m 50s
Your First HTML
10m 21s
HTML Structure
7m 46s
Introduction to CSS
10m 53s
Different Ways of Using CSS
13m 9s
Selectors in CSS
23m 0s
Debugging Using Developer Tool
18m 35s
Fonts in CSS
14m 41s
Colors in CSS
12m 36s
Border Background Height Width
17m 40s
Box Model Margin and Padding
23m 38s
Float Clear
25m 20s
Pseudo Selector
14m 41s
CSS Display Property
27m 0s
CSS Position Property
22m 32s
CSS Visibility and Z Index
17m 55s
CSS Flexbox
1h 2m 13s
CSS Responsive Units - EM, REM, VW, and VH
32m 54s
Media Queries
25m 53s
Advance Pseudo Selector
16m 33s
nth Selector
19m 40s
Before After Pseudo Selector
27m 8s
CSS Box Text Shadow
37m 37s
CSS Custom Variables
14m 28s
CSS Animation Keyframes - Part 1
14m 28s
CSS Animation Keyframes - Part 2
11m 56s
Transition
12m 45s
Transform
13m 1s

Overview

In this 2-hour course, you'll master CSS3 fundamentals, learning to build and style responsive and interactive websites. By implementing HTML5 and CSS3 concepts hands-on, you will gain practical front-end development skills.

What I will be able to do after this course

Understand and apply CSS properties effectively to style web pages.
Set up a development environment for web projects and debug with developer tools.
Build responsive layouts leveraging Flexbox and media queries.
Learn to use selectors, fonts, colors, and backgrounds in CSS3 creatively.
Create advanced responsive designs using animations, transitions, and shadows for dynamic visual effects.

Course Instructor(s)

Ranjan Pandey is a seasoned front-end developer and educator, with years of experience in web technologies. They bring a passion for making technical content approachable and ensure learners build practical skills step by step. Ranjan leverages clear explanations and hands-on projects to empower students to succeed in web development.

Who is it for?

This course is ideal for individuals starting a career in web development or backend developers transitioning to full-stack roles. No prior experience in HTML or CSS is required; the course starts from basics and covers essential concepts step-by-step.