How This Course Will Work


In this course, you’ll learn HTML5 and CSS3, the foundations of building and styling modern web pages. We’ll also dip into design and UX because it’s difficult to call yourself a full stack developer without having at least a cursory appreciation for the decisions that produce the page itself. If you’re taking this course because you want to build your own websites, that section will be even more helpful.

If you haven’t completed it already, the first place to start is the Introduction to HTML and CSS, which covers a lot of ground so you can get up to speed on the basics. In fact, most of what you need to know to build effective websites is covered there.

This course is designed to follow that introductory material with more depth so you can start to flex your design muscles to produce more appealing and easy-to-use websites. Luckily for you, there is an enormous amount of resources available on the web to learn front end development, so if you ever get stuck, Google is your friend.

If you’ve completed the Ruby on Rails course already, you can safely skip to the CSS3 section.

This is a Work In Progress!

This course is currently under construction, which means that the explanations may not be as rich as you’re used to from the other courses and some stuff may still be marked “TO-DO”. That said, we teach mostly by showing you the best places to learn a given subject on the internet anyway, and luckily there are tons of great resources out there for learning HTML and CSS. If you find anything out there which should be included, let us know!


We’ll start by covering all the building blocks of HTML from lists to forms before diving deeper into CSS, Design, and Frameworks.

There’s a lot to cover but it’s been broken up into bite-sized lessons and their accompanying projects. The projects will give you a chance to apply what you’ve learned and to show what you’re capable of. After a few of them, you’ll really start getting the hang of things. If you’ve already completed the courses for Ruby and Ruby on Rails, you’ll find that these lessons go much quicker.

In each lesson:

  1. We’ll introduce the topic briefly and provide you with a list of things you should pay attention to.
  2. You’ll be asked to do readings, watch videos, do online courses or otherwise consume content to initially learn the material.
  3. Every few lessons you will be asked to build a larger project, in this case they are almost exclusively rebuilding sites that you’re probably familiar with. These are best done with a friend.
  4. Finally, we’ll include additional helpful resources and other potentially useful tidbits at the end of each lesson.

Enough talk, get learning!

Improve this lesson on GitHub

Have a question?

Chat with our friendly Odin community in our Discord chatrooms!

Open Discord