Code with Kristian • I make videos and write about software development and programming tools

Our favorite free resources for learning web development

Our favorite free resources for learning web development

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.

JavaScript 30
Build 30 things with vanilla JS in 30 days with 30 tutorials

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!

Flexbox Zombies
Master Flexbox layout: a game by geddski

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.

Roadmaps to becoming a Modern Developer โ€“
Roadmaps, articles and resources to help you choose your path, learn and improve.

๐Ÿ“š 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.

JavaScript Grammar
Learn JavaScript ABCโ€™s โ€“ ES6+, promises, async/await, prototype, arrow functions, objects, arrays.

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.

A book series on JavaScript. @YDKJS on twitter. Contribute to getify/You-Dont-Know-JS development by creating an account on GitHub.

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.

Enjoying these posts? Subscribe for more

Subscribe to be notified of new content and support Code with Kristian! You'll be a part of the community helping keep this site independent and ad-free.

You've successfully subscribed to Code with Kristian
Great! Next, complete checkout for full access to Code with Kristian
Welcome back! You've successfully signed in
Success! Your account is fully activated, you now have access to all content.