🌐

Web Development Basics

HTML, CSS, and JavaScript fundamentals

Learning Roadmap

Recommended Path

8 weeks

HTML Fundamentals (Week 1-2)

CSS & Responsive Design (Week 3-4)

JavaScript Basics (Week 5-8)

Free Courses

The Odin Project - Foundations

The Odin Project (Free)

MDN Web Docs Tutorial

Mozilla (Free)

Responsive Web Design

freeCodeCamp

Video Tutorials

HTML & CSS Full Course - Beginner to Pro

SuperSimpleDev

Complete HTML and CSS course from basics to advanced responsive design

6.5 hours

JavaScript Full Course for Beginners

freeCodeCamp.org

Comprehensive JavaScript tutorial covering all fundamentals

8 hours

Build a Complete Website - HTML, CSS, JavaScript

freeCodeCamp.org

Project-based learning building a real website from scratch

3 hours

Flexbox CSS in 20 Minutes

Traversy Media

Quick but thorough guide to CSS Flexbox

20 minutes

Certifications

Responsive Web Design Certification

freeCodeCamp

Complete free certification with projects

100% Free

JavaScript Algorithms and Data Structures

freeCodeCamp

Free JavaScript certification

100% Free

Front-End Development Libraries

freeCodeCamp

Free certification covering Bootstrap, jQuery, React, Redux

100% Free

Introduction to Web Development

Microsoft Learn

Microsoft's free web development learning path

100% Free

HTML, CSS, and Javascript for Web Developers

Coursera (Johns Hopkins)

Johns Hopkins course - free to audit

Free to audit

Practice & Resources

Frontend Mentor

Real-world projects

CSS Battle

CSS mastery

JavaScript30

30 JavaScript projects

Knowledge Vault (Rare Finds & Strategies)

A Complete Guide to Flexbox

Deep Dive - CSS Layout

A Complete Guide to CSS Grid

Deep Dive - CSS Grid Layout

How JavaScript Works: Event Loop and Async

Technical Deep Dive - JS Engine

JavaScript: The Good Parts (Key Concepts)

Strategy Guide - Best Practices

Essential Tools

VS CodeChrome DevToolsFigma