← Revonwell CityWeb Studio

Web Developer

Build websites for the city's businesses: write the pages, test them and put them online.

Your guide in Web Studio: Tim, web developer.

Tim, Web developer
0%0 of 10 classes

How each class works: read the ticket, watch the fix on one system, then do it yourself on another. Every level is 10 classes and an exam. Every command is real and from open-source tools; every system here is simulated, so nothing can break.

Basic

Learn the job

Web Developer, Basic: certificate when every level is passed

Module 1Web basics

1
Level 1 · 10 classes and an examLaunch day at the bakery
0/10
  1. 1Look at the projectYou are here
  2. Read the project card
  3. Install the packages
  4. Start the dev server
  5. Does the page answer?
  6. Find a broken link and a missing picture
  7. Tidy the code
  8. Run the tests
  9. Build for production
  10. Ship it!
  11. Level exam · 6 tasks, no answers shown
Level 2 · being builtPages, links and pictures

Module 2Styling and layout

Level 3 · being builtLooking good on every phone
Level 4 · being builtColors, fonts and the bakery brand
Advanced

Work without a guide

Web Developer, Advanced: certificate when every level is passed

Module 1Making pages work

Level 5 · being builtForms and the order button
Level 6 · being builtShowing data from a small API

Module 2Quality

Level 7 · being builtTests that catch mistakes
Level 8 · being builtSpeed and accessibility checks
Professional

Design and lead

Web Developer, Professional: certificate when every level is passed

Module 1Shipping as a team

Level 9 · being builtBranches and code reviews
Level 10 · being builtAutomatic builds and releases

Module 2Running real sites

Level 11 · being builtWatching a live site
Level 12 · being builtA full site for a city business

Back to the city map