Angular University 🅰️

🚀 𝗜’𝗺 𝘃𝗲𝗿𝘆 𝗵𝗮𝗽𝗽𝘆 𝘁𝗼 𝗮𝗻𝗻𝗼𝘂𝗻𝗰𝗲 𝘁𝗵𝗲 𝗻𝗲𝘅𝘁 𝗰𝗼𝘂𝗿𝘀𝗲 𝗵𝗲𝗿𝗲 𝗮𝘁 𝘁𝗵𝗲 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗨𝗻𝗶𝘃𝗲𝗿𝘀𝗶𝘁𝘆! 🤖 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗔𝗜 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 𝗖𝗼𝘂𝗿𝘀𝗲⚡ (𝗪𝗶𝘁𝗵 𝗖𝗹𝗮𝘂𝗱𝗲 𝗖𝗼𝗱𝗲) We are going to vibe code an Angular AI assistant chatbot from scratch using the OpenAI API and the Claude Code AI coding agent. 📚 𝗔𝗯𝗼𝘂𝘁 𝘁𝗵𝗶𝘀 𝗰𝗼𝘂𝗿𝘀𝗲 Our job as developers is no longer to write most of the code ourselves. It’s now about designing systems, making architectural decisions, choosing the right dependencies, and guiding AI to generate code that is clean, maintainable, and easy to verify. The developers who know how to work effectively with AI already have a huge advantage. 🚀 This course is a complete, practical guide to AI-assisted modern Angular development with signals, focused on modern Angular with standalone components, signals, zoneless architecture, and coding agents like Claude Code. We start by configuring Claude Code properly for Angular, Node, and TypeScript projects, including the Angular MCP Server, so the AI has access to up-to-date Angular documentation and best practices for your exact Angular version. 🧠 Then we use it to build a complete full-stack application from scratch: ✨ A signals-based Angular AI chat interface ⚙️ Backed by a Node + Express REST API 🤝 Integrated with the OpenAI API 🔐 Authentication, JWT sessions, route protection, and secure password handling This includes generating the frontend UI from Figma screenshots, building the full chat experience, and implementing the backend architecture step by step. Most importantly, you’ll learn how to actually work with AI professionally: 👉 What to delegate 👉 What to review 👉 How to structure prompts 👉 How to stop the AI from repeating the same mistakes This is a practical, code-first course built around one real sample application. ⏳ The course will be pre-launched in the coming days. 𝗛𝗶𝘁 𝗿𝗲𝗽𝗹𝘆 — what do you think about this course? 👇🔥 #Angular #AI #ClaudeCode #OpenAI #TypeScript #WebDevelopment #SoftwareEngineering

@saen_dev Especially with the evolution of Angular over the years, the Angular MCP server is such a life saver.

@AngularUniv Connecting your AI agent to the actual framework version you're running eliminates a whole class of hallucination that's hard to catch in review. Had a project where the agent kept suggesting Angular 14 patterns on a v18 codebase until we added framework context.

🚀 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗱𝗲𝘃𝘀: connecting Claude Code to the Angular MCP Server massively improves AI-generated Angular code and cuts outdated patterns + hallucinations. 🔥 It gives AI agents direct access to: ✅ Your Angular version ✅ Latest Angular APIs ✅ Official Angular best practices ✅ Signals & zoneless patterns ✅ Up-to-date Angular examples This dramatically reduces outdated Angular code generation like: ❌ ngModel-era patterns ❌ pre-signals architecture ❌ obsolete APIs Think of it as a bridge between Claude Code and the official Angular knowledge base for your specific Angular version. The result: Much better Angular code with far fewer hallucinations. 🔥 #Angular #AI #ClaudeCode #WebDevelopment #Programming

This is a game-changer for modern, reactive @angular: a linked signal can now write back to its source of truth. The logic for this is defined when setting up the linked signal. Impressive, how small changes make a huge impact. github.com/angular/angula…

🚨 𝗗𝗶𝗱 𝘆𝗼𝘂 𝗸𝗻𝗼𝘄 𝘁𝗵𝗮𝘁 𝘁𝗵𝗲𝗿𝗲 𝗶𝘀 𝗺𝗼𝗿𝗲 𝘁𝗵𝗮𝗻 𝗼𝗻𝗲 𝗖𝗟𝗔𝗨𝗗𝗘.𝗺𝗱? 🤯 𝗖𝗹𝗮𝘂𝗱𝗲 𝗖𝗼𝗱𝗲 looks for 𝗖𝗟𝗔𝗨𝗗𝗘.𝗺𝗱 files in multiple locations and merges them together, with a clear hierarchy: 🧠⚡ 𝟭. 𝗘𝗻𝘁𝗲𝗿𝗽𝗿𝗶𝘀𝗲 𝗿𝗼𝗼𝘁 CLAUDE.md Enforce non-negotiables: banned libraries, security policies, data handling rules Keep it lean; it loads for every session company-wide so noise costs everyone. 𝟮. 𝗨𝘀𝗲𝗿-𝗹𝗲𝘃𝗲𝗹 (~/.claude/CLAUDE.md) Personal workflow: preferred tools, editor conventions, tabs over spaces, how you like things explained. Avoid project-specific content — it'll bleed into unrelated projects. 𝟯. 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 𝗿𝗼𝗼𝘁 (./CLAUDE.md) Lead with the essentials: how to build, test, and run the project. Document non-obvious architectural decisions so Claude doesn't refactor them away. List libraries and preferences between similar options (dayjs not moment) Commit it — it's documentation for teammates as much as for Claude. 𝟰. 𝗡𝗲𝘀𝘁𝗲𝗱 𝗖𝗟𝗔𝗨𝗗𝗘.𝗺𝗱 𝗳𝗶𝗹𝗲𝘀 Instructions valid only inside that folder, like frontend and backend project decisions, /mobile vs /api for example. Great for monorepos where many folders have little in common. Document "why" for weird local patterns, not just "what" 𝟱. 𝗜𝗺𝗽𝗼𝗿𝘁𝗲𝗱 𝗳𝗶𝗹𝗲𝘀 (@path/to/file.md) Share a single source of truth across multiple CLAUDE.md files in a monorepo. Scope each imported file to one topic so it's reusable without dragging in noise. Avoid deep import chains — they're hard to debug. 𝟲. 𝗣𝗿𝗼𝗷𝗲𝗰𝘁 𝗹𝗼𝗰𝗮𝗹 (./CLAUDE.local.md) Gitignored personal overrides within a project — add to .gitignore explicitly. Local credentials, machine-specific paths, Work in progress notes you don't want to share.

course available here: 🔗 angular-university.io/course/angular…

🚀 𝗜’𝗺 𝘃𝗲𝗿𝘆 𝗵𝗮𝗽𝗽𝘆 𝘁𝗼 𝗮𝗻𝗻𝗼𝘂𝗻𝗰𝗲 𝘁𝗵𝗲 𝗻𝗲𝘅𝘁 𝗰𝗼𝘂𝗿𝘀𝗲 𝗵𝗲𝗿𝗲 𝗮𝘁 𝘁𝗵𝗲 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗨𝗻𝗶𝘃𝗲𝗿𝘀𝗶𝘁𝘆! 🤖 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗔𝗜 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 𝗖𝗼𝘂𝗿𝘀𝗲⚡ (𝗪𝗶𝘁𝗵 𝗖𝗹𝗮𝘂𝗱𝗲 𝗖𝗼𝗱𝗲) We are going to vibe code an Angular AI assistant chatbot from scratch using the OpenAI API and the Claude Code AI coding agent. 📚 𝗔𝗯𝗼𝘂𝘁 𝘁𝗵𝗶𝘀 𝗰𝗼𝘂𝗿𝘀𝗲 Our job as developers is no longer to write most of the code ourselves. It’s now about designing systems, making architectural decisions, choosing the right dependencies, and guiding AI to generate code that is clean, maintainable, and easy to verify. The developers who know how to work effectively with AI already have a huge advantage. 🚀 This course is a complete, practical guide to AI-assisted modern Angular development with signals, focused on modern Angular with standalone components, signals, zoneless architecture, and coding agents like Claude Code. We start by configuring Claude Code properly for Angular, Node, and TypeScript projects, including the Angular MCP Server, so the AI has access to up-to-date Angular documentation and best practices for your exact Angular version. 🧠 Then we use it to build a complete full-stack application from scratch: ✨ A signals-based Angular AI chat interface ⚙️ Backed by a Node + Express REST API 🤝 Integrated with the OpenAI API 🔐 Authentication, JWT sessions, route protection, and secure password handling This includes generating the frontend UI from Figma screenshots, building the full chat experience, and implementing the backend architecture step by step. Most importantly, you’ll learn how to actually work with AI professionally: 👉 What to delegate 👉 What to review 👉 How to structure prompts 👉 How to stop the AI from repeating the same mistakes This is a practical, code-first course built around one real sample application. ⏳ The course will be pre-launched in the coming days. 𝗛𝗶𝘁 𝗿𝗲𝗽𝗹𝘆 — what do you think about this course? 👇🔥 #Angular #AI #ClaudeCode #OpenAI #TypeScript #WebDevelopment #SoftwareEngineering

🚀 I'm very happy to announce that the new 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗔𝗜 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 course is now available in pre-launch mode. 🎉 🔗angular-university.io/course/angular… The first lessons will be published next week, and after that new lessons will be released weekly until the course is complete. 👉 Check out the table of contents 👉 Get the course: 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗔𝗜 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (with Claude Code) 💬 Hit reply and let me know: what would you like to see added to the table of contents? 𝗔𝗯𝗼𝘂𝘁 𝘁𝗵𝗶𝘀 𝗰𝗼𝘂𝗿𝘀𝗲 Our job as developers is no longer writing most of the code ourselves anymore. Today, it’s about: ⚡ Designing systems ⚡ Making architectural decisions ⚡ Choosing the right dependencies ⚡ Guiding AI to generate clean, maintainable, verifiable code The developers who know how to work effectively with AI already have a huge advantage. This course is a complete, practical guide to AI-assisted Angular development with: 🔥 Signals 🔥 Standalone Components 🔥 Zoneless Architecture 🔥 Claude Code & AI coding agents We start by configuring Claude Code properly for Angular, Node, and TypeScript projects — including the Angular MCP Server, so the AI has access to up-to-date Angular documentation and best practices for your exact Angular version. Then we build a complete full-stack application from scratch: → 🤖 A signals-based Angular AI chat interface → 🔌 A Node + Express REST API backend → 🧠 OpenAI API integration → 🔐 Authentication, JWT sessions & route protection → 🎨 Frontend UI generated from Figma screenshots → 🏗️ Full backend architecture step by step Most importantly, you'll learn how to actually work with AI professionally: ✅ What to delegate ✅ What to review ✅ How to structure prompts ✅ How to stop AI from repeating the same mistakes This is a practical, code-first course built around one real sample application. 🚀 First lessons are coming next week.

𝗛𝗲𝗿𝗲 𝗶𝘀 𝘁𝗼 𝟭𝟬 𝘆𝗲𝗮𝗿𝘀 𝗼𝗳 𝘁𝗵𝗲 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗨𝗻𝗶𝘃𝗲𝗿𝘀𝗶𝘁𝘆 🎉🥂 Over the years, more than 270,000 developers have taken my courses. Still very hard for me to fully wrap my head around that number. That's 1,651 lessons recorded until today ( re-recordings included 🙂) I just wanted to take a moment to thank to everyone who one way or the other has been part of all of this: The Angular team for building and evolving the framework through all these years, the Angular community, and to everyone who took the courses. Thank you 🙏 Vasco #angular

🚦💥𝗗𝗶𝗳𝗳𝗲𝗿𝗲𝗻𝗰𝗲 𝗯𝗲𝘁𝘄𝗲𝗲𝗻 𝗗𝗲𝗳𝗮𝘂𝗹𝘁 𝗖𝗵𝗮𝗻𝗴𝗲 𝗗𝗲𝘁𝗲𝗰𝘁𝗶𝗼𝗻 𝗮𝗻𝗱 𝗢𝗻𝗣𝘂𝘀𝗵 𝗶𝗻 𝗮 𝟭𝟬𝟬% 𝘀𝗶𝗴𝗻𝗮𝗹𝘀-𝗯𝗮𝘀𝗲𝗱 𝗭𝗼𝗻𝗲𝗹𝗲𝘀𝘀 𝗮𝗽𝗽𝗹𝗶𝗰𝗮𝘁𝗶𝗼𝗻? In practice, no meaningful difference. But still very interesting to know why: 𝗛𝗼𝘄 𝘀𝗶𝗴𝗻𝗮𝗹𝘀 𝗱𝗿𝗶𝘃𝗲 𝗰𝗵𝗮𝗻𝗴𝗲 𝗱𝗲𝘁𝗲𝗰𝘁𝗶𝗼𝗻 When a signal is read in a template, Angular's reactive graph records that dependency. When the signal updates, Angular internally calls markForCheck() on that component — regardless of its change detection strategy. Both Default and OnPush get marked dirty and re-rendered by the same mechanism. 𝗪𝗵𝗮𝘁 𝗢𝗻𝗣𝘂𝘀𝗵 𝘄𝗮𝘀 𝗮𝗰𝘁𝘂𝗮𝗹𝗹𝘆 𝘀𝗼𝗹𝘃𝗶𝗻𝗴 OnPush was designed to opt out of the Zone.js-driven "check everything" cycle. Without it, Zone.js would patch every setTimeout, Promise, XHR, etc. and trigger a full top-down tree walk. OnPush let you say "only check me if my inputs changed or Iwas explicitly marked dirty." In a zoneless app, that problem doesn't exist. There is no global tick. Either: 1 - A signal marks a component dirty 2 - Or you mark the component has dirty yourself explicitly Notice that the async pipe will also mark the component as dirty, but here I'm assuming a signals-only app. In a signal-based zoneless app, there's no runaway Zone.js cycle to protect against. 𝗪𝗵𝗮𝘁 𝗵𝗮𝗽𝗽𝗲𝗻𝘀 𝗶𝗳 𝘀𝗶𝗴𝗻𝗮𝗹𝘀 𝗮𝗿𝗲 𝗯𝘆𝗽𝗮𝘀𝘀𝗲𝗱 In this exact type of application, if you accidentally bypass signals — a direct property mutation, a class field updated without signal.set(), etc. — nothing happens. This hold true for both Default and OnPush - again this is true for a zoneless application specifically. In a disciplined signals-only codebase that's actually a non-issue - every data modification goes via a signal. 𝗔𝗻𝗴𝘂𝗹𝗮𝗿'𝘀 𝗱𝗶𝗿𝗲𝗰𝘁𝗶𝗼𝗻 In the long term, it looks like fine-grained signal reactivity replaces the more coarse-grained Default/OnPush distinction entirely. The more concrete near-term step is github.com/angular/angula…, which proposes making OnPush the schematic default in Angular 22 — because in a signals-first world, Default becomes the odd choice rather than OnPush. #angular #angular21 #angular22 #onpush #changedetection

𝗧𝗵𝗲 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗠𝗖𝗣 𝗦𝗲𝗿𝘃𝗲𝗿 𝗶𝘀 𝗮 𝗴𝗮𝗺𝗲 𝗰𝗵𝗮𝗻𝗴𝗲𝗿 𝗳𝗼𝗿 𝗔𝗜-𝗮𝘀𝘀𝗶𝘀𝘁𝗲𝗱 𝗱𝗲𝘃𝗲𝗹𝗼𝗽𝗺𝗲𝗻𝘁 🚀 It’s a 𝘀𝘁𝗮𝗻𝗱𝗮𝗿𝗱𝗶𝘇𝗲𝗱 𝗔𝗜 "𝗽𝗹𝘂𝗴𝗶𝗻" that gives tools like 𝗖𝗹𝗮𝘂𝗱𝗲 𝗖𝗼𝗱𝗲 direct access to Angular documentation, best practices, and real examples - matched to your project’s Angular version via angular.json. 👉 No more outdated or generic answers 👉 Code generation aligned with latest Angular best practices 👉 Version-aware suggestions (huge for Signals, standalone APIs, etc.) 👉 More accurate debugging and architectural guidance In short: your AI stops hallucinating Angular code and starts writing it the right way. Here is how you can configure your ~/.claude.json to start the MCP server in each Claude Code session. Notice that experimental tools like modernize (to help with migration to Signals) are off by default:

🚀 𝗧𝗵𝗲 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗨𝗻𝗶𝘃𝗲𝗿𝘀𝗶𝘁𝘆 𝗡𝗲𝘅𝘁 𝗖𝗼𝘂𝗿𝘀𝗲 𝗦𝘂𝗿𝘃𝗲𝘆 𝗥𝗲𝘀𝘂𝗹𝘁𝘀 𝗔𝗿𝗲 𝗜𝗻… 𝟰𝟬% 𝗼𝗳 𝘆𝗼𝘂 𝗰𝗵𝗼𝘀𝗲 𝘁𝗵𝗲 𝗻𝗲𝘅𝘁 𝗰𝗼𝘂𝗿𝘀𝗲 👀 Almost a majority… that’s quite rare. I had a feeling this one would win, and the survey confirmed it 😉 I’m starting the preparation of the next course now. 👉 Official announcement in the next few days 👉 This one is going to be big If you voted… you already know 😏 Feel free to guess in the comments what the new course is about 👇 And thank you all for participating 🙏 #Angular #WebDev #Frontend #AngularSignals #Programming

Angular will introduce a new decorator in v22: @Service - Root by default - inject() only It will stream line how we define services and reduce even more the boilerplate. github.com/angular/angula…

𝗡𝗲𝘄 𝗖𝗼𝘂𝗿𝘀𝗲 𝗟𝗮𝘂𝗻𝗰𝗵𝗲𝗱: 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵: I'm very happy to announce that a brand new 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻) course is now launched and fully available. This course is the first of the new ongoing "Signals Edition" series covering the new Angular framework - Signals-based and Zoneless. 𝗚𝗲𝘁 𝘁𝗵𝗲 𝗻𝗲𝘄 𝗰𝗼𝘂𝗿𝘀𝗲 𝗻𝗼𝘄 𝗳𝗼𝗿 𝗼𝗻𝗹𝘆 $𝟰𝟵, 𝗼𝗿 𝗴𝗿𝗮𝗯 𝗮 𝘀𝘂𝗯𝘀𝗰𝗿𝗶𝗽𝘁𝗶𝗼𝗻 𝗮𝗻𝗱 𝗮𝗰𝗰𝗲𝘀𝘀 𝗮𝗹𝗹 𝗰𝗼𝘂𝗿𝘀𝗲𝘀!👇 🔗 angular-university.io/course/angular… I invite you to stay tuned to this newsletter, as the next course of the Signals Edition series is going to be announced in the coming days. Vasco Angular University angular-university.io

𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 𝗖𝗼𝘂𝗿𝘀𝗲 (𝗔𝗹𝗺𝗼𝘀𝘁 𝗖𝗼𝗺𝗽𝗹𝗲𝘁𝗲𝗱) This week you have available 𝟰𝟯 𝗺𝗶𝗻𝘂𝘁𝗲𝘀 of brand new lessons for the ongoing Angular Testing In Depth (Signals Edition) course. The 𝗰𝗼𝘂𝗿𝘀𝗲 𝗶𝘀 𝗮𝗹𝗺𝗼𝘀𝘁 𝗰𝗼𝗺𝗽𝗹𝗲𝘁𝗲𝗱 and will be followed by a series of related guides. While the guides are being produced, I will already announce and start producing the next course in the series. So, I invite you to stay tuned for the upcoming announcement. Today's free lesson is on how to use the router testing harness to easily test router Resolvers and Guards. 𝗪𝗮𝘁𝗰𝗵 𝗵𝗲𝗿𝗲: 🔗 angular-university.io/lesson/angular… 𝗖𝗼𝗻𝘁𝗲𝗻𝘁 𝗥𝗲𝗹𝗲𝗮𝘀𝗲𝗱 𝗧𝗵𝗶𝘀 𝗪𝗲𝗲𝗸 Here is the new content that was just released. Expect new content next week: ✔️ New Section - Testing Angular Signal Forms ✔️ Setting Up The Test Suite of the Course Dialog Component ✔️ Asserting that a Form is correctly initialized ✔️ Testing Form Error Handling Logic ✔️ Reusable Form Field Testing Logic ✔️ Understanding the Vitest objectContaining API ✔️ New Section - Testing Angular Routing Logic ✔️ Setting Up a RouterTestingHarness ✔️ How To Test an Angular Router Resolver 𝗚𝗲𝘁 𝘁𝗵𝗲 𝗙𝘂𝗹𝗹 𝗖𝗼𝘂𝗿𝘀𝗲 This course is available in pre-launch mode. This means that the first lessons are available, and new lessons are going to be released every week until the course is completed. 🔗 angular-university.io/course/angular… 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗨𝗻𝗶𝘃𝗲𝗿𝘀𝗶𝘁𝘆 𝗥𝗼𝗮𝗱𝗺𝗮𝗽 These are the courses you can expect next: ✔️ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻): Currently under recording. Learn Angular testing in depth. Write robust, maintainable tests for modern signal-based Angular applications. ✔️ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗙𝗼𝗿 𝗕𝗲𝗴𝗶𝗻𝗻𝗲𝗿𝘀 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻): A complete beginner-friendly course to learn Angular from the ground up with Signals, mastering the core features you’ll use every day. ✔️ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗥𝗼𝘂𝘁𝗲𝗿 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵: A modern deep dive into Angular routing, from core concepts to advanced navigation patterns. ✔️ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗙𝗼𝗿𝗺𝘀 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻): An in-depth guide to Angular Signal Forms, covering validation, custom controls, and real-world patterns. Vasco Angular University angular-university.io

@AngularUniv One of the top learning resources in terms of Angular, check it out 👆☝️

𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵: 𝗔𝘁𝘁𝗿𝗶𝗯𝘂𝘁𝗲 𝗗𝗶𝗿𝗲𝗰𝘁𝗶𝘃𝗲𝘀 (𝗙𝗿𝗲𝗲 𝗟𝗲𝘀𝘀𝗼𝗻) This week, you have available 48 minutes of brand new lessons for the ongoing Angular Testing In Depth (Signals Edition) course. This week, we cover Angular HTTP Testing, testing Pipes, and Attribute Directives. Next up is: testing forms, routing logic, and test harnesses - and the course will be completed! Here is a free sample lesson: 🔗 angular-university.io/lesson/angular… 𝗖𝗼𝗻𝘁𝗲𝗻𝘁 𝗥𝗲𝗹𝗲𝗮𝘀𝗲𝗱 𝗧𝗵𝗶𝘀 𝗪𝗲𝗲𝗸 ➤ Here is the new content that was just released. Expect new content next week: ➤ New Section - Testing Angular HTTP Services ➤ Mocking HTTP Requests with HTTPTestingController ➤ Testing the findCourseById method ➤ Testing The findLessons Method - HTTP Parameters ➤ Testing the Save Course Method ➤ Testing an Angular Pipe ➤ New Section- Testing Angular Attribute Directives ➤ Testing Features Dependent on Mouse Enter and Mouse Leave ➤ Completing the Test Suite of the Highlight Directive 𝗚𝗲𝘁 𝘁𝗵𝗲 𝗙𝘂𝗹𝗹 𝗖𝗼𝘂𝗿𝘀𝗲 This course is available in pre-launch mode. This means that the first lessons are available, and new lessons are going to be released every week until the course is completed. 🔗 angular-university.io/course/angular… 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗨𝗻𝗶𝘃𝗲𝗿𝘀𝗶𝘁𝘆 𝗥𝗼𝗮𝗱𝗺𝗮𝗽 These are the courses you can expect next: ➤ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻): Currently under recording. Learn Angular testing in depth. Write robust, maintainable tests for modern signal-based Angular applications. ➤ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗙𝗼𝗿 𝗕𝗲𝗴𝗶𝗻𝗻𝗲𝗿𝘀 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻): A complete beginner-friendly course to learn Angular from the ground up with Signals, mastering the core features you’ll use every day. ➤ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗥𝗼𝘂𝘁𝗲𝗿 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵: A modern deep dive into Angular routing, from core concepts to advanced navigation patterns. ➤ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗙𝗼𝗿𝗺𝘀 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻): An in-depth guide to Angular Signal Forms, covering validation, custom controls, and real-world patterns. Vasco Angular University angular-university.io

𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴: 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗦𝗶𝗴𝗻𝗮𝗹 𝗥𝗲𝘀𝗼𝘂𝗿𝗰𝗲𝘀 𝗮𝗻𝗱 𝗣𝗮𝗴𝗶𝗻𝗮𝘁𝗶𝗼𝗻 (𝗙𝗿𝗲𝗲 𝗟𝗲𝘀𝘀𝗼𝗻) This week you have available 1h15m of brand new lessons for the ongoing Angular Testing In Depth (Signals Edition) course. Here is a free sample lesson. This is the start of a brand new section where we will be testing a much more complex component that uses signal resources and pagination: 🔗 angular-university.io/lesson/angular… 𝗖𝗼𝗻𝘁𝗲𝗻𝘁 𝗥𝗲𝗹𝗲𝗮𝘀𝗲𝗱 𝗧𝗵𝗶𝘀 𝗪𝗲𝗲𝗸 Here is the new content that was just released. Expect new content next week: ✔️ New Section - Testing a Complex Component with Signal Resources and Pagination ✔️ Course Page Component - Asserting The Initial Page Load ✔️ Testing Strategy for the Course Page Component ✔️ Testing the Loading Indicator Logic ✔️ Testing Pagination Logic - Next Page ✔️ Testing Pagination Logic - Previous Page ✔️ Testing The Page Size Logic of a Paginated Component ✔️ Testing The Sorting Logic of a Paginated Table Component ✔️ How To Test Debounced Search Logic- Fake Timers ✔️ Demo of Vitest Fake Timers 𝗚𝗲𝘁 𝘁𝗵𝗲 𝗙𝘂𝗹𝗹 𝗖𝗼𝘂𝗿𝘀𝗲 This course is available in pre-launch mode. This means that the first lessons are available, and new lessons are going to be released every week until the course is completed. 🔗 angular-university.io/course/angular… 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗨𝗻𝗶𝘃𝗲𝗿𝘀𝗶𝘁𝘆 𝗥𝗼𝗮𝗱𝗺𝗮𝗽 These are the courses you can expect next: ✔️ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻): Currently under recording. Learn Angular testing in depth. Write robust, maintainable tests for modern signal-based Angular applications. ✔️ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗙𝗼𝗿 𝗕𝗲𝗴𝗶𝗻𝗻𝗲𝗿𝘀 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻): A complete beginner-friendly course to learn Angular from the ground up with Signals, mastering the core features you’ll use every day. ✔️ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗥𝗼𝘂𝘁𝗲𝗿 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵: A modern deep dive into Angular routing, from core concepts to advanced navigation patterns. ✔️ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗙𝗼𝗿𝗺𝘀 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻): An in-depth guide to Angular Signal Forms, covering validation, custom controls, and real-world patterns. Vasco Angular University angular-university.io