NGConf 2018
as the organisers put it
ng-conf is a two day, single track conference focused on delivering the highest quality training in the Angular JavaScript framework. 1500+ developers from across the country will converge on beautiful Salt Lake City, UT to participate in training sessions by the Google Angular team, and other Angular experts. In addition to the invaluable training, ng-conf will deliver a premier conference experience for attendees, providing opportunities to network with other developers, relax at social events, and engage in some of the unique entertainment opportunities available in Utah.
who it's for
Angular developers, frontend engineers, full-stack developers, tooling and build engineers, QA and test engineers, DevOps and container engineers, engineering managers
topics
Ivy renderer bundle size; ng update and ng add; Angular Elements web components; NgRx selectors and effects; RxJS6 and switchMap; Angular CDK and Material; Progressive Web Apps and service workers; unit testing with marbles; Bazel and Nx monorepos; containerizing Angular with Docker; StackBlitz in-browser IDE
| title | author | length |
|---|---|---|
| Day 1 Keynote | Brad Green, Miško Hevery, Kara Erickson | 47m |
Angular reports 1.25M monthly site visits, promises long LTS for AngularJS 1.7 through 2021, and ships v6 features like ng add and ng update to automate… | ||
| Authentication with NgRx | Brandon Roberts | 13m |
Concrete blueprint for auth with NgRx: actions, reducers, selectors and effects wired to Angular Router and Material dialog, with a demo login page and Redux… | ||
| 5 must-dos to make your JS app search engine friendly (#7 will shock you!) | Igor Minar | 22m |
angular.io is a client-rendered PWA reaching 1.2 million monthly visitors and the team avoids server-side rendering while relying on Google Search Console and… | ||
| How to hack an Angular app? | Asim Hussain | 21m |
Three real hacks show how ordinary mistakes become full compromises: Equifax exposes 184 million records by failing to patch a known Apache Struts vuln; a… | ||
| Increasing Performance – more than a pipe dream | Tanner Edwards | 06m |
A concrete experiment shows a template function getting called 820 times as change detection fires, then being replaced with an Angular pipe that is called… | ||
| Reusable Animations | Samantha Brennan | 07m |
Extracted animations live in a shared file so multiple components can import the same behavior, with a concrete demo of a fade and a grow trigger, a… | ||
| Angular, Docker and Containers….in 5-ish Minutes | Dan Wahlin | 09m |
Claim: containerize every part so the same Angular app runs on laptop staging production and cloud. Uses Docker CE commands (pull run build), Alpine Linux… | ||
| StackBlitz + Angular: A Better Way to Build PWA’s | Albert Pai, Eric Simons | 06m |
StackBlitz demonstrates Teleport, a service that does hot reload across devices by opening a URL and attaches an in-browser Chrome DevTools session so Angular… | ||
| Adventures in Angular Podcast | Charles Max Wood, Joe Eames, John Papa, Lukas Ruebbelke, Alyssa Nicoll, Ward Bell, Shai Reznik | 51m |
Keynotes announce Angular 6 features and CLI work like ng update ng add; the new Ivy renderer shows a 2.7 kilobytes compressed hello‑world and lets developers… | ||
| Grid Layout: CSS is Awesome | Dave Geddes | 11m |
Built interactive games (flexboxzombies.com, gridcritters.com) teach CSS Grid and flexbox, with live CodePen demos that actually run. Shows practical CSS… | ||
| Angular CDK and Material in 2018 | Jeremy Elbourn | 23m |
Angular CDK is a standalone library (about 17 subpackages) and version 6.0 is an RC, with new ng add schematics that generate working nav, table and dashboard… | ||
| I switched a map, and you’ll never guess what happened next… | Pete Bacon Darwin, Shai Reznik, Mike Brocchi | 21m |
A concrete demo builds an autocomplete component from an observable stream of tweets and agencies, showing code that maps each tweet to an agency then to an… | ||
| Google’s serverless tools for machine learning, big data and app backends | Bret McGowen | |
Whether your app is mobile, web, or cloud native, Google Cloud Platform and Firebase have an entire suite of serverless tools that can help. What is… | ||
| Modules are not what you think they are | Max NgWizard | 18m |
Claim: Angular modules compile into a single factory/injector so imported modules merge providers and there is no runtime module hierarchy. Process shown: load… | ||
| Elements in v6 and Beyond | Rob Wormald | 23m |
Angular exposes an API that mints real Custom Elements from Angular components via createCustomElement, letting modules register an injector ahead of time… | ||
| Super-Powered, Server-Rendered Progressive Native Apps | Nathan Walker, Jeff Whelpley | 21m |
Describes a concrete architecture called X plat that runs inside an NX workspace with thin per-platform apps and shared platform-specific libs. Shows a real… | ||
| Testing Best Practices for Angular Applications | Yi Qi | 19m |
Shows concrete recipes and working demos: majority of checks stay as fast unit tests; use async/await for Promise-based flows, fakeAsync + tick for precise… | ||
| Building a Karaoke Machine with Angular and HTML5 Speech Recognition | Sergio Cruz | 24m |
A web-based karaoke machine built with Angular uses native Audio plus LRC files for lyric timing and rxjs fromEvent to keep audio and captions in sync, and it… | ||
| Reactive Testing Strategies with NgRx | Brandon Roberts, Mike Ryan | 45m |
Clear claim: testing reactive Angular apps becomes faster and simpler by using concrete tools and techniques. Jest runs tests in parallel in an emulated… | ||
| Update party | Filipe Silva, Hans Larsen | |
Want to update your app to the latest Angular versions? This is the room for you! Bring your laptop, pull up a chair, and we’ll help you update to the latest… | ||
| How to score 100 on a Angular Progressive Web App Audit | Anas Raza Firdousi | 27m |
Claims a path to 100% on a Progressive Web App audit by using Angular tooling and concrete steps: scaffold with the CLI, run ng add @angular/pwa to generate a… | ||
| Optimizing an Angular application | Minko Gechev | 40m |
A simple Angular demo with 140 items suffers severe typing lag; profiling shows expensive Fibonacci calls on every change detection. The session applies onPush… | ||
| 6 Apps One Code with Angular | Sani Yusuf | 47m |
Claim: one codebase runs mobile, web, PWA, offline, and desktop. Uses Ionic + Angular stack, Cordova (and newer Capacitor) for native APIs, Stencil for… | ||
| Jest Testing | Jesse Sanders | 20m |
Claims that Jest runs super fast, prioritizes failed tests, and sandboxs globals; shows using jest-preset-angular and ts-jest with jsdom so zero-or-minimal… | ||
| VR Hero – Ready Observable One | Alex Castillo, Uri Shaked | 52m |
Browser VR built with Angular + A‑Frame and served as a real‑time multiplayer demo using Firebase real‑time presence: each client gets a random color and X/Z… | ||
| NgRx Schematics | Vitalii Bobrov | 19m |
Shows how to use Angular CLI and NgRx packages (store, effects, entities, devtools, schematics) to scaffold a working Star Wars knowledgebase, running ng… | ||
| VS Code Can Do That? | Burke Holland | 21m |
Walkthrough shows concrete VS Code tricks: installs Fira Code ligatures to turn == and => into single glyphs, uses Emmet image size updater to auto-fill local… | ||
| N Things You Didn’t Know About the Router | Deborah Kurata | 22m |
Concrete patterns and code-level fixes for routing emerge: a nested router outlet shell lets some pages show the menu and others not, a resolver waits for HTTP… | ||
| Good Action Hygiene with NgRx | Mike Ryan | 17m |
Claims that three concrete pitfalls wreck NgRx apps: reusing actions, generic action types, and action subtyping, and that fixing them raises quality and… | ||
| Complex Forms Build Character | Natasha Carlyon | 18m |
A Dungeons & Dragons character form is built in Angular using reactive forms with FormBuilder, moving repeated groups into a FormArray with custom Ability… | ||
| Build a look alike engine with machine learning and Angular | Simona Cotin | 23m |
An Angular app uses Azure Custom Vision plus the Bing Image Search API and Azure Functions to build a doppelgänger classifier, uploading image URLs and… | ||
| Ngrx Complex Form | Jesse Sanders | 29m |
Claims that ngrx plus the container/presentation pattern tames complex Angular forms by normalizing state with ngrx entity into ID-keyed dictionaries, avoiding… | ||
| Angular Performance Workshop | Manfred Steyer | 43m |
Covers concrete Angular performance techniques: enabling OnPush change detection and passing immutable object references to reduce change-check work, splitting… | ||
| Use the Custom Operator Force; Become an RxJS Jedi | Ryan Chenkie | 01h 30m |
Let’s face it, doing advanced work with RxJS is just plain tough. Sure, some of the simpler operators are easy to grok, but once we get beyond simple maps and… | ||
| Writing A Custom Angular Build | Steve Belovarich | 01h 52m |
Shows how to replace the CLI with a small Node-based build that actually works: a custom NGS CLI, file-copy and config hooks, async/await task parallelism… | ||
| Reducing the Boilerplate with NgRx | Brandon Roberts, Mike Ryan | 44m |
Clear, concrete claims: CLI schematics scaffolding auto-generates and wires stores, reducers, effects and containers; entity adapter gives a normalized… | ||
| Streamlining the AngularJS-to-Angular migration | Hanyu Xiao | 21m |
Static analysis engine that powers angular.doc.org scans ~8,800 Angular repos and finds ~400 using the upgrade module (about 16%) while most upgrades cluster… | ||
| Advancing Unit Tests | Courtney Christian | 08m |
Tests for OnPush change detection show failing behavior until the test harness calls fixture.detectChanges and reveals change detection runs only once in the… | ||
| NgRx Selectors: How to stop worrying about your Store structure | David East, Todd Motto | 19m |
Concrete claim: using NgRx selectors makes store shape irrelevant by composing view models at read time instead of writing them into reducers. Demonstrations… | ||
| Global Thermonuclear Templates | Mike Brocchi | 22m |
Covers how to change the Angular CLI generate output by writing schematics that operate on a virtual file system called a tree, with concrete definitions for… | ||
| Firebase/Cloud Functions/ML Workshop | Jason Dobry | 47m |
An Angular chat app gets extended with Firebase + Cloud Functions and Google ML: a function writes a welcome message on user create, storage triggers call the… | ||
| Building awesome components with the power of the Angular Component Dev Kit | Elad Bezalel, Kristiyan Kostadinov | 01h 34m |
The Component Dev Kit is a collection of robust, well-tested, versatile and performant APIs that 7 are the foundation of the Angular Material component… | ||
| Just Another Marble Monday – Unit Testing NGRX/RxJS w/Marbles | Samantha Brennan, Keith Stewart | 44m |
Concrete instructions for testing NGRX/RxJS with marbles include using Jasmine marbles to write hot and cold observables, injecting a test scheduler via… | ||
| Implementing advanced DOM manipulation scenarios | Max NgWizard | 01h 44m |
Workshop shows concrete fixes and demos: a directive replaces in-component DOM fiddling to call elementRef.nativeElement.setAttribute, then swaps that for… | ||
| Hands-on Full-Stack development with Nx and Bazel | Alex Eagle, Torgeir Helgevold | 57m |
Claims that Bazel keeps builds fast at scale with remote execution and caching, NX provides workspace scaffolding and lib extraction, and a working demo ties… | ||
| NgRx Mobile with Ionic | Jesse Sanders | 41m |
Shows how to wire NgRx into an Ionic app: integrates ngrx schematics with the Ionic/Angular CLI, adds path aliases via tsconfig and webpack, and uses ngrx… | ||
| “Containerizing” Angular with Docker | Dan Wahlin | 54m |
Explains how Angular apps are actually containerized with Docker using nginx to serve the dist, shows a working multi-service demo (Angular + nginx + Node +… | ||
| RxJS Observables in Angular | Sander Elias, Ward Bell | 53m |
Covers the four Angular APIs that return Observables (HTTP client, reactive forms valueChanges, router params/events, and component timers) and walks through… | ||
| Deep dive into content projection | Eudes Petonnet | 20m |
Demonstrates that Angular's content projection matches ng-content at build time so projected nodes move rather than recreate, explains why cloning projected… | ||
| Protractor: A New Hope | Michael Giambalvo, Craig Nishina | 23m |
Introduces a Protractor workflow: an NPM module called blue harvest that does screenshot comparisons, masking, and a single-command reference update via… | ||
| How I love being ejected: Customizing your Angular build with Bazel | Greg Magolan | 20m |
Shows how to replace webpack with Bazel and compose ng_module rule + ts_library, sass_binary rule and rollup_bundle to build, test and serve an Angular app; a… | ||
| Using StackBlitz & Angular for Rapid App Prototyping | Eric Simons, Albert Pai | 23m |
StackBlitz runs Angular prototypes entirely in the browser using a custom npm client and bundler that claim big speedups: turbo (installs only needed packages… | ||
| Day 3 Keynote | Rob Wormald, Stephen Fluin | 36m |
Conference math shows 1,500 in-room and 11,000 livestream viewers and a joking per-person time of about 20.7 seconds, and the talk claims it saves 5006 hours… | ||
| Ready for Readable Code? | John Papa | 17m |
Argues readable code saves hours: insist code communicates the actual intent, not cleverness, and adopt concrete rules like the five second rule for… | ||
| The magic of template reference variables | Alain Chautard | 06m |
Shows that template reference variables using #ref syntax give direct access to the HTML element or to a component instance so templates can call methods or… | ||
| Angular Material’s Trees | Tina Gao | 17m |
Angular Material ships three tree components (Material tree plus CDK tree planned for v6) that implement flat tree and nested tree models with a demonstrated… | ||
| Let’s Build A Form Around It | Sani Yusuf | 20m |
Deconstructs Angular reactive forms into the actual pieces and shows working code: FormControl, form group and FormArray, valueChanges observables… | ||
| Angular at Large Organizations | Victor Savkin | 25m |
Claims that large orgs gain fast consistency and safe changes by using a workspace model and automation, backed by a released 1.0 open source extension set for… | ||
| Introducing RxJS6! | Ben Lesh | 24m |
Explains concrete changes in RxJS 6: unhandled error scheduling moves synchronous unhandled throws to a scheduled hostReport so producer‑interference bugs stop… | ||
| Strategies for Server Side Rendering Angular Applications | Vikram Subramanian | 21m |
Demonstrates server rendering with Angular Universal plus a client-side "hybrid" that boots tiny pieces via Angular Elements, using a minimal bootstrap module… | ||
| Angular for Designers | Stephen Fluin | 21m |
Argues for concrete changes: make Angular easy for designers by reducing Node/CLI friction and offering a prototyping-focused ng add and an ng-exe (concept)… | ||
| Adventures in Universal and Zone.js | James Daniels | 21m |
AngularFire adds usable server-side rendering by fixing upstream packaging, pulling in polyfills (WebSockets and XMLHttpRequest), and wrapping Firebase JS SDK… | ||
| Angular Service Workers & Cows — a love story | Alyssa Nicoll | 20m |
Claims that Angular service workers make apps usable on 6 megabit rural connections by intercepting and caching network responses. Steps: install… | ||
| Angular Panel | Mike Brocchi, Pete Bacon Darwin, Alex Eagle, Jeremy Elbourn, Kara Erickson, Stephen Fluin, Tina Gao, Brad Green, Miško Hevery, George Kalpakas, Hans Larsen, Ben Lesh, Greg Magolan, Igor Minar, Manu Murthy, Yi Qi, Filipe Silva, Vikram Subramanian, Rob Wormald | 38m |
Panel gives concrete roadmap and tradeoffs: progress on Ivy with a strict backward‑compatibility goal, zones made optional since v5, semantic versioning plus… | ||
| nothing matches | ||