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 11 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 11? 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, Samsung, JetBrains, Forbes and other companies are ready to share their special tips and tricks and their knowledge about the new Angular 11 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 4 Tickets Left!
June 2, 10:00 CEST, 4 hours
  • 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 8 Tickets Left!
June 2, 14:30 CEST, 6 hours
  • 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
Software Cook, Coach & Teacher at Marmicode
Workshop #3
"Profitable Angular Testing"
Younes Jaaidi
June 2, 12:00 CEST, 6 hours
Book Now 7 Tickets Left!
  • You will learn how to write profitable tests, in other terms
  • You'll learn how to reduce the cost of writing and maintaining tests while increasing their trustworthiness. This will boost the whole team's confidence and efficiency.
  • You will be able to choose the right tests to implement and how to implement them.
  • You will also learn how to leverage the benefits of Progressive TDD and Timeboxed TDD to change your code with confidence, and you will be able to decouple your tests from the tested code so you change the code structure without having to fix tests all the time..
CTO at Studytube
Workshop #4
"Angular Performance Tuning"
Stepan Suvorov
June 2, 09:00 CEST, 3 hours
Book Now 10 Tickets Left!
  • Zone.js
  • NgZone
  • NgZone & ChangeDetection
  • Angular without zones
  • ChangeDetection Strategies
  • ChangeDetection tuning (detach/reattach)
  • Bundle size optimisation
  • SSR & Scully
  • ServiceWorkers
  • WebWorkers
Founder at Haibrid
Workshop #5
"Building Mobile App With Ionic & Angular"
Sani Yusuf
June 2, 10:00 CEST, 8 hours
Book Now 10 Tickets Left!
You will learn to create a mobile application working on IOS and android without prior knowledge of mobile development. You will learn extensive features of the Ionic framework. Also i wrote the book on Ionic and recorded 3 courses on it, so its safe to say that you are in very good hands.
Show more workshops
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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!
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.
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.
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.
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.
Designer and Developer Collaboration and handoff, or Onboarding new engineers
Short and sweet tacticS and techniques to collaborate and work faster in angular
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.
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.
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.
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.
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.
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.
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.
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.
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!
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.
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.
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
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.
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.
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.
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.
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.
Journey of microfrontend
Module federation, single spa etc
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.
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.
Angular & Electron - build an app for every OS
Learn how to get started with Electron and Angular (Create a Win, Mac, & Linux App with one code base). Discover how powerful Angular pipes can be for an advanced search & filter functionality. Find out how functional programming can in places simplify your code.
Tracks and Prices
Francesco Leardini
Senior Software Engineer and Angular Trainer
"Offline web apps don't exist anymore!"
Anthony Giretti
Senior developer
"Working with Angular and gRPC-web"
Jia Li
Software engineer
"Learn zone.js by examples"
Daniel Ostrovsky
Web Team Lead
Piotr Tomiak
Senior Software Developer
"Building desktop version of applications with Angular and Electron"
David Pine
Executive Director
"Building a Video Chat App with Angular & Twilio"
Tobias Günther
"Undoing Mistakes with Git"
Younes Jaaidi
Software Cook, Coach & Teacher
"What Happens When You Cancel an HTTP Request?"
Junior Track
Senior Track
Gives access to Junior track only with no recordings. Focuses on entry-level content around Angular.
Gives access to both Junior and Senior tracks, recordings are included. Focuses on deep tech content around Angular.
Live stream
Q&A panel participation
No recordings
"Full-Stuck RunTime type validation? YES!!!"
Live stream for both tracks
Q&A panel participation
Recordings of both tracks
Slack membership
Certificate of attendance
Jia Li
Software engineer
"Learn zone.js by examples"
Piotr Tomiak
Senior Software Developer
"Building desktop version of applications with Angular and Electron"
Tobias Günther
"Undoing Mistakes with Git"
Junior Track
Gives access to Junior track only with no recordings. Focuses on entry-level content around Angular.
Mohammad Quanit
Software Engineer
"Write Better Angular Tests with Cypress"
Marjorie Figueroa
Frontend Developer
"Accessibility What, Why and How"
Sani Yusuf
"How Lazy Is Your Component"
Maxim Salnikov
Developer Engagement Lead
"Keynote: The state of Angular"
Aaron Ma
Research Scientist
"Demystifying the Magic of Neural Networks using TensorFlow.js"
Stanimira Vlaeva
Software Engineer
"Generating code with Angular schematics"
Hamida Rebai
Software Architect, Microsoft MVP
"ASP.NET Core and Angular"
Mashhood Rastgar
"Optimizing Core Web Vitals for Angular"
Wesley Faulkner
Developer Advocate
"How to get through the awkwardness of networking"
"Offline web apps don't exist anymore!"
Senior Software Engineer and Angular Trainer
Francesco Leardini
Anthony Giretti
Senior developer
"Working with Angular and gRPC-web"
Daniel Ostrovsky
Web Team Lead
"Full-Stuck RunTime type validation? YES!!!"
David Pine
Senior Content Developer
"Building a Video Chat App with Angular & Twilio"
Rob Richardson
"Containerized Deployments for your SPA and API"
Senior Track
Gives access to both Junior and Senior tracks, recordings are included. Focuses on deep tech content around Angular.
Manfred Steyer
Trusted Collaborator in the Angular Team, GDE
"The Microfrontend Revolution: Using Webpack 5 Module Federation with Angular"
Bo Vandersteene
Freelance Software Consultant
"10 Things You Probably Don't Know About Providers in Angular"
Younes Jaaidi
Software Cook, Coach & Teacher
"What Happens When You Cancel an HTTP Request?"
Greg Radzio
"Event Driven Architecture"
Katerina Skroumpelou
Software Engineer
"Storybook your Angular app with Nx"
Curtiss Pope
Senior Director Technology & Engineering
"Designer andDeveloper
Collaboration and handoff, or Onboarding new engineers"
Muhammad Umer
Senior Javascript Developer
"AngularJS to Angular 2+ migration - an overview"
Dmitriy Shekhovtsov
"Answer to a Conway's Law"
Michel Ruffieux
Senior Software Engineer
"Angular & micro-frontends"