Learn CSS, from Laying Out Websites to Performant Animations
CSS is rich in capabilities and is more than simply laying out pages! Replace costly JavaScript with CSS.
Total time: 46 hours, 17 minutes
Core Coursework
Take these in order
Prerequisite: There are no prerequisites for this learning path, but you should have some familiarity with computers and the Internet
Up First
Without CSS, the internet would be a dull place to browse. Use CSS to add layout and visual style so your websites are functional and beautiful. Create a modern one-page portfolio website you can share with the world!
Layout is an essential part of building a website. Jen teaches you modern techniques for implementing designs using CSS Grid, Flexbox, Subgrid, Container Queries, and responsive images.
Experience a professional workflow while building a website from scratch. Use custom properties to architect a scalable design, build advanced layouts, and deploy your site with a GitHub workflow.
Put your CSS knowledge to practice by building three variations of the same website. Each variation increases in complexity and allows you to think through a solution to each approach.
CSS animations are incredibly powerful and an essential tool for adding polish to any web design. Animations communicate intent and provide the user with added context.
Reinforce your CSS skills with this project-based course by coding five challenging layouts. Try them on your own or follow along with Jen throughout the course.