Sign in Sign up

Learn to Code

Free, step-by-step tutorials for HTML, CSS, JavaScript, Python, Java, Spring Boot, React, Angular, SQL and DSA, with live animations and games.

Create a free account to unlock:

  • Progress tracking
  • XP & daily streaks
  • Live DSA visualizer
  • 2-minute brain games
  • Interview problems
  • Try-it code editor

Create free account

Not sure where to begin? Start with HTML Introduction ❯

⚡ 0

Keep learning. Keep leveling up.

Level 1
XP this week0
0Day streak

Tired? Take a 2-minute brain break

Binary Hunt, Bracket Blitz, Big-O Snap, Tower of Hanoi… tiny games that secretly teach algorithms.

Play a game ❯

Watch algorithms move

Every DSA pattern comes with a live, step-by-step animation you can play, pause and replay with your own input.

Start DSA ❯
Sign in
🔥 Daily challenge Saturday, 24 October · Spring · +15 XP
1Where should database passwords live?

Learn it: Spring Properties, @Value, @ConfigurationProperties and Profiles ❯

Top learners this week

  1. The week just started. Answer today's challenge and be first!
See the full leaderboard ❯

HTML

The language for building web pages. Start here if you are new to web development.

  1. 1 HTML Introduction
  2. 2 HTML Editors
  3. 3 HTML Basic Structure
  4. 4 HTML Elements
  5. 5 HTML Attributes
  6. 6 HTML Headings
  7. +14 more lessons
Start learning ❯ See all lessons

HTML Example

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

CSS

The language for styling web pages: colours, layouts, Flexbox, Grid and responsive design.

  1. 1 CSS Introduction
  2. 2 How to Add CSS
  3. 3 CSS Selectors
  4. 4 CSS Colors
  5. 5 CSS Backgrounds
  6. 6 CSS Borders
  7. +14 more lessons
Start learning ❯ See all lessons

CSS Example

<!DOCTYPE html>
<html>
<head>
<style>
  body { font-family: sans-serif; }
  h1 { color: #0a7d4f; text-align: center; }
  p { background: #e3f3eb; padding: 12px; }
</style>
</head>
<body>

<h1>Styled with CSS</h1>
<p>Change the colours and press Run.</p>

</body>
</html>

JavaScript

The language that makes web pages interactive, from your first variable to working with the DOM.

  1. 1 JavaScript Introduction
  2. 2 Where to Put JavaScript
  3. 3 JavaScript Output (console.log)
  4. 4 JavaScript Variables (let and const)
  5. 5 JavaScript Data Types
  6. 6 JavaScript Operators
  7. +19 more lessons
Start learning ❯ See all lessons

JavaScript Example

const name = 'VitalStack';

for (let i = 1; i <= 3; i++) {
  console.log('Lesson ' + i + ' on ' + name);
}

SQL

The language for storing and querying data in databases like MySQL and PostgreSQL.

  1. 1 SQL Introduction
  2. 2 SQL Databases and Tables
  3. 3 SQL SELECT
  4. 4 SQL WHERE
  5. 5 SQL ORDER BY
  6. 6 SQL INSERT
  7. +9 more lessons
Start learning ❯ See all lessons

SQL Example

SELECT name, city
FROM customers
WHERE country = 'India'
ORDER BY name;

Python

A beginner-friendly language used for automation, data and AI.

  1. 1 Python Introduction
  2. 2 Installing Python
  3. 3 Python Syntax
  4. 4 Python Variables
  5. 5 Python Data Types
  6. 6 Python Strings
  7. +14 more lessons
Start learning ❯ See all lessons

Python Example

name = "VitalStack"

for i in range(1, 4):
    print(f"Lesson {i} on {name}")

Java

12 beginner-friendly lessons, in the right order.

  1. 1 Java Introduction
  2. 2 Installing Java and Running Programs
  3. 3 Java Variables and Data Types
  4. 4 Java Operators and Expressions
  5. 5 Java Strings
  6. 6 Java User Input with Scanner
  7. +6 more lessons
Start learning ❯ See all lessons

JavaScript Example

// Call a REST API and read JSON
fetch('https://jsonplaceholder.typicode.com/users/1')
  .then(res => res.json())
  .then(user => console.log(user.name));

DSA

Data structures and algorithms, one pattern at a time, with live animations you can play, pause and replay.

  1. 1 DSA Introduction
  2. 2 Big O Notation
  3. 3 Arrays and Strings
  4. 4 Hashing
  5. 5 Two Pointers
  6. 6 Sliding Window
  7. +23 more lessons
Start learning ❯ See all lessons

Interview Problems

Classic coding interview problems solved step by step: brute force first, then the optimal pattern, in Python.

  1. 1 Two Sum
  2. 2 Contains Duplicate
  3. 3 Valid Anagram
  4. 4 Group Anagrams
  5. 5 Top K Frequent Elements
  6. 6 Product of Array Except Self
  7. +45 more lessons
Start learning ❯ See all lessons

AI Guides

Understand AI tools, agents and prompts, and use them well.

Browse all guides ❯

Code Editor

Edit code and see the result instantly, right in your browser. Every HTML and JavaScript example in our tutorials has a “Try it Yourself” button.