Use these instructions to install the lab repository on your computer prior to starting the labs. You must also install Node and set up a local Node server.
- These labs are intended to be used on systems running Windows 7 and later, macOS, and Linux.
- Multiple browsers - although individual labs may require a specific level of support for progressive web apps, we recommend trying out the labs on multiple browsers (where feasible) so that you get a sense of how different users might experience the app.
- A programming editor - for example, Atom, Sublime Text, or Notepad++ (for Windows only).
Set up Node & NPM
Install Node and run a local Node server (you may need administrator privileges to do this).
We recommend installing the latest long term support (LTS) version of Node (labelled as "LTS, Recommended for Most Users") rather than the most current version with the latest features (the current version may be unstable).
If you have an existing version of Node installed that you would like to keep, you can install a Node version manager (for macOS and Linux platforms and Windows). This tool (NVM) lets you install multiple versions of Node, and easily switch between them. If you have issues with a specific version of Node, you can switch to another version with a single command.
Install Node by running one of the following commands from the command line:
If you have installed Node Version Manager (for macOS, Linux, or Windows):
nvm install node <version>
nvm install node 6.11.2
For the Windows version you can specify whether to install the 32-bit or 64-bit binaries. For example:
nvm install node 6.11.2 64
If you did not install NVM, download and install Node from the Node.js website.
This also installs Node's package manager,
Check Node and NPM versions
Check that Node and
npm are both installed by running the following commands from the command line:
node -v npm -v
If both commands return a version number, then the installations were successful.
Install a simple Node HTTP server
Install a simple Node server with the following command:
npm install http-server -g
Clone the repo
Clone the course repository with Git using the following command:
git clone https://github.com/google-developer-training/pwa-training-labs.git cd pwa-training-labs
Some projects in the download contain folders that correspond to checkpoints in the lab (in case you get stuck during the labs, you can refer back to the checkpoints to get back on track).
Start the local server
From the pwa-training-labs directory, run the server with the following:
http-server -p 8080 -a localhost -c 0
Remember to restart the server if you shut down your computer, or end the process using
Node packages are used throughout the labs. Npm will allow easy package installation. The
http-server server lets you test your code on localhost:8080.