Made with Kleap
</> CodeBase
Beginner's Guide

Four Languages.
One Foundation.

A quick tour of the tools that shape the modern web and teach you how to think like a programmer β€” from your first tag to your first object.

4
Languages
30+
Years Combined
100M+
Developers
∞
Possibilities
#1

HTML

The skeleton of the web

HyperText Markup Language structures every page on the internet. From headings to images, HTML gives content meaning.

Created by Tim Berners-Lee in 1991
html.html
<h1>Hello, World!</h1>
<p>My first paragraph.</p>
#2

CSS

The skin and style

Cascading Style Sheets bring layouts, colors, and animations to life. CSS turns plain markup into beautiful experiences.

First released in December 1996
css.css
button {
  background: blue;
  color: white;
  border-radius: 8px;
}
#3

Python

The friendly all-rounder

Readable, powerful, and versatile. Python powers web servers, data science, AI, automation, and everything in between.

Named after Monty Python, not the snake
python.py
def greet(name):
    return f"Hello, {name}!"

print(greet("World"))
#4

BlueJ

Java made visual

A beginner-friendly IDE designed for teaching object-oriented programming. Its simple interface is perfect for learning Java.

Developed at Kent University, free for education
bluej.java
public class Hello {
    public static void main(String[] args) {
        System.out.println("Hi!");
    }
}

Choose your starting point

Each language teaches something different. Pick one and build something today.

HTML

The skeleton of the web

CSS

The skin and style

Python

The friendly all-rounder

BlueJ

Java made visual

Live Code Editor

Write code on the left, see the result on the right.

index.html
Preview

HTML & CSS render live in your browser. Python runs on the server (works after publish).

Start coding today

Every expert was once a beginner. Pick a language, open an editor, and write your first line.