AngularConnect 2017
2017-11-07..2017-11-08
London, United Kingdom
[AngularConnect 2017, Angular Connect 2018, AngularConnect 2019]
who it's for
Angular developers, frontend engineers, frontend architects, engineering managers, QA engineers, UX engineers
topics
ahead-of-time compilation; view engine and build optimiser; Angular Elements widgets; NgRx state management; Angular Universal server rendering; Angular service worker PWAs; Angular CLI schematics; i18n locale APIs; Component Dev Kit usage; Angular Material data table; apollo-angular GraphQL integration; AngularJS to Angular migration
| title | author | length |
|---|---|---|
| Day 1 Keynote | Jules Kremer, Igor Minar | 41m |
Angular claims concrete wins: runtime work (static analysis and code generation) cuts garbage and speeds view updates, AoT compilation moves the compiler off… | ||
| Day 2 Keynote | Stephen Fluin | 41m |
Declares concrete wins: ShopStyle prototypes a PWA in two days to a working prototype and sees 90% increase in time onsite for home‑screen users, using… | ||
| Angular Core Team Q&A | 32m | |
Panel states concrete roadmap items and concrete tradeoffs: NgUpdate one-command migration for automated upgrades, NgElements/Angular Elements for shipping… | ||
| Paving the Way to Construction | Katerina Skroumpelou | 17m |
Argues that architectural design steps—site constraints, navigation tree, coarse mockups, fine blueprints—produce cleaner web apps; uses Angular components… | ||
| Purely Fast | Minko Gechev | 24m |
A concrete case study builds a small business app and measures fixes: applying onPush change detection plus Immutable.js moves change work off most keystrokes… | ||
| The Science of What Makes Us Tick | Alan Furlong | 24m |
Landscape data hits specific claims: Gallup says 13% of employees are engaged, 77% report stress symptoms, and UK sleep drops from eight to 6.5 hours; an… | ||
| From Donkey to Unicorn, A new approach to AngularJS migration | Asim Hussain | 22m |
A new migration approach uses an iFrame-based migration that keeps AngularJS and Angular apps in separate global namespaces, demonstrated by an Angular 4/5… | ||
| Exciting World of WebVR | Ayşegül Yönet | 26m |
An Angular component that wires Three.js to a canvas and enables VR by setting renderer.vr = true, loads OBJ+MTL assets with an OBJ+MTL loader, spawns roughly… | ||
| Internationalization, New and Upcoming Features | Olivier Combe | 23m |
Angular v5 uses CLDR-sourced locale data and a new i18n API, rewrites date/number/currency pipes to accept per-pipe locale and explicit timezone, and removes… | ||
| Talk to Your App | Shmuela Jacobs | 30m |
Shows how to turn microphone audio into actionable app commands using Google Cloud Speech API plus browser SpeechRecognition fallbacks, with timestamps, ~110… | ||
| Manage Your Huge Codebase like a Boss | Jeff Whelpley | 24m |
Argues a concrete workflow: start with Angular CLI, move to NX Workspace for multiple apps, use small flat utility microrepos (small testable stable) and split… | ||
| GraphQL-Anywhere | Uri Goldshtein, Kamil Kisiela | 28m |
Demo shows three app versions and a concrete claim: GraphQL runs equally well for server and local state, merging them into one query. Uses apollo-angular 1.0… | ||
| Angular Elements | Rob Wormald | 28m |
Demonstrates that Angular components package as custom elements by wrapping an Angular component with a DOM-facing constructor, syncing inputs to attributes… | ||
| Angular Forms | Kara Erickson | 47m |
Angular Forms in v5 adds explicit timing with updateOn blur/submit and the demo shows values and validation waiting for blur or submit instead of every… | ||
| State Management Patterns and Best Practices with NgRx | Victor Savkin | 30m |
Explains concrete NgRx patterns: actions split into commands documents events, request–reply via correlation ID stored on entities, and effects as the place… | ||
| Performance and Sanity | Adam Klein | 22m |
Converts an Angular service to MobX with MobX Angular and applies observable computed action autorun, measures change-detection runs, and shows computed values… | ||
| Testing Angular Apps. At Scale. | Jan Molak | 30m |
Demonstrates a concrete replacement for brittle Protractor scripts: a TypeScript implementation called Serenity/JS that applies the Screenplay Pattern… | ||
| DevKit and Schematics | Mike Brocchi, Filipe Silva, Hans Larsen | 44m |
Angular CLI splits into a reusable DevKit library and a workflow engine called schematics. The build optimizer runs TypeScript transforms, replaces TS helpers… | ||
| 4 Way Data Binding with Angular & PouchDB | Sani Yusuf | 25m |
Concrete claim: 4-way data binding that keeps Model, View, Server and client-side storage synchronized using PouchDB + service worker with Angular/Ionic… | ||
| Angular Material Data Table | Andrew Seguin, Erin Coughlan | 21m |
Angular Material Data Table is a finished component (out of beta) that implements a column-first layout and a pluggable CDK table plus a data source stream… | ||
| GCP: Migrating a 1M+ LOC project from AngularJS to Angular | Connie Wan, Jen Bourey | 24m |
Google Cloud console migrates a million‑plus‑line codebase by bootstrapping Angular and AngularJS side‑by‑side, using NgUpgrade-lite and downgradeComponent… | ||
| Building Angular Applications like Google | Rado Kirov | 27m |
Claims using AOT compilation with Bazel and the Closure optimizer deliver editor-first speed at Google scale: a 1,000-component mono-repo app takes ~1 minute… | ||
| Pre-Rendering Strategies | Jeff Cross | 23m |
Angular server-side rendering uses Angular/platform-server and renderModuleFactory to output HTML ahead of bootstrap, improving time to first meaningful paint… | ||
| Automatic Progressive Web Apps using Angular Service Worker | Maxim Salnikov | 22m |
Automatic setup uses Angular CLI flags to add an Angular Service Worker and drops ngsw-worker.js and ngsw.json into the dist on production builds, or can be… | ||
| Responsive Layouts with @angular/Flex-Layout | Ekaterina Orlova, Thomas Burleson | 47m |
Library is a TypeScript, Angular-native layout engine (beta10) that injects inline Flexbox CSS at runtime and adds a responsive API with breakpoint aliases… | ||
| Accessibility Through the Eyes of a Deaf Professional | Svetlana Kouznetsova | 24m |
Claims that accessibility is both moral and profitable supported by specifics: 1.3 billion disabled people worldwide and roughly $1 trillion disposable income… | ||
| Advanced Angular Concepts | Alex Rickabaugh | 42m |
Builds a configurable retry interceptor for the HTTP client that defaults to 3 retries, supports per-domain limits via a multi-provider map, and exposes a… | ||
| Motion Makes Meaning | Lukas Ruebbelke | 24m |
A live demo site shows a movie-style app built with Angular Animations, demonstrating query to target child elements, stagger to offset list entrances, router… | ||
| Angular Dynamic Pages | Jesus Rodriguez, Ward Bell | 25m |
An implementation produces runtime pages by composing HTML plus embeddable components driven from metadata (markdown → HTML/JSON). The compiler never sees… | ||
| Components are the New Thin Clients | Bonnie Brennan, Lukas Ruebbelke | 22m |
Argues that making components tiny and pushing all state and logic into a Redux-style store lets you treat user events as replayable actions and manipulate… | ||
| Macmillan | Robin Vaughan | 09m |
Macmillan reports UK cancer prevalence rising from 2.5 million (2015) to 4 million by 2030, with about 7,162 health professionals and looming nurse shortfalls… | ||
| Rangle.io | Yuri Takhteyev | 06m |
Angular is declared production-ready with “stellar” performance and practical flexibility and the talk lists concrete work: contribution to Augury, an in-house… | ||
| Infragistics | Jason Beres, Spasimir Dinev | 06m |
A Sketch-based UI kit maps one-to-one to Angular components and produces a working prototype: a one-day Boston Marathon grid is built in Sketch, handed to a… | ||
| Migrating a Portfolio of Front-End Apps to Angular | Craig Shipton, Mike Smith | 05m |
A portfolio of three monolithic front ends moves to a shared angular component library using ngUpgrade to drop Angular 4 components into existing AngularJS… | ||
| Live Captioning with White Coat Captioning | Norma Miller, Andrew Howell | 05m |
Live real-time captioning at AngularConnect uses human stenographers who write steno code as chorded strokes (more like piano than typing), producing each… | ||
| Dynamic State Management using Sherlock | Wouter Spaak | 06m |
A runtime state library that creates atoms and derivations so new roots of truth appear during execution, not just at boot, and that avoids the DAG-only limit… | ||
| Lightning Talk | Jon Terje Aksland, Sveinung Farestveit | 05m |
An enterprise ERP for sales accounting time tracking and payroll absorbs 30,000 development hours across six locations in three countries and survives… | ||
| Introduction to the Component Dev Kit | Kristiyan Kostadinov | 06m |
-- no description -- | ||
| Don't Be Afraid to Do Something | Mike Brocchi | 03m |
Starts by installs Node and npm and layering in gulp, browses GitHub issues, submits a first pull request that deleted a favicon that broke unit tests, then… | ||
| How to Conference for Introverts | Sam Lee | 04m |
Claim: conferences matter because they produce meeting people and concrete followups not just slides. Evidence is personal networking that yields collaborators… | ||
| ng-game-show | Shai Reznik | 42m |
Jeopardy‑style live show that actually demonstrates hard Angular specifics: binding binds to DOM properties, pathless routes vs componentless routes, use of… | ||
| Breaking the Eyes | Uri Shaked | 26m |
Demo runs an Angular 5 CLI app (ng serve) blinded with CSS blur, tested with ChromeVox and ChromeLens; fixes include adding tabindex, role='button' and… | ||
| nothing matches | ||