DEV Community

loading...
Cover image for πŸŒŸπŸ†“ Our favorite free resources for learning web development in 2019
Bytesized Code

πŸŒŸπŸ†“ Our favorite free resources for learning web development in 2019

signalnerve profile image Kristian Freeman Originally published at bytesized.xyz ・Updated on ・3 min read

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!

πŸ“Ί Videos

Learn JavaScript - freeCodeCamp

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.

The 2019 Frontend Developer Crash Course - DesignCourse

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.

🍏 Courses

JavaScript 30 - Wes Bos

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.

Flexbox Zombies - Dave Geddes

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!

Web Dev Roadmap - Kamran Ahmed

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

πŸ“š Books

JavaScript Grammar - JS Teacher

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

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 logo getify / You-Dont-Know-JS

A book series on JavaScript. @YDKJS on twitter.

You Don't Know JS Yet (book series) - 2nd Edition

This is a series of books diving deep into the core mechanisms of the JavaScript language. This is the second edition of the book series:

Β Β  Β Β ...

To read more about the motivations and perspective behind this book series, check out the Preface.

If you're looking for the previous first edition books, they can be found here.

Premier Sponsor

This edition of the YDKJS book series is exclusively sponsored by Frontend Masters.

Frontend Masters is the gold standard for top-of-the-line expert training material in frontend-oriented software development. With over 150 courses on all things frontend, this should be your first and only stop for quality video training on HTML, CSS, JS, and related technologies.


I teach all my workshops exclusively through Frontend Masters. If you like this book content, please check out my video training courses.

I want…


Hi! Welcome to Bytesized Code, a developer community with free online meetups (Byteconf), video tutorials (check out our YouTube Channel), and more.

Join our newsletter to get the latest tutorials, tips, and webdev career strategy in your inbox every week!

Check out our new Facebook Group "Awesome Web Development"!

Discussion (6)

pic
Editor guide
Collapse
mnepita profile image
Martin Nepita

Thank you so much.

Collapse
arberbr profile image
Arber Braja

This probably should be added to this list also:
fullstackopen.com/en/

Collapse
webdeasy profile image
webdeasy.de

Great resources!
This new platform also provides JavaScript challenges for free! 😊
jscodebox.com/

Collapse
sneezeaway profile image
Garyyyyyyy

Amazing !
:)

Collapse
nicholas_james0 profile image
Nick Kaufmann

javascriptgrammar.com/
Refused to connect

Not sure if it's outdated

Collapse
signalnerve profile image