LearnPresenting three new CSS courses!

Anwar Montasir (he/him)

Anwar Montasir (he/him)
writes on January 7, 2021

My name is Anwar Montasir, and I’m a designer, a developer, and a teacher at Treehouse. I’m excited to kick off 2021 by announcing the launch of three new CSS courses as part of the Front End Web Development Techdegree:

If you’re familiar with Treehouse’s Front End Web Development curriculum, you might be familiar with our previous CSS Basics course. And while it’s served us well, the course was due for an update to reflect more modern CSS practices. And as the original course was nearly eight hours long, our goal was to break the content into three smaller, more digestible pieces.

CSS Basics

Screenshot from Treehouse's CSS Basics course demonstrating that CSS handles the presentation layer of a web page.

In CSS Basics, students learn to style their pages while keeping HTML content separate from CSS presentation. Topics covered include basic selectors, values and units, and the CSS cascade.

Screenshot from Treehouse's CSS Basics course. Caption reads 'now my h3 has a light blue background.'

Students will apply their new CSS knowledge to a resume for a fictitious Treehouse grad named Developer Diane. And while the finished result might not be the most legible resume, the goal here isn’t to create a portfolio-ready product. Students will grow comfortable with CSS syntax, explore the impact of various selectors and measurements, and gain confidence in controlling the style of their HTML document.

CSS Layout

Screenshot from Treehouse's CSS Layout course illustrating the parts of the CSS Box Model.

In CSS Layout, students learn the parts of the CSS Box Model, and gain more advanced control over their layout using CSS properties like display, position, and float. This course also introduces CSS Media Queries, so students can adjust their layouts for display on a variety of screens and devices.

Screenshot from Treehouse's CSS Layout course. Caption reads 'try that out in the browser and expand and contract your viewport.'

Students continue working with Developer Diane, this time on a blog post that remains legible on both a mobile and desktop display.

Enhancing Design with CSS

Screenshot from Treehouse's Enhancing Design with CSS course. Caption reads 'Google Fonts has quite a few advantages.'

In Enhancing Design with CSS, students improve their page’s typography by importing fonts and learning type-specific properties such as line-height. They’ll learn advanced visual effects like type and box shadows, rounded corners, and gradients, and even learn to insert decorative content using CSS. Students will add background images to their document and manipulate the color of those images using background blend modes.

Screenshot from Treehouse's Enhancing Design with CSS course. Caption reads 'Before we write any CSS media queries for our Lake Tahoe site'

During this course, students style a promotional website for Lake Tahoe, California. In doing so, they’ll use the knowledge gained throughout all three CSS courses to create an appealing visual design and a legible typographic experience across a variety of screens.

 

More about Treehouse

Learning with Treehouse starts at only $19.99 per month. If you think you’re ready to start exploring if tech is right for you, sign up for your free seven day trial of the Front End Web Development Techdegree.

What sets Treehouse apart is their dedication to helping you find your perfect job or develop your own business. – SwitchUp.org Review

Follow us on Twitter, Instagram, and Facebook for our favorite tips, and to share how your learning is going. We’ll see you there!

If you liked reading this article, you should also look at these two:

GET STARTED NOW

Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Get Started

Leave a Reply

You must be logged in to post a comment.

man working on his laptop

Are you ready to start learning?

Learning with Treehouse for only 30 minutes a day can teach you the skills needed to land the job that you've been dreaming about.

Start a Free Trial
woman working on her laptop