Web goes Native: Progressive Web Apps (PWA) with Angular—in Action!

ng-europe, February 1-2, 2018, 09:00-17:30, Espace Charenton, Paris.

Your trainers: Christian Weyer, Christian Liebel, Steffen Jahr, Thinktecture.

Setup

As we are expecting a high number of participants and we’ve seen a lot of unreliable conference WiFis, we kindly ask you to prepare the following setup steps at home or in the hotel.

Step 1: Devices and Software

Please bring your developer devices and install the following software. Already done? Click here for step 2.

NOTE: As web technologies move fast and quickly, there might be new releases in the meantime. To ensure everything works as intended, we strictly recommend you to stick to the versions noted below. Thanks!

Devices

• Laptop with recent Windows/macOS/Linux version
• Optional: Android smartphone/tablet with recent Android and Chrome version
• Note: iOS Devices do not yet support the technologies that make a real PWA - sorry

Browsers (Desktop)

• Google Chrome, version 63 or later
• Optional: Mozilla Firefox Developer Edition, version 58 or later
• Optional: Google Chrome Canary, version 65 or later

Developer Tools

• Git (obviously)
  • Optional: Git UI tool such as TortoiseGit, Tower, SourceTree, GitKraken, …
• Node.js, version 8.9.4 LTS
• ngrok for secure & easy TCP/HTTP/HTTPS tunneling during development
• Editor of your choice
  • WebStorm 2017.3.3 (commercial, free trial)
  • Visual Studio Code, recent version
  • Notepad, vi, …

Step 2: Demo Repository

On your favorite terminal, please run:

npm uninstall -g angular-cli @angular/cli
npm cache verify
npm install -g @angular/cli@1.6.6

Next, navigate to a folder of your choice and execute:

git clone https://github.com/thinktecture/ngeurope-2018-pwa.git
cd ngeurope-2018-pwa/api
npm install   # or yarn install (if installed)
cd ../client
npm install   # or yarn install (if installed)

If you prefer SSH, you can use this checkout URL: git@github.com:thinktecture/ngeurope-2018-pwa.git