Jen Kramer
Instructional Designer
0%
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: 52 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!
Up Next
Learn the essentials every modern UI developer needs to know, including responsive layouts, typography, animations, and more.
Up Next
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.
Up Next
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.
Up Next
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.
Up Next
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.
Up Next
Broaden your vocabulary with more HTML elements and CSS properties. Leverage complex CSS selectors to make your styles more resilient and reusable.
Up Next
Take your web designs to the next level with immersive, high-impact animations that create captivating web experiences.
Elective Coursework
Optional, take in any order
Learn Straight from the Experts Who Shape the Modern Web
- 250+In-depth Courses
- Industry Leading Experts
- 24Learning Paths
- Live Interactive Workshops