What is ChatGPT?
AI··6 min read
What is ChatGPT and how it actually works
A plain-English walkthrough of large language models, tokens, and why the chat box answers the way it does.
Free tutorials · No sign-up required
Learn the languages of the web.
Free books, runnable examples, exercises and quizzes for HTML, CSS, JavaScript, Python, PHP, Java, and Git. Try every example right in your browser — no install, no signup.
2.4M developers per month
2,400+ free tutorials
8,900+ snippets & tools
Free tutorials
Pick a book. Start learning.
Structured chapters, runnable examples, and a quiz at the end. Everything's free.
</>
Learn HTML
42 chapters · Beginner
The standard markup language for web pages. Tags, semantics, forms, accessibility.
Start tutorial
CSS
Learn CSS
61 chapters · Beginner
Style web pages. Layouts, colors, typography, animations, grid, flexbox.
Start tutorial
JS
Learn JavaScript
88 chapters · Intermediate
Make web pages interactive. Variables, async, modules, the DOM and fetch.
Start tutorial
Py
Learn Python
74 chapters · Beginner
Readable, batteries-included. "Hello world" to data analysis and web apps.
Start tutorial
PHP
Learn PHP
55 chapters · Intermediate
Server-side scripting that's still everywhere. Built-ins, OOP, frameworks.
Start tutorial
J
Learn Java
63 chapters · Intermediate
Strong types, the JVM, the syntax that's followed you everywhere.
Start tutorial
Git
Learn Git
29 chapters · Beginner
Version control fundamentals. Branch, merge, rebase, and stay calm.
Start tutorial
Browse all tutorials
SQL, TypeScript, React, Node…
Live editorTry every example,
Try every example,
right in your browser.
Every code example on W3docs has a "Try it Yourself" button. Edit the source, hit run, see the output instantly. No setup, no install.
- HTML, CSS, JavaScript, SQL, Python, PHP and more.
- Save your edits, share a link, export as a file.
- Works on mobile. Yes, really.
index.html
<!DOCTYPE html>
<html>
<head>
<title>Hello</title>
</head>
<body>
<h1>Welcome to W3docs</h1>
<p>Edit me ↓</p>
</body>
</html>Output
Welcome to W3docs
Edit me ↓
Online courses
Video courses, taught by working developers.
Project-based courses with hours of HD video, downloadable code, and a certificate of completion.
CSS
Flexbox · Grid · Sass
22 h
CSS - The Complete Guide (incl. Flexbox, Grid & Sass)
Learn CSS for the first time or brush up your CSS skills and dive in even deeper. EVERY web developer has to know CSS.
All levelsView course
Py
Practical · Hands-on
30 h
Python - The Practical Guide
Learn Python from the ground up and use Python to build a hands-on project from scratch!
BeginnerView course
JS
Beginner → Expert
52 h
JavaScript - The Complete Guide (Beginner + Advanced)
Modern JavaScript from the beginning - all the way up to JS expert level! THE must-have JavaScript resource in 2020.
All levelsView course
Node
REST · GraphQL · Deno
42 h
NodeJS - The Complete Guide (incl. Deno.js, REST APIs, GraphQL)
Master Node JS, build REST APIs with Node.js, GraphQL APIs, add Authentication, use MongoDB, SQL & much more!
IntermediateView course
R
Hooks · Router · Redux
48 h
React - The Complete Guide (incl Hooks, React Router, Redux)
Dive in and learn React.js from scratch! Learn Reactjs, Hooks, Redux, React Routing, Animations, Next.js and way more!
All levelsView course
A
Angular
28 h
Angular - The Complete Guide
Master Angular (formerly "Angular 2") and build awesome, reactive web apps with the successor of Angular.js
IntermediateView course
Quizzes
Test what you know.
10 questions, around 5 minutes. Instant feedback at the end — see exactly where the gaps are.
12
topics
480+
questions
~5 min
per quiz
</>
Most popularHTML Basics
Elements, semantics, forms, accessibility. A solid baseline check.
10 questions~5 minBeginner
StartJS
HotJavascript Basics
From `let` to closures, async to the event loop.
10 Q·~5 min
StartExercises
Practice. Solve. Repeat.
Hands-on exercises grouped by language, solved right in the browser.
Tools
Try one of our tools.
Online utilities that just work in your browser — no install, no signup.
Password Generator
Strong, unique passwords on demand.
</>
HTML Editor
Live HTML/CSS/JS editor with preview.
⇄
HTML Encoder
Escape HTML entities both ways.
B64
Base 64 Converter
Encode / decode text and files.
±
Code Diff
Side-by-side diff for any two snippets.
{}
JSON Beautifier
Pretty-print and validate JSON.
.css
CSS Beautifier
Tidy stylesheets, shorthand, sort properties.
md
Markdown Converter
Convert Markdown to HTML on the fly.
Tailwind Color finder
Find the nearest Tailwind class for any color.
Phrase encrypt / decrypt
Symmetric phrase encryption made simple.
Browser feature detection
Check what's supported in your browser.
#
Number Converter
Binary, octal, decimal, hex — all directions.
JWT
JWT Decoder
Decode, verify, and inspect JSON Web Tokens.
String functions
Manipulate text, fast.
19 single-purpose string utilities. Paste, run, copy.
From the blog
Latest articles.
Deep dives, news, and the occasional opinion.
CSS Cascade Layers
CSS··8 min read
Cascade layers: rescuing specificity from yourself
@layer rewrites the rules of !important. Here's when to reach for it, and when not to.
Async & Await
JavaScript··5 min read
async/await without the footguns
Parallelism, error handling, and the patterns that survive on a real codebase.
Ready to start learning?
Create a free account to save progress and get the weekly newsletter.
No credit card. Unsubscribe anytime.