If you’re brand new to the world of web design and web development, it makes sense to get started learning to code by utilizing all the free resources available online. This way, you can discover what you like (and more importantly don’t) before financially investing in a certain set of courses.
However, there are so many free resources, classes, and books to pick from! It’s easy to become overwhelmed. (Ever hear of too much of a good thing?!)
To make things easier, I compiled a list of 64 FREE web design and development resources. The list is based on a previous article I wrote for Learn To Code with Me. However, it has since been updated and expanded to include more resources. It is a compilation of courses, written tutorials, blogs, YouTube channels, ebooks, online communities, and even in-person workshops.
Also, I broke the list down based on topic. This way you can easily navigate between resources on JavaScript, WordPress, design/user experience, and more. Before diving in, realize that all the information below has been taken at time of writing, March 2016. So it’s definitely subject to change. Enjoy!
PS – If you are ready to devour this list but looking for a place to start, check out Skillcrush’s totally free 10-Day Coding Bootcamp. You’ll get an easy intro to the world of tech and even get to write your first lines of code!
General
1. Codecademy
Codecademy is where most people who are new to coding get their start. If you haven’t been to the site yet…where have you been!? The platform revolves around interactive learning; that is, you read a little, type your code right into the browser, and see results immediately.
Topics taught: HTML & CSS, JavaScript, PHP, Python, Ruby, Angularjs, The Command Line, and more
2. Codewars
Codewars offers a fun way to learn coding. With a martial-arts theme, the program is based on challenges called “kata.” Complete them to earn honor and progress to higher ranks.
Topics taught: CoffeeScript, JavaScript, Python, Ruby, Java, Clojure, and Haskell
3. Coursera
Large online course library, where classes are taught by real university professors. All courses are free of charge, but you have the option to pay for a “Coursera Verified Certificate” to prove course completion. These cost between $30 and $100 depending on the course. Coursera also now has specializations, which you do have to pay for.
Topics taught: Many (far beyond your basic coding/computer science)
4. edX
An open-source higher education program governed by MIT and Harvard. Offers 107 courses under the “computer science” category, teaching various coding languages.
Topics taught: Java, C#, Python, and many more
5. Free Code Camp
Teaches coding first through an established curriculum, then by giving you hands-on experience working on projects for nonprofits.
Topics taught: HTML, CSS, Bootstrap, JavaScript, Databases, DevTools, Node.js, React.js, and D3.js
6. GA Dash
General Assembly’s free online learning platform. Entirely project-based. You build a “project” with each walk-through.
They are one of the very few options that have a course on how to build a Tumblr theme from scratch.
Topics taught: HTML, CSS, JavaScript, and responsive design
7. Khan Academy
Tons of subjects (as their front page says, “You can learn anything”), including many on computer programming. A few courses are offered for younger kids, too.
Topics taught: Many
8. MIT OpenCourseware
Competition to get into MIT may be stiff, but accessing their course material has no minimum SAT score. They maintain an online library of every subject they teach, with no account required for access.
Topics taught: Many
9. The Odin Project
Made by the creators of Viking Code School—a premiere online coding bootcamp. The Odin Project is their free version. FYI: you can also work with others in in-person or online study groups.
Topics taught: HTML, CSS, JavaScript & jQuery, Ruby programming, Ruby on Rails
10. Udacity
Offers individual courses, as well as “nanodegrees” that train you for specific careers like front-end web developer or data analyst. Some course materials are free, but nanodegrees require a tuition fee.
Topics taught: Many
11. Udemy
Paid and free courses on a variety of subjects, including web development, programming, datascience, and more. Courses can be created by anyone, so make sure to read reviews. Coupons can also be easily found, too. Check out some of their top development courses here.
Topics taught: Many
12. The Code Player
A compilation of video tutorials to help you walk through a process from start to finish. Good for learning “smaller” projects or tasks one at a time.
Topics taught: HTML5, CSS3, Javascript, Regex, JQuery
YouTube Channels
13. Coder’s Guide
Features numerous series of videos on coding topics: a 19-video series on JavaScript, another 19 videos on HTML/CSS, and more.
Topics taught: HTML, CSS, JavaScript, Bootstrap, WordPress, iOS and Android, and more
Subscribers: 44,215
14. DevTips
One of Travis Neilson’s YouTube channels. Focuses on web design and web development, with occasional live Q&As.
Topics taught: HTML, CSS, responsive design, development advice
Subscribers: 82,907
15. LearnCode.academy
My personal favorite. Web-development-focused videos made by Will Stern.
Topics taught: Sublime Text, Responsive Design, Node.js, Angular.js, Backbone.js, deployment strategies, and more
Subscribers: 154,590
16. thenewboston
Over 4,000 videos on a range of programming languages, game development, and design. Has over one million subscribers.
Topics taught: Android development, C programming, MySQL, Python, and more.
Subscribers: 1,131,977
For a more comprehensive list of 33 YouTube channels where you can learn to code, look here.
Blogs
17. A List Apart
Lots of authors. They write books, have events, and run a great development and design blog. See all code topics here.
18. CSS-Tricks
Goes deep into CSS with their big, bad CSS almanac. However, the blog now goes beyond just CSS and talks about other things like Sass, JavaScript, PHP, and more. Explore tons of resources and check out their code snippets.
19. David Walsh
Run by David Walsh (a senior developer at Mozilla), although there are others who write on the site too. Tutorials, how-tos, demos, and more.
20. Scotch.io
Covers lots of topics related to web development and workflow. To name a few: Angular, Node.js, Laravel, Sublime Text, and more.
21. SitePoint
They have lots of writers and publish often. Topics range from HTML and CSS to entrepreneurship. SitePoint now also has paid books and courses on their child site Learnable.
22. Tuts+
Tons of free tutorials, as well as paid options like actual courses. Has over 570 expertly-instructed video courses (on all topics, not just computer-related). Also publishes eBooks.
The Command Line
23. Command Line Power User
Free video series created by Wes Bos. More at an intermediate level, so not for total newbies.
24. Conquering the Command Line
Free online book by Mark Bates. Very in-depth. Can purchase hard copy and screencasts.
25. Learn Command Line the Hard Way
Free online book by Zed Shaw. (My personal favorite command line resource.)
Git and GitHub
26. Try Git
An interactive series of challenges to learn about and experiment with Git. Created by Code School.
27. Git Immersion
A guided tour to teach you the basics of Git. Set preferences and create your own projects.
HTML and CSS
28. Skillcrush’s Coding Bootcamp
Skillcrush’s free coding bootcamp is a perfect place to start for absolute newbies. You’ll learn what it means to work in tech, get digestible definitions of common industry lingo, and get the chance to write your first lines of code.
29. Learn CSS Layout
This website will teach you CSS fundamentals that are used in setting up a website’s layout. It’s best for those who already have basic HTML and CSS know-how.
30. Marksheet.io
For beginners. Broken down into four chapters: The web, HTML5, CSS3, and Sass. It’s like an online ebook, but under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. So you can adapt it for your needs.
31. Mozilla Developer Network
Free documentation on HTML and CSS (also JavaScript). Has tutorials for people of different levels, introductory to advanced.
32. HTML5 Dog
HTML beginner tutorial here. (They also offer intermediate and advanced HTML tutorials.) And ones on CSS.
JavaScript
33. Eloquent Javascript
Another online book, longer than most. It has big-tech financial backers like Mozilla and Hack Reactor (“the Harvard of coding bootcamps”).
34. Javascript.com
Created by Code School. Quick and perfect for absolute beginners. (Warning: JS in real life is a lot tougher.) 9 mini-lessons. At the end, it points you to more in-depth JS learning materials.
35. JavaScript for Cats
It’s like a single-webpage book broken down into sections. Created by programmer Max Ogden. Filled with non-cat gifs but has cat pics at the end. Just because. Lol.
36. Learn JS
Go through lessons, type in the window at the bottom. Created by the same folks who make learnpython.org.
37. NodeSchool
Has in-person workshops and events all over the world, as well as an active web presence. See online tutorials here.
38. That JS Dude
A website that teaches JavaScript. Specifically this, scope, hoisting, closures, inheritance, and more. It relies on videos as well as text to explain concepts. Created by @mdkhan005.
39. The Node Beginner Book
Written by Manuel Kiessling, this book targets people who have some experience in other programming languages. While the free version online is a shortened version of the full book, it still teaches a lot about Node.
WordPress
40. WordPress.tv
Recordings of live WordCamp lectures around the world. Created by Automattic.
41. WPBeginner
Website for beginner WP users. Great WP glossary of terms, plus coupon deals, video tutorials, and a blog which publishes useful articles by different authors.
Python
42. A Byte of Python
Free online book for beginners. Can choose to download it as a PDF for free or invest in the hard copy.
43. LearnPython.org
Interactive online tutorial to learn Python coding. Has a little window at the bottom where you can write your code as you go through the lessons.
44. Learn Python The Hard Way (Website)
The book costs money, but the website is free. Written by Zed Shaw. (I used the book when I first started learning.)
45. Python Spot
Beginner and intermediate Python tutorials. Most come in a written form. There’s also some tutorials on game development, databases, and more. All using Python, of course.
Ruby
46. Learn Ruby the Hard Way
Free HTML version of the book online. Buying the hard copy also gets you access to videos. Another book written by Zed Shaw.
47. Rails For Zombies
An interactive way to learn Ruby on Rails right in your browser. (This is a better choice for people who know some Ruby already.) Created by Code School.
48. Rails Tutorial
12-chapter book by Michael Hartl. Can purchase ebooks, screencasts from author, and more. Or just read it for free online.
49. RubyMonk
Entirely free, though you have the option to donate. Based on interactive tutorials, where you read a lesson and type in code. Lastly, “run” it. RubyMonk has one beginner course option, two intermediate, and one advanced.
50. Try Ruby
Also created by Code School, this is a better option for beginners. Type into an in-browser prompt window as you go through the exercises.
Databases
51. Learn SQL the Hard Way
Another resource created by Zed Shaw. This free online book takes you through 33 exercises. By the end, you should understand SQL, how to design data, and know a bit about database optimization. You don’t need to know how to program to work through the book, but it helps.
52. MongoDB University
Courses on MongoDB. Lessons come in video form. There are also quizzes and graded exercises along the way. Courses last seven weeks, but you can work through at your own pace. As of now, 200,000+ people have already taken courses on MongoDB University.
53. MySQLtutorial.org
Offers a range of MySQL tutorials including how to use MySQL as a developer and database administrator. They offer over ten different MySQL tutorials in total.
54. SQL for Web Nerds
Free digital book created by renowned computer science professor at MIT, Philip Greenspun. It contains 16 sections including data modeling, simple queries, transactions, trees, and more.
55. Vertabelo
This free platform has three different SQL courses: SQL Queries, Operating on Data in SQL, and Creating Tables in SQL (coming soon). On Vertabelo you’ll learn in an interactive code editor, table, and console.
Design/User Experience
56. HackDesign
HackDesign is, “an easy to follow design course for people who do amazing things.” There are 50 lessons total, all taught by different instructors. Topics include typography, interaction design, front-end design, and more. You can get a design lesson delivered to your inbox once a week or you can view all the lessons on their site.
57. UX Apprentice
Created by Theresa Neil and the team at Balsamiq. This is like a UX 101 course — perfect for beginners. Three main parts: discovery, strategy, and design. As you go through, you are quizzed and shown related resources.
58. UXPin
While UXPin has paid offerings, there are a variety of free UX books available on the site. All you need to do is provide your email to access the material. They have books on minimalism, color theory, flat design, interaction design, and more.
Online Communities
59. CodeBuddies
Learn with others in peer-to-peer organized Google Hangouts. Great for those who want to study with others or do pair programming. CodeBuddies also has a Slack chatroom as well as Facebook group where people can congregate and ask questions.
60. CodeNewbie
CodeNewbie has a variety of tools for beginners including a Slack community where you can ask questions, a Twitter chat every Wednesday, a weekly podcast, and more. Now there are also some in-person meetups – like in Atlanta.
61. Newbie Coder Warehouse
Full disclosure: Newbie Coder Warehouse is my Facebook group of 2,200+ self-taught coders (and counting!). It’s a great place to ask questions as well as connect with others. And it’s super simple to join: all you need is a Facebook profile!
In-Person Workshops
62. Codebar
Codebar’s goal is enable underrepresented groups to learn how to code. They do this by offering free weekly workshops and events. Keep in mind Codebar is based in the UK.
63. Girl Develop It
Girl Develop It (GDI) has chapters across the US and Canada. While most of GDI’s in-person workshops cost money, all of their course materials are readily available online for free. GDI also has free events, like their Code & Coffee meetup.
64. Women Who Code
Women Who Code is a non-profit with networks around the world. They have different events and workshops, all relating to code.
What’s next?
Relying on free courses and books is great when you’re just starting out. However, they can only get you so far.
Once you have the basics down, you’ll want to explore other options – like the Skillcrush Blueprints. If you’re brand new to the Skillcrush blog (welcome!) make sure to check out the free 10-day coding bootcamp. It’s the perfect way to test the waters, and see what Skillcrush is all about!
LAURENCE BRADFORD
Laurence is a self-taught freelance web developer, focusing primarily on front-end technologies. In her spare time she manages learntocodewith.me, a blog geared to beginners teaching themselves how to code. Laurence is addicted to side projects and travel.