After this lesson, you will be able to: Understand what programming is, what tools developers use, and write your first lines of working code in the browser.
Code is just instructions a computer follows. In this lesson you will see what programming actually looks like, set up the only tool you need to start (a browser-based editor), and write your first program. By the end you will have something running that you wrote yourself.
This is a free introductory lesson. No purchase required.
A program is a set of instructions written in a language a computer can run. The computer does exactly what you tell it, nothing more, nothing less. Languages like Python, JavaScript, and HTML each have a slightly different purpose, but they all share the same idea: you write instructions, the computer follows them. Programming is less about memorizing syntax and more about breaking a problem into small, clear steps.
Every website you visit is built from three core technologies: HTML for structure (the headings, paragraphs, and buttons), CSS for styling (colors, fonts, layout), and JavaScript for behavior (what happens when you click a button or scroll a page). You will learn all three in this track, plus Python on the backend side.
Diagram coming soon!
Three stacked layers diagram, bottom layer labeled HTML (skeleton), middle layer CSS (skin/clothes), top layer JavaScript (muscles/movement)
Every lesson with code has an in-browser editor and a Run button right on the page. No installs, no signup with a third-party site. You write code, hit Run, and the output appears underneath. The runtime is the real Python interpreter (running in your browser via WebAssembly), so anything you write works exactly like it would on a developer's laptop. Other browser-based editors like Replit exist for quick experiments, but professional workflows use VS Code running locally on the developer's own machine, which is what you will set up later in the track.
Look this over so you understand what each line does. The first line creates a variable named `name` and stores the text "World" inside it. The second line glues three pieces of text together and prints them. The third line prints a sentence on its own. Once you've read through it, move to the exercise below and type it out yourself.
name = "World"print("Hello, " + name + "!")print("This is my first program.")
Type the three lines from the example above into the editor. Don't copy-paste, typing is what teaches your fingers the syntax. When the output panel shows "Hello, World!" and "This is my first program.", press ✓ Check Solution.
A professional web developer's day is mostly: read code, break a problem down, look something up, write a few lines, run it, repeat. Memorization plays a tiny role. The standard editor on the job is Visual Studio Code (VS Code) running locally on your laptop, with the browser open next to it and the terminal a keystroke away. Pull requests on GitHub get reviewed by teammates. AI assistants like Claude Code or Cursor sit alongside the editor for fast iteration. Documentation tabs stay open even after years of experience. The skill is learning where to look and how to ask the right question.
By the end of this track you'll be building with the same tools real teams ship with in 2025: HTML for structure, CSS (specifically Tailwind CSS) for styling, JavaScript and TypeScript for behavior, React via Next.js for the framework, Supabase for the database and auth, Vercel for deployment, and Git plus GitHub for collaboration. The names will mean nothing right now and that is fine. You'll meet each one when it matters. The point of naming them up front is so you recognize them when you see them on job postings.
Pick the one that owns visual styling.