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!
here's a short list of some great resources for learning + leveling up at javascript... for free 🆓🆓
📺 "Learn JavaScript" three hour (!) vid from @carnesbeau @freeCodeCamp - youtube.com/watch?v=PkZNo7…
💌 #Javascript30 email course from @wesbos - javascript30.com
more ⬇️17:34 PM - 05 Sep 2019
10
13
📺 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.
16:55 PM - 08 Dec 2016
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!
Dave Geddes@geddski
14:10 PM - 01 May 2017
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.
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.
Check out our new Facebook Group "Awesome Web Development"!
BTW, I'm starting to work up a few more of these lists for other languages and frameworks – join my newsletter to hear about them first!
I share this kind of stuff weekly, along with new tutorials and online meetups from @bytesizedcode and @byteconf! 😍
bytesized.xyz/newsletter17:34 PM - 05 Sep 2019
Oldest comments (6)
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 !
:)
javascriptgrammar.com/
Refused to connect
Not sure if it's outdated
Thanks, fixed!
Thank you so much.