Understand

Courses · Beginner · no experience needed

Full-Stack Web Development

Start with Python, learn to think like a programmer, then build for the web. Every level ends with something you made yourself.

Modules
26
Lessons
160
Time
~31 hours
Projects
9
Start free

What you'll be able to do

  • Write Python programs with functions, lists and dictionaries
  • Build responsive pages with HTML and CSS
  • Use the terminal, Git and GitHub the way developers do
  • Build a Django application with a database, forms and user accounts
  • Debug, test and deploy your own project

Who it's for

People who want to build websites and web applications and have never programmed, or have only tried a little. If you already know some Python, the first phase will go quickly: it stays ticked if you did it in the Python course.

What you need

None. You need a computer with a recent browser. Everything runs on this site; there is nothing to install until the course shows you how.

What you'll build

  • Profile Generator
  • Number Guessing Game
  • Student Gradebook
  • Expense Tracker
  • Personal Profile Page
  • Responsive Landing Page
  • Responsive Portfolio
  • Task Manager
  • Final Project

Curriculum

Foundations: PythonThink like a programmer. From your first line to a complete program. 7 modules · 43 lessons
  1. 0 Welcome, DeveloperWhat programming really is, and your first line of Python.
  2. 1 Teach the Computer to RememberVariables, text, numbers, and programs that talk to people.
  3. 2 Make DecisionsPrograms that react differently to different situations.
  4. 3 AutomationMake the computer do the repetitive work, a thousand times if needed.
  5. 4 Build Your Own ToolsFunctions, so you write something once and use it everywhere.
  6. 5 Organise Your DataLists and dictionaries, for when one variable per value stops working.
  7. 6 Your First Real ProgramBuild a complete expense tracker, one feature at a time.
The Web: FrontendHow websites work, then HTML and CSS until your pages look professional. 5 modules · 31 lessons
  1. 7 How the Web WorksWhat really happens between typing an address and seeing a page.
  2. 8 Structure: HTMLBuild real pages, from your first tag to a complete profile page.
  3. 9 Style: CSSTurn plain structure into a page people enjoy using.
  4. 10 Layout and Responsive DesignRows, columns and grids that work on every screen.
  5. 11 Make It Look GoodPractical design habits that make pages feel professional.
Developer WorkflowThe terminal, Git and GitHub, the tools every developer uses daily. 3 modules · 16 lessons
  1. 12 The TerminalTalk to your computer in text. Every developer tool starts here.
  2. 13 Save Your Work: GitSnapshots of your project, so you can always go back.
  3. 14 Share Your Work: GitHubA copy of your repository online, a backup, a portfolio, a way to work together.
The Backend: DjangoServers, databases and users. Websites that remember. 7 modules · 41 lessons
  1. 15 Meet the BackendA program on the server that answers every request. Yours.
  2. 16 Your WorkshopPython, a virtual environment and a real Django project, on your own computer.
  3. 17 Pages from Python: TemplatesReal HTML pages, filled in with data by your views.
  4. 18 Remember Everything: Databases and ModelsData that survives a restart, described in Python.
  5. 19 Send Data: FormsLet visitors add things, safely.
  6. 20 CRUD: The Complete AppCreate, read, update, delete. The four things almost every app does.
  7. 21 Users: Who Are You, and What May You Do?Accounts, logins, and making sure people only touch what's theirs.
Build & ShipDebug, test, deploy, then build your own application from scratch. 4 modules · 29 lessons
  1. 22 Debug Like a DeveloperA calm, repeatable way to find any bug.
  2. 23 Prove It Works: TestingCode that checks your code, every time, in a second.
  3. 24 Ship It: DeploymentFrom your computer to a real address anyone can visit.
  4. 25 Final ProjectYour idea, your design, your code, live on the internet.