What is the current state of the Angular framework? What new features are there in the latest version and on the roadmap? Let's have a bird-eye view of the framework to make informed technical decisions, to make sure that we use the latest best practices, and to look into the future of our Angular projects with confidence.

Progressive Web Applications are the state of modern web solutions. With the proper caching strategy, it is possible to drastically improve the overall performance and providing data even without a network connection. In an increasingly mobile-first world, optimising the time to load web pages can be our business's success. In this presentation, we'll focus on ensuring that our apps are fast, native-like, and able to provide a truly seamless experience, delivering a unique experience to our users.

In the summer of 2016, both a team at Google and Improbable independently started working on implementing something that could be called "gRPC for the browser". They soon discovered each other's existence and got together to define a spec for the new protocol.

It is currently impossible to implement the HTTP/2 gRPC spec in the browser, as there is simply no browser API with enough fine-grained control over the requests. For example: there is no way to force the use of HTTP/2, and even if there was, raw HTTP/2 frames are inaccessible in browsers.

In this session you'll learn what is gRPC & gRPC-web and how we can use this latest one with Angular.

How to ensure type validation of data coming from external sources? Let's see how can we create a smooth developer experience with strong assurances of correctness at build-time.

"Runtime boundaries type validation" or "full stuck type-safe", - all this talking about the ability to validate types of data coming from external sources. It can be any API or WebHook Call, third-part form validation, DB queries results or file content (such as JSON or CSV). Let's see how can we define runtime types for the expected data, that can be validated while the application is running, to create a smooth developer experience with strong assurances of correctness at build-time.

Angular is a modern and powerful single page application framework. In this talk we'll see how we can build a Video Chat application, relying on the Twilio Video JavaScript SDK. We'll build out real-time functionality with the ability to create and join video chat rooms, and interact with remote participants. This talk will demonstrate how simple Angular and TypeScript can be written to produce powerful applications. Attendees can expect to learn about the Twilio Video SDK, Angular, TypeScript and a bit about the server side ASP.NET Core Web API code.

You've built a SPA and an API backend, and you're now looking to deploy with ease. Kubernetes is the natural fit, but where do we begin? We'll use the Vue CLI and the dotnet CLI to startup our codebases, then craft Dockerfiles to deploy these with ease in various configurations. Whether you'd rather deploy both parts together or scale different pieces separately, Docker can empower you to deploy your solutions at cloud scale.

The implementation of micro frontends has so far been anything but easy. Since common frameworks and build tools didn't even know this idea, you had to dig into the tricks bag.

Module Federation offered by Webpack 5 initiates a crucial change of direction here. It allows you to load separately compiled applications at runtime and to share libraries between them.

In this session, you learn how to use this mechanism to create micro frontends with Angular. Besides the default scenarios, we also look into dynamic Module Federation, sharing libraries, and dealing with version mismatches.

At the end of the session, you know how to use Module Federation in your projects and what the consequences are.

In this hands-on session, we'll have a look at Git's various "undo" features. My intention is to give developers more confidence in their day-to-day operations when working with code: "mistakes can be undone" is something I'd like the audience to keep in mind. In the session, I will both talk about the theory and show the corresponding commands / tools in practice. I'll be using both Git on the command line and the popular GUI "Tower" to show how to deal with mistakes in real-world scenarios.

In my talk, I'll discuss how we can write automated end-to-end tests on an angular project. We will have some scenarios for doing our e2e tests and we will be covering it one by one. After that, you'll call yourself an automation engineer.

Services, they are not what you think. Most of us know them as services, declared as mostly declared as `providedIn:'root`, but there are a lot of other things you can do with services; provide them on the module level, provide them on the component level, have your application wait until your service is done. Different things you can do with services will be discussed, as well as how they work. In this talk there will be some surprising things that you probably never thought about, like what is the lifecycle of a service? How can I create my service multiple times but with a different configuration? And what are the pitfalls? And in the end they never act the way you think they are acting.

Providing access to everyone is also part of our job, we create content and put it out there so it makes sense that everyone can use it right? Sadly this is not the case, the web is filled with unaccessible sites and we need to do something about it. Accessibility should not be disregarded or forgotten, it should be taken in account on every step of the way!

Angular has a wonderful lazy loading engine but it is notoriously complicated and does not support direct lazy loading of components. This talk will showcase how developers can directly lazy load components inside their angular apps without the use of Modules.

With reactive libraries like RxJS, we got used to easily canceling requests on the client-side… but what really happens on the back-end? Is the request really canceled? Did we really improve the app's performance and reduce cloud costs? Or did we just trigger some crazy chaos?

Let's dig deeper into how request cancelation works from the front-end to the back-end and how we can leverage reactive frameworks and libraries like Angular, RxJS, and NestJS to boost performance and reduce costs from the front-end to the database with some reactive programming.

Have you ever suffered from coupling between your modules? If so, then this lesson is for you! I will show you how bad JavaScript code can be refactored into the code base that has High Coherence and Loosely Coupled modules by using Event Driven Architecture. I will explain how to use Events in order to send data between your modules and de-couple them. This architecture is one of the most essential tools in your Senior Engineer skill set. Once you apply it, you can say good bye to overtime work refactoring unmaintainable code.

Storybook helps you build "UI components in isolation". Combined with Nx, you can have your UI libraries easily "browsable" and testable by your whole dev and UI/UX teams. Combined with Angular, your project will really take off. Nx will give you the tools to generate, build, run, test and migrate your Storybooks across your apps and libraries. And this is something you don't want to miss.


note for organizers: I'm a main @nrwl/storybook package maintainer, I have written the Nx migrator from Storybook 5.x. to 6+, I added Storybook 6 support to Nx, I added application support to the @nrwl/storybook package, I consistently fix Storybook related Nx bugs, I also contribute to the Storybook codebase, and I stay in contact with the Storybook core team to keep the two projects (Nx + Storybook) in sync.

Short and sweet tacticS and techniques to collaborate and work faster in angular

This would involve brief information about angular1 and 2+, their architectures, differences, the migration path that angular suggests, and my experience in my last company.
https://angular.io/guide/upgrade

Micro-frontends + Module Federation = <3

While Module Federation plugin is relatively new, it's already ready for a production usages. We will rely on on your basic understanding of Module Federation from a Manfred Talks, and will go deeper to showcase tools which are already available. Discuss in which scenarios you will mostly benefit from Module Federation, and how you can use it for migrations, AB testing, development split, and other awesome use cases.

What if you could improve load time by segregating Angular application components? How to push lazy module model to components and create micro-frontends on Angular? This talk aims to help consider deconstructing your application at the right level of abstraction in order to reunite components based on the lazy model. It will also teach you how to get the best of SOLID principles and find the right balance scaling medium to large Angular applications.

At the forefront of machine learning is neural networks, a series of algorithms that recognize the underlying relationships through a process that mimics how the human brain operates.

In this talk, we'll start by learning the building blocks of ML, core ML concepts and take a step into the world of (deep) neural networks. It powers incredible advances both in AI, self-driving cars, AlphaGo, and much more! After building a solid foundation in ML, we'll explore the fantastic world of TensorFlow.js, the hottest JavaScript machine learning framework, and how to get started and integrate it into your Angular app quickly.

You do not need to have a Ph.D. to use or train ML models in your web apps. What are you waiting for? Let's get started.

A lot of people just know SOLID principles in theory, but they do not really know how to use them to take benefits and make their application better maintainable, understandable and easier to test.

Distributed systems with their own front- and backend become really interesting if you can provide the frontend with the same code for mobile systems, desktop and web and consume the backend with it. With Angular and ASP.NET Core we have platforms that can make this possible. Further with SignalR you can synchronize these different frontend applications with each other and keep them up to date. Fabian Gosebrink explains in this talk how to write a frontend application, port it to mobile devices and the desktop and synchronize it via an ASP.NET Core backend using SignalR. And all this with one code base.

Abstract: zone.js is a package in Angular to monitor async tasks and trigger change detections, all the magic is happening underlying so the developers don't need to use the APIs of zone.js directly, but it is always help to know how zone.js work for better understanding of Angular. So this talk will use some examples to explain how zone.js work.

Thought SSR was hard? Sometimes it is. But now for some cases, there is no need to set up our servers to prerender the code, you can simply use Scully. In this talk, I'll tell you what Scully is, compare it with SSR, and explain what is the best case for each tool.

Schematics is a project transformation tool developed by the Angular team at Google. The Angular CLI uses schematics extensively for generating code and migrating breaking changes. But their true power comes from their reusability and extensibility! Join me on this session to learn how to create your own schematics!

She will explain how you started with using the .NET Core framework and Web API Controllers to implement API calls and server-side routing in the backend. Next, she will explain how to build a data model with Entity Framework Core and configure it using either a local SQL Server instance or cloud-based data stores such as Microsoft Azure. She will help you handle user input with Angular reactive forms and frontend and backend validators for maximum effect.

Core Web Vitals are the new standard to measure the best web experience for our users. Getting good scores across the board is not easy, and this talk will break into the few important concepts that will help you tune your web application for the best performance and experience.

Every time we generate an Angular app with schematics it contains a set of Angular builder that can be used out of the box. By the time your application grows you will need a set of tasks that can automate processes such as generate the documentation, deploy an image on docker, or deploy the app on a k8s cluster. These tasks can be executed as Angular custom builder. This talk will show you how to create a custom Angular builder step by step with an overview of what is a monorepo and it's benefits. At the end of the talk, we will be able to run our custom builder by running the command ng run my-app:custom-builder

There's a lot about modern networking that we all should un-learn. 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.

In this talk I will walk you through the fundamentals and capabilities of the RxJS WebSocket Subject. How to use it to achieve real time updates using WebSockets? And how to implement the reconnection functionality which is a must in the real time world.
Last but not least a demo using Angular 9.

In today's world, with emerging business and complex applications, it becomes essential at some point to have end-to-end tests written to capture the business flows in the application. Cypress is one of the best tools out there today when it comes to e2e tests for web applications. In this chapter you'll learn how to to test your end to end flows in an Angular app with Cypress.

Explore the good the bad and ugly of git -force option.

It is well known that git's push --force is strongly discouraged and even considered destructive and harmful. In this talk, we will understand why it can be dangerous, learn when we should use it, how it works under the hood and master how to use it in a harmless way.

Runtime rendering performance and UI responsiveness of web applications are more important than ever. Frameworks like React introduced new ways for fast UI updates, and with tools like Chrome's postTask() scheduling, you have low-level functionality to directly influence rendering performance.

With Ivy, we have new opportunities to influence rendering performance in Angular applications.

In this talk, I will introduce you to the outcome of multiple years of research – Concurrent Mode in Angular.

Module federation, single spa etc

We'll discuss pros and cons with different migration strategies, how to get started, and patterns for successful integrations and go into detail on the advantages of GraphQL over REST.

We'll also discuss the how to think about separating UI/consumer concerns from API/provider concerns with disparate microservices.

Finally, we'll show you just how easy it is to use the GraphQL client Apollo and the Angular CLI to quickly add GraphQL support to an Angular app.

In this time of the coronavirus epidemic, a lot of our plans have been canceled. From every bad situation, we need to try to see the good thing in it. Elad Shechter took his free time at home to create a pure CSS game. He will explain to you lots of tips and tricks on "how to create pure CSS games.