Angular Denver 2019

Paths

Angular Denver 2019

Author: Angular Denver

Angular Denver is the coolest Angular conference east of the Continental Divide! Angular developers come from all over to spend two days learning, connecting, and having fun. With... Read more

What You Will Learn

  • Angular
  • Angular CLI
  • RxJs
  • NgRx
  • Cypress.io
  • Authentication
  • Observables
  • Facades
  • Inclusivity
  • Accessibility

Pre-requisites

None

Angular Denver 2019 Courses

In the Angular Denver 2019 talks, you'll encounter a wide range of topics from Angular, RxJs and NgRx to accessibility, automation testing, scalability, and architecture.

Angular Denver '19: Keynote Talk

by Angular Denver

Sep 11, 2019 / 41m

41m

Start Course
Description

Join Rob Wormald for the Angular Denver 2019 Keynote.

Table of contents
  1. Keynote Talk

Angular Denver '19: Simplifying Front-end State Management with Observable Store

by Angular Denver

Sep 11, 2019 / 24m

24m

Start Course
Description

There are a lot of state management options for Angular applications, but which one is appropriate for your application? In this talk, Dan Wahlin discusses several options that are available and the pros and cons of each. He'll then show a lesser-known, yet simple option that works across all front end applications called Observable Store. Learn how to store your state, access it, work with immutable data, provide store change notifications, and work with RxJS.

Table of contents
  1. Simplifying Front-end State Management with Observable Store

Angular Denver '19: Supercharge Your Angular Tests with Jest (Snapshots Included)

by Angular Denver

Sep 11, 2019 / 23m

23m

Start Course
Description

You should be testing your app, but, in reality, it is hard and cumbersome to keep all your tests up to date and develop the tests using TDD methodology. Choosing the proper tools for the job is the first step to achieve this goal. In this session, Michal Szcepaniak will compare testing performance using both Jest and Jasmine within an Angular application, analyze how the watchers work in both frameworks, share some migration strategies to convert the existing Jasmine infrastructure to Jest, and explore snapshot testing.

Table of contents
  1. Supercharge Your Angular Tests with Jest (snapshots included!)

Angular Denver '19: What You Don't Know About Zone.js

by Angular Denver

Sep 11, 2019 / 11m

11m

Start Course
Description

Every Angular developer knows about zone.js by using ngZone and async/fakeAsync with testing. Zone.js has a lot of features to tune your app’s performance, add new functionality to your app, or improve debugging in your Angular app. Some of these zone-features are not well known by most Angular developers. In this session, Jia Li discusses performance tuning, modularization, async/fakeAsync testing, error handling, integration with Angular elements, promises, Electron, new web API support, and more.

Table of contents
  1. What You Don't Know About Zone.js

Angular Denver '19: Intro to Bazel

by Angular Denver

Sep 11, 2019 / 10m

10m

Start Course
Description

What is going on with the new Bazel build system? It’s still in beta, but the Angular team has dedicated some serious resources to this initiative. In this talk, Bonnie Brennan and Philip Fulcher will summarize everything you need to know about Bazel and how you can get started.

Table of contents
  1. Intro to Bazel

Angular Denver '19: Bridging Parallel Universes: Upgrading Huge Apps with Angular Elements

by Angular Denver

Sep 11, 2019 / 21m

21m

Start Course
Description

How do you jump between the AngularJS universe and the Angular universe without tearing the fabric of reality? If you have a large AngularJS application, you have probably been stumped and frustrated by how to get it moved to Angular. ngUpgrade doesn't seem to be a good option for you and you don't want to rewrite the application from scratch. What are you supposed to do? Angular Elements is here to help. Angular Elements allows you to use tiny Angular apps as reusable custom web elements, which is an excellent strategy for migrating big applications from AngularJS. In this talk, Sam Julien will teach you how to plan your migration with Angular Elements, how to migrate components and services, and provide tips on how to bundle your custom elements.

Table of contents
  1. Bridging Parallel Universes: Upgrading Huge Apps with Angular Elements

Angular Denver '19: Machine Learning in Angular with TensorFlow.js

by Angular Denver

Sep 11, 2019 / 22m

22m

Start Course
Description

TensorFlow.js is a JavaScript library for training and deploying machine learning models in the browser. In this talk, Aaron Ma will show how to get up and running with TensorFlow in Angular 8+. You'll gain hands-on experience with machine learning and create an amazing TensorFlow.js powered app trained in your very own browser!

Table of contents
  1. Machine Learning in Angular with TensorFlow.js

Angular Denver '19: Rendering Angular Applications in Terminal, Angular Platforms in Depth

by Angular Denver

Sep 11, 2019 / 20m

20m

Start Course
Description

During the session, Nikita Poltoratsky will explore Angular platforms’ implementations and how their existence improves lives. Most importantly, you will learn to invent your own shiny platform that, with the help of some magic tricks, will allow rendering Angular apps into Terminal, using ASCII graphics.

Table of contents
  1. Rendering Angular Applications in Terminal, Angular Platforms in Depth

Angular Denver '19: Engage Your Customers with Animated Ghost Elements

by Angular Denver

Sep 11, 2019 / 20m

20m

Start Course
Description

Are you still using the blank screens, progress bars, or spinners in your web apps? While waiting for your data to load, refresh, or even while loading code, engage your customers by showing them a preview of the UI that will be visible soon. Using Animated Ghost Elements (aka Skeletons), customers will not be shocked at screen changes nor will they think your application locked-up. In this session, Thomas Burleson will you how to create your own, how to animate them, and how to use them with RxJS and NgRx.

Table of contents
  1. Engage Your Customers with Animated Ghost Elements

Angular Denver '19: The Facade of NgRx Facades

by Angular Denver

Sep 11, 2019 / 23m

23m

Start Course
Description

The facade pattern with NgRx claims to offer developers a way to encapsulate NgRx concerns and keep them separate from your component layer. In this talk, Mike Ryan and Brandon Roberts will dive into facades to investigate if facades are really just a facade or if there is a facade pattern that is the facade of all facades.

Table of contents
  1. The Facade of NgRx Facades

Angular Denver '19: Strictly TypeScript: Maximizing the Compiler

by Angular Denver

Sep 11, 2019 / 25m

25m

Start Course
Description

The Angular CLI is an amazing tool for being productive with Angular. In order to facilitate the impressively low barrier to entry, there are some advanced optimizations that have to be disabled. In this talk, James Henry will walk you through how much more power the TypeScript compiler can offer you and how to enable it for your projects. You'll walk away with a deep understanding of TypeScript’s strict type checking capabilities, and how it is a spectrum rather than a switch.

Table of contents
  1. Strictly TypeScript: Maximizing the Compiler

Angular Denver '19: MockStore in NgRx 8

by Angular Denver

Sep 11, 2019 / 10m

10m

Start Course
Description

What’s new in NgRx testing? The two most recent releases of NgRx have quietly introduced and iterated on the @ngrx/store/testing module, giving developers easier ways to test store-dependent components. In this lightning talk, John Crowson will demonstrate testing store-dependent components using the NgRx MockStore, which provides the ability to mock the entire state or individual selectors.

Table of contents
  1. MockStore in NgRx 8

Angular Denver '19: 5, 4, 3, 2, 1: Blast Auth

by Angular Denver

Sep 11, 2019 / 12m

12m

Start Course
Description

Authentication can present a vast and daunting frontier, but Angular has great features to help you implement it in your apps. In this talk, Kim Maida will provide you with tips to make authentication a moonwalk, convert callbacks to observables, power up auth data with subject streams, orbit unauthorized errors by using asynchronous interceptors, and shield data with route guards.

Table of contents
  1. 5, 4, 3, 2, 1: Blast Auth

Angular Denver '19: Angular Elements Make the Best React Components

by Angular Denver

Sep 11, 2019 / 23m

23m

Start Course
Description

Join Brad McAlister and Ryan Chenkie to learn why Angular elements make the best React components.

Table of contents
  1. Angular Elements Make the Best React Components

Angular Denver '19: Schematics: An Untapped Frontier

by Angular Denver

Sep 11, 2019 / 22m

22m

Start Course
Description

Schematics can accomplish nearly any task and can be published by anyone. Whether you want to generate hundreds of dynamic files or update source code, Kevin Schuchard and Brian Love will demonstrate how accessible custom schematics are for you or for your organization. If you find yourself repeating the same logic, enforcing similar patterns, or performing setup logic, again and again, you'll take away the tools and understanding necessary to start your schematic learning journey.

Table of contents
  1. Schematics: An Untapped Frontier

Angular Denver '19: Dark Patterns in UI: What Not to Do to Your Users

by Angular Denver

Sep 11, 2019 / 22m

22m

Start Course
Description

In this talk, Alyssa Nicoll will go over some obvious and some not so obvious patterns that are used online to manipulate users. Understanding usability gives you a lot of power as web designers and developers. You should use this knowledge for good, rather than for tricking users into unintended behaviors. This kind of UX trickery breeds distrust in not only your web app but the web in general.

Table of contents
  1. Dark Patterns in UI: What Not to Do to Your Users

Angular Denver '19: Angular for Everyone: Building Accessible Angular Applications

by Angular Denver

Sep 11, 2019 / 19m

19m

Start Course
Description

When people say that the web is for everyone, that means everyone. The applications that are built today should reflect that. In this talk, Elise Heron will go over how to build accessible applications, what makes applications accessible, strategies for building accessible components, and strategies to address some common pitfalls. She will also cover how to determine whether your application is accessible or not.

Table of contents
  1. Angular for Everyone: Building Accessible Angular Applications

Angular Denver '19: ngSwitch but Faster

by Angular Denver

Sep 11, 2019 / 10m

10m

Start Course
Description

In this talk, Camille Wall shows a live demo with a simple illustration of advanced DOM manipulation. While the ngSwitch is easy, it is not ideal for collections because it can be slow; this session will provide a better way to handle this situation.

Table of contents
  1. ngSwitch but Faster

Angular Denver '19: Introduction to Angular Elements

by Angular Denver

Sep 11, 2019 / 10m

10m

Start Course
Description

In this session, Arjun Yelamanch will provide you with a better understanding of web components, custom elements, shadow DOM, template, HTML imports, and how to turn an Angular component into an Angular Element.

Table of contents
  1. Introduction to Angular Elements

Angular Denver '19: Security Thoughts for Angular Developers

by Angular Denver

Sep 11, 2019 / 20m

20m

Start Course
Description

In this talk, Kevin A. McGrail describes general security tricks to help you secure your systems with a focus towards specific security guidelines in your Angular work.

Table of contents
  1. Security Thoughts for Angular Developers

Angular Denver '19: Angular for the Visual Learner

by Angular Denver

Sep 11, 2019 / 19m

19m

Start Course
Description

1 out of 10 people have dyslexia; these people are visual learners. In this talk, Samantha Brennan explains how this is a secret superpower and how to turn most words into a visual concept.

Table of contents
  1. Angular for the Visual Learner

Angular Denver '19: Hacking the Human Perception

by Angular Denver

Sep 11, 2019 / 29m

29m

Start Course
Description

Hacking, you say? This type of hacking involves how developers create the illusion of fast load times for web applications. Performance is gaining visibility in the industry and catering to the needs of the user, there are many things you can do to facilitate that need. In this talk, Chris DeMars will focus on ways to make things appear to be faster than they are.

Table of contents
  1. Hacking the Human Perception

Angular Denver '19: E2E Testing with Cypress.io

by Angular Denver

Sep 11, 2019 / 27m

27m

Start Course
Description

NgRx enables Angular developers to build reactive solutions for managing state, events, and data using principles inspired by Redux. In this talk, Jesse Sanders explores the facets within NgRx. Some of these facets include testing, NgRx Entity, NgRx Data, NgRx Auto Entity, error handling, complex actions, and effects.

Table of contents
  1. E2E Testing with Cypress.io

Angular Denver '19: Component ILL-ities

by Angular Denver

Sep 11, 2019 / 25m

25m

Start Course
Description

Join Justin Schwartzenberger and Mike Brocchi for this Angular Denver 2019 session.

Table of contents
  1. Component ILL-ities

Angular Denver '19: Reactive Angular

by Angular Denver

Sep 11, 2019 / 28m

28m

Start Course
Description

What does it mean to be reactive? The most valuable skill that Angular developers can learn is how to reactively program using Angular and RxJS, and the most requested topic by the Angular community has to do with observables. In this session, Aaron Frost takes a component that works perfectly the way you normally write Angular and converts it to be reactive. This means that it will be heavily optimized for performance, it will be easier to reason about, and it will depend heavily on an understanding of observables.

Table of contents
  1. Reactive Angular

Angular Denver '19: Architecting Angular Apps for Scalability

by Angular Denver

Sep 11, 2019 / 28m

28m

Start Course
Description

The router-first approach to Single Page Application (SPA) architecture enables developers to start small with a decoupled and lazy-loaded architecture, giving them the option to stay small or scale while achieving sub-second first meaningful paints. Router-first architecture is designed to force teams to ask the hard questions early, build a roadmap and then iterate over a solution. In this session, Doguhan Uluca explores how router-first enforces high-level thinking, ensures consensus on features before coding starts, accounts for source code and team growth, and keeps engineering overhead low.

Table of contents
  1. Architecting Angular Apps for Scalability

Angular Denver '19: Make Your Component Tell You Stories with Storybook

by Angular Denver

Sep 11, 2019 / 26m

26m

Start Course
Description

Developing and testing components in isolation can be difficult. Storybook is a tool that can help you build stories around your components that help with everything from working with designs and product to advanced edge case testing and screenshot testing. In this talk, Austin McDaniel dives into Storybook and boosts your components into a bedtime story.

Table of contents
  1. Make Your Component Tell You Stories with Storybook

Angular Denver '19: Diversity in Tech Made Easy

by Angular Denver

Sep 11, 2019 / 10m

10m

Start Course
Description

Getting diverse candidates into an organization is sometimes treated like a secret that you need a cheat code for, but it’s actually more simple than that. In this lightning talk, Elise Heron provides one simple tip to getting more diverse candidates into your organization and details how to keep those employees in your organization.

Table of contents
  1. Diversity in Tech Made Easy

Angular Denver '19: Demystifying Token Authentication in NgRx

by Angular Denver

Sep 11, 2019 / 9m

9m

Start Course
Description

You have a new Angular application and you're thrilled to be managing your state with NgRx. You have your store, reducers, and actions set up, but your boss asks, “How do I log in?” You stare blankly, realizing that you've never thought about that. Isn't it the same as in a regular Angular application? How does real authentication using tokens in NgRx work? In this session, Sam Julien teaches you the how and why of token-based authentication in NgRx. You'll also learn about managing app-wide authentication state through the store, dispatching actions through effects, and keeping your application safe using authentication best practices.

Table of contents
  1. Demystifying Token Authentication in NgRx

Angular Denver '19: Quasi-human Angular Automated Testing with Cucumber

by Angular Denver

Sep 11, 2019 / 25m

25m

Start Course
Description

Automated E2E testing is critical to your development release cycle because software quality is of utmost importance despite the fact that humans do not scale. You should not let a human do what a robot can do perfectly every single time. In this talk, Lukas Ruebbelke will teach you how to produce incredible value to your organization by creating an army of robots to ensure that your application works as advertised. More importantly, you will see how to streamline this entire process by creating a human approachable layer around the entire thing.

Table of contents
  1. Quasi-human Angular Automated Testing with Cucumber

Angular Denver '19: Universally Speaking

by Angular Denver

Sep 11, 2019 / 30m

30m

Start Course
Description

In this session, Craig Spence explores what is actually involved in getting Angular Universal up and running.

Table of contents
  1. Universally Speaking

Angular Denver '19: A Deep Dive into RxJS Subjects

by Angular Denver

Sep 11, 2019 / 27m

27m

Start Course
Description

In this talk, Michael Hladky and Jan-Niklas Wortmann demonstrate how to use subjects to solve multicasting problems, implement caching, maintain your subscribers, and implement a message bus.

Table of contents
  1. A Deep Dive into RxJS Subjects

Angular Denver '19: So Little Code! Are You Even Still a Programmer Anymore?

by Angular Denver

Sep 11, 2019 / 9m

9m

Start Course
Description

In this talk, Jon Rista introduces the simplicity and power of NgRx Auto-Entity.

Table of contents
  1. So Little Code! Are You Even Still a Programmer Anymore?

Angular Denver '19: Designing against Domestic Violence

by Angular Denver

Sep 11, 2019 / 29m

29m

Start Course
Description

Eva Penzeymoog works to ensure that digital products cannot be be used as tools of abuse and she shares her findings with other people who create digital products. This work involves research on how technology both enables abuse and fails to recognize user behavior that indicates abuse, resulting in a lost opportunity to offer meaningful support. She is intentional about providing clear, true, and always anonymous examples, and she aims to provide a concrete set of steps that people who work in tech can take to build products that won't result in harm against their users. This talk is the culmination of this research and the first step of a larger project to reduce harm in the world through centering the safety of victims of domestic violence.

Table of contents
  1. Designing against Domestic Violence

Angular Denver '19: The Crazy Train of Legacy Apps

by Angular Denver

Sep 11, 2019 / 9m

9m

Start Course
Description

In this session, Hudson Baker acknowledges some negative emotions when approaching legacy apps and addresses how to change one's perspective to show that upgrading legacy apps can be an exciting and fun challenge. You will look at a back end only application that serves a static HTML page and explore some common ideas about legacy applications. Hudson will also rebuild a small component of the app as an Angular Element and demo a functioning Angular element inside the legacy app.

Table of contents
  1. The Crazy Train of Legacy Apps

Angular Denver '19: Debugging Your Angular Apps 101

by Angular Denver

Sep 11, 2019 / 23m

23m

Start Course
Description

Join Kyle Bastien to learn how to debug your Android apps.

Table of contents
  1. Debugging Your Angular Apps 101

Angular Denver '19: Enhance! Customizing the Angular CLI

by Angular Denver

Sep 11, 2019 / 21m

21m

Start Course
Description

The Angular CLI is one of the best features of the Angular Platform. It handles bundling, built optimization, code split, and the generation of components. However, not every project is the same, and the defaults provided by the CLI may not fit your team's particular use case. In this session, Mike Hartington discusses hooks to extend the built-in behavior and tailor it to fit your needs.

Table of contents
  1. Enhance! Customizing the Angular CLI

Angular Denver '19: More Unit Testing, Less Effort

by Angular Denver

Sep 11, 2019 / 27m

27m

Start Course
Description

You have a decent-sized Angular app, but the voice in the back of your head is shouting, "You need unit tests." Then, you run into a hurdle. You want to test your components, but it’s complicated because your components inject services. In this session, Lance Finney demonstrates how to get past that obstacle and describes circumstances where you might skip dependency injection completely.

Table of contents
  1. More Unit Testing, Less Effort

Angular Denver '19: Building PWAs with Angular and Ionic

by Angular Denver

Sep 11, 2019 / 27m

27m

Start Course
Description

Progressive Web Apps (PWAs) are the next wave in web development, offering an app-like experience using a traditional web deployment model. PWAs are highly optimized, reliable, and accessible from anywhere there is a browser. They are a perfect fit for mobile apps, and best of all, no app store required. Angular provides the framework and infrastructure to create your app and Ionic offers the mobile web components that make your app look and feel like they belong on the platform your user is on. Together, they make a great team for building your next PWA. In this talk, Ely Lucas will look at how to create a simple PWA using Angular and Ionic, and the best practices that you can put into place in creating your next app.

Table of contents
  1. Building PWAs with Angular and Ionic

Angular Denver '19: Subjecting State to Good Behavior

by Angular Denver

Sep 11, 2019 / 24m

24m

Start Course
Description

Apps of all sizes need to manage state, but not all apps need a state machine like NgRx. What if you can't afford the code cost and indirection? What if you don't want to decouple your business layer? There’s more to Angular state management than getters, setters, or a global stream. Are you ready to set up readable, uncomplicated state management using behavior subjects, observables, and immutability that are all OnPush ready? In this talk, Kim Maida explores scaling up state management in Angular from simple to more robust. You will gain a better understanding of Angular, RxJS, and even third party state management libraries.

Table of contents
  1. Subjecting State to Good Behavior

Angular Denver '19: ~920 Bytes: Creating the Smallest Angular App in the World

by Angular Denver

Sep 11, 2019 / 23m

23m

Start Course
Description

In this talk, Robert Wilemelis presents an experimental idea on how to reduce the bundle size of a simple Angular application to a size under 1Kb by using a code coverage report of (unit-)tests, TypeScript, and deleting lines of code with a deeper understanding of JavaScript.

Table of contents
  1. ~920 Bytes: Creating the Smallest Angular App in the World

Angular Denver '19: Inclusivity Now

by Angular Denver

Sep 11, 2019 / 23m

23m

Start Course
Description

Lazily loading code with the router is awesome, but what about when you need to lazily load something that is big for which you don't want to change the URL? In this session, Aaron Frost shows you how to exponentially increase your ability to slice and dice your app to make your deliverable bundles as small as possible.

Table of contents
  1. Inclusivity Now

Angular Denver '19: 1x Programmer, 10x Programmer, 100x Programmer

by Angular Denver

Sep 11, 2019 / 9m

9m

Start Course
Description

Join Ado Kukic and some special guests as they participate in a live coding exercise, racing against the clocks to ensure the Angular Denver Band Camp app is ready to go.

Table of contents
  1. 1x Programmer, 10x Programmer, 100x Programmer

Angular Denver '19: Q&A Session

by Angular Denver

Sep 11, 2019 / 59m

59m

Start Course
Description

Tune in for an Angular Q&A session with a huge speaker panel.

Table of contents
  1. Q&A Session