ngVikings 2018
as the organisers put it
The main Angular event in the Nordics. And the only travelling Angular conference in the world.
who it's for
Angular developers, frontend engineers, web architects, tooling engineers, mobile and cross-platform developers, QA and test engineers
topics
Progressive Web Apps with Angular; Angular CLI schematics; Angular Elements web components; NgRx and RxJS state management; Service workers and caching; Server-side rendering with Angular Universal; WebSockets and realtime integrations; Angular performance optimization; Electron desktop apps with Angular; Ionic cross-platform applications; Testing Angular applications
| title | author | length |
|---|---|---|
| Keynote: Five years of Angular | Matias Niemelä | 42m |
Five years of Angular traces concrete changes: animation engine supports multi-element timelines and drops the web-animations polyfill; CLI gains schematics… | ||
| Build progressive web apps with Angular | Simona Cotin | 29m |
An existing Angular app becomes installable and offline-capable by adding a Web App Manifest JSON, registering a service worker and configuring caching in… | ||
| 6 APPS ONE CODE WITH Ionic | Sani Yusuf | 39m |
Claims one codebase targets iOS, Android, Windows, Web, Mac and PC and shows it working by building a demo app, wiring a real JSON API, and running it in… | ||
| Angular + CMS = ❤️ | Filip Bruun Bech-Larsen | 31m |
Describes a working pipeline that serves CMS-driven routes and templates while keeping Angular AOT and SPA route animations: uses Angular Elements for… | ||
| Scalable Angular Architecture | Bartosz Pietrucha | 26m |
Five concrete architecture rules and an Angular toolchain are presented: use ngrx store and RxJS observables for predictable unidirectional data flow, separate… | ||
| Multiplayer game with Angular and Firebase | Michael Haberman | 31m |
Live-code builds a browser multiplayer game with Angular components hosting a Phaser arcade physics game instance, sprite‑sheet animations, and an… | ||
| ng install | Stepan Suvorov | 07m |
Proposal for a concrete new command that installs a library and wires it into a project: ng install runs npm installs, injects imports and environment entries… | ||
| A Token Walks Into a SPA... | Ado Kukic | 28m |
Explains how JSON Web Tokens secure an Angular single‑page app by walking a real example: token header/payload/signature mapped to a driver’s license, token… | ||
| Use React tools for better Angular apps | Martin Hochel | 24m |
Recommends replacing npm with yarn for faster installs and convenient script/runs, using prettier plus husky and lint‑staged for automatic formatting, swapping… | ||
| Custom Schematics: An Angular Application by the push of a Button... | Manfred Steyer | 31m |
Claims that schematics can generate whole Angular applications by wiring templates, JSON schemas and rule factories into the Angular CLI. Demonstrates concrete… | ||
| Make Web Components Great Again with StencilJS | Julien Renaux | 20m |
Claims that Stencil is a compiler that outputs standard custom elements and demonstrates concrete tradeoffs: code size and verbosity vs native, plus… | ||
| Understanding the realtime web with websockets | Srushtika Neelakantam | 30m |
Explains that realtime means bounded latency not magic and demonstrates a working tiny.cc/realtime-voting demo built in Angular with Chart.js, wired to a… | ||
| Angular, What's Coming Next | Wassim Chegham | 27m |
Roadmap focuses on concrete changes: Google’s Bazel is being tried to build Angular with fully incremental builds and a reported <2s development roundtrip… | ||
| Angular Elements | Pascal Precht | 34m |
Angular Elements claim: package Angular components as native Custom Elements so components carry DI, change detection and Angular features into any page. Live… | ||
| Deploy Angular and Node to the Cloud | John Papa | 54m |
Shows concrete steps: builds an Angular app with the Angular CLI, creates a docker multi-stage image that bundles Node and the dist output, debugs that… | ||
| How to hack an Angular app? | Asim Hussain | 40m |
Three concrete stories: a GitHub webhook→localhost→0 bypass chains into Elasticsearch (port 9200) shutdown then into Graphite and protocol smuggling to… | ||
| An Angular Front For Your API | Tara Z. Manicsic | 29m |
A working prototype documentation site that runs live examples against its API and shows real GraphQL responses, not static docs: backend uses Node + Express +… | ||
| Be lazy, but with strategy | Martin Sonnenholzer | 31m |
Argues that custom preloading beats PreloadAllModules for large apps and low-end or slow clients, and shows concrete techniques: detect network with… | ||
| Angular performance pitfalls and how to avoid them | Kristiyan Kostadinov | 12m |
Describes concrete fixes: enable build optimizer and strip template whitespace to shrink bundles, replace getters/classes/async/await when they transpile into… | ||
| Advanced DI | Ward Bell | 25m |
Code-heavy demo builds an animals app that registers components as an interface by providing them at component scope and then uses useExisting aliasing plus… | ||
| Fast, Cross-Platform Desktop Apps with Electron | Felix Rieseberg | 29m |
Electron combines Node.js + Chromium + C++ so a single codebase runs on Windows 7/10 Mac OS and many Linux distros, with a separate main process and per-window… | ||
| Hey Google, is there any presentation about ChatBots at ngVikings? | Wassim Chegham | 41m |
Prototype of a Google Assistant chatbot that actually connects Dialogflow intents to cloud functions and Firebase, demonstrates a live demo that counts… | ||
| Q&A with all speakers | all speakers | 47m |
Panel records a wide-ranging, practical conversation: a concrete argument about ngRx debate (when to use it and whether it belongs in core), hands-on editor… | ||
| Getting started with WebVR | Martin Splitt | 30m |
Demonstrates building a WebVR scene live with A-Frame using WebGL for rendering and the WebVR/WebXR API for headset pose and controllers, loads a binary gltf… | ||
| Enhancing Performance by Leveraging the Power of Observables | Sander Elias | 14m |
Demonstrates using Observables (Rx) to drive view updates instead of the framework’s default change detection to reduce unnecessary work and improve… | ||
| Dummy to App | David Müllerchen | 31m |
Concrete method: identify navigation and domain models first, then split UI into container components (state + logic) and presentation components (pure… | ||
| Web Maps - Putting the M in Angular web apps! | Katerina Skroumpelou | 25m |
Demonstrates integrating OpenLayers and Google Maps into Angular without external wrappers and confirms it works end to end, including a dynamic script loader… | ||
| Changing the world of travel with Angular and measuring... | Oskari Okko Ojala, Olli Leskinen | 30m |
Finnair ships a full client-side booking site built with Angular + microservices running on AWS with Node and Java backends, Travis/Jenkins CI and Akamai CDN… | ||
| Let's plant our Angular Tree | Juan Herrera | 16m |
Shows how to produce a real Angular v4 library that consumers can install and AOT compile by outputting UMD module, flat ES module and ES2015 flat module files… | ||
| Designing Component API | Vitalii Bobrov | 24m |
Compares concrete patterns from browser standards and shows what actually works: the select/option pattern demonstrates a compact declarative API that handles… | ||
| Create & Publish Angular Libs like a PRO | Juri Strumpflohner | 28m |
Builds a reusable tabs library, compiles TypeScript with ngc, bundles with Rollup into ESM/UMD and minified output, and publishes the dist folder to npm. Uses… | ||
| Visualising Enterprise Data with Angular & d3 | Sean Landsman | 22m |
Demo shows a working Angular app that reads Olympic tables (2000–2012) and turns them into interactive charts using Angular & d3; raw tables remain available… | ||
| Testing Angular apps | Carl Vuorinen | 32m |
Uses the Angular CLI and Karma, Jasmine and Protractor to show concrete test patterns: a runnable Angular Excel demo that evaluates formulas, cell references… | ||
| Innovating is not about technology, but psychology | Alyssa Nicoll | 29m |
Claim: innovation depends more on motive and habits than on new frameworks. Concrete steps: ask why, teach others, and want more; cognitive tactics include… | ||
| Progressive Web Apps with Angular and Firebase | Erik Haddad | 26m |
Angular plus Firebase actually produces a working PWA: fire chat is built with Angular CLI, enables serviceWorker:true at build time, and uses AngularFire… | ||
| Offline Angular app in action | Majid Hajian | 22m |
Demos show an Angular app made installable and offline by wiring up service workers, using deferred beforeinstallprompt to control when the banner appears, and… | ||
| Can't Touch This! What not to do to the DOM | Max NgWizard | 29m |
Argues that direct DOM calls break cross‑platform code and shows concrete fixes: use Renderer service to change element properties (browser, server Domino and… | ||
| Rendering Performance from the Ground Up | Martin Splitt | 25m |
Explains why painting is the slow step and how GPUs and compositing avoid it: parsing → DOM/CSSOM → layout → paint → composite, with 60 fps ≈ 16 ms per frame… | ||
| Real-Time Stream Processing with Reactive-Extensions | Michael Hladky | 32m |
A live-coding demo uses RxJS to implement a Morse-code generator that converts event streams into short/long signals and back into characters. It shows… | ||
| Abstractions in Angular | Akseli Virtanen | 07m |
Angular traces how controllers and directives give way to components and services and how adopting TypeScript interfaces forces concrete business models. An… | ||
| Reactive Brain Waves | Uri Shaked | 33m |
Connects a Muse EEG headset to an Angular app over Web Bluetooth, turns raw samples into an RxJS stream and uses specific operators — filter, map, switchMap… | ||
| How WebAssembly is changing the Web and what it means for Angular | Boyan Mihaylov | 30m |
WebAssembly compiles C/C++ (and other languages) to a browser binary that runs near native speed, with streaming compilation and module instantiation via… | ||
| Supercharging the Angular CLI with Nx | James Henry | 29m |
Nx adds a thin layer on top of the Angular CLI to run multiple apps and libs in one mono-repo while keeping modular boundaries. It generates libraries and NgRx… | ||
| nothing matches | ||