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

• Learn JavaScript
  
• Eloquent JavaScript
  

Full-Stack

• Upskill Courses
  
• 100+ Free resources for learning Full Stack Web Development
  

Ruby & Ruby on Rails

• Learn Ruby Online
  
• Learn Ruby the Hard Way
  
• Ruby Koans
  
• Ruby Monk
  
• Ruby on Rails Tutorial
  

Python

• Introduction to Computer Science and Programming in Python
  
• Learn Python
  
• Learn Python the Hard Way
  
• Python for Everybody
  

SQL

• Learn SQL Online
  

Command Line Interface

• Learn enough command line to be dangerous
  

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

• Codewars
• Daily coding problem
• Codin game
• Exercism
• Edabit

Cheatsheets

• Dev Hints
• Bootstrap 4
• Ruby

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)

• Comparison of IDEs

Browser-Based IDEs

• Cloud9 (Freemium)
• Gitpod (Freemium)
• Codepen (Free)
• JS Fiddle (Free)

Hosting/Publishing Your Website

• Heroku
• Netlify
• GitHub Pages

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

Landing your first job