Advanced Angular: Architectures for Enterprise Applications

9. 4. bis 11. 4. 2018

Address: (Details will be published soon) , Vienna, Austria

(4,82 / 5 Overall: 147)

In this interactive seminar Manfred Steyer, O’Reilly author and Google Developer Expert, and Michael Hladky, organiser of Angular Vienna, will explain how to develop large scale Enterprise Software with Angular. You will develop a clear understanding for Progressive Web Apps, Service Worker, Web Components, Micro Apps aka (Micro) Frontends for Micro Services, custom npm packages and the Monorepo approach and develop your ability to develop mission critical software products with respect to long-term maintenance and performance. Based on a complete project with numerous examples, you will discuss different Architectures and Best Practices. At the end of this workshop, you have a template for your own projects. Required Preconditions: A basic knowledge of Angular is needed. You can prepare with the official tutorial at www.angular.io. We will also repeat the basic building blocks of Angular quickly within the first exercise when we look at the used case study.

Details and Tickets

Structuring huge Angular Applications

  • Kinds of Modules
  • How to slice an Application into Modules
  • Using reusable Libraries to structure a large Enterprise-Application
  • Web Components based on Angular Elements
  • Building Adoptable Libraries
  • Leveraging the Monorepo Approach
  • Angular and Microservices/ Microfrontends

Dealing with Cross Cutting Concerns

  • Protecting Routings with Guards
  • Global Warnings before destructive Actions
  • Manipulating Requests and Responses with HttpInterceptors
  • Using Directives for Cross Cutting Concerns
  • Global Error Handling
  • Leveraging Router Events

Component Design

  • Data Binding Deep Dive
  • Smart and Dump Components
  • Implementing a Message Bus
  • Hierarchical Dependency Injection

Progressive Web Apps: Going Offline with your SPA

  • Service Worker with @angular/service-worker
  • Offline-enabled Web-Apps
  • Updating Progressive Web Apps
  • Storing Data within the Browser using IndexedDb
  • Push-Notification
  • Background-Synchronization

Performance Tuning for large scale Enterprise Application

  • Optimizing Startup Performance with Lazy Loading
  • Optimizing Databinding Performance with OnPush, Immutables and Observables
  • Optimizing Startup Performance with AOT and Tree Shaking
  • Serverside Rendering for Portales
  • Service Worker Caching for weak Network Connections

Reactive Architectures with RxJs

  • Reactive Thinking and Design
  • Chaining/ Piping Operators
  • Cold vs. Hot Observables
  • Observables and Subjects
  • Closing Observables
  • Using Subjects
  • Reactive Testing and Marble Testing
  • Implementing a Message Bus

State Management with Redux (ngrx)

  • Motivation and Alternatives
  • Using @ngrx/store
  • Asynchronous Side Effects with @ngrx/Effects
  • Redux and Routing
  • Debugging reactive Solutions
  • Generating Boilerblate Code
  • Smart vs. Dump Components

Authentication and Single Sign On

  • Integrating existing Identity Solutions like Active Directory and Social Providers like Facebook
  • OAuth 2, OpenId Connect and JSON Web Token (JWT)
  • Refreshing Sessions
  • Single Sign out
  • Token Refresh
  • Single Sign out

Internationalization

  • I18N Pipes in Angular
  • I18N with the Angular Compiler
  • I18N and Forms
  • I18N with ngx-translate

Why this trainings pays off??

Learn from Insiders

Your Trainers use Angular since the first hour

Structured Approach

Better understand deep going topics because of our structured approach

A lot of exercises

Immediately try out everything you learn

Experienced and professional Trainers

Our Trainers are not only experts for Angular but also professional instructors

Well-Established Seminar

We are doing Angular Workshops since it went into its BETA phase

Example Application as Template

At the end, you have an example application that can be used as a template for your own projects

Details and Tickets

Customer Voices

Strukturierung des Vortrags, didaktische "Skills" und Inhalte waren top und auf die Praxis anwendbar!

Alles [hat gefallen] aber am besten war die beeindruckende Kompetenz des Referenten im Thema.

Gute Mischung aus Vortrag, Live-Coding und Übungen

Viel Backgroundwissen, man hatte das Gefühl dass da jemand redet, der das auch selbst schon mal gemacht hat (merkt man immer bei den Fragen ;))

[Gefallen hat] Viele Übungen, um Dinge auszuprobieren

Gute Kombination von Theorie und Praxis

Selected Customers

T-Systems

Siemens

UNO

Daimler

Wüstenrot

Austria Press Agency

Porsche

Universal

More Trainings

Angular: Strukturierte Einführung

In dieser Schulung erfahren Sie von bekannten Insidern und Angular Experten der ersten Stunde anhand eines durchgängigen Beispiels, welche Konzepte hinter dem modernen Single-Page-Application-Framework aus der Feder von Google stecken und lernen diese für Ihre eigenen Projekte zu nutzen. Zusätzlich werden sie selbst eine erste Angular-Anwendung zu schreiben. Diese orientiert sich an Best Practices und kann somit als Vorlage für eigene Projekte herangezogen werden. Zum Einsatz kommt die jeweils neueste Version von Angular.

Details

Advanced Angular: Architekturen für Enterprise-Anwendungen

In dieser weiterführenden Intensiv-Schulung lernen Sie von namhaften Insidern, wie sich große und skalierbare Geschäftsanwendungen mit Angular entwickeln lassen. Mehrere Architekturansätze und Best Practices werden anhand einer Fallstudie aufgezeigt und diskutiert. Die Fallstudie wird in den einzelnen Übungseinheiten erweitert und kann als Vorlage für eigene Vorhaben dienen.

Details

Migration von AngularJS 1.x auf Angular (2+)

Bestehende Projekte auf Angular 2 migrieren, ngUpgrade, ...

Details

Progressive Web-Apps mit Angular

Trainings and Consulting (In-House) tailored for you learning goals

Details

Angular Workshop

Start ohne Umwege

Details

Angular Review

Feedback und klärung offener Fragen, weiterführende Themen

Details

Modernes AngularJS 1.x

Komponenten-orientiertes AngularJS 1.x für wartbare und testbare Anwendungen

Details

Reaktive Architekturen mit Angular und Redux

Dieses interaktive Seminar vermittelt, wie Sie reaktive Anwendungen mit Angular entwickeln können.

Details

TypeScript

Trainings and Consulting (In-House) tailored for you learning goals

Details