🚀 𝐁𝐢𝐠 𝐮𝐩𝐝𝐚𝐭𝐞 𝐟𝐫𝐨𝐦 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝐔𝐧𝐢𝐯𝐞𝐫𝐬𝐢𝐭𝐲! I'm happy to announce that, now that the migration of Angular to Signals is nearly complete, 𝙄'𝙡𝙡 𝙗𝙚 𝙧𝙚𝙘𝙤𝙧𝙙𝙞𝙣𝙜 𝙖𝙡𝙡 𝙘𝙤𝙪𝙧𝙨𝙚 𝙢𝙖𝙩𝙚𝙧𝙞𝙖𝙡 𝙛𝙧𝙤𝙢 𝙨𝙘𝙧𝙖𝙩𝙘𝙝. I'm going to start with the testing course, which was affected a lot by Angular 21, with the inclusion of Vitest as the default test engine. More on the re-recording roadmap soon. The new course is called Angular Testing In Depth - it's currently available in pre-launch mode. The first few lessons will be published next week! 𝐆𝐞𝐭 𝐭𝐡𝐞 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝐓𝐞𝐬𝐭𝐢𝐧𝐠 𝐈𝐧-𝐃𝐞𝐩𝐭𝐡 𝐂𝐨𝐮𝐫𝐬𝐞: 🔗 angular-university.io/course/angular… 𝐓𝐡𝐢𝐬 𝐂𝐨𝐮𝐫𝐬𝐞 𝐈𝐧 𝐚 𝐍𝐮𝐭𝐬𝐡𝐞𝐥𝐥 This course teaches modern Angular testing from the ground up, with a strong focus on signal-based, zoneless Angular applications. Instead of just showing how to write tests, it explains what to test, why, and when, helping you avoid brittle or overengineered tests. 💬 I’d love your input! Take a look at the table of contents and tell me: What do you think? Anything you’d like to see added? This is your chance to help shape the direction of the course 🙌 Vasco Angular University angular-university.io

🚀 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝟮𝟭 𝗨𝗽𝗱𝗮𝘁𝗲: 𝗩𝗶𝘁𝗲𝘀𝘁 𝗜𝘀 𝗡𝗼𝘄 𝘁𝗵𝗲 𝗗𝗲𝗳𝗮𝘂𝗹𝘁 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗦𝗼𝗹𝘂𝘁𝗶𝗼𝗻 Starting with Angular 21, Vitest replaces the old Karma/Jasmine stack as the default testing setup. If you want to get up to speed quickly, I’ve put together a complete guide to Vitest Fundamentals 👇 🔗 blog.angular-university.io/angular-testin… In this article, you’ll learn: ✅ The fundamentals of Vitest ✅ How testing works in modern Angular ✅ A clear comparison with Karma & Jasmine ✅ What’s changed, and why it matters If you’re already familiar with Karma and Jasmine, the guide starts with a comparison so you can quickly understand the differences. 📚 𝗪𝗮𝗻𝘁 𝘁𝗼 𝗚𝗼 𝗗𝗲𝗲𝗽𝗲𝗿? The 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻) course is now available in pre-launch mode. That means you can start learning today, and new lessons are released every week until the course is complete. 🔗 𝗘𝗻𝗿𝗼𝗹𝗹 𝗵𝗲𝗿𝗲: angular-university.io/course/angular… Vasco Angular University 🌐 angular-university.io

🚀 New Angular Testing Lessons Are Live! This week, 𝟮𝟮 𝗺𝗶𝗻𝘂𝘁𝗲𝘀 of brand-new content have been added to the ongoing 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻) course. This course teaches you how to test signal-based Angular components from A to Z, and most (if not all) of these techniques also apply to legacy components. 🎬 𝗙𝗿𝗲𝗲 𝘀𝗮𝗺𝗽𝗹𝗲 𝗹𝗲𝘀𝘀𝗼𝗻: Testing Angular Signal Inputs – Asserting Correct Number of Tabs 🔗 angular-university.io/lesson/angular… 📚 𝗖𝗼𝗻𝘁𝗲𝗻𝘁 𝗥𝗲𝗹𝗲𝗮𝘀𝗲𝗱 𝗧𝗵𝗶𝘀 𝗪𝗲𝗲𝗸: ✅ The Tabs Component – Testing Signal-Based Angular Components ✅ Setting Up the Tabs Component Test Suite ✅ Testing Angular Signal Inputs – Asserting Correct Number of Tabs ✅ Asserting That the Active Tab Gets Highlighted ✅ Testing an Angular Model Signal Output ✅ Testing an Angular Signal Output More lessons coming next week! 💻 𝗚𝗲𝘁 𝘁𝗵𝗲 𝗙𝘂𝗹𝗹 𝗖𝗼𝘂𝗿𝘀𝗲 The course is currently available in pre-launch mode. That means the first lessons are available now, and new content is released weekly until completion. 🔗 Enroll here: angular-university.io/course/angular… 🗺 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗨𝗻𝗶𝘃𝗲𝗿𝘀𝗶𝘁𝘆 𝗥𝗼𝗮𝗱𝗺𝗮𝗽 – 𝗪𝗵𝗮𝘁’𝘀 𝗡𝗲𝘅𝘁? ✔️ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻) – Write robust, maintainable tests for modern signal-based Angular applications. ✔️ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗙𝗼𝗿 𝗕𝗲𝗴𝗶𝗻𝗻𝗲𝗿𝘀 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻) – Learn Angular from the ground up using Signals. ✔️ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗥𝗼𝘂𝘁𝗲𝗿 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 – A complete deep dive into Angular routing. ✔️ 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗙𝗼𝗿𝗺𝘀 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻) – Master Signal Forms, validation, custom controls, and real-world patterns. Let me know what topics you’d like to see covered next! — Vasco Angular University 🌐 angular-university.io

🌟 𝗡𝗲𝘄 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗟𝗲𝘀𝘀𝗼𝗻𝘀 𝗔𝘃𝗮𝗶𝗹𝗮𝗯𝗹𝗲! This week, 𝟰𝟬 𝗺𝗶𝗻𝘂𝘁𝗲𝘀 𝗼𝗳 𝗯𝗿𝗮𝗻𝗱 𝗻𝗲𝘄 𝗹𝗲𝘀𝘀𝗼𝗻𝘀 are live in the 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻) course! 🎬 𝗙𝗿𝗲𝗲 𝘀𝗮𝗺𝗽𝗹𝗲 𝗹𝗲𝘀𝘀𝗼𝗻: Angular Component Testing Fundamentals Watch here 👇 🔗 angular-university.io/lesson/angular… 𝗧𝗵𝗶𝘀 𝗪𝗲𝗲𝗸’𝘀 𝗥𝗲𝗹𝗲𝗮𝘀𝗲𝗱 𝗖𝗼𝗻𝘁𝗲𝗻𝘁: ✅ Understanding Vitest Pure Mocks ✅ Understanding Vitest Mock Clearing ✅ Understanding Vitest Mock Resetting ✅ Understanding Vitest Mock Restoring ✅ Resetting Mocks and Spies Between Tests ✅ Angular Component Testing Fundamentals – Hello World ✅ Debugging Angular Tests 💻 𝗚𝗲𝘁 𝘁𝗵𝗲 𝗳𝘂𝗹𝗹 𝗰𝗼𝘂𝗿𝘀𝗲 𝗶𝗻 𝗽𝗿𝗲-𝗹𝗮𝘂𝗻𝗰𝗵 𝗺𝗼𝗱𝗲: New lessons are released weekly until the course is complete. 🔗 angular-university.io/course/angular… 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗨𝗻𝗶𝘃𝗲𝗿𝘀𝗶𝘁𝘆 𝗥𝗼𝗮𝗱𝗺𝗮𝗽 – 𝗪𝗵𝗮𝘁’𝘀 𝗡𝗲𝘅𝘁: 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 – Deep dive into writing robust, maintainable tests for signal-based Angular apps. 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗙𝗼𝗿 𝗕𝗲𝗴𝗶𝗻𝗻𝗲𝗿𝘀 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻) – Learn Angular from scratch using Signals. 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗥𝗼𝘂𝘁𝗲𝗿 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 – Master Angular routing from basics to advanced patterns. 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗙𝗼𝗿𝗺𝘀 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻) – Full guide to Angular Signal Forms, validation, custom controls, and real-world patterns. Let me know what you’re most excited to learn next! - Vasco, Angular University 🌐 angular-university.io

🌟 𝗘𝘅𝗰𝗶𝘁𝗶𝗻𝗴 𝗻𝗲𝘄𝘀, 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗱𝗲𝘃𝗲𝗹𝗼𝗽𝗲𝗿𝘀! The first 30 minutes of the brand new 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗧𝗲𝘀𝘁𝗶𝗻𝗴 𝗜𝗻 𝗗𝗲𝗽𝘁𝗵 (𝗦𝗶𝗴𝗻𝗮𝗹𝘀 𝗘𝗱𝗶𝘁𝗶𝗼𝗻) course are now available! 🎉 Here’s a free sample lesson: 𝗨𝗻𝗱𝗲𝗿𝘀𝘁𝗮𝗻𝗱𝗶𝗻𝗴 𝗩𝗶𝘁𝗲𝘀𝘁 𝗦𝗽𝗶𝗲𝘀👇 🔗 angular-university.io/lesson/angular… 𝗪𝗵𝗮𝘁 𝗮𝗿𝗲 𝗩𝗶𝘁𝗲𝘀𝘁 𝗦𝗽𝗶𝗲𝘀? A Vitest spy wraps an existing function so you can observe how it’s used—without changing its real behavior. It tracks calls, arguments, return values, and more, while still running the original function—unless you choose to mock it. 𝗖𝗼𝗻𝘁𝗲𝗻𝘁 𝗥𝗲𝗹𝗲𝗮𝘀𝗲𝗱 𝗧𝗵𝗶𝘀 𝗪𝗲𝗲𝗸: ✅ Setting Up Your Development Environment ✅ Why Vitest? ✅ Vitest Hello World ✅ Skipping Tests & Running Only a Few Tests ✅ Understanding Vitest Spies (𝘧𝘳𝘦𝘦 𝘴𝘢𝘮𝘱𝘭𝘦 - 🔗 𝘩𝘵𝘵𝘱𝘴://𝘢𝘯𝘨𝘶𝘭𝘢𝘳-𝘶𝘯𝘪𝘷𝘦𝘳𝘴𝘪𝘵𝘺.𝘪𝘰/𝘭𝘦𝘴𝘴𝘰𝘯/𝘢𝘯𝘨𝘶𝘭𝘢𝘳-𝘵𝘦𝘴𝘵𝘪𝘯𝘨-𝘶𝘯𝘥𝘦𝘳𝘴𝘵𝘢𝘯𝘥𝘪𝘯𝘨-𝘷𝘪𝘵𝘦𝘴𝘵-𝘴𝘱𝘪𝘦𝘴) ✅ Understanding Mocking in Vitest Expect new content next week. 💻 𝗚𝗲𝘁 𝘁𝗵𝗲 𝗳𝘂𝗹𝗹 𝗰𝗼𝘂𝗿𝘀𝗲 𝗻𝗼𝘄 𝗶𝗻 𝗽𝗿𝗲-𝗹𝗮𝘂𝗻𝗰𝗵 𝗺𝗼𝗱𝗲: angular-university.io 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗨𝗻𝗶𝘃𝗲𝗿𝘀𝗶𝘁𝘆 𝗥𝗼𝗮𝗱𝗺𝗮𝗽 – 𝗪𝗵𝗮𝘁’𝘀 𝗡𝗲𝘅𝘁: ✔️ Angular Testing In Depth – Learn to write robust, maintainable tests for modern signal-based Angular apps. ✔️ Angular for Beginners (Signals Edition) – Beginner-friendly course to master Angular Signals from scratch. ✔️ Angular Router In Depth – Deep dive into routing, from basics to advanced navigation. ✔️ Angular Forms In Depth (Signals Edition) – Master Angular Signal Forms, validation, custom controls, and real-world patterns. Let me know what you’re most excited to learn next! - Vasco, Angular University

🚀 Excited to share that the migration of Angular to Signals is almost done! I'm recording all course material from scratch. 📚 𝗨𝗽𝗰𝗼𝗺𝗶𝗻𝗴 𝗰𝗼𝘂𝗿𝘀𝗲𝘀 𝗮𝘁 𝗔𝗻𝗴𝘂𝗹𝗮𝗿 𝗨𝗻𝗶𝘃𝗲𝗿𝘀𝗶𝘁𝘆: ✔️ Angular Testing In Depth ✔️ Angular for Beginners (Signals Edition) ✔️ Angular Router In Depth ✔️ Angular Forms In Depth (Signals Edition) See the full roadmap & influence what’s next 👇 🔗 angular-university.io/my-courses

🚀 𝐁𝐢𝐠 𝐮𝐩𝐝𝐚𝐭𝐞 𝐟𝐫𝐨𝐦 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝐔𝐧𝐢𝐯𝐞𝐫𝐬𝐢𝐭𝐲! I'm happy to announce that, now that the migration of Angular to Signals is nearly complete, 𝙄'𝙡𝙡 𝙗𝙚 𝙧𝙚𝙘𝙤𝙧𝙙𝙞𝙣𝙜 𝙖𝙡𝙡 𝙘𝙤𝙪𝙧𝙨𝙚 𝙢𝙖𝙩𝙚𝙧𝙞𝙖𝙡 𝙛𝙧𝙤𝙢 𝙨𝙘𝙧𝙖𝙩𝙘𝙝. I'm going to start with the testing course, which was affected a lot by Angular 21, with the inclusion of Vitest as the default test engine. More on the re-recording roadmap soon. The new course is called Angular Testing In Depth - it's currently available in pre-launch mode. The first few lessons will be published next week! 𝐆𝐞𝐭 𝐭𝐡𝐞 𝐀𝐧𝐠𝐮𝐥𝐚𝐫 𝐓𝐞𝐬𝐭𝐢𝐧𝐠 𝐈𝐧-𝐃𝐞𝐩𝐭𝐡 𝐂𝐨𝐮𝐫𝐬𝐞: 🔗 angular-university.io/course/angular… 𝐓𝐡𝐢𝐬 𝐂𝐨𝐮𝐫𝐬𝐞 𝐈𝐧 𝐚 𝐍𝐮𝐭𝐬𝐡𝐞𝐥𝐥 This course teaches modern Angular testing from the ground up, with a strong focus on signal-based, zoneless Angular applications. Instead of just showing how to write tests, it explains what to test, why, and when, helping you avoid brittle or overengineered tests. 💬 I’d love your input! Take a look at the table of contents and tell me: What do you think? Anything you’d like to see added? This is your chance to help shape the direction of the course 🙌 Vasco Angular University angular-university.io

Besides video courses and exercises, nothing locks in better with your newly acquired knowledge than getting yourself a certification. The brand-new Angular Certification Program—𝐫𝐞𝐯𝐢𝐞𝐰𝐞𝐝 𝐛𝐲 𝐆𝐨𝐨𝐠𝐥𝐞 𝐃𝐞𝐯𝐞𝐥𝐨𝐩𝐞𝐫 𝐄𝐱𝐩𝐞𝐫𝐭𝐬— is now live: Propel Your Angular Career With a Certification: 👇 🔗 certificates.dev/angular?friend… 𝐖𝐡𝐲 𝐂𝐞𝐫𝐭𝐢𝐟𝐢𝐜𝐚𝐭𝐢𝐨𝐧 𝐌𝐚𝐭𝐭𝐞𝐫𝐬? 🏆 Boost your resume with verified Angular expertise 📈 Get promoted or hired faster with credible proof of your skills 🌍 Some developers have even used it to support international job applications! Whether you're just starting out or eyeing that senior dev role, there’s a certification tailored for you: ✅ Junior Angular Developer – Master the fundamentals and land your first role ✅ Mid-Level Angular Developer – Validate your experience and prep for bigger responsibilities ✅ Senior Angular Developer – Prove your expertise in advanced architecture and optimization Let me know what you think about the certification program. You can also expect an update on Angular 20 in the coming days.

🚀 Angular 19's Linked Signal: A Writable Computed? The new linkedSignal API is a game-changer for managing derived state. It acts like computed, but writable, making it perfect for cases where values must be reset dynamically based on another signal. 🔥 Don't overuse it—stick to computed where possible! 👉 Learn more: 🔗angular-university.io/lesson/angular… #Angular #WebDev #Signals

🚀 Learn Angular for FREE! 🎓🔥 Kickstart your journey with this beginner-friendly course (2h 45m)! Master key Angular concepts: ✅ Components, Pipes, Services ✅ @if, @for, @switch directives ✅ HTTP Client (GET, POST, PUT, DELETE) 👉 Enroll now: angular-university.io/course/getting… #Angular #FreeCourse #WebDevelopment

🚀 Angular 19's resource() API is here! Handle async requests declaratively with: ✅ Reactive data fetching via signals ✅ Seamless loading states ✅ Automatic request cancellation (no RxJS needed!) 💡 Type in a search box—only the final query hits the backend. No wasted requests! 🔗 Learn more: angular-university.io/lesson/angular… #Angular #WebDevelopment #AngularSignals #Coding

Swap traditional decorators like @ViewChild with new functions: Instead of: @ViewChild('title') title!: ElementRef; ngAfterViewInit() { console.log(this.title.nativeElement); } Use: title = viewChild('title'); effect(() => console.log(this.title()?.nativeElement)); Master the new system here: 👇 🔗blog.angular-university.io/angular-viewch… #Angular #AngularSignals #WebDevelopment

🚀 A cleaner alternative to *ngIf: the @if syntax! It's more intuitive, supports else if, and requires no imports. Example: @Component({ template: ` @if (showHello) {

Hello

} @else {

Goodbye

} `, }) class Test { showHello = true; } Why is this better + what anti-pattern to avoid? 👉 🔗blog.angular-university.io/angular-if/

🚀 Angular has a cleaner way to manage template conditions with the @switch syntax! 🎉 It's an intuitive alternative to ngSwitch for rendering template sections based on an expression's value. Here's a quick example: @switch (color) { @case ("red") { } @case ("blue") { } @default { } } ✅ No need for imports in standalone components! Want more details? Check out the full guide here: 🔗blog.angular-university.io/angular-switch/ #Angular #WebDevelopment #Frontend

Angular's @defer syntax is a performance game-changer! 🚀 Load components only when needed with fine-grained control: @defer (on viewport) { } @placeholder { } Separate bundles, custom triggers, and smart prefetching. Your apps just got faster! ⚡ Want to learn all the @defer tricks including custom triggers and how it works with SSR? Check out our complete guide! 👇 🔗blog.angular-university.io/angular-defer/ #Angular #WebDev

🚀 Angular's @Input just got a whole lot more powerful. You can now transform values on the fly without getters/setters using transform: @Input({ transform: (value: string) => value.toUpperCase(), }) name: string; Clean. Declarative. 🔥 More tricks 👉 🔗blog.angular-university.io/angular-input/

🚀 Understanding Angular’s @Output is key to clean parent-child communication. Here’s a simple, powerful example: // child.component.ts @Output() myEvent = new EventEmitter(); emitEvent() { this.myEvent.emit("Hello World!"); } // parent.component.html // parent.component.ts handleEvent(event: string) { console.log(event); // "Hello World!" } 👀 But are you using @Output as a command instead of an event? 👉 Learn why that’s a mistake + tons of tips: 🔗blog.angular-university.io/angular-output/

🚀 Want to create a global loading indicator in Angular? Here's a quick guide: 🔹 Build a LoadingService to control the spinner globally 🔹 Use an HTTP interceptor to auto-toggle the spinner for backend requests 🔹 Integrate with the router for seamless route transition notifications 🔹 Customize your spinner UI with content projection Check out the code below and dive deeper into the full implementation!👇 🔗blog.angular-university.io/angular-loadin…

🚀 Angular Signal Inputs vs @Input: The future of reactivity in Angular! 🌐 Signal inputs, introduced in Angular 17.1, are a game-changer! They simplify reactivity and replace the need for OnChanges. No more manual updates when your input changes. Here’s how to refactor @Input to signal input: @Component({ selector: "counter", standalone: true, template: `

Counter value: {{ value() }}

`, }) export class CounterComponent { value = input(0); } ✅ Less boilerplate ✅ Simpler code ✅ No more OnChanges lifecycle! Want to dive deeper? Check out the full guide! 🔗blog.angular-university.io/angular-signal… #Angular #WebDev #Frontend