Getting Started
Essential concepts and tools for web development.
How to use this section
Complete these tutorials in order to understand how the web works and set up your development environment.
Lessons in this section
Start here
How the Web Actually Works
Understand browsers, servers, HTTP, and what happens when you type a URL.
Start tutorial →Web Development Basics
HTML, CSS, and JavaScript — what each language does and how they work together.
Start tutorial →Text Editors & VS Code
Choose the right editor, install VS Code, and learn essential shortcuts and extensions.
Start tutorial →Setting Up Your Development Environment
Install Node.js, set up your terminal, and configure your machine for web development.
Start tutorial →Browser Development Tools
Use Chrome DevTools to inspect elements, debug CSS, and monitor network requests.
Start tutorial →Domains, DNS, and Hosting
Learn how domain names, DNS records, and web hosting work together.
Start tutorial →Files, Folders, and Project Structure
How to organise files, name them properly, and set up a project folder.
Start tutorial →