Free Resources For Learning Web Development
Here you’ll find anything and everything you need.
Table of Contents
- Online Courses
- Various Languages
- HTML + CSS
- JavaScript
- Full-Stack
- Ruby & Ruby on Rails
- Python
- SQL - Command Line Interface
- Git
- Books
- Skill Practicing
- Cheatsheets
- Free Text Editors
- Integrated Development Environment (IDE)
- Browser Based IDEs - Hosting/Publishing Your Website
- Other Tools & Goodies
- Websites & Blogs
Some courses have different teaching styles than others. I recommend trying more than one so you’ll know what works best for you. If you have no idea which one to choose, then look at online catalogs of websites with multiple courses, for example Codecadamy.
I’ll try to keep this list updated. Whenever I find an interesting website that could help you, I’ll leave a link to it here.
Online Courses
Languages
- Codecadamy - First you learn something new, read about a small task, then you write the code for it right into the browser and you see the result right away.
- Free Code Camp - Get a certification by learning and building projects.
- W3 Schools - Tutorials and references on web development covering most aspects of web programming.
- Khan Academy - Khan Academy offers practice exercises, instructional videos, and a personalized learning dashboard.
- Code Conquest
- Coursea
- EDX
- Tutorials Point
- Bit Degree
- Udemy (paid)
- Treehouse (paid)
- The Odin Project
- Solo Learn
- Envato Tuts +
- Class Central
- List of CS Video Courses
- Scotch
- The Missing Semester of Your CS Education - Learn command line, version control, text editor
HTML & CSS
- HTML Crash Course For Absolute Beginners
- HTML Tutorial - How to Make a Super Simple Website
- CSS Crash Course For Absolute Beginners
- CSS Tutorial For Beginners
- CSS Tricks Guides
- Dash General Assembly
JavaScript
Full-Stack
Ruby & Ruby on Rails
Python
- Introduction to Computer Science and Programming in Python
- Learn Python
- Learn Python the Hard Way
- Python for Everybody
SQL
Command Line Interface
Git
- Resources to learn Git
- Pro Git Book
- Git - The simple guide
- Git Explorer - Find the right Git commands you need
Books
- Free Ebook Foundation - Super list of free books
- Free Computer Books
- Programmer Books
- Goal Kicker
- All IT Books
- SitePoint (paid)
Skill Practicing
Cheatsheets
Free Text Editors
- Comparison of Text Editors
- Atom
- Sublime Text
- Vim
- Visual Studio Code
- Notepad++
- Komodo Edit
- Collabedit - Online code editor that lets people collaborate in real-time
Integrated Development Environment (IDE)
Browser-Based IDEs
Hosting/Publishing Your Website
Other Tools & Goodies
- Hack Terms - A crowdsourced dictionary of coding terms
- Github Gist - Instantly share code, notes, and snippets
- Chrome DevTools
- Pixabay - Free pictures
- Canva (Fremium) - Free design tool/editor
- Google Fonts
- Font Awesome - Free icons
- Webdesign Inspiration - Website design ideas and trends
Websites & Blogs
- Stack Overflow - Answers for everything
- DEV
- Codecadamy articles
- David Walsh Blog
- CSS Tricks