Johannes Hoppe

@johanneshoppe.de

Google Developer Expert #GDE for #Angular. Follow me for expert Angular insights, tips, and latest updates. 📕 Book @angular-buch.com 🅰️ Trainer https://angular.schule

From the days of AngularJS to modern v22, Johannes has been a longtime voice in our community 🏫 His favorite feature? Signals. He loves how they bring absolute clarity to reactivity and make teaching reactive concepts a total breeze. Explore Johannes’s training and work here: angular.schule

Name: Johannes Hoppe.

Profile Image: A headshot of Johannes wearing glasses and a blue polo shirt featuring a red Angular badge icon on the chest.

Years active in the community: "I honestly lost count. I started giving talks during the AngularJS days, so it's been quite a while!"

Favourite Angular feature: Signals! He states that they bring clarity and control to reactivity, simplify change detection, and make it easier to teach reactive programming concepts.

Website: https://angular.schule

Fun fact: "When my little daughter draws pictures of me, the daddy scribble usually includes an Angular logo ❤️"

Branding: The image is formatted on a dark background accented by a sharp blue-to-purple geometric layout in the upper-right corner that features a white Angular "A" logo.

🅰️ #Angular 22 is here! 🎉 All the news on our blog: ✨ Signal Forms & Resource API stable 🆕 @​Service() decorator 🎯 OnPush by default 🚀 Incremental Hydration is default ♿ @​angular/aria stable 🤖 Debug interfaces for AI agents Thanks to the @angular.dev team! angular.schule/blog/2026-06...

Angular.Schule → Angular 22 is here!

🚀 There is news from the Angular world again: Angular 22 is here! This release pushes several concepts across the finish line: Signal Forms, the Resource API, and @angular/aria are now stable. The Htt...

angular.schule

🅰️ #Angular 22 ist da! 🎉 Alle News im Blog: ✨ Signal Forms & Resource API stable 🆕 @​Service()-Decorator 🎯 OnPush ist nun Default 🚀 Incremental Hydration ist nun Default ♿ @​angular/aria stable 🤖Debug-Schnittstellen für AI-Agenten Danke an das @angular.dev Team! angular-buch.com/blog/2026-06...

Angular-Buch → Angular 22 ist da!

📙 Es gibt wieder Neuigkeiten aus der Angular-Welt: Angular 22 ist da! Dieses Release zieht mehrere Konzepte über die Ziellinie: Signal Forms, Resource API und @angular/aria sind stable. Der HttpClient...

angular-buch.com

Warum eine 1. Auflage, nicht eine fünfte? Zwischen 🅰️ #Angular 15 und 22 hat sich mehr verändert als in der gesamten Geschichte davor: Signals, Signal Forms, Resource API, Vitest, native Control Flow… Alles neu! Der Angular-Neustart! Jetzt überall im Handel! #AngularBuch

Bild

Es ist (fast) da! 🎉 Das neue 🅰️ Angular-Buch erscheint Ende Mai 2026 - und so sieht es aus! 624 Seiten, 14 Kapitel, komplett neu geschrieben: Signals, Signal Forms, Resource API, Vitest und vieles mehr. Kein Update der 4. Auflage, sondern dein Neustart! #AngularBuch

Bild

🚀 Neuer Blogartikel: A11y in Formularen mit Angular Wie reagiert eine App auf fehlerhafte Submits – für Screenreader & Tastaturnutzer:innen? ➡️ Disabled Button? ➡️ Inline-Fehler mit aria-* ➡️ Fehlerzusammenfassung ➡️ Fokus aufs erste Fehlerfeld Jetzt lesen: angular-buch.com/blog/2026-03...

Angular-Buch → Barrierefreiheit in Formularen: Daten versenden

📙 Wenn Nutzende ein Formular absenden, das noch Fehler enthält, entscheidet die Reaktion der Anwendung über die Benutzerfreundlichkeit. Gerade für Menschen, die auf Screenreader oder Tastaturnavigatio...

angular-buch.com

Anthropic just shipped Remote Control for Claude Code: /remote-control Start local sessions from the terminal, then continue them from your phone. Touch some grass without losing your flow. This is the first phone ↔ local machine integration from any major AI lab, but for sure not the last.

That flickering. That endless scrolling. Claude Code is great, until your terminal explodes! 🤯🤯 The #1 reported bug for a year. I found the fix. Two commands, done.

🅰️ #Angular 21 is here! 🎉 The highlights: ✨ Zoneless is now the default 🧪 Signal Forms (experimental) ⚡ Vitest replaces Karma/Jasmine ✅ @angular/aria for accessibility 🤖 MCP server & AGENTS․md for AI assistants now stable More details here: angular.schule/blog/2025-11...

Angular.Schule → Angular 21 is here!

🚀 On November 19, 2025, Angular 21 was released! The most important updates: Signal Forms, zoneless apps, testing with Vitest, the new package @angular/aria, and more support for AI assistants.

angular.schule

🅰️ #Angular 21 ist da! 🎉 Das sind die News: ✨ Zoneless ist jetzt Standard 🧪 Signal Forms (experimentell) ⚡ Vitest ersetzt Karma/Jasmine ✅ @angular/aria für Barrierefreiheit 🤖 MCP-Server & AGENTS․md für AI-Assistenten stabil Alle Details im Blog: angular-buch.com/blog/2025-11...

Angular-Buch → Angular 21 ist da!

📙 Bevor wir uns in den Trubel zum Jahresende stürzen, gibt es Neuigkeiten aus der Angular-Welt: Am 19. November 2025 wurde Angular 21 veröffentlicht! Die wichtigsten Neuigkeiten: Signal Forms, Zoneles...

angular-buch.com

Did you know that Johannes Hoppe, a GDE that has been a part of the community for more than 10 years, maintains angular-cli-ghpages? This tool makes it incredibly easy to deploy Angular apps to GitHub Pages or CloudFlare Pages directly from the Angular CLI. Give it a try github.com/angular-schu...

Years active in the community - 10+ years
Favourite Angular feature - The Angular CLI is my favorite feature. It empowers developers to get started quickly, optimizes the development workflow, and ensures consistency across teams.
Website - https://angular.schule/blog
Fun fact - I co-wrote the German Angular Book in all its 4 editions, and I still find myself learning new things about Angular every day! Also, my coffee addiction is supercharging my Angular coding sessions.

New 🅰️ #Angular article! Tired of writing backend services by hand? Generate fully-typed Angular API clients with OpenAPI generator, fast and reliable! ✅ Uses the new provideApi() syntax ✅ Bonus: toSignal() and rxResource() examples angular.schule/blog/2025-06... #OpenAPI #Swagger

Angular.Schule → Generating Angular API clients with OpenAPI Generator

🚀 In this article, we'll show how to use OpenAPI Generator to automatically generate Angular HTTP services from your OpenAPI spec.

angular.schule

🅰️ #Angular 20 is here! 🚀 All news in the blog: 🛠️ New coding style guide: No more component suffixes 👀 Zoneless Developer Preview 👋 Farewell to *ngIf, *ngFor, *ngSwitch ⚡️ Stable signal APIs: effect(), linkedSignal(), toSignal() 🔁 New resource API: httpResource() angular.schule/blog/2025-05...

Angular.Schule → Angular 20 is here!

🚀 Everything new comes in May - or at least a new major version of Angular: On May 28, 2025, Angular 20 was released! You can find the release information directly from the Angular team in the officia...

angular.schule

🅰️ #Angular 20 ist da! 🚀 Alle News im Blog: 🛠️ Neuer Coding Style Guide: Keine Component-Suffixe mehr 👀 Zoneless Developer Preview 👋 Abschied von *ngIf, *ngFor, *ngSwitch ⚡️ Stabile Signal-APIs: effect(), linkedSignal(), toSignal() 🔁 Neue Resource-API: httpResource() angular-buch.com/blog/2025-05...

Angular-Buch → Angular 20 ist da!

📙 Alles neu macht der Mai – oder zumindest eine neue Major-Version von Angular: Am 28. Mai 2025 wurde Angular 20 veröffentlicht! Im offiziellen Angular-Blog finden Sie die Release-Informationen direkt...

angular-buch.com