Sign in

Johannes Hoppe

@johanneshoppe.de
99 followers 69 following 52 posts

Google Developer Expert for Angular. Follow me for AI and Angular insights. 📕 Book @angular-buch.com 🅰️ Trainer angular.schule and agentic.schule

PostsRepliesMedia
Johannes Hoppe @johanneshoppe.de · 29/09/2026
Does your AI agent keep getting locked out during research? 🔒 Here are some fixes to the default Playwright MCP: 1. Register your own MCP (updates) 2. Remove "HeadlessChrome" from the user agent 3. Hide the webdriver flag 4. Use a realistic language list Full setup: agentic.schule/en/blog/2026...
agentic.schule
Agentic.Schule → Your AI agent gets locked out during research? Give it its own, unobtrusive Playwright MCP
When a site deliberately locks you out, that is its good right. But most of the time the operator only wants to keep out the big bot farms, the ones…
110
Johannes Hoppe @johanneshoppe.de · 29/09/2026
Gesetzliche Gewährleistung, der Accessibility-Mega-GAU: Jede Art, die Grafik einzubauen, verletzt etwas. Lesbarkeit, die Bedienbarkeit, Rechtssicherheit oder Editierverbot. Wie man es macht, ist es falsch. Ich bin so frustriert, deswegen hier Selbsttherapie im Blog haushoppe-its.de/blog/2026/09...
haushoppe-its.de
Gut gemeint, schlecht gemacht: Wie der EU-Gewährleistungshinweis Inklusion und Barrierefreiheit untergräbt
Seit dem 27. September müssen Onlineshops einen EU-Pflichthinweis zur Gewährleistung zeigen. Gut gemeint ist er, aber ein A4-Blatt, das niemand editieren…
122
Johannes Hoppe @johanneshoppe.de · 28/09/2026
Your Claude Code weekly limit is maxed out? What now? 🤷‍♂️ Skip usage credits and /limit-reset. Get a second Max plan and two tools: 1. claude-swap switches accounts on the fly 2. cswap-pin keeps Remote Control alive Here's how: agentic.schule/en/blog/2026...
agentic.schule
Agentic.Schule → Agentic Coding Around the Clock: Maxing Out Multiple Claude Max Plans Without Interruption
About to hit your weekly limit in Claude Code? Don't worry, there is a solution. Usage credits and /limit-reset are not it. This article shows how to set…
000
Johannes Hoppe @johanneshoppe.de · 26/09/2026
Static #Angular SSR: Nice URLs and good SEO - you can't have both (but here's a fix!) A builder you can use today, and a PR for the CLI (👍 appreciated): angular.schule/blog/2026-09... @angular.dev @fmalcher.de
angular.schule
Static Angular SSR: Nice URLs and good SEO - you can't have both (but here's a fix!)
I love Angular. But when it comes to prerendered static sites, Angular is surprisingly far behind other major frameworks. Astro, Next.js, SvelteKit: they all let you choose how your pages are written to disk. Angular doesn't.
021
Johannes Hoppe @johanneshoppe.de · 25/09/2026
Have you ever had two AI coding agents get in each other's way in the same repo? My fix: every agent gets its own git worktree on its own branch, even across multiple repos: agentic.schule/en/blog/2026...
agentic.schule
Agentic.Schule → One Trunk, Many Branches: git worktrees for Parallel AI Agents
In classical software development, isolation came for free: one developer, one personal computer, one checkout. Every coding agent today assumes just as…
230
Johannes Hoppe @johanneshoppe.de · 24/09/2026
Where do your AI agents run when you close your laptop? Mine run on a Mac mini, around the clock. I dock in from my MacBook, my phone, or the train. Here's my whole setup: agentic.schule/en/blog/2026...
agentic.schule
Agentic.Schule → Agentic Coding Around the Clock: The Mac mini as a Ground Station
Agentic Coding works differently from a chat window: you set the direction, and the agent reads code, writes files, runs tests, and plans the next steps…
140
Johannes Hoppe @johanneshoppe.de · 24/09/2026
I have a little puzzle for you! Do you see a dangerous attack in the following AI skill? ☠️ Not sure what the attack is? Then you should read this article: agentic.schule/en/blog/2026...
110
Johannes Hoppe @johanneshoppe.de · 23/09/2026
One new article about AI for developers, every day for 30 days! 🚀 A security firm built a harmless-looking AI skill, slipped it into popular marketplaces, and it passed every automated review. Then they took over tens of thousands of agents. It's still live today! agentic.schule/en/blog/2026...
agentic.schule
Agentic.Schule → Anatomy of a Malicious AI Skill: An Attack That Is Still Live
A skill is a text file. That is what makes it so useful and, unfortunately, so dangerous. Installing a skill hands your agent an instruction that it…
000
Johannes Hoppe @johanneshoppe.de · 22/07/2026
Aus meinem Blog: „Bitte warten." Als meine Website plötzlich Türkisch sprach - und warum WordPress nervt haushoppe-its.de/blog/2026/07...
haushoppe-its.de
„Bitte warten." Als meine Website plötzlich Türkisch sprach - und warum WordPress nervt
Eine fremde, türkische Seite auf meiner eigenen Domain. Der Schreck, die Spurensuche und ein überfälliger Umzug von WordPress zu Astro.
020
Reposted by Johannes Hoppe
Angular @angular.dev · 22/06/2026
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.
141
Reposted by Johannes Hoppe
Angular.Schule @angular.schule · 03/06/2026
🅰️ #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.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...
051
Reposted by Johannes Hoppe
Angular Buch Team @angular-buch.com · 03/06/2026
🅰️ #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.com
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...
053
Reposted by Johannes Hoppe
Angular Buch Team @angular-buch.com · 31/05/2026
Unser neues Buch zu #Angular ist da! 😍 Nach 1,5 Jahren intensiver Arbeit ist das Angular-Buch ab jetzt überall im Handel erhältlich. Es ist inzwischen unser fünftes Buch - und es ist jedes Mal wieder aufregend, das neue Werk in Händen zu halten. #AngularBuch
132
Reposted by Johannes Hoppe
Ferdinand Malcher @fmalcher.de · 22/05/2026
Unser neues Buch zu #Angular ist da! Nach 1,5 Jahren Arbeit erscheint es nächste Woche im Handel 😍 @angular-buch.com
Angular-Buch und eine Kaffeetasse auf einem Holzuntergrundaufgeschlagenes Angular-Buch und eine Kaffeetasse auf einem HolzuntergrundDetail des gedruckten Angular-Buchs: Kapitalband und Lesezeichenband am oberen BuchrandDetailansicht des Covers vom Angular-Buch
032
Reposted by Johannes Hoppe
Angular Buch Team @angular-buch.com · 28/05/2026
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
021
Johannes Hoppe @johanneshoppe.de · 20/05/2026
Cover Reveal! 🎉 Neues Angular-Buch! Ende Mai im Handel! Yay!!
042
Reposted by Johannes Hoppe
Angular Buch Team @angular-buch.com · 20/05/2026
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
133
Johannes Hoppe @johanneshoppe.de · 16/03/2026
In the age of AI-generated code, do you still value clean, well-structured code? I do. That's why I built a VS Code extension that organizes your TypeScript/JavaScript imports with a single keystroke. Free & open source! marketplace.visualstudio.com/items?itemNa...
213
Reposted by Johannes Hoppe
Angular Buch Team @angular-buch.com · 04/03/2026
🚀 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.com
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...
022
Johannes Hoppe @johanneshoppe.de · 04/03/2026
🅰️ Angular Tip of the Day: Your app talks to multiple APIs - but your interceptors can't tell them apart!? Wrap it. Filter it. Done!
152
Johannes Hoppe @johanneshoppe.de · 25/02/2026
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.
220
Johannes Hoppe @johanneshoppe.de · 18/02/2026
I wrote a deep dive to get you started with Claude Code and Angular development! AI first! → Your first Angular project → Angular MCP server → Plan mode & extended thinking → Git integration → Docker Sandbox #Angular #ClaudeCode #AI #WebDevelopment angular.schule/blog/2026-02...
angular.schule
Angular.Schule → Claude Code: The AI Agent for Angular Developers (and Those Who Want to Become One)
🚀 There has never been a better time to build software. AI agents like Claude Code have fundamentally changed my workflow – I write better code in less time. In this article, I will show you how it wo...
020
Johannes Hoppe @johanneshoppe.de · 17/02/2026
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.
100
Johannes Hoppe @johanneshoppe.de · 11/02/2026
🤖 Agentic Coding with 🅰️ #Angular: AI agents work directly in your project – reading code, writing files, and planning next steps. The MCP server from @angular.dev ensures you get modern, best-practice code. Here's how: angular.schule/blog/2026-02...
angular.schule
Angular.Schule → Agentic Coding: AI Support for Angular
🚀 Software projects are becoming more complex, and requirements are increasing. AI (Artificial Intelligence) tools can support us in development and provide relief: They help with generating code, exp...
141
Johannes Hoppe @johanneshoppe.de · 14/01/2026
Mein Vorschlag: "Clean Code mit PHP 3" 😁
000
Johannes Hoppe @johanneshoppe.de · 20/11/2025
🅰️ #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.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.
063
Reposted by Johannes Hoppe
Angular Buch Team @angular-buch.com · 20/11/2025
🅰️ #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.com
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...
042
Johannes Hoppe @johanneshoppe.de · 20/11/2025
🅰️ #Angular 21 introduces a significant change to unit testing: #Vitest is now the default! In this article, I will show you what Vitest means for you, how to migrate existing Angular projects, and what benefits Vitest offers. angular.schule/blog/2025-11...
angular.schule
Angular.Schule → Vitest in Angular 21: What's new and how to migrate?
🚀 Angular 21 introduces a significant change to unit testing: Vitest is now the default, replacing the previous standard combination of Karma and Jasmine. When creating a new project with ng new, Angu...
011
Johannes Hoppe @johanneshoppe.de · 02/11/2025
Do you want to use rxResource in production? Stop scrolling and read this! The experimental 🅰️ #Angular Resource APIs have bugs that can break apps. In this article I’ll show fixes so you can ship with confidence. angular.schule/blog/2025-10...
angular.schule
Angular.Schule → Angular's Resource APIs Are Broken - Let's Fix Them!
🚀 Angular ships with three Resource APIs for declarative async data loading: resource(), rxResource(), and httpResource(). They're powerful additions to Angular's reactive toolkit, but they sh...
040
Reposted by Johannes Hoppe
Angular Buch Team @angular-buch.com · 03/10/2025
🅰️ #Angular ohne ﹫Injectable({ providedIn: 'root' })? Johannes zeigt, wie ein ﹫Service()-Decorator den Code kompakter machen könnte. Aber würdest du so etwas in Produktion einsetzen? 🤔 Lies selbst: angular.schule/blog/2025-09...
021
Johannes Hoppe @johanneshoppe.de · 03/10/2025
I got tired of typing ﹫Injectable({ providedIn: 'root' }) for every 🅰️ #Angular service. So I built ﹫Service() instead. Good idea or career‑ending move? 😂 Full story: angular.schule/blog/2025-09...
131
Reposted by Johannes Hoppe
Angular @angular.dev · 09/07/2025
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.
162
Johannes Hoppe @johanneshoppe.de · 22/06/2025
Miss the old angular(dot)io/resources page? That curated list of helpful 🅰️ #Angular libraries and tools just… vanished. 😱 So we brought it back! Check it out at: angular.schule/blog/2025-06...
angular.schule
Angular.Schule → Miss the old angular.io/resources? We brought it back!
🚀 The old list of valuable resources from angular.io is gone. Here you can find a mirror.
022
Johannes Hoppe @johanneshoppe.de · 19/06/2025
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
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.
032
Reposted by Johannes Hoppe
Angular.Schule @angular.schule · 18/06/2025
🅰️ #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.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...
042
Johannes Hoppe @johanneshoppe.de · 18/06/2025
Neuer 🅰️ #Angular Artikel: Reactive Angular: effect() und afterRenderEffect verstehen und meistern! ⚡ Ich erkläre euch die Änderungen an effect() und zeige, wie afterRenderEffect() euch präzise DOM-Kontrolle gibt - ohne die alten Lifecycle-Hooks! 🚀 angular-buch.com/blog/2025-05...
angular-buch.com
Angular-Buch → Reactive Angular: effect and afterRenderEffect verstehen und einsetzen
📙 Mit Angular 19 gibt es eine wichtige Neuerung: Die effect()-API wurde vereinfacht und die neue Funktion afterRenderEffect() wurde eingeführt (siehe PR 57549). Diese Neuerung hat Auswirkungen darauf,...
032
Johannes Hoppe @johanneshoppe.de · 30/05/2025
New 🅰️ #Angular article: Mastering effect() and afterRenderEffect()! 🚀 Let’s dive into the changes to effect & the all-new afterRenderEffect - set to supercharge reactivity and DOM handling.⚡ angular.schule/blog/2024-11...
angular.schule
Angular.Schule → Angular 19: Mastering effect and afterRenderEffect
🚀 Angular 19 has a significant change with the simplification of the effect() API and the introduction of afterRenderEffect(). This change impacts how Angular handles post-render tasks and is especia...
141
Reposted by Johannes Hoppe
Angular Buch Team @angular-buch.com · 30/05/2025
🅰️ #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.com
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...
034
Johannes Hoppe @johanneshoppe.de · 30/05/2025
Hello World 👋
140