ng-conf: Hardwired 2020

Description

Join Jules Kremer and Kara Erickson for the ng-conf Hardwired Day 1 keynote.

Description

Tune in for The State of Angular Deployment, SSR, and Prerendering keynote.

Description

This talk is the flagship for machine learning with TensorFlow.js that delivers unique learning with immersive, mind-stretching projects. We’ll start by learning the basics and perfecting your knowledge of Machine Learning and TensorFlow.js by building a digit classifier. Then, we’ll develop your expertise in core TensorFlow.js concepts and Reinforcement Learning(RL) and develop a self-driving car that learns how to drive itself. We’ll finish off by adding a touch of the magic of neural networks to the Angular application by building an image classifier.

Description

Everyone knows that you want “composition” in your architecture, but what are the practical implications of composition? How do you think about composition in the context of UI components? In this talk, you’ll hear about a specific strategy for bringing composition into your design to create components that are accessible, flexible, and maintainable.

Description

Ever wish you could quickly prototype Ivy apps without slow npm installs and webpack builds? News flash: The Angular CLI can now run completely in-browser and it's FAST. In this lightning talk, we’ll explore the latest toolchain upgrades on StackBlitz and how they enable rapid web development.

Description

A brand new version of Angular language service was released along with Angular version 9 this year and, in this lightning talk, you’ll learn how to take advantage of some of the features.

Description

Join Wagner Maciel in this talk about Angular Universal and the new prerenderer.

Description

Join Jorge Cano as he walks through Bazel + Angular Today.

Description

There are common challenges facing Angular teams who are building applications at scale. In this talk, Stephen will demystify these questions, share what is known, and what the teams need your help with.

Description

For the first time ever, Angular has implemented a robust debugging API (sorry, ng.probe doesn’t count) that makes sense and works. Come and learn tips and tricks that will improve the way you debug your Angular apps using the console in Angular 9.

Description

One of Angular’s best features, is also one of it’s most secretive. How does your project go from a bunch of files, to an amazing app that you can deploy? The secrete? Builders. We’ll look at how this happens and take a look at the API involved so you write your own builder.

Description

In this interactive session, we'll explore a case study on how to use proven domain-driven design principles to make the architecture of your Angular project maintainable in the long term and how to combine these ideas with best practices from the Angular community. First, we define a strategic and tactical design for the case study, which we'll then implement with a monorepo that reflects our sub-domains. Then, you'll learn in individual demonstrations how the use of libraries, APIs, facades, domain events, and access rules between libraries can ensure loose coupling and, thus, better maintainability.

Description

At Delta, Angular code is put to the test at unprecedented scale. This talk will cover the types of challenges Delta faces and how they address them to successfully support their mission critical e-commerce app with millions of daily users.

Description

With Angular Ivy, entry components are no more. Join this talk to reminisce about your time with entry components and learn how these type of components are being handled today in Angular 9.

Description

Learn about some of the new features in AngularFire and how the Firebase team leveraged dynamic imports, ES Proxies, and new features in Angular 9 to build a more streamlined SDK.

Description

There’s a lot about modern networking that we all should unlearn. Showing off your knowledge and targeting the “important” connections is the wrong approach. If you genuinely want to be an effective networker, you have to shift away from looking at these interactions as transactional. That said, it’s still hard to find people to talk to and even harder to know how to start up a conversation. I’ll give you tips that will help you work through those issues and ultimately make you more comfortable in new spaces with new people. You’ll come away from this presentation with advice you can put to use immediately.

Description

Ivy is primarily associated with smaller bundles and, therefore, better performance. However, Ivy has much more to offer and many smart concepts provide the foundation for some much-anticipated future features. Find out how Ivy’s potential can impact your future architecture. In this talk, you'll encounter a case study to explore a possible future without NgModules, the use of dynamic components or higher-order components, zone-less change detection, and new possibilities for lazy loading and plug-in systems. In the end, you understand Ivy’s potential and how to start preparing for it today.

Description

Between an HTTP request and response lies a realm of decision and transformation under your command with HttpInterceptors. Add authentication headers, filter content, retry failed requests, react to errors, log traffic, control busy indicators, and just make stuff up. Interceptors are easy to write and test. They’re a good reason to polish your RxJS skills. After this talk, you’ll be in the room where it happens.

Description

Learn all about advanced TypeScript typing by going into the unknown.

Description

It was an unlikely duo: rich, powerful Angular and fast, new-kid-on-the-block JAMstack. No one realized their hidden potential could be so powerful. For so long, JAMstack was courted by React, Vue, vanilla JavaScript. But, could it be? All along Angular has been there and Angular was just what the JAMstack needed to live web appily ever after! You'll get glimpse of when Angular and JAMstack realized just what a match they were for each other. Excited by their capabilities, you’ll watch them pair code to create an amazingly light, fast, and functional web app using their two sets of special skills.

You too will be in awe of this beautiful pair.

Description

Your users care about how fast your app works. Learn how to load just what they need when they need it, adapt your user experience to low or no wifi, and experience what supercalifragilisticexpialidocious feels like. See how understanding user behavior and combining that with preloading strategies and RxJS can make a hugely positive impact on their user experience. You’ll never need a reason, never need a rhyme, when you make your app step in time.

Description

How would you like to save time while improving your code design? What about having future-proof upgrades of your third party dependencies? “Resilient Angular Testing” is a magical marvel designed to overload the senses with unbelievable illusions and coding techniques that will get you exponential gains with little to no effort. Performed by The Magnificent Shairezniko, a legendary showman who’s been hailed by audiences and critics alike as the “greatest code illusionist of our time.” This talk is a must for anyone who’d like to learn this critical coding principle, which will benefit you whether you’re testing your code or not.

Description

The release of Ivy opens up new possibilities of routing in Angular. Optional NgModules, lazy loading components, and dynamically creating components on the fly. The Angular Router is already powerful, but what if we took a fresh look at a reactive router in this new world? This talk covers the history of the router, and the process of building a new reactive router.

Description

Mike and Brandon are the creators of NgRx, a collection of high quality reactive libraries for Angular offering solutions for state management, side effects, and more. Learn how the NgRx platform grew in 2018 and get an updated glimpse into how NgRx plans to grow in 2020 in a new Ivy-enabled world.

Description

RxJS has been steadily growing in popularity and usage as reactive programming paradigms become more the norm. RxJS core team member Ben Lesh will talk about upcoming pipeline features for RxJS, ecosystem projects, community updates, and what’s new in RxJS with Angular.

Description

Observable Services (also known as Subject in a Service) provide a great way for components to subscribe to changes that occur in a service. But how do you step your app up to the next level and create a state store that also supports notifications? In this talk, Dan Wahlin will show a simple yet powerful option called Observable Store that works across all front-end applications (Angular, React, Vue.js, and more). Learn how to store your state, access it, work with immutable store state, provide state change notifications, the role of RxJS and Subjects, debugging options, and more.

Description

One of the new features in Angular Ivy is strictTemplates, a compiler flag that turns on much stronger validation and type-checking of component templates. Discover how to use this new flag with Angular Framework team member Alex Rickabaugh. Learn how the new type-checking works, how best to migrate a large project onto stricter type-checking, and take a peek under the hood at how this feature works.

Description

Angular and Firebase have been a great match since day one. That’s why AngularFire, the official Firebase library for Angular, is one of the most popular open source Angular libraries. Angular speeds up front end development and Firebase speeds up back end development. Together, you can build awesome realtime UIs without ever needing to run your own server. This talk won’t be your run of the mill slide deck of features. You’ll learn how to get up and running with Firebase by watching the creator of AngularFire build an app. By the end of this talk, you’ll know how to use Firebase to stream data in realtime, authenticate users, upload user content like images, run serverless code snippets, monitor app performance, and set up Google Analytics for Angular apps.

Description

Once I use the ControlContainer, my form life will change. 'Cause once you use the ControlContainer, nested forms aren’t strange. No Rob Wormald is unproud of you, no Ward Bell acts ashamed. And all FormControls have to obey you when by the ControlContainer you’re acclaimed. And or this gift or this curse I have inside, maybe at last I’ll know why – when we are hand in hand, the ControlContainer and I.

Description

In this talk, peek under the covers of the new Angular Static site generator.

Description

Lurking below the surface of the templates in your application are half-masked type errors that are closer to surfacing as grotesquely disfigured bugs than you realize. As the director of your application, what are you to do? Manually checking each template would result in an angry mob of engineers. Thankfully, you can capture these phantom template errors using Ivy’s new rich template type checking. Pulling away the mask through configuration flags we can reign in the terror once and for all.

Description

Building token authentication into an NgRx application can be overwhelming and confusing. Authentication is already a big, scary subject and so is NgRx. When you put them together, things get confusing fast. In this talk, we’ll do a comparison of how authentication in a vanilla Angular app differs from auth in an NgRx app. We’ll then see how the central nervous system of authentication shifts from a service in regular Angular to Effects in NgRx. This talk will be practical and code-driven, leaving you equipped to tackle adding this feature to your NgRx application at work on Monday. You’ll learn how Effects can handle loading authentication state, navigate users to protected routes, and process tokens received from an identity provider. By the end, you’ll feel way better about tackling auth in NgRx!

Description

What is a higher-order mapping operator? When would you use one? Why should you care? There are important differences between the map operator and higher-order mapping operators, such as concatMap, mergeMap, and switchMap. For example, higher-order mapping operators automatically subscribe to their inner Observables. This session examines several higher-order mapping operators using real-world scenarios. If you’ve ever wondered why you use a switchMap instead of a map, what an “inner Observable” is, or what a higher-order mapping operator does, this session is for you.