€1,487.50 – €1,606.50

Angular: Architectures for Enterprise-Applications - 3 days in Munich

Event Information

Share this event

Date and Time

Location

Location

Eden Hotel Wolff

Arnulfstraße 4

(Nähe Bahnhof)

80335 München

Germany

View Map

Event description

Description

Description

In this interactive seminar Manfred Steyer, well-known international Speaker, O’Reilly author, and Google Developer Expert, and Michael Hladky, organiser of Angular Vienna and Google Developer Expert, will explain how to develop large scale Enterprise Software with Angular. 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.

Cutting Edge Technologies and Approaches

Using the latest innovations from the field of Angular and SPA, this training will enable you to build robust enterprise scale applications. 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.

Highlights

  • Angular 6: What's new?
  • Micro Apps (aka Micro Front Ends, Micro Services)
  • Web Components with Angular Elements
  • npm Packages for Angular
  • Monorepos, the new CLI and Nrwl Nx
  • Progressive Web Apps
  • Performance
  • Statemanagement with Redux/ @ngrx/store & Co.

Didactical Approach

The training is substructured into nine modules (3 per day, see below). In each module, we present the theory with some slides and live coding. After this, you have the chance to pratice the theory using a case study.

Required Preconditions

If you have not worked with Angular so far, you can prepare yourself with the official tutorial at https://angular.io/docs. We will also repeat the basic building blocks of Angular quickly within the first exercise when we look at the used case study.

Excercises

For the exercises, please bring your Laptop and install the following tools:

  • NodeJS (https://nodejs.org/en/) -- We test with the current LTS version
  • Visual Studio Code (free, https://code.visualstudio.com/) or IntelliJ/WebStorm/PhpStorm (commercial)
  • Angular CLI: npm i -g @angular/cli

Public Training vs InHouse-Workshop

This is a public training. If you want to send several attendies, an InHouse-Workshop would be more inexpensive. We offer them at https://softwarearchitekt.at.

Full Content

Day 1 - Macro Architecture

  • Approaches for Structuring Angular Applications
    • Kinds of Modules
    • How to slice an Application into Modules
    • Using reusable Libraries to structure a large Enterprise-Application
    • Building Adoptable Libraries
    • Using an In-House npm-Registry
    • Leveraging the Monorepo Approach
    • Using Micro Services (Micro Apps, Micro Frontends)
    • Using Web Components based on Angular Elements
    • Generating Boilerplate with Nx
  • 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
  • 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
  • Internationalization
    • I18N Pipes in Angular
    • I18N with the Angular Compiler
    • I18N and Forms
    • I18N with ngx-translate

Day 2 - Reactive Architecture and State Management

  • Component Design
    • Smart and Dump Components
    • Data Binding Deep Dive
    • Implementing a Message Bus
    • Hierarchical Dependency Injection
  • State Management with Redux (ngrx)
    • Motivation and Alternatives
    • Using @ngrx/store
    • Asynchronous Side Effects with @ngrx/Effects
    • Redux and Routing
    • Smart vs. Dump Components
    • Debugging reactive Solutions
  • Reactive Architectures with RxJs
    • Reactive Thinking and Design
    • Chaining/ Piping Operators
    • Cold vs. Hot Observables
    • Observables and Subjects
    • Closing Observables
    • Reactive Testing
    • Marble Tests

Day 3 - Performance und Progressive Web Apps

  • 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
  • Progressive Web Apps
    • 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

Your Trainers

Manfred Steyer: Well-known international speaker with focus on Angular. Google Developer Expert (GDE) who writes for O'Reilly, the German Java Magazine, windows.developer and Heise. Regularly speaks at conferences. Owner of softwarearchitekt.at.

Michael Hladky: Angular-Vienna Organizer, Speaker, Trainer, Developer Advocate , Web Developer

Share with friends

Date and Time

Location

Eden Hotel Wolff

Arnulfstraße 4

(Nähe Bahnhof)

80335 München

Germany

View Map

Save This Event

Event Saved