Free resources
Web and interface design
Build a web page, test how usable it is and make it work on a phone, in labs with an editor and a live preview.
Three labs in a JupyterLab of your own, each with a live preview: edit a web page, test a shop page that is hard to use, and turn a page into a responsive web app.
Hands-on labs
Hands-on lessons
Every lesson here is worked in a hands-on lab: a real environment with a terminal beside it, nothing to install. A free account runs every lab, with enough free credit each month to follow most lessons, and is given the basic lessons on Home; with no account you can run the Git lab and the SQL lab.
Hands-on lesson · container lab
Front-End Web Basics
Work through this lesson in a real lab, with a terminal beside it, not just by reading.
A private JupyterLab for each student with a small web page to edit and a live preview beside it: HTML, CSS and JavaScript. Code on GitHub.
How it works · Source on GitHub · Create a free account to run it
Hands-on lesson · container lab
Usability Testing Basics
Work through this lesson in a real lab, with a terminal beside it, not just by reading.
A private JupyterLab with a shop page that is hard to use, test sessions and a questionnaire: audit it, read the numbers, fix it. Code on GitHub.
How it works · Source on GitHub · Create a free account to run it
Hands-on lesson · container lab
Mobile Web Basics
Work through this lesson in a real lab, with a terminal beside it, not just by reading.
A private JupyterLab with a small installable web app and a live preview: viewport, touch sizes, manifest and offline cache. Code on GitHub.
How it works · Source on GitHub · Create a free account to run it
Basic lessons are given to every free account, on Home, and to every college. Full course lessons are for colleges. Labs marked as an Ubuntu VM lab are set by a teacher in a module, and their lessons start the VM for you.
Run these yourself
A free personal account runs every lab here and its lesson, with enough free credit each month to follow most lessons. Teaching a class? Start a college and set them for your students.
Make a free accountStart a college
Already have an account? Sign in