Angular Performance Optimization Workshop

Der Performance-Boost für Ihre Angular-Lösungen!
Entwickeln Sie schnelle & erfolgreiche Angular-Lösungen
Dauer
2 Tage
Nächster Termin
07.11.2023
(1 weiterer Termin)
Level
Grundkenntnisse Angular erforderlich
Ort
Remote & In-House
Sprache
Preis ab
980€

Alexander Thalhammer

Erfahrener Software-Entwickler und -Architekt mit 20 Jahren Erfahrung in Planung und Umsetzung Web-basierter Geschäftsanwendungen.
Zertifizierter Fachtrainer gemäß ISO/IEC 17024, 9 Jahre Teaching Assistent an der Universität Graz.

Angular Performance

Laut Google verlassen 40 % der Besucher eine Website, wenn das Laden länger als 3 Sekunden dauert und laut Amazon bringt 0,1 s weniger Ladezeit ca. 1 % mehr Umsatz. Die Ladezeit ist auch bei Angular Apps entscheidend. In diesem neuen Workshop lernen Sie, dass eine schwache Performance in den meisten Fällen nicht am Angular-Framework selbst, sondern an kleinen, aber folgenschweren Fehlern in der Umsetzung liegt.

Wir beschäftigen uns zu Beginn mit einem Audit Framework für ein strukturiertes Vorgehen beim Messen der Performance und den verschiedenen Audit Tools, die uns bei der Optimierung unterstützen. Es sind dieselben Tools, die der Trainer bei Kundenberatungen zum Thema einsetzt. Im zweiten Teil wird das Thema Ladezeit bzw. initiales Laden der App behandelt. Hier werden die wichtigsten Probleme besprochen und die jeweiligen Lösungen vorgestellt. Im dritten und letzten Teil wird die Performance während der Laufzeit optimiert. Oft treten diese Probleme erst im Produktiv-Betrieb auf, weil die Daten und die Komplexität im Vergleich zur Entwicklung meist nicht geringer werden. Wieder werden die typischen Probleme und die zugehörigen Lösungen erarbeitet.

Zu allen drei großen Blöcken gibt es je ein Übungsblatt, anhand dessen die Themen von allen Teilnehmenden in der Praxis gefestigt und vertieft werden. Sollte es sich zeitlich ausgehen, können in der letzten Einheit Probleme in realen Projekten gemeinsam analysiert und Verbesserungsvorschläge erörtert werden.

Highlights

✅ Komplett online – Keine Anreise erforderlich!

✅ Interaktiv: Stellen Sie Fragen und nehmen Sie an Diskussionen teil

✅ Viele Übungen und Live-Coding

✅ Fallstudie, die Sie als Blaupause für Ihre eigenen Projekte verwenden können

✅ Pair-Programming mit Ihrem Trainer

Agenda unseres Performance Workshops

Teil 1: Professionelles Performance Audit & Tools
  • Performance Audit Framework
  • Performance Audit Tools
  • Google PageSpeed & Google Chrome Lighthouse
  • WebPageTest & Perfume.js
  • Google Chrome DevTools & Angular DevTools
  • Source Map Explorer & Webpack Bundle Analyzer
  • Import Graph Visualizer
  • Web Performance Best Practices
  • NgOptimizedImage Directive
  • Build Optimization & Tree Shaking
  • 3rd party libs / CSS frameworks
  • Lazy Loading Techniques
  • Server Side Rendering
  • Hydration in Angular 16+
  • Caching Best Practices
  • Angular ChangeDetection Optimization
  • Change Detection und Signals
  • ChangeDetectorRef Usage
  • Angular Templates: Pipes, Flags
  • Virtual Scrolling & ngFor-trackBy
  • API Communication Best Practices
  • Angular Resolver & Alternatives
  • Smart vs Dumb Components
  • RxJS & State Management (NgRx)
  • Web Workers & Service Workers
  • Scheduling

Aktuelle Termine

Alle unsere Workshops & Seminare sind jederzeit auch Remote oder In-House verfügbar. Kontaktieren Sie uns für eine Terminvereinbarung
07.11. - 09.11. | 08:30 - 13:00 (CET)
Early Bird bis 15.10.2023
Gruppenrabatt (3+ Personen)
Remote |
  Deutsch
 |  Alexander Thalhammer
ab 980€
12.12. - 14.12. | 14:00 - 18:30 (CET)
Early Bird bis 26.11.2023
Gruppenrabatt (3+ Personen)
US Friendly Time Model:
8am to 12:30 ET
Online |
  Englisch
 |  Alexander Thalhammer
ab 980€

Individuelle Firmenworkshops

Alle unsere Workshops & Seminare sind jederzeit auch Remote oder In-House verfügbar.
Kontaktieren Sie uns für eine Terminvereinbarung

Jetzt anfragen

FAQs zu unseren Workshops

Wie läuft eine Schulung bei euch ab?

Unsere Seminare rund um Angular sind eine Mischung aus Vortrag, Live-Coding und konkreten Übungen. Gemeinsam setzen wir das Erlernte während des Workshops direkt an einem Beispielprojekt um. Diese Mischung garantiert, dass der Kurs nie langweilig wird und statt grauer Theorie „Hands-On“ gefragt ist.

Unsere Angular Praxis-Schulung richtet sich alle, die künftig Anwendungen mit Angular entwickeln wollen oder dies schon machen und nun die Hintergründe, Zusammenhänge und Building-Blocks des Frameworks besser verstehen wollen.

Die Teilnehmer sollten grundlegende Kenntnisse in der Web-Entwicklung haben (grundlegende Kenntnisse von HTML und JavaScript).

Für fortgeschrittene Angular-Entwickler*innen bieten wir Advanced Seminare und Intensivkurse zu spezifischen Anwendungsfällen.

Unsere Praxis-Schulungen finden als öffentliche Workshops in Seminarräumen zentraler Hotels in Deutschland, Österreich und der Schweiz statt. In-House Schulungen finden bei euch im Büro oder Seminarraum statt.

Alle Kurse sind auch als Remote-Workshops möglich, wo wir uns online im Virtual Classroom treffen, und die Schulung via Videocalls, Screensharing und gemeinsamen Live-Coding abhalten.

Unsere Schulungen werden von erfahrenen Trainern und Software-Architekten durchgeführt. Wir haben in den letzten Jahren namhafte Firmen – u. a. bekannte Banken, Versicherungen, Industriekonzerne – in Sachen Angular betreut. Zu den Trainern gehören bekannte Konferenzsprecher, Autoren von Büchern und Fachartikeln, Blogger, Google Developer Experts und Hochschuldozenten.

Gerade bei dezitierten Firmenschulungen richten wir uns gerne nach euch. Typische Zeiten sind 9:00Uhr bis 16:30/17:00Uhr.

Auf jeden Fall. Seit der Pandemie ist das sogar unser Hauptgeschäftsmodell und wir haben sehr gute Erfahrungen damit gemacht. Wir nutzen eine Kombination aus Screen-Sharing, interaktiven Online-Whiteboards und verbinden uns auf Wunsch während der Übungen zur Unterstützung auch gerne auf Ihrem Rechner. Wie bei unseren On-Site-Schulungen setzen wir auch hier auf eine Kombination aus kurzen Präsentationen, Diskussionen, Live-Coding und Hands-On-Labs.

Da die Anreise wegfällt, sparen Sie auch Zeit und Geld. Außerdem können wir flexibler auf Ihre Terminwünsche reagieren.

Ja, sehr gerne. Genaugenommen ist das einer der Vorteile von dedizierten Unternehmensschulungen. Sie können gerne unsere Agada-Vorschläge gewichten, kürzen oder ergänzen. In der Regel findet auch ca. 2 Wochen vor der Schulung eine Abstimmung mit Ihrem Trainer durch. Auf Wunsch auch schon gerne früher.

Für Angular spricht unter anderem seine weite Verbreitung, aber auch die Tatsache, dass mit Google ein Internet-Gigant, der das Framework auch sehr intensiv nutzt, steht. Bei Google alleine existieren über 2600 darauf basierende Lösungen. Durch die weite Verbreitung existiert eine große Community und somit viel Know-How am Markt sowie (freie und kommerzielle) Produkte, die auf Angular abgestimmt sind. Außerdem bietet Angular vieles von dem, was Sie für große Anwendungen benötigen, ab Werk: Testautomatisierung, Formularverwaltung, Routing etc. Insofern erhalten Sie einen Stack, dessen Bestandteile aufeinander abgestimmt sind und langfristig zusammenspielen.

Die gute Nachricht vorweg: Teilnehmer mit unterschiedlichem Vorwissen sind in der Erwachenenbildung die Regel und nicht die Ausnahme. Deswegen finden Sie auf unseren Übungblättern optionale Hinweise zum Einblenden und Bonus-Übungen, für die, die etwas schneller sind. Natürlich unterstützen wir auch persönlich bei den Übungen.

Falls Sie bei uns eine Firmenschulung buchen, überlassen wir diese Entscheidung prinzipiell Ihnen. Allerdings zeigt die Erfahrung, dass es nicht mehr als 15 Teilnehmer sein sollten, zumal ein Seminar sehr stark von Fragen, Diskussionen und praktischen Übungen lebt.

Bitte installieren Sie die folgenden Software-Pakete auf Ihrem Rechner:

– NodeJS in aktueller Version (wir testen mit aktueller LTS-Version)
– Angular CLI (npm i -g @angular/cli)
– Git
– Visual Studio (frei) oder WebStorm/IntelliJ (kommerziell)

Nichts mehr verpassen!

Nie mehr etwas verpassen - abonnieren Sie jetzt unseren Newsletter!
Bitte aktiviere JavaScript in deinem Browser, um dieses Formular fertigzustellen.