...

Drive Coding

The curriculum

Tutorials

Structured tracks and short lessons, where every one ends with code you wrote yourself.

HTMLHTML Foundations18 lessons
My Skill
Web Designer

01

Your first webpage

Write a heading and a paragraph, then see it render.

Beginner8 min

02

Links & images

Connect pages together and put pictures on them.

Beginner10 min

03

Lists & tables

Organize content the way browsers expect.

Beginner12 min

04

Forms that collect input

Text fields, buttons, and what happens on submit.

Intermediate15 min
CSSCSS & Layout24 lessons
My Skill
Web Designer

01

Colors, fonts & spacing

Make your page look intentional in ten lines.

Beginner9 min

02

The box model

Padding, borders, and margins: why things sit where they sit.

Beginner11 min

03

Flexbox in practice

Rows, columns, and centering that finally works.

Intermediate14 min

04

Grid page layouts

Header, sidebar, content, and footer, one rule each.

Intermediate16 min
JSJavaScript Basics30 lessons
My Skill
Web Designer

01

Variables & values

let, const, and labelled boxes to put things in.

Beginner10 min

02

Your first event listener

Make a button actually do something.

Beginner12 min

03

Working with the DOM

Find elements, change them, watch the page react.

Intermediate15 min

04

Build a to-do list

Everything so far, combined into a real mini-app.

Intermediate20 min
Fresh this week

Latest lessons

AI beginner guideAI Beginner Guide: 5 Essential Concepts (2026)If you are constantly scrolling through technology news searching for the best beginner guide on...Read more →TutorialsJavaScript Error Handling: 5 Proven TechniquesJavaScript error handling may not be glamorous, however, it is perhaps one of the most...Read more →TutorialsJavaScript ES6 Features: 5 Proven UpgradesWriting code for the web prior to 2015 using JavaScript likely involved a great deal...Read more →TutorialsJavaScript Local Storage: 5 Essential ConceptsJavascript local storage is One of those hidden gems of the browser that really helps...Read more →TutorialsJavaScript Fetch API: 7 Proven TechniquesJavaScript Fetch API is the modern standard for creating network Requests inside browsers. Have you...Read more →JavaScriptJavaScript Async/Await: 5 Essential ConceptsWhen I look at JavaScript async/await I am reminded of how nice it would have...Read more →
Seraphinite AcceleratorOptimized by Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.