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.
π 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.
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.
Titles
I recommend reading the second edition books in this order:
- Get Started | Buy on Leanpub | Buy on Amazon
- Scope & Closures | Buy on Leanpub | Buy on Amazon
- Objects & Classes (draft stable)
- Types & Grammar (draft in progress)
- Sync & Async (not yet started)
- ES.Next & Beyond (not yet started)
If you're looking for the previous first edition books, they can be found here.
Publishing
As always, you'll be able to read these books online hereβ¦
Hi! Welcome to Bytesized Code, a developer community with free online meetups (Byteconf), video tutorials (check out our YouTube Channel), and more.
Check out our new Facebook Group "Awesome Web Development"!
Top comments (6)
javascriptgrammar.com/
Refused to connect
Not sure if it's outdated
Thanks, fixed!
Thank you so much.
This probably should be added to this list also:
fullstackopen.com/en/
Great resources!
This new platform also provides JavaScript challenges for free! π
jscodebox.com/
Amazing !
:)