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 !
:)