Angular Best Practices

Optimale Entwicklung für hochwertige Webanwendungen!
Dauer
3 Tage
Nächster Termin
18.11.2024
Level
Fortgeschritten
Ort
Remote & In-House
Sprache
Englisch / Deutsch
Preis ab
€1.290

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.

In diesem neuen 3-Tages-Workshop lernen Angular-Entwickler, ihre Projekte nach den neuesten und bewährtesten Methoden umzusetzen. Am Ende des Workshops verfügen die Teilnehmenden über umfassendes Wissen und sind in der Lage, ihre Apps gemäß den Best Practices zu erstellen, zu konfigurieren, zu aktualisieren und zu optimieren. Zudem erwerben sie die Kompetenz, fundierte Entscheidungen hinsichtlich verschiedener Angular-Features zu treffen und ihre Produktivität durch den Einsatz von KI-Tools zu steigern.

Durch die Anwendung der empfohlenen Methoden wird nicht nur die Developer Experience verbessert, sondern auch die Performance und Barrierefreiheit ihrer Web-Apps erheblich gesteigert, was insgesamt zu einer besseren User Experience führt. Diese Optimierungen tragen zur höheren Zufriedenheit bei der Nutzung von Enterprise-Apps und zur Steigerung der Conversion-Rate bei Consumer-Apps bei.

Als roter Faden durch den Workshop zieht sich die Nutzung von Google Lighthouse. Lighthouse ist ein automatisiertes Open-Source-Tool zur Verbesserung der Qualität von Web-Apps. Es umfasst Prüfungen für Performance, Barrierefreiheit, progressive Web-Apps, SEO und weitere Best Practices.


Highlights

✅ Komplett online – keine Anreise erforderlich!

✅ Bewährte und neueste Best Practices für Angular Apps

✅ Interaktiv: Fragen stellen und an Diskussionen teilnehmen

✅ Live-Coding, zahlreiche Übungen & Pair-Programming mit dem Trainer

✅ Fallstudie, die als Blaupause für eigene Projekte verwendet werden kann

Best Practices Agenda

Teil 1: Best Practices Projekt-Setup & -Konfiguration & -Updates
  • Modernes Projekt-Setup & Optimale Strukturierung
  • Setup ESLint-Rules und Prettier-Konfiguration
  • Strict-Mode, private readonly & const als default
  • Prozess Updating Angular und 3rd Party-Deps
  • Modernisierungs-Migrationen von Produktiv-Projekten
  • Typisierte Formulare (template-driven vs reaktiv)
  • Funktionales inject() vs. Constructor-Injection
  • Funktionale vs Klassenbasierte Guards
  • Standalone-Komponenten vs NgModules
  • Content-Projection vs (Required) Inputs & Self-Closing Tags
  • Application Building mit esbuild & Vite vs Webpack
  • Neuer Control-Flow @if / @for vs Structural Directives
  • RxJS & Reactivity vs Signals & Signal Components
  • Lokale vs. globale State-Management-Ansätze
  • Performance- & Build-Analyse-Tools
  • Klassische Web-Performance-Optimierungen
  • NgOptimizedImage (ngSrc) Direktive für Bilder
  • Optimierung von Bundle-Größe & Tree Shaking
  • 3rd Party Libs, CSS- & Component-Frameworks
  • Lazy Loading & Preloading Strategien
  • Components & Libraries mit @defer nachladen
  • Defer loading des Animations-Moduls
  • Server Side Rendering (SSR) & Hybrid Rendering
  • Prerendering (SSG) & Deployment
  • Hydration, Partial Hydration & Event Replay
  • Change Detection OnPush, Analyse & Signals Updates
  • CD-Optimierung & ChangeDetectorRef
  • Hybrid CD, Zoneless apps & zone.js Coalescing
  • High-Performance Reactive Rendering
  • Track (by) für neue @for-Schleifen
  • CDK Virtual Scrolling & weitere UX Verbesserungen
  • A11y Tools: Lighthouse, Wave & Screenreader
  • A11y Geschichte & Rechtliche Grundlagen
  • WAI, WCAG 2.2, ARIA-Rollen & -Attribute
  • Semantisches HTML & HTML-Struktur
  • A11y mit dem Angular Router
  • Angular ARIA Attribute
  • Angular Komponenten, Material & CDK
  • Angular CSS-Styling Best Practices
  • Angular PWA Features kennenlernen & nutzen
  • Service Worker & Web Worker für Performance
  • Native Apps mit Angular & Capacitor erstellen
  • AnalogJS – das Angular Meta-Framework
  • Recherche & Übersetzen mit OpenAI ChatGPT
  • Code-Generierung mit OpenAI ChatGPT
  • Entwickeln mit Github CoPilot

Aktuelle Termine

Alle unsere Workshops & Seminare sind jederzeit auch Remote oder In-House verfügbar. Kontaktieren Sie uns für eine Terminvereinbarung
18.11. - 20.11. | 09:00 - 17:00 (CET)
Ticket bis 18.11.2024
Gruppenrabatt (3+ Personen)
Online |
  Englisch
 |  Alexander Thalhammer
ab €1.290
Angular Architects Logo

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 Angular-Schulung bei euch ab?

Unsere Seminare 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-Schulung Struktuiere Einführung 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 Angular Seminare und Intensivkurse zu spezifischen Anwendungsfällen.

Unsere Angular-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.

Ausgewählte zufriedene Kunden