🌟🆓 Our favorite free resources for learning web development in 2019
Tags: javascript, webdev, beginners, career
Published: 2019-09-07 16:18:47

So, you've decided to learn web development. Nice! The bad news: there's a million different resources online for learning HTML, CSS and JavaScript, and it's hard to know where to start. 

We've put together a few of our favorite free web development resources, with a few videos, books, and courses, to serve different learning styles and paces. Are we missing anything that you've learned a ton from? [Let us know on Twitter!](https://twitter.com/signalnerve)

{% twitter 1169665135272779777 %}

## 📺 Videos

### [Learn JavaScript - freeCodeCamp](https://www.youtube.com/watch?v=PkZNo7MFNFg)

This free, three-hour (!) JavaScript course is a wonderful introduction to writing JavaScript from freeCodeCamp. With almost two million views at time of writing, it's a clear success, and a great place to start.

{% youtube PkZNo7MFNFg %}

### [The 2019 Frontend Developer Crash Course - DesignCourse](https://www.youtube.com/watch?v=8gNrZ4lAnAw)

In your web dev career, you'll spend a lot of time massaging your HTML, CSS and JavaScript together. This three-hour tour through HTML and CSS from DesignCourse is an awesome introduction.

{% youtube 8gNrZ4lAnAw %}

## 🍏 Courses

### [JavaScript 30 - Wes Bos](https://javascript30.com/)

The always great Wes Bos has a great 30-day vanilla JS (plain JavaScript, with no frameworks, plugins or extensions) course to help you understand what you can build with just JavaScript.

{% twitter 806905096265199616 %}

### [Flexbox Zombies - Dave Geddes](https://mastery.games/p/flexbox-zombies)

In a nice twist, Dave Geddes has developed a great course for learning CSS Flexbox layouts with a web-based game (!) that encourages you to learn Flexbox via a super interactive and entertaining style. It's a super interesting approach to learning how to code – I'd love to see more games in this style!

{% twitter 859047278895521792 %}

### [Web Dev Roadmap - Kamran Ahmed](https://roadmap.sh/frontend)

It's not quite a course, but it can be useful to check out recommended resources on a larger scale. If you're interested in seeing all the different tools, concepts, and theory that the average developer is using in their day-to-day career, Kamran Ahmed's popular Roadmap site is a great way to get a high-level view into your webdev learning progress.

[![Web Dev Roadmap](https://roadmap.sh/assets/img/roadmaps/frontend-transparent.png)](https://roadmap.sh/frontend)

## 📚 Books

### [JavaScript Grammar - JS Teacher](http://www.javascriptgrammar.com/)

JS Teacher's JavaScript Grammar is a free, community-supported ebook that teaches the basics of many new JavaScript features and syntax – it's a great resource particularly for developers who want to be confident in using the newest JavaScript features available in the language.

### [You Don't Know JavaScript - Kyle Simpson](https://github.com/getify/You-Dont-Know-JS)

Kyle Simpson is a prolific JavaScript teacher, and his free book "You Don't Know JavaScript" has taken on a life of its own due to the medium it's shared on: GitHub. YDKJS is a hugely popular text, used to teach developers around the world (I've used many diagrams from it in my own teaching – it's so good!), and if you want to dig into some of the particular quirks of JS as a language, this is the text for you.

{% github getify/You-Dont-Know-JS %}

---

Hi! Welcome to Bytesized Code, a developer community with free online meetups ([Byteconf](https://www.byteconf.com)), video tutorials ([check out our YouTube Channel](https://youtube.com/c/bytesizedcode)), and more. 

[**Join our newsletter to get the latest tutorials, tips, and webdev career strategy in your inbox every week!**](https://www.bytesized.xyz/newsletter/)


[Check out our new Facebook Group "Awesome Web Development"!](https://www.facebook.com/groups/awesomewebdev/)

{% twitter 1169665138330406913 %}