Jen Kramer, Freelance Instructor
Learn the basics of CSS by building your first single-page website.
Learn CSS as you create your page, learning techniques that you will carry into future CSS work.
This course is available by subscription to Frontend Masters.
Starting with provided content or your own, create a portfolio site using a simple design system, semantic HTML, grid-based layouts, responsive design, and a light/dark color scheme easily switched by the user. You’ll leave this course with a worksheet for developing effective portfolio content. You’ll also have a solid grasp on setting up a design system using CSS variables, and using those variables to create a light/dark color scheme. You’ll get more practice with grid-based layouts, and you’ll learn to organize your content to tell a coherent story. By the end of this course, you’ll have a simple one-page portfolio website with all of your basic information included, as well as a plan for next steps to make the site your own.
Junior developers will get more practice with applying HTML and CSS to real-world content while solving a real-world problem. Junior developers will also benefit from a portfolio that’s easily updated to reflect new project work. Senior developers will benefit from a rapid HTML and CSS review. This is best for senior developers who don’t frequently use HTML and CSS, or don’t necessarily understand how these languages work.