My Videos

Custom Schematics: An Angular Application by the push of a Button

3/ 2018

For scaffolding files, the Angular CLI leverages the code generator schematics. To customize its behavior, everyone can tweak the used templates and even create new ones. This session goes one step further: It shows how to use a proven and structured model driven approach that allows you to scaffold whole Angular Applications.

View

Through the Sound Barrier: High-Performance Apps with Angular

2/ 2018

An application’s performance influences its acceptance and therefore also its commercial success significantly. However, there is not a sole adjusting screw for performance tuning in single page applications but even several influencing factors that need be considered. With its architecture, Angular addresses these aspects and offers some possibilities to provide a breath-taking performance. By the means of an application which is optimized systematically, this workshop shows how to use these possibilities. You learn how to leverage Ahead of Time Compilation (AOT), Tree Shaking and Lazy Loading to improve the startup performance of your application dramatically. In addition to that you see how to use the optimization strategy OnPush to speed up data binding performance in your solutions. Furthermore, Service Worker for caching and instant loading is covered as well as Server Side Rendering to improve the perceived loading time.

View

Progressive Web Apps – warum sie wichtig werden - Keynote BASTA! Spring 2018

2/ 2018

Wie wäre es, wenn wir die Vorzüge herkömmlicher Apps mit denen von Web-Anwendungen kombinieren könnten? Wie das geht, erklärt Manfred Steyer in seiner Keynote zur Eröffnung der BASTA! Spring 2018. Progressive Web Apps meistern den Spagat zwischen Web und App. Da nun alle wichtigen Browserhersteller im Boot sind, stellen PWAs eine ernstzunehmende Alternative zu klassischen Anwendungen dar und eigenen sich hervorragend für die Cross-Plattform-Entwicklung. Denn es sind offlinefähige Anwendungen, die sich über den Browser installieren lassen und z. B. Push-Nachrichten unterstützen - auf dem Desktop und dem Smartphone.

View

A close look at Angular's new HttpClient

12/ 2017

Nearly all Angular applications must communicate with HTTP-based APIs. To make this task easier, Angular 4.3 introduced the new HttpClient. This session looks at its possibilities. It shows how to use not only JSON but also other text-based formats like XML or CSV. Furthermore, you will see how to deal with binary streams and how your application can get progress information when doing file up- and downloads. In addition, we will look at Interceptors that allow to implement cross-cutting concerns like security checks, logging, or caching.

View

Through the Sound Barrier with Angular

11/ 2017

An application’s performance influences its acceptance and therefore also its commercial success significantly. However, there is not a sole adjusting screw for performance tuning in single page applications but even several influencing factors that need be considered. With its architecture, Angular addresses these aspects and offers some possibilities to provide a breath-taking performance. By the means of an application which is optimized systematically, this workshop shows how to use these possibilities. You learn how to leverage Ahead of Time Compilation (AOT), Tree Shaking and Lazy Loading to improve the startup performance of your application dramatically. In addition to that you see how to use the optimization strategy OnPush to speed up data binding performance in your solutions. Furthermore, Service Worker for caching and instant loading is covered as well as Server Side Rendering to improve the perceived loading time.

View

Angular für Enterprise-Anwendungen – Grundlagen & Best Practices

11/ 2017

Wie kann eine Angular-Anwendung in mehrere Module und npm-Pakete untergliedert werden? Wie können bestehende Identity-Lösungen, wie Active Directory, integriert und Single Sign-on realisiert werden? Wie kann die Performance beim Einsatz großer Clients sichergestellt werden, und wie hilft AOT, Tree Shaking und Lazy Loading dabei? Wie kann die Anwendung internationalisiert werden, und wie ist mit globalen Zuständen umzugehen? Soll das viel diskutierte Redux-Muster zum Verwalten globaler Zustände umgesetzt werden oder eignen sich andere Ansätze besser? Diese und weitere Fragen beantwortet Manfred Steyer anhand konkreter Beispiele aus der Praxis!

View

Login and Access Control in Angular

11/ 2017

Few applications operate without some form of login and access control. But how to implement this requirement best with Angular? This session gives an answer by showing a lot of patterns and best practices. It shows how to leverage tokens, like JWT, to increase the flexibility as well as how to use standards like OAuth 2 and OpenId Connect for Single Sign on and integrating existing Identity Providers, like Active Directory. We also talk about social login, misunderstandings, and solutions in this area. Furthermore, you will see some security attacks and how to prevent them. Finally, the underrated and security relevant topic single sign out is addressed.

View

Durch die Schallmauer – hochperformante Anwendungen mit Angular

7/ 2017

Obwohl Angular von Haus aus schnell ist, bietet es dennoch eine Reihe an Ansätzen zur Performanceoptimierung. Dazu gehört der Template-Compiler, der gemeinsam mit Tree-Shaking die Startgeschwindigkeit erhöht sowie die Dateigröße der Anwendung minimiert. Weitere Möglichkeiten sind der Einsatz von Angular Universal zum serverseitigen Vorrendern von Ansichten, die Nutzung von Service Worker und das verzögerte Laden von Routen. Zusätzlich lässt sich die Datenbindung durch den Einsatz von Immutables und Observables drastisch beschleunigen. In dieser Session erfahren Sie anhand eines durchgängigen Beispiels, was sich hinter diesen Ideen verbirgt und wie Sie diese in Ihren performancekritischen Projekten erfolgreich einsetzen.

View

Angular, Google’s Popular Application Framework

6/ 2017

Angular, Google’s popular application framework for modern web-based solutions, brings component orientation, static type checking, and a breath-taking performance. By leveraging the single page application architecture as well as modern web standards it makes the creation of ambitious and enterprise-scale applications very easy. This session shows to possibilities of Angular and introduces it with an example use case.

View

Step by Step Improving Startup Performance with Lazy Loading in Angular from ngconf, April 2017 in Salt Lake City

4/ 2017

Angular applications can lazily load modules to improve startup performance. Using an example, this session shows how you can optimize your solution with this approach. You will also learn about potential pitfalls as well as about asynchronously preloading modules with build-in strategies and your own strategies to speed up lazy loading.

View

Improving Startup Performance with Lazy Loading in Angular from ng-nl, March 2017 in Amsterdam

3/ 2017

Angular applications can lazily load modules to improve startup performance. Using an example, this session shows how you can optimize your solution with this approach. You will also learn about potential pitfalls as well as about asynchronously preloading modules with build-in strategies and your own strategies to speed up lazy loading.

View

Improving Start-up Performance with Lazy Loading in Angular 2 from ng-be, December 2016 in Belgium

12/ 2016

Angular applications can lazily load modules to improve startup performance. Using an example, this session shows how you can optimize your solution with this approach. You will also learn about potential pitfalls as well as about asynchronously preloading modules with build-in strategies and your own strategies to speed up lazy loading.

View

Offlinefähige Browseranwendungen: Progressive Web-Apps mit Angular 2.0

11/ 2016

Die so genannten „progressiven Web-Apps“ sind die nächste Stufe moderner Webanwendungen. Sie verhalten sich noch stärker wie native Anwendungen und unterstützen dank neuester Browserstandards Offlinefähigkeit, echte Benachrichtigungen sowie Datensynchronisation im Hintergrund. Dazu kommen Ansätze wie Service Worker, das Web App Manifest, Browserdatenbanken, aber auch das App-Shell-Muster zum Einsatz. Diese Keynote geht auf diesen neuen Architekturansatz, der bereits von nationalen und internationalen Konzernen aufgegriffen wurde, ein und zeigt am Beispiel einer Angular-2-Anwendung, wie dieser Ansatz realisiert werden kann und worauf dabei zu achten ist.

View

Wiederverwendbare Komponenten mit Angular 2.0

9/ 2016

Das Direktiven-Konzept von AngularJS bietet dem Entwickler seit Jahren die Möglichkeit, das Vokabular von HTML um eigene, wiederverwendbare Direktiven zu erweitern. Ab Version 2.0 berücksichtigt dieses Konzept den aufstrebenden Standard Web Components, was eine frameworkübergreifende Nutzung möglich macht.

View

ASP.NET Core 1: What has changed for MVC and Web API developers?

6/ 2016

The revamped ASP.NET vNext will do away with duplications in the ASP.NET family's individual frameworks and, by doing so, will combine MVC, Web API and web pages[c1] within ASP.NET MVC 6. It is clear to see that this cannot be achieved without breaking changes. This session will detail all the relative changes as well as the new possibilities that MVC will offer.

View

Web APIs mit ASP.NET MVC 6

6/ 2016

Als Nachfolger von MVC 5 und Web API 2 ist ASP.NET MVC 6 unter anderem das Framework für Web-APIs auf der .NET-Plattform. Diese Session zeigt anhand eines durchgängigen Beispiels, wie Sie damit in Ihren Projekten moderne und plattformübergreifende Services erstellen können. Dazu geht sie auf die vorherrschenden Konzepte aber auch auf die Unterschiede gegenüber ASP.NET Web API ein. Zur Abrundung wird gezeigt, wie Sie für Ihre auf MVC 6 basierenden Web APIs eine formale Beschreibung im Swagger-Format erstellen und daraus Proxies für den Client generieren lassen können.

View

Angular 2.0 - Migrationspfade von 1.x zu 2.0

4/ 2016

Die Entwicklung von Angular 2.0 schreitet zügig voran. Daher wird es bald für viele Entwickler interessant, wie man die Migration von 1.x auf 2 am besten durchführt. In seiner Session auf der W-JAX im vergangenen Jahr, hat Manfred Steyer anhand einiger Beispiele die Migration auf das neue Angular vorgeführt.

View