Beginner
102 Lessons
10h
Certificate of Completion
Course Overview
My Goal is to take you from a beginner (or intermediate) CSS user to becoming one of the best CSS devs you know! 👉🏻 COURSE CONTENT? 1. A detailed look at CSS Fundamentals 2. Practical SVG for today 3. A Sane Guide to Responsive Design 4. Creating sleek Interfaces with CSS Animations and Transitions 5. Writing Maintainable CSS and tips for CSS at Scale 6. Learn the CSS Grid by Building ... wait for it! 😉 7. Get a Private slack Invite where you can ask me anything 8. Gain a Solid Understanding of CSS Fu...
Course Content
Introduction
Getting started with CSS
Oh My Selectors!
CSS Fundamentals Everyone Should Know
Colors, colors, colors!
We all Need Units
10 Lessons
Typography in CSS
5 Lessons
The Box Model
6 Lessons
Challenge: Hands-on Practice with Texts, Margin, Padding and Borders
3 Lessons
Getting creative with Backgrounds
5 Lessons
Project: Build a Movie Order Page
9 Lessons
Making Sense of CSS Gradients
4 Lessons
Hands-on Practice with Gradients
6 Lessons
Project: Build a Sign Up Page for a Startup
6 Lessons
{New} Teach Me Positioning Like I'm Five
7 Lessons
{New} A Detailed Look at CSS Variables ( a.k.a Custom Properties )
7 Lessons
{New} CSS Variables Real World Applications
3 Lessons
{New} Long Live the CSS Grid
10 Lessons
Final Words
4 Lessons
How You'll Learn
You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.
Videos are holding you back. Educative‘s interactive, text-based lessons accelerate learning — no setup, downloads, or alt-tabbing required.
Learn faster and smarter with adaptive AI tools embedded in every Educative course.
Built-in assessments let you test your skills. Completion certificates let you show them off.
Start from scratch and become a front-end developer with real job-ready skills. Don't miss out.
Become a Front-end Developer
4 Modules
Recommended Courses
BEFORE STARTING THIS COURSE
AFTER FINISHING THIS COURSE