{"id":281191,"date":"2020-06-19T06:10:00","date_gmt":"2020-06-19T13:10:00","guid":{"rendered":"http:\/\/css-tricks.com\/?p=281191"},"modified":"2022-09-20T07:23:48","modified_gmt":"2022-09-20T14:23:48","slug":"where-do-you-learn-html-css-in-2020","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/where-do-you-learn-html-css-in-2020\/","title":{"rendered":"Where Do You Learn HTML & CSS in 2020?"},"content":{"rendered":"\n

The question of how and where to learn HTML & CSS is a highly reasonable thing to ask. The answer depends on all sorts of things: how serious you are, your current foundation, what other resources are available to you, what you hope to do with what you learn, and how much time you have, among probably a zillion other things.<\/p>\n\n\n\n

Let’s look at a bunch of options and you can choose the ones that feel right to you. <\/p>\n\n\n\n\n\n\n\n

You could read a book.<\/h3>\n\n\n

There are a ton of books out there that cover HTML and CSS (and often together). They probably all do a fine job. There\u2019s no need to chronicle all the choices here. These two are my personal recommendations. You probably don’t even need both.<\/p>\n\n\n\n

\n

HTML and CSS: Design and Build Websites<\/a><\/h4>\n\n\n

Jon Duckett’s<\/a> is incredibly well-designed and approachable:<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n\n\n\n

<\/p>\n<\/div>\n\n\n\n

Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web Graphics<\/a><\/h4>\n\n\n

Jennifer Robbins’<\/a> covers a bit more ground and is designed to be useful for either personal reading or as a classroom textbook.<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

You could go through a free online course or guide.<\/h3>\n\n\n

Frontend Masters<\/a><\/h4>\n\n\n

Frontend Masters has a very in-depth bootcamp<\/a> they give away for free. It’s 21 hours of high-quality video learning! If it clicks with you, you can sign up for the more advanced paid courses.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n<\/div><\/div>\n\n\n\n
\n

freeCodeCamp<\/h4>\n\n\n

freeCodeCamp<\/a> is also (wait for it) free and has a step-by-step process to it where you don’t just watch, there are tasks for you to complete. <\/p>\n\n\n\n

\"\"<\/figure>\n<\/div>\n\n\n\n

Khan Academy<\/h4>\n\n\n

Khan Academy has an Intro to HTML\/CSS: Making webpages<\/a> course that\u2019s packaged in a super cool format. It’s like video in that you get to hear the instructor talk you through the learning, but what you see is a real live text editor and real-live output. Sometimes the teacher is controlling the code, and then sometimes it breaks for challenges in which you take over and edit the code yourself.<\/p>\n\n\n\n

\"A<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n

Don’t Fear the Internet<\/h4>\n\n\n

Jessica Hische and Russ Maschmeyer’s Don’t Fear the Internet<\/a> is an eight-part series that gets you going with HTML & CSS \u2014 it even delves into the all-important topic of typography.<\/p>\n\n\n\n

Through short tutorial videos, you\u2019ll learn how to take a basic WordPress blog and manipulate the CSS, HTML (and even some PHP!) to match your aesthetic. <\/p><\/blockquote>\n\n\n\n

\"A<\/a><\/figure>\n<\/div>\n\n\n\n

Interneting is hard<\/h4>\n\n\n

Oliver James has a wonderful online course called Internetting is Hard (But it doesn’t have to be)<\/a>.<\/p>\n\n\n\n

We designed HTML & CSS Is Hard to be the only introduction to HTML and CSS that you\u2019ll ever need. If you put in the effort to read every section and write every code snippet, this tutorial has the potential to replace hundreds or even thousand of dollars worth of online courses and live training.<\/p><\/blockquote>\n\n\n\n

\"A<\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n

Scrimba \/ Intro to HTML<\/h4>\n\n\n

Eric Tirado has an Intro to HTML<\/a> course on Scrimba, which is also a neat platform in that Eric’s voice guides you through the course, but visually it’s a combination of slides with a real code editor and preview.<\/p>\n\n\n\n

\"A<\/a><\/figure>\n<\/div>\n\n\n\n
<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

You could read through all the posts in our Beginner’s Guide.<\/h3>\n\n\n

We have a guide (a collection of articles, videos, and links) called Just Starting Out with CSS & HTML<\/a>. I hope there is stuff in there that can help kickstart or augment your early learning because that\u2019s the intent.<\/p>\n<\/div><\/div>\n\n\n\n

You could find and take a paid online course.<\/h3>\n\n\n

I often join gyms because the accountability of paying for something gets me to do it. I know I can do situps, pushups, and go for a jog for free, but the gym membership makes a thing of it. Well, same could be said about paying for a course on HTML and CSS.<\/p>\n\n\n\n

These are broad<\/em> generalizations, but good places to start:<\/p>\n\n\n\n