🌎 Community-curated list of tech conference talks, videos, slides and the like — from all around the world

📅 2018-04-18
🌎 Salt Lake City, UT, United States
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.
This page was generated from this YAML file. Found a typo, want to add some data? Just edit it on GitHub.
  • 🎤

    • 📹 1 video
    • 👤 Brad Green
    • 👤 Miško Hevery
    • 👤 Kara Erickson
  • 🎤

    • 📹 1 video
    • 👤 Brandon Roberts
    As the lead developers of NgRx, the number one question we get asked is how to implement authentication with a reactive store. In this talk, I set out to answer this question by building an auth-based app with NgRx Store, Router, and Effects
  • 🎤

    • 📹 1 video
    • 👤 Igor Minar
    The internet has around 4 billion users, most of them come online to find information and answers. Is your application accessible to search engines? Can your users access information your application provides? Do you really need server-side rendering to be successful? In this talk we’ll cover answers to these questions as well as gotchas and real-world stori…
  • 🎤

    • 📹 1 video
    • 👤 Asim Hussain
    Thought hacking was hard? It’s not, it’s easy and I’m going to show you how! In this episode of CSI Salt Lake City, we’ll investigate a series of hacking stories and break them down step-by-step to see exactly how they did it. By the end, you’ll walk away a little bit more scared and a lot more prepared with some great practices you can apply immediately to …
  • 🎤

    • 📹 1 video
    • 👤 Tanner Edwards
    You just finished your awesome component only to realize it is dog slow! While there are a number of things that could be causing this, the most common is calling functions from your template. These function get evaluated every time change detection run and can be a real ng-buzzKill. In most cases, changing that function to a pipe can get your app’s performa…
  • 🎤

    • 📹 1 video
    • 👤 Sam Brennan
    In this lightning talk we will go over how to take your animations to the next level. By using reusable animations, your project will not only be more efficient but more manageable than it was before learning these best practices. (and of course, this will be 80’s themed!)
  • 🎤

    • 📹 1 video
    • 👤 Dan Wahlin
    In this 5-minute (ultra-focused) talk Dan Wahlin will show you how to get started “containerizing” Angular applications using Docker containers. While we can only scratch the surface of what’s possible in 5 minutes, you can learn more in the full 1-hour session at ng-conf.
  • 🎤

    • 📹 1 video
    • 👤 Albert Pai
    • 👤 Eric Simons
    Building & debugging progressive web apps can be a painful experience, especially on mobile devices. In this session, we’re excited to announce a suite of new developer tools that make developing PWA’s a total breeze—all of which run entirely in your browser, no setup or configuration required.
  • 🎤

    • 📹 1 video
    • 👤 Charles Max Wood
    • 👤 Joe Eames
    • 👤 John Papa
    • 👤 Lukas Ruebbelke
    • 👤 Alyssa Nicoll
    • 👤 Ward Bell
    • 👤 Shai Reznik
  • 🎤

    • 📹 1 video
    • 👤 Dave Geddes
    CSS Grid is here and it’s epic. Let’s take a quick look at what makes this game-changing tech so amazing, and see if we can’t use it to solve front end development’s ancient unsolved mystery.
  • 🎤

    • 📹 1 video
    • 👤 Jeremy Elbourn
    What’s new in Angular CDK and Angular Material? Let’s find out by doing some live coding with the newest additions!
  • 🎤

    • 📹 1 video
    • 👤 Pete Bacon Darwin
    • 👤 Shai Reznik
    • 👤 Mike Brocchi
    If you always forget what switchMap does, or when exactly should you use it, this talk will make sure you’ll NEVER again forget what switch, map and switchMap do… in a very unusual and entertaining way.
  • 🎤

    • 📹 1 video
    • 👤 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 serverless? It means cloud power available instantly and transparently, without having to create any virtual machines or manage scaling or application runtimes. See how GCP and serverless can make your app’s bac…
  • 🎤

    • 📹 1 video
    • 👤 Maxim NgWizard Koretskyi
    Some developers believe that Angular has different types of modules like shared, feature or routing module. They’d be surprised to learn that Angular has none. Using a simple application, this talk will demonstrate how Angular uses a compiler to merge all modules into a single injector. We’ll learn where lazy loaded modules fit into this picture and why modu…
  • 🎤

    • 📹 1 video
    • 👤 Rob Wormald
    The first version of Angular Elements is now available. Learn about how we use Angular Elements on angular.io and about our plans for the future.
  • 🎤

    • 📹 1 video
    • 👤 Nathan Walker
    • 👤 Jeff Whelpley
    Angular is built from the ground up as a multi-platform JavaScript framework. You can use Angular to build an app for almost any environment. In this talk, we will go over a “real world”, open source app built in Angular that renders on 3 different platforms: the browser (i.e. your typical web app), the server (via Angular Universal) and native mobile (via N…
  • 🎤

    • 📹 1 video
    • 👤 Yi Qi
    In this talk we will look at the best practices while testing Angular Applications like setting up AOT for unit tests and go through testing strategies for specific situations involving Router, Animations, Component with OnPush etc. We will also look at moving away from ControlFlow for Protractor tests and using async/await.
  • 🎤

    • 📹 1 video
    • 👤 Sergio Cruz
    Every framework wants to rule the world, but only one framework can help me build a classic 80’s karaoke machine—Angular. I’ll use Angular, the HTML5 Web Speech API, and RxJS to create a web app to select songs, sync lyrics, and grade singers as they sing along. Watch one audience member bite the dust as they jump on stage at the end to test the final applic…
  • 🎤

    • 📹 1 video
    • 👤 Brandon Roberts
    • 👤 Mike Ryan
    In the world of Angular applications, testing is key to protect against regressions and validating functionality. With apps becoming more reactive with observables, testing how these independent pieces work becomes more important. Learn how these testing patterns and practices will ease the burden of testing your Angular application. From unit testing presen…
  • 🎤

    • 👤 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 Angular, RxJS and Angular CLI version 6.
  • 🎤

    • 📹 1 video
    • 👤 Anas.R.Firdousi
    Angular now ships with service worker modules that makes building Progressive Web Apps (PWAs) easier than ever before. In this talk, I will live code the standard test app for PWAs “The Hacker News PWA”. I will show you how to build an impressive app by using the angular worker modules to score a 100 on progressive web app audit and also how to customize the…
  • 🎤

    • 📹 1 video
    • 👤 Minko Gechev
    A hands-on training on optimizing the runtime performance of an Angular application. We will go through several steps, including: – Using OnPush change detection strategy. Here we’ll go through the gotchas of the strategy. – Optimizing the watched by Angular expressions. We’ll use pure pipes and memoization, explaining the difference. – Changing the change d…
  • 🎤

    • 📹 1 video
    • 👤 Sani Yusuf
    You and your team have this great Idea and you have your users using different devices and operating systems to access the same application. Some users are on the Web, some on Mobile some of their Desktop and you also have to worry about what operating system they are on and also have to consider how your application is presented on each device & operating s…
  • 🎤

    • 📹 1 video
    • 👤 Jesse Sanders
    There have been lots of talks about proper ways of testing our Angular applications but no one in the Angular community is talking much about the jest.js snapshots and how we can effectively and quickly test our applications. Snapshot testing allows us to quickly validate our UI when given a deterministic state. Snapshot testing also allows us to validate ou…
  • 🎤

    • 📹 1 video
    • 👤 Alex Castillo
    • 👤 Uri Shaked
    Welcome to the amazing world of the Web, where everything is possible! In this session, we are going to combine Angular, RxJS and Firebase with cutting edge web technologies to create a collaborative Virtual Reality gaming experience. We will get a good taste of WebVR and Web Audio, and even connect a smart guitar using Web Bluetooth. Then we will all put on…
  • 🎤

    • 📹 1 video
    • 👤 Vitalii Bobrov
    NgRx is the great way to manage complex app state. Unfortunately, it is not a silver bullet and as the downside, it requires so much boilerplate code. Developers are lazy and machines must work for us. NgRx Schematics is a huge time-saver. It will automate NgRx code generation and give you the ability to focus on application business logic.
  • 🎤

    • 📹 1 video
    • 👤 Burke Holland
    Visual Studio Code is on 🔥. Everybody ❤’s this unexpected Electron-based text editor, and for good reason: it can do A LOT. It can compile Angular templates on the fly, debug native mobile applications, execute JavaScript inline and so much more! In this session, we’ll take a look at the most powerful features and plugins in Visual Studio Code, many of whic…
  • 🎤

    • 📹 1 video
    • 👤 Deborah Kurata
    The Router can do so much more than just route the user between the views of our application. In this intermediate-level presentation, we’ll explore many facets of routing in an Angular application, and cover a lot of awesome yet practical techniques.
  • 🎤

    • 📹 1 video
    • 👤 Mike Ryan
    The Action is the building block of all NgRx libraries. We use actions to describe events that arise in our applications by including enough information in an action to make a state transition or perform a side effect. Learn how to write clean actions and avoid common anti-patterns.
  • 🎤

    • 📹 1 video
    • 👤 Natasha Carlyon
    It often starts simply. You add an input field for a name, perhaps you add some validations for a password, and then suddenly, you’re grappling with nested forms and dynamic data. To create a smooth user experience, the form spans over multiple pages, where the user can save/reset her progress at each step. This simple form has transformed into a formidable …
  • 🎤

    • 📹 1 video
    • 👤 Simona Cotin
    You’ve always thought you looked like Marty McFly but your friends say you look like Yoda, take the 80s doppleganger challenge and find out for sure! In this talk, I’ll show how to use a little bit of machine learning and serverless tech to build an application that can match faces to their dopplegangers. All written with Angular and Node!
  • 🎤

    • 📹 1 video
    • 👤 Jesse Sanders
    This talk is a deep dive into how to handle complex forms using ngrx. We will start out with several use cases in our sample app that typically cause problems such as race conditions, dynamic forms, and duplicated data. This presentation is a combination of slides explaining use cases, core concepts, and possible solutions. I will be moving between the slide…
  • 🎤

    • 📹 1 video
    • 👤 Manfred Steyer
    Angular is impressively fast. However, in some situations, for instance, when building complex enterprise applications, this is insufficient. In these cases, Angular provides several approaches to dramatically increasing performance. This workshop shows how to use these possibilities by means of a systematically optimized application. Attendees learn how to …
  • 🎤

    • 📹 1 video
    • 👤 Ryan Chenkie
    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 subscribes, it doesn’t take much to just give up and go back to where things are comfortable. This is a shame because there’s a whole world of streamy goodness that, for many developers, is just around…
  • 🎤

    • 📹 1 video
    • 👤 Steve Belovarich
    Do you want to have full control over your Angular app? Maybe the CLI isn’t a good fit for your project? Are you pulling your hair out waiting for Webpack to bundle? Then this workshop may be for you! This workshop is from 12 – 1:50 pm. In this session, you will learn how to architect a custom Angular build. We will write a NodeJS script that AOT compiles an…
  • 🎤

    • 📹 1 video
    • 👤 Brandon Roberts
    • 👤 Mike Ryan
    Action interfaces, action factories, action union types, state interfaces, reducer functions, selectors, effects, and more. Oh the boilerplate! NgRx solves real problems when building reactive Angular apps at the cost of multiplying your file count by 100. Learn how to effectively reduce the boilerplate without sacrificing flexibility.
  • 🎤

    • 📹 1 video
    • 👤 Hanyu Xiao
    Many organizations that have AngularJS applications in production face a tough choice: stay put and miss all the advances that Angular has to offer, or start the migration journey that is often no easier than rewriting the entire application. While there are online documentation and tutorials that describe the general migration process, they are often too hi…
  • 🎤

    • 📹 1 video
    • 👤 Courtney Christian
    This fun and informative talk would discuss and demonstrate writing unit tests for components which utilize the more advanced Angular API’s such as OnPush, ContentChildren/ViewChildren, etc. The talk would include an example/demo for unit testing onPush change detection components and other advanced components.
  • 🎤

    • 📹 1 video
    • 👤 David East
    • 👤 Todd Motto
    We’ve all been there. Staring at VSCode. Paralyzed by one agonizing question. How do I structure my NgRx Store?! Should I add a new property for “totalLength”? Should I really store the width of this re-sized div? Is a “leftPanel” object really a good idea? As your application gets bigger, your store can turn unwieldy. What was once a simple array of todos i…
  • 🎤

    • 📹 1 video
    • 👤 Mike Brocchi
    Imagine being able to wield incredible power directly from your computer that will make your life as a developer easier. The Angular CLI creates a lot of files for you, but what if you wanted to tweak what gets generated or generate something completely different?
  • 🎤

    • 📹 1 video
    • 👤 Jason Dobry
    In this workshop, you’ll learn how to use the Firebase SDK for Google Cloud Functions to improve an AngularFire Chat Web app and how to use Cloud Functions to send notifications to users of the Chat app, use the Google Cloud Vision API to process images, and use the Google Natural Language API to process chat messages.
  • 🎤

    • 📹 1 video
    • 👤 Elad Bezalel
    • 👤 Kristiyan Kostadinov
    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 library. It is written and maintained by the Material team and is intended to be a tool for building everything from small, one-off components, to complex UI libraries that are shared across teams and product…
  • 🎤

    • 📹 1 video
    • 👤 Sam Brennan
    • 👤 Keith Stewart
    In this super fun interactive workshop, Keith and Sam will teach participants how to write unit tests for RxJS and ngrx effects. Using a simple clone of Tour of Heroes, we will lead participants through building a new feature (80’s themed dance offs!!!) with test driven development. Using jasmine-marbles with hot and cold observables, we will show how easy i…
  • 🎤

    • 📹 1 video
    • 👤 Maxim NgWizard Koretskyi
    Do you know all the tools Angular gives you to work with DOM? You may have heard about the view container or even worked with some of its API but what about other UI abstractions like element and template references? In this workshop, we’ll implement a couple of advanced DOM manipulation scenarios requiring an extensive knowledge of ViewContainerRef API. I’l…
  • 🎤

    • 📹 1 video
    • 👤 Alex Eagle
    • 👤 Torgeir Helgevold
    Learn how the Bazel build tool helps you be productive working across your Angular frontend and your backend server code. We’ll describe the tool briefly, then do some real coding in an Angular app and a backend application in watch mode. We recommend installing Bazel before the workshop to ensure you’ll be able to follow along on your computer.
  • 🎤

    • 📹 1 video
    • 👤 Jesse Sanders
    Creating mobile applications has never been easier using frameworks like Angular and Ionic together. You can quickly create a new application, install cordova plugins, and begin to create the newest and hottest application for the App Store. But how do we manage the complexity when our mobile application grows, data slows, race conditions occur, and we nee…
  • 🎤

    • 📹 1 video
    • 👤 Dan Wahlin
    Interested in getting your Angular application on a real production server such as nginx or others? In this session, Dan Wahlin will show how (and why) to “containerize” your Angular apps and move them to an on-premise server or to the cloud using Docker and other tools. Learn why containers are all the rage these days, learn about Docker Community Edition, …
  • 🎤

    • 📹 1 video
    • 👤 Sander Elias
    • 👤 Ward Bell
    Client web applications are rich in events. Button clicks, keystrokes, and mouse moves are events. The data returned from an HTTP request arrives as an event. App components can send and receive messages through an event bus. Every page navigation is an event. Animations emit start and stop events. Events are everywhere. RxJS Observables are the preferred wa…
  • 🎤

    • 📹 1 video
    • 👤 Eudes Petonnet
    To write reusable components in Angular, you’ll need to leverage content projection at one point or another. Interested? Just go read the do… Oops. While we’re waiting for the documentation on content projection to be ready, come to this talk to learn everything you want to know about content projection, and then some more that you didn’t know you wanted to …
  • 🎤

    • 📹 1 video
    • 👤 Michael Giambalvo
    • 👤 Craig Nishina
    It is a dark time for Angular developers. Although unit testing has uncovered most use cases for components and services, hidden deep across your repository remain untested workflows. But there’s a new hope – a trilogy of testing tools that will save your application from unexpected bugs. We’ll demonstrate how to write better Protractor tests by debugging wi…
  • 🎤

    • 📹 1 video
    • 👤 Greg Magolan
    This talk will introduce how and why to build your Angular application with Bazel. Bazel lets you have nearly zero configuration in your build toolchain by composing your build with the building blocks of a handful of rules. Learn how to setup and build an Angular application with Bazel by defining what to build without having to configure how to built it.…
  • 🎤

    • 📹 1 video
    • 👤 Eric Simons
    • 👤 Albert Pai
    In this session we’ll be demonstrating Angular specific features in StackBlitz that take you from “idea” to fully fledged prototype at lightning speed ⚡
  • 🎤

    • 📹 1 video
    • 👤 Rob Wormald
    • 👤 Stephen Fluin
  • 🎤

    • 📹 1 video
    • 👤 John Papa
    Can you read the code you wrote today, last week, last year? The positive impact authoring readable code can have on your career can be enormous. We spend far more time reading code than writing it. So how can we turn this to our benefit? We’ll explore actionable techniques that will enable you to craft code that lives longer and is easier to maintain. Learn…
  • 🎤

    • 📹 1 video
    • 👤 Alain Chautard
    Template reference variables are a little gem that allows getting a lot of nice things done with Angular. Ever wondered what’s hidden behind the syntax #form=”ngForm”? Now is the time to see what these variables are all about.
  • 🎤

    • 📹 1 video
    • 👤 Tina Gao
    One of the top requests for Angular Material team has been to represent trees of data. We’re now introducing new Tree Components in Angular Material and the CDK. We’ll dig into what’s available, provide insights into how they were built, and provide a tour of how to use them.
  • 🎤

    • 📹 1 video
    • 👤 Sani Yusuf
    Reactive Forms are a mainstay in the Angular ecosystem yet a lot of developers limit their usage to just Login pages or traditional input collection. In this talk, I will showcase how you can take advantage of the full power of Reactive Forms to build some really powerful state-driven solutions. This talked will be based on a real-world personal experience o…
  • 🎤

    • 📹 1 video
    • 👤 Victor Savkin
    Small teams can often get by with informal, ad-hoc dev processes. Large organizations cannot. Large organizations have to rely on tools and automation, which is one of Angular’s biggest strengths. In this talk Victor Savkin will share his experience with helping organizations with hundreds Angular engineers use the Angular platform the right way.
  • 🎤

    • 📹 1 video
    • 👤 Ben Lesh
    Learn what’s new in RxJS 6, what’s changed, and how the RxJS Team and the Angular Team cooperated to provide backward compatibility tools to make your upgrade smoother.
  • 🎤

    • 📹 1 video
    • 👤 Vikram Subramanian
    Different Angular Applications have different needs for Server Side Rendering. A content heavy site might require full pre-rendering. An application with more dynamic content might be interested in only pre-prendering the App Shell. In this talk we will discuss strategies for server side rendering for these extremes and everything in between.
  • 🎤

    • 📹 1 video
    • 👤 Stephen Fluin
    The Angular team wants to make Angular great for designers, and to empower designers and developers to collaborate better. Get a sneak peak about our early plans and hear about our vision for the future.
  • 🎤

    • 📹 1 video
    • 👤 James Daniels
    Getting Angular Universal working in your application (or supported in your library) and ironing out your Zone.js issues can be a beast. Follow the journey of the AngularFire maintainers adding Universal support to their popular library. Learn some tips, tricks, and hopefully have some laughs as we continue to define best practices for @next and beyond.
  • 🎤

    • 📹 1 video
    • 👤 Alyssa Nicoll
    (In deep-theatre-guy voice) In a world, where Internet speeds can reach up to 6 megabits per second and cows reign supreme, one developer stands alone to discover the simplest way to cache EVERYTHING! Join her on this epic journey fraught with lag and peril where she’ll battle config files and caching external assets, all the while dealing with the conflict …
  • 🎤

    • 📹 1 video
    • 👤 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
    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 …