Johannes Hoppe

Johannes Hoppe

@johanneshoppe.de

Google Developer Expert for Angular. Follow me for AI and Angular insights. 🅰️ Trainer https://angular.schule and https://agentic.schule ℹ️ Impressum: https://haushoppe-its.de/i

110 followers70 following58 posts

Johannes Hoppe
@johanneshoppe.de

My pull Angular CLI pull request has been merged! 🎉 After three review rounds with Alan Agius, prerender.format is now part of Angular itself. I'm a little proud: a community request from 2024 that never collected enough votes is now an official option of the CLI. github.com/angular/angu...

github.comfeat(@angular/build): add `prerender.format` option to prerender routes as `<route>.html` by JohannesHoppe · Pull Request #34180 · angular/angular-cliPR Checklist Please check to confirm your PR fulfills the following requirements: The commit message follows our guidelines: https://github.com/angular/angular-cli/blob/main/CONTRIBUTING.md#-com...
Johannes Hoppe
@johanneshoppe.de

Wusstest du, dass deine Claude-Code-Agenten gar kein Framework brauchen, um zusammenzuarbeiten? Deine Sessions können sich längst gegenseitig Nachrichten schicken! #claudecode agentic.schule/blog/2026-09...

agentic.schuleAgentic.Schule → Zuruf zwischen Terminals: Claude-Code-Sitzungen schreiben sich NachrichtenDeine Agenten arbeiten an überschneidenden Aufgaben, etwa an zwei Features für dasselbe Projekt. Agent A hat eine Nachricht für Agent B. Bisher musstest…
Johannes Hoppe
@johanneshoppe.de

Wochenlimit von Claude Code erreicht? Meine Agenten arbeiten trotzdem weiter. claude-swap wechselt kurz vor dem Limit automatisch auf mein zweites Max-Abo, und cswap-pin hält dabei Remote Control fest. Beides Open Source: agentic.schule/blog/2026-09...

agentic.schuleAgentic.Schule → Agentic Coding rund um die Uhr: Mehrere Claude-Max-Abos ausreizen, ohne UnterbrechungDein Wochenlimit in Claude Code ist bald erreicht? Keine Sorge, dafür gibt es eine Lösung. Usage-Credits und /limit-reset sind es nicht. Dieser Artikel…
Johannes Hoppe
@johanneshoppe.de

Der /deep-research von Claude Code halluziniert! Vier Maßnahmen helfen: eine globale Misstrauens-Regel, ein getarnter Playwright-MCP, ein Lektorat-Workflow für jedes Zitat und am Ende ein Mensch, der gegenliest. Mehr dazu in meinem neuen Artikel! agentic.schule/blog/2026-09...

agentic.schuleAgentic.Schule → Deep Research: Lass deinen Agenten nicht halluzinierenGescheite Recherche mit AI klingt einfach: Befehl absetzen, Ergebnis abholen. Ich nutze dafür Claude Code und den Befehl /deep-research , im Prinzip…
Johannes Hoppe
@johanneshoppe.de

Davon erzählt dir keiner: Der Mac mini hat keinen Akku! Damit meine AI-Agenten trotzdem rund um die Uhr laufen: USV, sauberes Herunterfahren per Skript und ein KVM fürs Passwort aus der Ferne. agentic.schule/blog/2026-10...

agentic.schuleAgentic.Schule → Mac mini Hardening: Verschlüsselung, Backups, Boot und StromMeine Bodenstation läuft rund um die Uhr und ist von überall erreichbar. Bequem, ja. Aber sie ist auch ein physisches Gerät, das jemand mitnehmen kann…
Johannes Hoppe
@johanneshoppe.de

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.deGut gemeint, schlecht gemacht: Wie der EU-Gewährleistungshinweis Inklusion und Barrierefreiheit untergräbtSeit dem 27. September müssen Onlineshops einen EU-Pflichthinweis zur Gewährleistung zeigen. Gut gemeint ist er, aber ein A4-Blatt, das niemand editieren…
Johannes Hoppe
@johanneshoppe.de

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.schuleAgentic.Schule → Your AI agent gets locked out during research? Give it its own, unobtrusive Playwright MCPWhen 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…
Johannes Hoppe
@johanneshoppe.de

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.schuleAgentic.Schule → Agentic Coding Around the Clock: Maxing Out Multiple Claude Max Plans Without InterruptionAbout 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…
Johannes Hoppe
@johanneshoppe.de

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.schuleStatic 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&#39;t.
Johannes Hoppe
@johanneshoppe.de

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.schuleAgentic.Schule → Anatomy of a Malicious AI Skill: An Attack That Is Still LiveA 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…

Johannes Hoppe reposted

Angular
@angular.dev

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

Johannes Hoppe reposted

Angular.Schule
@angular.schule

🅰️ #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.schuleAngular.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...

Johannes Hoppe reposted

Angular Buch Team
@angular-buch.com

🅰️ #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.comAngular-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...

Johannes Hoppe reposted

Angular Buch Team
@angular-buch.com

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

Johannes Hoppe reposted

Angular Buch Team
@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

Johannes Hoppe reposted

Angular Buch Team
@angular-buch.com

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

Johannes Hoppe reposted

Angular Buch Team
@angular-buch.com

🚀 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.comAngular-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...
Johannes Hoppe
@johanneshoppe.de

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.

Johannes Hoppe
@johanneshoppe.de

Source: x.com/i/status/202...

x.comNoah Zweben on X: "Announcing a new Claude Code feature: Remote Control. It's rolling out now to Max users in research preview. Try it with /remote-control Start local sessions from the terminal, then continue them from your phone. Take a walk, see the sun, walk your dog without losing your flow. https://t.co/43c4RJCiOS" / XAnnouncing a new Claude Code feature: Remote Control. It's rolling out now to Max users in research preview. Try it with /remote-control Start local sessions from the terminal, then continue them from your phone. Take a walk, see the sun, walk your dog without losing your flow. https://t.co/43c4RJCiOS
Johannes Hoppe
@johanneshoppe.de

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.schuleAngular.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...
Johannes Hoppe
@johanneshoppe.de

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.

Johannes Hoppe
@johanneshoppe.de

🤖 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.schuleAngular.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...
Johannes Hoppe
@johanneshoppe.de

Mein Vorschlag: "Clean Code mit PHP 3" 😁

Angular Buch Team@angular-buch.com

🚨 COMING SOON 🚨 Wir bringen etwas Neues in den Handel... aber WAS? 🎯 Deine Aufgabe: Rate falsch! ❌ Falsche Antworten only! 🏆 Die Person mit der KREATIVSTEN Falschantwort gewinnt das EXAKTE GEGENTEIL von diesem Buch. Zeigt uns eure beste Falschantwort! 👇

Johannes Hoppe
@johanneshoppe.de

🅰️ #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.schuleAngular.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.

Johannes Hoppe reposted

Angular Buch Team
@angular-buch.com

🅰️ #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.comAngular-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...
Johannes Hoppe
@johanneshoppe.de

🅰️ #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.schuleAngular.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...
Johannes Hoppe
@johanneshoppe.de

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.schuleAngular.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&#39;re powerful additions to Angular&#39;s reactive toolkit, but they sh...

Johannes Hoppe reposted

Angular
@angular.dev

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

Johannes Hoppe
@johanneshoppe.de

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.schuleAngular.Schule → Generating Angular API clients with OpenAPI Generator🚀 In this article, we&#39;ll show how to use OpenAPI Generator to automatically generate Angular HTTP services from your OpenAPI spec.

Johannes Hoppe reposted

Angular.Schule
@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.schuleAngular.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...
Johannes Hoppe
@johanneshoppe.de

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.comAngular-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,...