2021, June 1-2
start: 10 am GMT
Duration 24 hours online
Keynote: The state of Angular
Speakers Expected From
10 000+

Registrations expected

Speakers expected

hours of Tech Talks
Angular has changed: what's new?
Angular 9+ is a hot subject of discussions in professional communities. What new features one can find and use? What's the migration process? Are there reasons to move the non-Angular project to Angular 9+? There are lots of questions. And we want to help you find answers.
To bring the discussion to the next level, we've gathered the world's most powerful Angular specialists. Speakers from Microsoft, Google, Upwork, Trivadis, JetBrains and other companies are ready to share their special tips and tricks and their knowledge about the new Angular 9+ version.

We invite you to join this event and get inspired to work on your new Angular projects!
Event is for
- Frontend developers
- Team leads
- Product Managers
Angular Developer
Big Data
Angular Engineer
Offline web apps don't exist anymore!
Keynote: The state of Angular
Big Data
Angular JS
Back End
Big Data
Working with Angular and gRPC-web
Undoing Mistakes with Git
Write Better Angular Tests with Cypress
Back End
Angular Developer
Angular JS
Angular Engineer
2021, June 2, Online
Senior software engineer at JobCloud AG
Workshop #1
"Angular & micro-frontends applications at scale"
Michel Ruffieux
Book Now 15 participants ONLY!
  • Set up and maintain a monorepo architecture using Rush
  • Implement micro-frontends in an Angular application
  • Create a simple API with NestJS
  • On-demand component resolver in Angular
  • Leverage reverse-proxy to serve static bundles on NGINX
  • Keep up with web vitals using advanced rendering techniques
  • Correctly operate with SOLID principles in Angular
  • Useful design patterns (factory, abstract, composite)
  • Scale large Angular applications using the lazy model
Trainer and Consultant on Angular and RxJS at Hladky IT Consulting
Workshop #2
"Reactive Architecture and UX Patterns - Master Class"
Michael Hladky
Book Now 10 participants ONLY!
  • Combining streams
  • Overview of combination the operators
  • Progressive rendering
  • Reduce the number of computations
  • Reactive State-Management
  • State aggregation
  • State selection
  • Architecture Patterns
  • Higher-Order Observables
  • Overview of the different flattening strategies (merge, concat, exhaust, switch)
  • Usage in the user Interface
  • Usage in business logic or data layer interaction like effects/epic of REDUX
  • Error-Handling
  • In-depth understanding of error handling
  • How to encapsulate error-prone code
  • Comparison of the different retry & repeat mechanisms
Some of our Speakers
Maxim Salnikov
Azure Developer Technical Lead - Microsoft
"Keynote: The state of Angular"
Junior Track
The state of Angular
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.
Francesco Leardini
Senior Software Engineer and Angular Trainer
"Offline web apps don't exist anymore!"
Junior Track
Offline web apps don't exist anymore!
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.
Anthony Giretti
Senior developer
"Working with Angular and gRPC-web"
Senior Track
Working with Angular and gRPC-web
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.
Daniel Ostrovsky
Web Team Lead
"Full-Stuck RunTime type validation? YES!!!"
Senior Track
Full-Stuck RunTime type validation? YES!!!
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.
David Pine
Senior Content Developer
"Building a Video Chat App with Angular & Twilio"
Senior Track
Building a Video Chat App with Angular & Twilio
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.
Rob Richardson
"Containerized Deployments for your SPA and API"
Senior Track
Containerized Deployments for your SPA and API
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.
Piotr Tomiak
Senior Software Developer
"Building desktop version of applications with Angular and Electron"
Junior Track
Building desktop version of applications with Angular and Electron
In this talk I will explain how to create a flexible architecture for desktop applications using Electron, Express and Angular, such that Angular front-end and Express back-end can be reused in web or mobile version. An example setup will be available in a public github repo.
Manfred Steyer
Trusted Collaborator in the Angular Team, GDE
"The Microfrontend Revolution: Using Webpack 5 Module Federation with Angular"
Senior Track
The Microfrontend Revolution: Using Webpack 5 Module Federation with Angular
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.
Tobias Günther
"Undoing Mistakes with Git"
Junior Track
Undoing Mistakes with Git
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.
Mohammad Quanit
Software Engineer
"Write Better Angular Tests with Cypress"
Junior Track
Write Better Angular Tests with Cypress
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.
Bo Vandersteene
Freelance Software Consultant
"10 Things You Probably Don't Know About Providers in Angular"
Senior Track
10 Things You Probably Don't Know About Providers in Angular
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.
Marjorie Figueroa
Frontend Developer
"Accessibility What, Why and How"
Junior Track
Accessibility What, Why and How
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!
Sani Yusuf
"How Lazy Is Your Component"
Junior Track
How Lazy Is Your Component
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.
Younes Jaaidi
Software Cook, Coach & Teacher
"What Happens When You Cancel an HTTP Request?"
Senior Track
What Happens When You Cancel an HTTP Request?
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.
Greg Radzio
"Event Driven Architecture"
Senior Track
Event Driven Architecture
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.
Katerina Skroumpelou
Software Engineer
"Storybook your Angular app with Nx"
Senior Track
Storybook your Angular app with Nx
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.
Curtiss Pope
Senior Director Technology & Engineering
"Designer and Developer Collaboration and handoff, or Onboarding new engineers"
Senior Track
Designer and Developer Collaboration and handoff, or Onboarding new engineers
Short and sweet tacticS and techniques to collaborate and work faster in angular
Muhammad Umer
Senior Javascript Developer
"AngularJS to Angular 2+ migration - an overview"
Senior Track
AngularJS to Angular 2+ migration - an overview
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.
Dmitriy Shekhovtsov
"Answer to a Conway's Law"
Senior Track
Answer to a Conway's Law
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.
Michel Ruffieux
Senior Software Engineer
"Angular & micro-frontends"
Senior Track
Angular & micro-frontends
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.
Aaron Ma
Research Scientist
"Demystifying the Magic of Neural Networks using TensorFlow.js"
Junior Track
Demystifying the Magic of Neural Networks using TensorFlow.js
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.
Kamil Michalski
Lead Frontend Engineer
"SOLID in Angular"
Senior Track
SOLID in Angular
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.
Fabian Gosebrink
Technical Lead
"Creating Real Time Cross Platform Applications with Angular, ASP.NET Core and SignalR, Cordova and Electron"
Senior Track
Creating Real Time Cross Platform Applications with Angular, ASP.NET Core and SignalR, Cordova and Electron
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.
Jia Li
Software engineer
"Learn zone.js by examples"
Junior Track
Learn zone.js by examples
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.
Stepan Suvorov
"Scully like an alternative to Angular Universal"
Senior Track
Scully like an alternative to Angular Universal
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.
Stanimira Vlaeva
Software Engineer
"Generating code with Angular schematics"
Junior Track
Generating code with Angular schematics
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!
Hamida Rebai
Software Architect, Microsoft MVP
"ASP.NET Core and Angular"
Junior Track
ASP.NET Core and Angular
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.
Mashhood Rastgar
"Optimizing Core Web Vitals for Angular"
Junior Track
Optimizing Core Web Vitals for Angular
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.
Maurizio Vitale
Tech Lead/Engineer Manager
"Create your custom Angular builder as Plugin"
Senior Track
Create your custom Angular builder as Plugin
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
Wesley Faulkner
Developer Advocate
"How to get through the awkwardness of networking"
Junior Track
How to get through the awkwardness of networking
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.
Lamis Chebbi
Senior software engineer
"A deep dive into RxJS WebSocket Subject"
Senior Track
A deep dive into RxJS WebSocket Subject
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.
Muhammad Ahsan Ayaz
Senior software engineer
"Blazing fast E2E tests for Angular Apps with Cypress"
Senior Track
Blazing fast E2E tests for Angular Apps with Cypress
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.
Noaa Barki
Software developer
"Don't underestimate the push --force"
Senior Track
Don't underestimate the push --force
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.
Michael Hladky
Trainer and consultant on Angular and RxJs
"Concurrent Mode in Angular"
Senior Track
Concurrent Mode in Angular
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.
Satyam Pandey
Senior chief engineer
"Journey of microfrontend"
Senior Track
Journey of microfrontend
Module federation, single spa etc
Tracy Lee
CEO and Co-Founder
"Migration Strategies in Angular with GraphQL"
Senior Track
Migration Strategies in Angular with GraphQL
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.
Elad Shechter
CSS/HTML Architect
"How to Create Pure CSS Games"
Senior Track
How to Create Pure CSS Games
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.