Learn Intermediate CSS
Why Learn Intermediate CSS?
You’ve figured out the basics of CSS, and your web pages are full of pretty colors and evocative fonts. But you want to do more! With Intermediate CSS, you’ll learn how to recreate the dynamism and the visual effects that you see on professional sites around the web.
Take-Away Skills
By the end of Learn Intermediate CSS, you’ll know how to implement elegant transitions, create new layouts with ease, and give your website the flexibility to serve users with different window dimensions, browsers, and physical abilities.
Note on Prerequisites
We recommend that you complete Learn CSS before starting Learn Intermediate CSS.
Codecademy courses have been taken by employees at
- 1Learn CSS Flexbox to create flexible page layouts.
- 2In this course, you will master a technology that was recently added to CSS! This is a long-awaited improvement to laying-out and positioning elements on web pages.
- 3Implement CSS animation using transitions
- 4Learn responsive design techniques, like relative sizing units and media queries, to create websites viewable on devices of all sizes.
- 5Learn how to use CSS variables and functions to create more organized, efficient, and dynamic websites.
What you'll create
Portfolio projects that showcase your new skills
Flexbox: To-Do App
Set the Flexbox properties for a to-do app.
Off-Platform Project: Tea Cozy
Create a fictional tea store on your computer using image assets and a design spec.
PupSpa
It's time to build fluency in CSS Grid Layout. In this next Pro Project, we're going to practice Grid Positioning in CSS so you can hone your skills and feel confident taking them to the real world. Why? Using CSS grid allows you to conveniently organize data so that you can then easily manipulate across all platforms. What's next? Doggy daycare, grooming salon, puppies-css galore. You got this!
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory
— Madelyn, Pinterest
I know from first-hand experience that you can go in knowing zero, nothing, and just get a grasp on everything as you go and start building right away.
Course Description
Learn how to implement elegant transitions, create new layouts and serve users with dynamic needs.
Details
Earn a certificate of completion
15 hours to complete in total
Intermediate
Learn CSS Flexbox to create flexible page layouts.
2 lessons, 2 projects, 2 quizzes
1 lesson, 1 project, 1 quiz
2 lessons, 1 project, 2 quizzes
2 lessons, 1 project, 1 quiz
1 lesson, 1 external resource, 1 project, 1 quiz
1 lesson, 1 article, 1 quiz