Wednesday

Reception area — Registration
Dragefjellet — Welcome from the organizers
Downstairs — Coffee break
Restaurant — Lunch
Galgebakken
Getting started with Elm and typed functional programming
Ingar Almklov and Erik Wendel
Galgebakken
Tårnplass
Dragefjellet
Muséplass
Teatergaten
Strangehagen
Simple steps and powerful tools to create a Progressive Web App
Maxim Salnikov

The term Progressive Web App refers to a group of technologies, such as service workers, and push notifications, that can bring native-like performance and user experience to web apps. Progressive Web Apps are interesting because in some ways they represent a coming of age for the Web. Progressive Web Applications take advantage of new technologies to bring the best of mobile sites and native applications to users. Let's create our one!

During this 100% hands-on session we'll have a look on the modern JavaScript code and recent tools and guides to help us build Progressive Web Apps. We'll create and register Service Worker, build App Shell, generate Application Manifest, send Push Notifications. The result of our workshop: fast, installable, offline-capable, mobile-network-friendly, re-engageable app.

Agenda

  • Introduction to PWA and Workshop Setup
  • Service Workers for Instant and Offline Experiences
  • App Shell Architecture
  • Installability and App Manifest
  • Sending Push Notifications
  • Tooling for Progressive Web Apps: Lighthouse and More
  • Questions and answers

Setting up the environment

Environment
- Git
- Node
- NPM
- Yarn - strongly recommended

Browsers
- Chrome 53 or above
- Firefox 51 or above
- Any simple web server (could be a browser extension). Recommended:
https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb/

Initial setup
- Backend (API) part. Please go through installation steps described in README.md: https://github.com/webmaxru/pwa-workshop-api
- Frontend part. In order to have the packages pre-installed, please go through installation steps described in README.md: https://github.com/webmaxru/pwa-workshop

Strangehagen
Sydneshaugen
Hødden
Downstairs — Coffee break
Galgebakken
Getting started with Elm and typed functional programming (cont.)
Ingar Almklov and Erik Wendel
Galgebakken
Tårnplass
Dragefjellet
Muséplass
Teatergaten
Strangehagen
Simple steps and powerful tools to create a Progressive Web App (cont.)
Maxim Salnikov

The term Progressive Web App refers to a group of technologies, such as service workers, and push notifications, that can bring native-like performance and user experience to web apps. Progressive Web Apps are interesting because in some ways they represent a coming of age for the Web. Progressive Web Applications take advantage of new technologies to bring the best of mobile sites and native applications to users. Let's create our one!

During this 100% hands-on session we'll have a look on the modern JavaScript code and recent tools and guides to help us build Progressive Web Apps. We'll create and register Service Worker, build App Shell, generate Application Manifest, send Push Notifications. The result of our workshop: fast, installable, offline-capable, mobile-network-friendly, re-engageable app.

Agenda

  • Introduction to PWA and Workshop Setup
  • Service Workers for Instant and Offline Experiences
  • App Shell Architecture
  • Installability and App Manifest
  • Sending Push Notifications
  • Tooling for Progressive Web Apps: Lighthouse and More
  • Questions and answers

Setting up the environment

Environment
- Git
- Node
- NPM
- Yarn - strongly recommended

Browsers
- Chrome 53 or above
- Firefox 51 or above
- Any simple web server (could be a browser extension). Recommended:
https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb/

Initial setup
- Backend (API) part. Please go through installation steps described in README.md: https://github.com/webmaxru/pwa-workshop-api
- Frontend part. In order to have the packages pre-installed, please go through installation steps described in README.md: https://github.com/webmaxru/pwa-workshop

Strangehagen
Sydneshaugen
Hødden
Galleri Nygaten (map ) — Conference dinner

Thursday

Reception area — Registration
Galgebakken
Tårnplass
Dragefjellet
Muséplass
Teatergaten
Strangehagen
Hødden
Downstairs — Coffee break
Galgebakken
Tårnplass
Dragefjellet
Muséplass
Teatergaten
Strangehagen
Hødden
Restaurant — Lunch
Dragefjellet — Introduction to open spaces
Dragefjellet and more — Open spaces 1
Dragefjellet and more — Open spaces 2
Downstairs — Coffee break
Dragefjellet
Muséplass
Teatergaten
Hødden
Downstairs — Coffee break
Dragefjellet
Muséplass
Teatergaten
Hødden
Restaurant BOHA (map) — Speaker's dinner - Only for speakers but everyone can join us at the bar "Kråken" afterwards

Friday

Reception area — Registration
Galgebakken
Tårnplass
Dragefjellet
Muséplass
Teatergaten
Strangehagen
Hødden
Visual prototyping and concept development for project managers and developers
Steinar Dragsnes and Erling Andreas Arnestad and Alexander Valland Strømme
Visual prototyping is an efficient and cost effective tool to explore concepts and design directions. As opposed to diving right in coding, exploring ideas with simple prototypes will lead to a better solution. Visual prototyping is also an effective way of communicating thoughts and ideas by eliminating the need to explain things through text and words. 
 
In concept development, ideas need to be quickly visualised. Ideas that seem solid might not necessarily work when visualised in a prototype. Drawing the solution also aids concept development and often the best ideas materialise when the solution is visualised. 
 
Historically visual prototyping has been the domain of designers. We believe that by teaching both project managers and developers how to better visually communicate their concepts, we will have a richer exchange of ideas, and ensure the best possible transfer of knowledge within the team. 
 
In this workshop we will look at how prototyping is used for concept development. We will start with a concrete business story and describe the support systems, data and problems. The participants will then use their newly acquired skills developing solutions addressing the users' real needs. The goal of the workshop is to show how to make better solutions through concept development. Participants will also gain confidence communicating with visual aids. Simple visual communication tools such as sketching with pen and paper, and using Balsamiq for quick and simple prototypes will be used.
Hødden
Downstairs — Coffee break
Galgebakken
Tårnplass
Dragefjellet
Muséplass
Teatergaten
Strangehagen
Hødden
Visual prototyping and concept development for project managers and developers (cont.)
Steinar Dragsnes and Erling Andreas Arnestad and Alexander Valland Strømme
Visual prototyping is an efficient and cost effective tool to explore concepts and design directions. As opposed to diving right in coding, exploring ideas with simple prototypes will lead to a better solution. Visual prototyping is also an effective way of communicating thoughts and ideas by eliminating the need to explain things through text and words. 
 
In concept development, ideas need to be quickly visualised. Ideas that seem solid might not necessarily work when visualised in a prototype. Drawing the solution also aids concept development and often the best ideas materialise when the solution is visualised. 
 
Historically visual prototyping has been the domain of designers. We believe that by teaching both project managers and developers how to better visually communicate their concepts, we will have a richer exchange of ideas, and ensure the best possible transfer of knowledge within the team. 
 
In this workshop we will look at how prototyping is used for concept development. We will start with a concrete business story and describe the support systems, data and problems. The participants will then use their newly acquired skills developing solutions addressing the users' real needs. The goal of the workshop is to show how to make better solutions through concept development. Participants will also gain confidence communicating with visual aids. Simple visual communication tools such as sketching with pen and paper, and using Balsamiq for quick and simple prototypes will be used.
Hødden
Restaurant — Lunch
Tårnplass
Dragefjellet
Muséplass
Teatergaten
Strangehagen
Hødden
From accessibility n00b to pro in 1.5 hrs
Vegard Haugstvedt

You have (probably?) heard about accessibility ("universell utforming" in Norwegian), but do you know what it is? How to use it and how to design, develop and test for it? No? Then this is the workshop for you! And even if you are experienced and know what a11y stands for, you might pick up a trick or two.

At some point or another in life, we will all have some form of disability or limited functionality, whether our eyesight worsens, we break an arm or we loose mobililty when we get older. At that point accessibility, or universal design, is going to become very important for our ability to participate in society. And even if we luck out and escape such problems, we all benefit from accessible tools.

If that is not enough, universal design of all websites is enforced by law in Norway since July 1st 2014. For all of us working in the software development business, accessibility is among the most neccessary skills we have, and it is critical that we learn it.

This workshop will guide you through the different phases of software development: concept, design, implementation and testing. You will learn the basics for each phase and we will use hands-on experience and group discussions to learn some of the more important skills we need. You will not only learn what you need to do to create an accessible website, but you will experience what happens if you don't.

The workshop is open for people from all roles of software development, from UX to developers to testers. Even if you do not "know about the technical stuff", you will still learn a thing or two that you can bring back to work after the conference, and the tasks are set up so that you can follow them without being able to code. You will learn about WAI-ARIA, why #04e51e and #f5fc32 should never mingle and how to use a screen reader.

Hødden
Downstairs — Coffee break
Dragefjellet — See you next year