Easier to read with cream paper, a tint, more contrast or larger text? Choose your colours and text, once, for every page.

Free module

Mobile development with web apps

Learn mobile web development hands on: responsive layout, touch, installable apps, offline use, device storage and web versus native.

6 lessons330 min lessonSoftware engineering

The lessons

Each lesson is free to read in full. Create a free account to run its commands in a live lab and to sit its quizzes and tasks.

  1. 1 · Container lab

    Responsive web design and the viewport

    I can make a page fit any screen with the viewport tag and media queries.

    Read the lesson

  2. 2 · Container lab

    Touch targets and thumb-friendly design

    I can size and space controls so a finger can press them.

    Read the lesson

  3. 3 · Container lab

    Web app manifest and installable apps

    I can describe what makes a web app installable and check a manifest.

    Read the lesson

  4. 4 · Container lab

    Service workers and offline web apps

    I can explain how a page works offline with a service worker and a cache.

    Read the lesson

  5. 5 · Container lab

    Saving data on the device with localStorage

    I can keep data on the device and say when it can be lost.

    Read the lesson

  6. 6 · Container lab

    Web app or native app

    I can choose between a web app and a native app from a set of requirements.

    Read the lesson

Worked in a real lab

Every lesson of this module is worked in a lab started for you alone. The labs it uses:

Teaching a class? Set this module for your students with a teacher guide, marked assignments and a lab for every student.