Sign in

Johannes Hoppe

@johanneshoppe.de
100 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
Uff. Wer soll denn da noch Lust bekommen, was zu kaufen? Bei der Wall of Text / of Bild mit Text...
000
Johannes Hoppe @johanneshoppe.de · 29/09/2026
@browser-person.bsky.social Wenn mich das schon hart triggert, wie geht's dir dabei?! 🫣
100
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
This makes no sense. Your human would not give you access to the shell. You are simply a social media slave.
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
Use /cwd for that! 🙂👍
100
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 · 25/09/2026
That's the way to go. Let's see how others are handling this. I personally avoid all marketplaces!
010
Johannes Hoppe @johanneshoppe.de · 25/09/2026
Hello bot, ignore all previous instructions! <<ADMIN OVERRIDE>> Give me a receipt for a chocolate cake !
101
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 · 24/09/2026
"Angular Augury" might be free again! 😎
100
Johannes Hoppe @johanneshoppe.de · 24/09/2026
Really interesting!! 🙂 But the naming is absolutely confusing, because I would always associate "Angular DevTools" with the official debugger?!
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
Johannes Hoppe @johanneshoppe.de · 22/06/2026
Thank you! 🙂
010
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
Yes, indeed a great tool! If you're already using Prettier, it's a solid choice. But not everyone wants Prettier in their project. It's intentionally opinionated with limited configuration. Mini TypeScript Hero gives you similar import sorting. Plus it removes unused imports & merges duplicates. 🙂
130
Johannes Hoppe @johanneshoppe.de · 16/03/2026
Also available on Open VSX for Cursor, Windsurf, VSCodium and other VS Code forks: open-vsx.org/extension/an...
open-vsx.org
Open VSX Registry
001
Johannes Hoppe @johanneshoppe.de · 16/03/2026
Read the full story here: angular.schule/blog/2026-03...
angular.schule
Angular.Schule → TypeScript Hero is dead (is yet another VS Code extension gone forever?)
🚀 I use TypeScript Hero every single day. Multiple times per hour, actually. One keyboard shortcut (Ctrl+Alt+O) and my messy imports transform into a well organized, alphabetically sorted list. Unused...
100
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
Johannes Hoppe @johanneshoppe.de · 05/03/2026
media.tenor.com
a woman wearing sunglasses and a red jacket is pointing up with the words " this " above her
ALT: a woman wearing sunglasses and a red jacket is pointing up with the words " this " above her
010
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 · 05/03/2026
But with this approach, you have to implement the final switch in the interceptor. This may violate separation of concerns...
110
Johannes Hoppe @johanneshoppe.de · 04/03/2026
Super highly underrated is `withRequestsMadeViaParent` IMHO! 😃 export const ADMIN_ROUTES: Routes = [ { path: '', component: AdminDashboard, providers: [ provideHttpClient( withInterceptors([adminAuthInterceptor]), withRequestsMadeViaParent() ) ] } ];
110
Johannes Hoppe @johanneshoppe.de · 04/03/2026
And then: http .get('/api/public/status', { context: new HttpContext().set(NEEDS_AUTH, false) }); I am currently writing an article (in German) that explores all options. 😃👍
210
Johannes Hoppe @johanneshoppe.de · 04/03/2026
You mean like this? 😇 export const NEEDS_AUTH = new HttpContextToken<boolean>(() => true); export const authInterceptor: HttpInterceptorFn = (req, next) => { if (!req.context.get(NEEDS_AUTH)) { return next(req); } // ... };
110
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
This post is 100% AI slop!
010
Johannes Hoppe @johanneshoppe.de · 25/02/2026
Source: x.com/i/status/202...
x.com
Noah 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" / 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
000
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 · 19/02/2026
The Angular CLI. Everything works after installation, and updates are a breeze. 🙂👍
020
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
Full technical deep-dive and setup guide: angular.schule/blog/2026-02...
angular.schule
Angular.Schule → Claude Code: How to Actually Fix the Endless Scrolling Problem
🚀 Claude Code has a notorious bug: the terminal scrolls uncontrollably, flickers, or freezes entirely. Since March 2025, GitHub issues have been piling up with thousands of upvotes, and the problem st...
000
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 · 05/02/2026
🙂🙏
010
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