Angular

Feburary 1-2. More Session Details Coming Soon

Faster Angular Applications

One thing is sure - performance matters! Blocking the main thread of an application, causing frame drops, is one of the most efficient ways to get rid of a significant portion of our users. Fortunately, the day could be saved, thanks to functional programming. Coming with, at first, abstract ideas, functional programming brings the concepts of immutability and purity, which combined together can dramatically improve the rendering performance of our application. In this talk, we'll apply concepts from functional programming in the face of pure components, pure pipes and persistent data structures. We'll demonstrate in details how we can use them to build high-performant Angular applications.

Deploying angular to the cloud

You’ve built your app, but can you deploy it to the cloud with confidence? If you paused, then this session is for you! We’ll use the Angular CLI, AOT, and other tools to optimize our apps and inspect them. We’ll deploy our apps directly to the cloud from our editor, and then learn how to use CI/CD. Learn how to run your apps locally and in the cloud with confidence! You’ll shout “it works on my machine and in the cloud”. The good news is there are tools to make this all within your reach.

Reactive Programming: Future-Proof Your Code

Contributing to the Angular Docs

Learn the steps involved in contributing to the Angular docs. You'll learn how to setup the repo locally, make your changes, and what goes into submitting and landing a PR. Diving in is a great way to learn and build the community!

State management with ngrx

Managing state in large applications is hard. Let's talk about how reactive programming is awesome and how it can help us with managing complexity, data and scaling our applications. After this session, stores, effects, reducers and actions will no longer be a mistery but rather a key tool in simplifying our application's state.

Recursive Forms, CVAs & Components

While building the Firestore Console, we needed a system of recursive forms that allowed for users to create json-like data structures via the UI. In order to do this we set up a system of nested forms and components that the user could interact with. This talk covers lessons learned while building these forms!

Logging, and Errors, and Metrics - Oh My!

As engineers, we build pretty cool Angular apps. Once users start using our cool apps… well, we run into the fun process of discovering errors. Keeping track of these issues can get messy, getting alerted is stressful, and measuring it can provide you with an overwhelming amount of information. So, how do we combine all these things to make our cool apps work even better than before? In this talk, we’ll dive into logging, errors, and metrics.

Machine Learning & Angular Testing w/ Dozn

Imagine the thousands, millions, and billions of possible actions a user can take on your Angular application. Now; multiply that by the number of framework updates, browser releases, and every other variable that has ever caused a “working feature” to have a user yelling at you. It’s a lot for one developer, or even a whole team, to keep track of. Join us as we dive deep into how we utilized Machine Learning principles to support E2E Testing in Angular & Ionic applications. A live demo, open source examples, and as many egg puns as you can handle. After all, there are a Dozn reasons you shouldn’t let your application break :)

Live App Updates Without The App Store

Updating Mobile apps especially on IOS can sometimes be very challenging. Apart from the long list of rules to be followed, there is also the long time it takes for an IOS app to get approved for the app store, which a waiting time that can range from days to weeks. On the web, this is not the case, as we can update our websites instantly with a single push to the cloud. But what if you were able to instantly update your mobile application without the App store? This talk will showcase how we can achieve this and instantly update a mobile app live on stage.

Webpack - Your New BFF

Webpack is JavaScript module bundler that has taken the world by storm, but a lack of great docs and wealth of boilerplates have led to many people using it, but not understand it. I will show you how to utilize Webpack for building out your applications. Once you see the magic available, Webpack will become your new BFF!

The parable of the blender

If no one ever sets out to make a bad product, then why does bad software exist? Despite our best intentions, large budgets, and top-tier talent, companies large and small still churn out products that no one wants. In every such case of “great landing, wrong airport”, the end user is nowhere to be found until after the product’s release. If we want to make great things, we need to get out of the building and talk to our customers. In this talk you will learn how to involve end users in building your product without missing deadlines. You'll become a detective, searching for the user’s intentions beyond “It needs to work better” by asking the right questions at the right time to the right users. You’ll leave this talk understanding that software isn’t about microservices, TDD or the latest framework - it’s about solving people's problems.

PWA All The Things!

Progressive Web Apps are not replacing native mobile applications any time soon. Don’t disregard them just yet! They can take our web applications that we build or are currently running and make them better. By using support for offline caching, push notifications, home screen icons and more, we can upgrade our app to a PWA to make it more accessible, reliable and engaging! Let's take a look at how to to create or update our Angular applications. Then we will see what this looks like & acts like on multiple platforms so we know what all of our users are experiencing.

NativeScript and CodeSharing

When it comes to sharing code between Angular web projects and NativeScript mobile apps there are several landmines you will want avoid. Even in today’s innovative frontend world, there really is no magic bullet to enable codesharing. Achieving success when marrying the 2 technologies varies a lot depending on several important factors. Nathan Walker has been experimenting and developing in this arena ever since both technologies emerged and has encountered a couple of important take aways. In this session, you’ll learn several important *Major Keys* to maximize code reuse with real world case studies.

Modern Testing Strategies for Reactive Applications

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 presentation components, integration testing with smart components, testing observables, state management and end-to-end tests, you can use these strategies to make your testing your reactive application easier and to simplify your testing triangle.

Breaking Down Reactive Forms

Angular offers two options for building forms in your application: Reactive Forms and Template Driven Forms. In this talk, Bonnie will focus on reactive forms and explain the structure, data model, and setup. You’ll learn about the synchronous flow of data between the UI and server, covering how your component can quickly respond to user input how to update the server once your input is validated. You’ll also see how you can easily validate and test your reactive form. If you’re one of the many people leaning toward reactive style programming, you’re going to love reactive forms!

Beyond the Angular CLI

The cat is out of the bag, people know about the Angular CLI and what it can do for them. But what is coming? What else can it do? What changes and improvements can I expect? Come learn what the Angular CLI can do and will evolve into.

Angular's User Authentication Tool Belt

Your Angular app is nearly done and now you just need to add authentication before it goes out to the real world. Simple, right? Not always. There are a lot of moving parts when it comes to authentication and authorization in general and it gets even worse for single page apps. Fortunately for us, Angular provides some great tools that help to make our lives easier when it comes to implementing auth. In this talk you’ll learn about Angular’s user authentication tool belt and how you can get started with it today. You’ll also come away knowing what JSON Web Tokens are and how they can be used alongside features baked into Angular to help you solve authentication and authorization in your apps.

Angular as strategy for collaboration and scale

We on the Angular team care most about seeing the amazing things you all build with the platform. Because of this, we've always focused on how teams can scale from the smallest prototypes to Google-scale consumer and enterprise applications. Come hear about how we've designed for productive teams and eliminating development roadblocks at Google and throughout the open source world.