# Building progressive web application in Angular 2 and Zurb Foundation 6

- Institution: CERN
- Department: Developers@CERN Forum
- Speaker: Michal Piotr Rafalski
- Year: 2017
- Language: English
- Source: [CERN](https://videos.cern.ch/record/3014290)
- Licence: [CERN](http://copyright.web.cern.ch)
- Who can watch: Teens profiles and older (sources give no ratings; placed by Invisible Network from the source's own words)

I am responsible for design and development new progressive web application for CERN's Access Distribution and Management System (ADAMS) in BE-ICS-AC. The application is to be used both by the access control professionals and by end users. It also must work regardless of the browser used, fit any form factor (like desktop, mobile, tablet), be accessible on low quality networks and make the users feel that they are using an application and not a website.

I would like to present to audience:

- what are progressive web applications - what is Angular 2 framework and why it is better than AngularJS - why we could build components and how to do it - how to use TypeScript, webpack, gulp - how to build modern responsive website in Zurb Foundation 6 - using Angular 2 and Ionic 2 for building a hybrid mobile application

I can also prepare workshops how to create basic application in Angular 2 and Zurb Foundation 6 in 1h..

0:00:00 Slide 1

0:00:26 Slide 2

0:00:36 Slide 3

0:00:49 Slide 4

0:01:35 Slide 5

0:02:32 Slide 6

0:03:19 Slide 7

0:03:48 Slide 8

0:05:22 Slide 9

0:06:26 Slide 10

0:07:19 Slide 11

0:08:09 Slide 12

0:08:20 Slide 13

0:08:51 Slide 14

0:09:25 Slide 15

0:09:47 Slide 16

0:09:51 Slide 17

0:10:23 Slide 18

0:10:50 Slide 19

0:12:20 Slide 20

0:12:25 Slide 21

0:12:48 Slide 22

0:13:15 Slide 23

0:13:32 Slide 24

0:13:59 Slide 25

0:14:10 Slide 26

0:14:19 Slide 27

0:14:51 Slide 28

0:15:12 Slide 29

0:16:14 Slide 30

0:16:46 Slide 31

0:18:08 Slide 32

0:19:35 Slide 33

0:24:52 Slide 34

## Lectures

1. [Building progressive web application in Angular 2 and Zurb Foundation 6](https://invisiblenetwork.ai/learn/cern/3014290/ccde44a4c42e), 31 min (CERN's player)