ng-conf 2021

Paths

Expanded

ng-conf 2021

Author: ng-conf

ng-conf is the world’s largest conference devoted specifically to Angular.

What you will learn

  • Angular Language Service
  • Angular Universal
  • NgRx
  • RxJS

Pre-requisites

None

Keynotes

Day 1 Keynote

by ng-conf

Jul 19, 2021 / 40m

40m

Start Course
Description

In this keynote, you'll hear about: Building a consistent experience for Angular developers, what's up with Angular in the world, and what's up with the future of Angular.

Table of contents
  1. Day 1 Keynote

Day 2 Keynote

by ng-conf

Jul 22, 2021 / 34m

34m

Start Course
Description

In this keynote, you'll hear about RxJS and NgRx updates,

Table of contents
  1. Day 2 Keynote

Breakout Sessions

Increase Your Productivity with Component Sandboxes and Stories

by ng-conf

Jul 19, 2021 / 21m

21m

Start Course
Description

Dan will discuss an open source tool called Storybook that can be used with Angular (as well as other frameworks and libraries) to speed up the development of UI components.

Table of contents
  1. Increase Your Productivity with Component Sandboxes and Stories

Federated Angular: Why and How?

by ng-conf

Jul 19, 2021 / 21m

21m

Start Course
Description

The much-discussed micro-frontends have challenges and trade-offs. Many wonder whether their benefits would pay off for their projects and how to implement them. This session sheds some light on the matter.

Table of contents
  1. Federated Angular: Why and How?

SPA as Platform with Micro-frontends and Capabilities

by ng-conf

Jul 19, 2021 / 23m

23m

Start Course
Description

In this talk, you will look at how to create an application shell, which acts as a platform.

Table of contents
  1. SPA as Platform with Micro-Frontends & Capabilities

Ionic Angular: Making Capacitor Flux with NativeScript

by ng-conf

Jul 19, 2021 / 18m

18m

Start Course
Description

The marriage of Capacitor and NativeScript provides some exciting capabilities for enriched development experiences and end user satisfaction. Let's take a look together at how we can make Capacitor "flux" at 88 mph with NativeScript for far reaching Ionic Angular applications.

Table of contents
  1. Ionic Angular: Making Capacitor Flux with NativeScript

Routeception! How to Use the Angular Router in Micro-Frontends

by ng-conf

Jul 19, 2021 / 5m

5m

Start Course
Description

In this talk, we will walk through how using Angular's Dependency Injection can provide each Micro Frontend with an isolated routing experience.

Table of contents
  1. Routeception! How to Use the Angular Router in Micro-Frontends

Living La Vida Transloco-On the New Player in i18n/l10n

by ng-conf

Jul 19, 2021 / 5m

5m

Start Course
Description

Transloco is a robust solution for managing all your i18n/l10n needs featuring lazy loading, multiple fallbacks, and many more features,

Table of contents
  1. Living La Vida Transloco-On the New Player in i18n/l10n

Using WebAssembly to Build Fast & Secure Web Apps

by ng-conf

Jul 19, 2021 / 17m

17m

Start Course
Description

With the advent of WebAssembly, your browser is now more powerful than ever before. Not only does WASM enable high performance code execution, but hidden in the guts of your browser, it unlocks a fully functional development OS that boots in seconds and allows you to develop and debug powerful web apps.

Table of contents
  1. Using WebAssembly to Build Fast & Secure Web Apps

Reactive Error-handling in Angular

by ng-conf

Jul 19, 2021 / 14m

14m

Start Course
Description

Errors do occur, so we need to handle them properly. This talk covers error-handling strategy that has been proven efficient in multiple enterprise applications. Maria will demonstrate how you can handle validation, general and silent errors with code snippets and relevant tests.

Table of contents
  1. Reactive Error-Handling in Angular

Switch Map Wizard

by ng-conf

Jul 19, 2021 / 22m

22m

Start Course
Description

In this 20 minute talk, Lara will clearly define and demonstrate the differences between these four common RxJs transformation operators and cover common situations when one is better than the others.

Table of contents
  1. Switch Map Wizard

Easy Healthy Tests with Component Harnesses

by ng-conf

Jul 21, 2021 / 5m

5m

Start Course
Description

Component harnesses let you create a supported API for interacting with a component in tests the same way a user will. This talk will show you how you can use the Angular CDK to build your own harnesses for easier, healthier tests in all environments.

Table of contents
  1. Easy healthy tests with component harnesses

Prefer Template-Driven Forms

by ng-conf

Jul 22, 2021 / 19m

19m

Start Course
Description

In this session, Ward Bell will demonstrate the superiority of Template-Driven Forms in a variety of so-called “advanced”, real-world scenarios. You'll leave with the companion Stackblitz sample to enjoy on your own.

Table of contents
  1. Prefer Template-Driven Forms

Crafting Bespoke PWA Experiences with Angular

by ng-conf

Jul 22, 2021 / 17m

17m

Start Course
Description

During this session, we’ll explore some of the best techniques to make your Angular web app into a dynamic PWA that delivers constant value to your users across platforms.

Table of contents
  1. Crafting Bespoke PWA Experiences with Angular

Angular and Core Web Vitals

by ng-conf

Jul 19, 2021 / 11m

11m

Start Course
Description

In this talk, we’ll explore some of the optimizations Angular does under the hood to improve your CWV metrics. In the second part of the presentation, we’ll explore techniques for debugging and optimization to achieve the perfect performance score

Table of contents
  1. Andular and Core Web Vitals

Scully Scully Bo Bully Banana Fana Bo Fully Me My Mo Mully

by ng-conf

Jul 19, 2021 / 4m

4m

Start Course
Description

In this talk, you'll hear about the past, present, and future of Scully.

Table of contents
  1. Scully Scully Bo Bully Banana Fana Bo Fully Me My Mo Mully

Choose Your Own { Form } Adventure

by ng-conf

Jul 22, 2021 / 18m

18m

Start Course
Description

In this session, you’ll walk through a Choose Your Own Forms Adventure, exploring paths along the Template-Driven and Reactive Forms approaches. Which approach will you take? Will one end in disaster and the other in triumph? Come find out!

Table of contents
  1. Choose Your Own { Form } Adventure

Best Friends Forever: Reactive Code + Animations

by ng-conf

Jul 22, 2021 / 22m

22m

Start Course
Description

In this talk, Nicole and Zack join forces to live-code some handy examples of combining reactive programming techniques and Angular animations to give your apps impressive polish for a relatively low cost.

Table of contents
  1. Best Friends Forever: Reactive Code + Animations

5 Typescript Tricks for Angular

by ng-conf

Jul 19, 2021 / 5m

5m

Start Course
Description

In this talk, Alain will showcase 5 lesser-known Typescript tips and tricks that developers use every single day in their Angular applications. These tips will help you use the Typescript language at its fullest when working with Angular.

Table of contents
  1. 5 Typescript Tricks for Angular

The Dance of the Decorated Classes: Inside the Angular Compiler

by ng-conf

Jul 22, 2021 / 22m

22m

Start Course
Description

Most of us know the Angular compiler as the part of the CLI which builds and type-checks our applications, but this is just one of the many jobs it performs in the Angular ecosystem. Even before we run ng serve, the compiler is alive within the Angular Language Service, helping us edit templates in our IDEs. Long before we yarn install them, the compiler has processed the libraries we depend on and helped prepare them for publication on NPM. In this talk, we’ll examine the design of the Angular compiler, explore the many ways it supports our tooling today, and take a peek at the new Angular Linker system for library compilation and consumption.

Table of contents
  1. The Dance of the Decorated Classes: Inside the Angular Compiler

4 Wicked RxJS Pipelines for the Real World

by ng-conf

Jul 21, 2021 / 24m

24m

Start Course
Description

Getting just the right combination of operators in an RxJS pipeline can seem like magic. But peek behind the curtain, and you’ll see familiar patterns emerging. In this talk, we’ll examine four common RxJS pipelines for retrieving and processing data. We’ll combine Subjects, creation functions, higher order mapping and combination operators to implement real world scenarios. By the end of this talk, you’ll wield the magical power of RxJS!

Table of contents
  1. 4 Wicked RxJS Pipelines for the Real World

Making Techno Reactive with RxJS

by ng-conf

Jul 22, 2021 / 5m

5m

Start Course
Description

Max Bendick makes Techno music with RxJS, and in the process highlights why RxJS is great for web apps. Techno and apps are similar in that they need time manipulation, user interactions, and connections between systems. The new context of music applies these concepts in a danceable way to reveal some truth about RxJS.

Table of contents
  1. Making Techno Reactive with RxJS

Tailwind: The Future of CSS Is Here!

by ng-conf

Jul 22, 2021 / 20m

20m

Start Course
Description

The goal of this presentation is to help you understand the value proposition of the utility-first philosophy. We will look at: Why utility-first CSS is the future, how Tailwind makes building bespoke user interfaces a total breeze, and the benefits and challenges of the utility-first approach

Table of contents
  1. Tailwind: The Future of CSS is Here!

Control Your Data's Flow with HTTP Interceptors

by ng-conf

Jul 22, 2021 / 25m

25m

Start Course
Description

Learn how you can take control of your Angular app’s data flow by designing your HTTP Interceptors.

Table of contents
  1. Control Your Data's Flow with HTTP Interceptors

My Observable Will Go On!

by ng-conf

Jul 22, 2021 / 18m

18m

Start Course
Description

Let me guide you through avoiding those icebergs by teaching you the lifecycle of an Observable. Do you know why catchError should be placed on an inner Observable? Do you know why takeUntil should usually be placed as the last operator, but sometimes not in edge cases? This talk will make you understand those concepts to help you see through the RxJS fog along your coding cruise and avoid hitting any icebergs that may appear.

Table of contents
  1. My Observable Will Go On!

Headless CMS- Build Apps, Not Content

by ng-conf

Jul 19, 2021 / 5m

5m

Start Course
Description

The main draw of a headless cms is that it allows authorized users to customize content without having any knowledge of how to code. If someone knows how to use a text editor, then they should be able to make new content using the cms. It doesn’t matter what stack you’re using, a headless cms can enable non-developers to write the content, freeing developers up to build cool applications.

Table of contents
  1. Headless CMS- Build Apps, Not Content

Workshops

Workshop: Getting Started with AG Grid

by ng-conf

Jul 22, 2021 / 2h 56m

2h 56m

Start Course
Description

You will walk away from this free half-day workshop equipped with the knowledge for implementing AG Grid into your Angular application.

Table of contents
  1. Getting Started with AG Grid

Workshop: Angular & Talwind

by ng-conf

Jul 22, 2021 / 2h 19m

2h 19m

Start Course
Description

TailwindCSS is a popular, new, utility first CSS framework for styling your web applications. In this workshop, you'll learn: The basics of Tailwind, how to include it in your Angular application, and more.

Table of contents
  1. Workshop: Angular & TailwindCSS

Workshop: JamstackNG: Angular + Scully

by ng-conf

Jul 21, 2021 / 2h 57m

2h 57m

Start Course
Description

As JavaScript developers, nothing will improve the load time speed of our site more than fully adopting the Jamstack. And as an Angular developer, nothing makes Jamstack as easy as Scully. Please come to this workshop and learn about the tools and techniques you can adopt in your project as you embrace the Jamstack, giving your users a magic-like first time experience on your website. Your project has never been as fast as it will be after JamstackNG.

Table of contents
  1. Workshop: JamstackNG: Angular + Scully

Workshop: Reactive Angular Part 1

by ng-conf

Jul 22, 2021 / 1h 58m

1h 58m

Start Course
Description

Learning to write reactive code has never been more important. But what does “reactive code” even mean? And how do we learn to think reactively? And how do we write reactive code with Angular? The answer is more simple than you may think. In this session, we will walk through this most important topic layer by layer. Each attendee will code up their own fully-reactive Angular project

Table of contents
  1. Workshop: Reactive Angular Part 1

Workshop: Reactive Angular Part 2

by ng-conf

Jul 21, 2021 / 1h 47m

1h 47m

Start Course
Description

Learning to write reactive code has never been more important. But what does “reactive code” even mean? And how do we learn to think reactively? And how do we write reactive code with Angular? The answer is more simple than you may think. In this session, we will walk through this most important topic layer by layer.

Table of contents
  1. Workshop: Reactive Angular Part 2

Workshop: Reactive Angular Part 3

by ng-conf

Jul 22, 2021 / 1h 56m

1h 56m

Start Course
Description

Learning to write reactive code has never been more important. But what does “reactive code” even mean? And how do we learn to think reactively? And how do we write reactive code with Angular? The answer is more simple than you may think. In this session, we will walk through this most important topic layer by layer. Each attendee will code up their own fully-reactive Angular project

Table of contents
  1. Workshop: Reactive Angular Part 3

Workshop: Serverless Angular: Deployment, Dynamic Data, Auth, and More! Part 1

by ng-conf

Jul 19, 2021 / 2h 11m

2h 11m

Start Course
Description

Moving to serverless deployment and utilizing serverless functions can help deliver our apps and data fast while working in an easy to manage and maintain workflow. In this workshop, you'll learn how beginning with a pre-rendered eCommerce template made with Angular 11.

Table of contents
  1. Workshop: Serverless Angular: Deployment, Dynamic Data, Auth, and More! Part 1

Workshop: Serverless Angular: Deployment, Dynamic Data, Auth, and More! Part 2

by ng-conf

Jul 22, 2021 / 2h 13m

2h 13m

Start Course
Description

Moving to serverless deployment and utilizing serverless functions can help deliver our apps and data fast while working in an easy to manage and maintain workflow. Here’s how! In this workshop, you’ll begin with a pre-rendered eCommerce template made with Angular 11.

Table of contents
  1. Workshop: Serverless Angular: Deployment, Dynamic Data, Auth, and More! Part 2

Workshop: Learn NgRx Part 1

by ng-conf

Jul 21, 2021 / 1h 35m

1h 35m

Start Course
Description

In this two day workshop, you will go from inactive to reactive when building Angular apps. Expert Alex Okrushko will show you a ground-up approach to building scalable applications using the NgRx architecture. This workshop teaches you both how to use NgRx and how to think “reactively” when building applications.

Table of contents
  1. Workshop: Learn NgRx Part 1

Workshop: Learn NgRx Part 2

by ng-conf

Jul 22, 2021 / 2h 1m

2h 1m

Start Course
Description

In this two day workshop, you will go from inactive to reactive when building Angular apps. Expert Alex Okrushko will show you a ground-up approach to building scalable applications using the NgRx architecture. This workshop teaches you both how to use NgRx and how to think “reactively” when building applications.

Table of contents
  1. Workshop: Learn NgRx Part 2

Workshop: Learn NgRx Part 3

by ng-conf

Jul 19, 2021 / 1h 57m

1h 57m

Start Course
Description

In this two day workshop, you will go from inactive to reactive when building Angular apps. Expert Alex Okrushko will show you a ground-up approach to building scalable applications using the NgRx architecture. This workshop teaches you both how to use NgRx and how to think “reactively” when building applications.

Table of contents
  1. Workshop: Learn NgRx Part 3

Workshop: Develop at Scale with Nx Monorepos Day 1 Part 1

by ng-conf

Jul 22, 2021 / 1h 41m

1h 41m

Start Course
Description

Monorepos allow for easy code sharing, atomic changes, and easy transitions between teams. However, an unmanaged monorepo can be catastrophic — grinding productivity to a halt. Nx allows you to effectively manage a monorepo so that you can gain all the benefits while mitigating the costs.

Table of contents
  1. Workshop: Develop at Scale with Nx Monorepos Day 1 Part 1

Workshop: Develop at Scale with Nx Monorepos Day 1 Part 2

by ng-conf

Jul 19, 2021 / 1h 40m

1h 40m

Start Course
Description

Monorepos allow for easy code sharing, atomic changes, and easy transitions between teams. However, an unmanaged monorepo can be catastrophic — grinding productivity to a halt. Nx allows you to effectively manage a monorepo so that you can gain all the benefits while mitigating the costs.

Table of contents
  1. Workshop: Develop at Scale with Nx Monorepos Day 1 Part 2

Workshop: Develop at Scale with Nx Monorepos Day 2 Part 1

by ng-conf

Jul 21, 2021 / 2h 1m

2h 1m

Start Course
Description

Monorepos allow for easy code sharing, atomic changes, and easy transitions between teams. However, an unmanaged monorepo can be catastrophic — grinding productivity to a halt. Nx allows you to effectively manage a monorepo so that you can gain all the benefits while mitigating the costs.

Table of contents
  1. Workshop: Develop at Scale with Nx Monorepos Day 2 Part 1

Workshop: Develop at Scale with Nx Monorepos Day 2 Part 2

by ng-conf

Jul 19, 2021 / 1h 23m

1h 23m

Start Course
Description

Monorepos allow for easy code sharing, atomic changes, and easy transitions between teams. However, an unmanaged monorepo can be catastrophic — grinding productivity to a halt. Nx allows you to effectively manage a monorepo so that you can gain all the benefits while mitigating the costs.

Table of contents
  1. Workshop: Develop at Scale with Nx Monorepos Day 2 Part 2

Workshop: Learning Test Driven Development with Angular Part 1

by ng-conf

Jul 21, 2021 / 2h 8m

2h 8m

Start Course
Description

One of the best parts about learning Test Driven Development is that it's a skill that applies to every language and every technology.

Table of contents
  1. Workshop: Learning Test Driven Development with Angular Part 1

Workshop: Learning Test Driven Development with Angular Part 2

by ng-conf

Jul 21, 2021 / 2h 5m

2h 5m

Start Course
Description

One of the best parts about learning Test Driven Development is that it's a skill that applies to every language and every technology.

Table of contents
  1. Workshop: Learning Test Driven Development with Angular Part 2

Workshop: Learning Test Driven Development with Angular Part 3

by ng-conf

Jul 22, 2021 / 1h 33m

1h 33m

Start Course
Description

One of the best parts about learning Test Driven Development is that it's a skill that applies to every language and every technology.

Table of contents
  1. Workshop: Learning Test Driven Development with Angular Part 3

Workshop: Advanced RxJS Part 1

by ng-conf

Jul 22, 2021 / 2h 2m

2h 2m

Start Course
Description

In this workshop, we'll dive into Subject and its variants, multicasted Observables, and the operators for multicasting, error handling, creating custom operators and testing custom operators.

Table of contents
  1. Workshop: Advanced RxJS Part 1

Workshop: Advanced RxJS Part 2

by ng-conf

Jul 22, 2021 / 2h 10m

2h 10m

Start Course
Description

In this workshop, we'll dive into Subject and its variants, multicasted Observables, and the operators for multicasting, error handling, creating custom operators and testing custom operators.

Table of contents
  1. Workshop: Advanced RxJS Part 2

Workshop: Advanced RxJS Part 3

by ng-conf

Jul 19, 2021 / 2h 12m

2h 12m

Start Course
Description

In this workshop, we'll dive into Subject and its variants, multicasted Observables, and the operators for multicasting, error handling, creating custom operators and testing custom operators.

Table of contents
  1. Workshop: Advanced RxJS Part 3

Workshop: Advanced Application Architecture with MicroFrontends Part 1

by ng-conf

Jul 19, 2021 / 2h 11m

2h 11m

Start Course
Description

In this workshop, you will build and learn how to deploy a Micro Frontend based solution to production.

Table of contents
  1. Workshop: Advanced Application Architecture with MicroFrontends Part 1

Workshop: Advanced Application Architecture with MicroFrontends Part 2

by ng-conf

Jul 21, 2021 / 1h 48m

1h 48m

Start Course
Description

In this workshop, you will build and learn how to deploy a Micro Frontend based solution to production.

Table of contents
  1. Workshop: Advanced Application Architecture with MicroFrontends Part 2

Workshop: Advanced Application Architecture with MicroFrontends Part 3

by ng-conf

Jul 21, 2021 / 1h 25m

1h 25m

Start Course
Description

In this workshop, you will build and learn how to deploy a Micro Frontend based solution to production.

Table of contents
  1. Workshop: Advanced Application Architecture with MicroFrontends Part 3