Pinned Tweet
๐Ÿš€ Iโ€™ve just released a brand-new course: ๐—ง๐—ต๐—ถ๐˜€ ๐—ผ๐—ป๐—ฒ ๐—ถ๐˜€ ๐—ฐ๐—ผ๐—บ๐—ฝ๐—น๐—ฒ๐˜๐—ฒ๐—น๐˜† ๐—ณ๐—ฟ๐—ฒ๐—ฒ.

๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—™๐—ผ๐—ฟ ๐—•๐—ฒ๐—ด๐—ถ๐—ป๐—ป๐—ฒ๐—ฟ๐˜€ (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป)
๐Ÿ”— angular-university.io/course/angularโ€ฆ

Angular has changed a lot over the last few years.

If youโ€™re learning Angular makes much sense to start with older patterns and syntax, only to replace them later.

So I rebuilt the beginner course from scratch around ๐—บ๐—ผ๐—ฑ๐—ฒ๐—ฟ๐—ป ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—ฎ๐˜€ ๐—ถ๐˜ ๐—ถ๐˜€ ๐—ฎ๐—ฐ๐˜๐˜‚๐—ฎ๐—น๐—น๐˜† ๐˜„๐—ฟ๐—ถ๐˜๐˜๐—ฒ๐—ป ๐˜๐—ผ๐—ฑ๐—ฎ๐˜†.

๐Ÿ’ป We start with an empty Angular application and build a complete application step by step using:

โžค Signals and computed()
โžค Signal-based inputs and outputs
โžค @if, @for, @switch, and the new template syntax
โžค Components and component communication
โžค Services and dependency injection
โžค HTTP and backend data
โžค Loading and error states
โžค Zoneless change detection
โžค Updating data on the server

There is ๐—ป๐—ผ *๐—ป๐—ด๐—œ๐—ณ, ๐—ป๐—ผ *๐—ป๐—ด๐—™๐—ผ๐—ฟ, ๐—ฎ๐—ป๐—ฑ ๐—ป๐—ผ ๐—น๐—ฒ๐—ด๐—ฎ๐—ฐ๐˜† ๐˜€๐˜†๐—ป๐˜๐—ฎ๐˜… ๐˜๐—ผ ๐˜‚๐—ป๐—น๐—ฒ๐—ฎ๐—ฟ๐—ป ๐—ฎ๐—ณ๐˜๐—ฒ๐—ฟ๐˜„๐—ฎ๐—ฟ๐—ฑ๐˜€

๐ŸŽฏ The idea behind the course is simple:

Angular is a big framework, but you don't need to learn everything at once.

A relatively small part of Angular is what you will use every day.

So the course focuses on that part first, and introduces each concept only when you actually need it.

Every lesson builds directly on the previous ones, and every line of Angular code in the final application is code that we write together.

If you're learning Angular for the first time, coming from another framework, or haven't looked at Angular in a few years, this is the course I would recommend starting with.

๐Ÿ‘‰ ๐—ฆ๐˜๐—ฎ๐—ฟ๐˜ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—™๐—ผ๐—ฟ ๐—•๐—ฒ๐—ด๐—ถ๐—ป๐—ป๐—ฒ๐—ฟ๐˜€ (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป)
๐Ÿ”— angular-university.io/course/angularโ€ฆ

I hope you enjoy the course,

Vasco
Angular University
0
1
8
538
Hi everyone,

๐Ÿš€ Another big update to the Definitive Angular (Signals Edition) Course is now live!

Following last week's release, I've just published 30 new lessons across 6 sections โ€” 3 hours and 20 minutes of new Angular training, ready for you to watch today.

Definitive n)
๐Ÿ”— angular-university.io/course/angularโ€ฆ

Here's what you'll learn:

๐ŸŒ Angular HTTP Client โ€” make requests, modify data, upload files, and work with HTTP interceptors and HttpContext.

๐Ÿ› ๏ธ Angular Services โ€” build stateless and stateful services, and understand when to use each.

๐Ÿ” Dependency Injection in depth โ€” explore injection tokens, providers, dependency scope, inject() options, and the injection context.

๐Ÿงฉ Pipes in depth โ€” configure locales, build custom pipes, understand pure vs. impure pipes, and reuse pipe functions outside your templates.

โšก Deferred Loading and Error Boundaries โ€” use @defer to load content when it's needed, explore built-in and custom triggers, and handle errors and recovery with @boundary.

๐Ÿ—‚๏ธ Content Projection โ€” work with contentChild() and contentChildren(), then bring everything together by building a tabs component.

These sections cover the practical building blocks you'll use in your Angular applications, from communicating with a backend to building reusable components.

๐Ÿ‘‰ Watch the new lessons in Definitive Angular (Signals Edition)
๐Ÿ”— angular-university.io/course/angularโ€ฆ

If you're already following along, you can pick up with Section 8 โ€” Angular HTTP Client.

๐Ÿ“… Recordings are still ongoing, and new lessons will be published every week until the course is complete.

Happy learning,
Vasco
Angular University
0
0
9
603
Hi everyone,

๐Ÿ“š You can now learn with both text and video at Angular University!

๐Ÿš€ Also, 4 brand new sections of the Definitive Angular (Signals Edition) Course are now live โ€” 18 lessons with 2h02m of fresh content.

๐—˜๐˜…๐—ฝ๐—น๐—ผ๐—ฟ๐—ฒ ๐——๐—ฒ๐—ณ๐—ถ๐—ป๐—ถ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ
๐Ÿ”— angular-university.io/course/angularโ€ฆ

๐Ÿ“ ๐—ก๐—ฒ๐˜„ ๐—ง๐—ฒ๐˜…๐˜ ๐—–๐—ผ๐—ป๐˜๐—ฒ๐—ป๐˜
Almost every lesson at Angular University now includes a text version just below the video, giving you another way to follow along and revisit what you've learned.

Prefer reading? Want to quickly review a concept without finding the right moment in the video? Now you can choose whichever format works best for you.

The new text content is already available for the first 27 lessons of Definitive Angular and for most lessons in our other courses.

๐Ÿ’ฌ I'd love to hear what you think! Is the text useful alongside the videos? What would make it better? Just reply to this email and let me know.

๐Ÿš€ ๐—”๐—น๐˜€๐—ผ ๐—ป๐—ฒ๐˜„: ๐—ณ๐—ผ๐˜‚๐—ฟ ๐—บ๐—ผ๐—ฟ๐—ฒ ๐˜€๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป๐˜€ ๐—ผ๐—ณ ๐——๐—ฒ๐—ณ๐—ถ๐—ป๐—ถ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ!
Across these 18 new lessons, you'll learn about:
- ๐ŸŽจ Component styling and view encapsulation โ€” :host, :host-context, ::ng-deep, global styles and CSS variable namespacing.

- ๐Ÿ” A signals deep dive โ€” array and object signals, computed(), and linkedSignal().

- โš™๏ธ Effects and signal dependencies โ€” when to use effect(), when to avoid it, untracked(), and manual cleanup.

- ๐Ÿ”„ Asynchronous signals โ€” resource(), loading and error states, httpResource(), and debounced().

โฑ๏ธ That's 2 hours and 2 minutes of new Angular training, ready for you to watch today.

๐Ÿ‘‰ ๐—ช๐—ฎ๐˜๐—ฐ๐—ต ๐˜๐—ต๐—ฒ ๐—ป๐—ฒ๐˜„ ๐˜€๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป๐˜€
๐Ÿ”— angular-university.io/course/angularโ€ฆ

๐Ÿ“… Recordings for the Definitive Angular course are still ongoing, and new lessons will be published every week until the course is complete.

Happy learning,
Vasco
Angular University
0
1
18
543
๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—ฅ๐—ผ๐˜‚๐˜๐—ฒ๐—ฟ ๐˜„๐—ถ๐˜๐—ต ๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€: ๐—–๐—ผ๐—บ๐—ฝ๐—น๐—ฒ๐˜๐—ฒ ๐—š๐˜‚๐—ถ๐—ฑ๐—ฒ ๐Ÿš€
The router signal integration is easy to miss: most of it is based on naming conventions and config options that are off by default!

Explore a ๐˜€๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€-๐—ณ๐—ถ๐—ฟ๐˜€๐˜ approach to routing in le of Contents:

Router setup for a signals-first approach
Path parameters as signal inputs
Query parameters as signal inputs
Route resources data as signal inputs
Active navigation with isActive
Navigation status with currentNavigation
Tracking the last successful navigation
Conclusions and Key Takeaways

๐Ÿ‘‰ blog.angular-university.io/angular-routerโ€ฆ

#Angular
0
3
10
411
Hi everyone,

๐Ÿš€ The first ๐Ÿฎ๐Ÿณ ๐—น๐—ฒ๐˜€๐˜€๐—ผ๐—ป๐˜€ ๐—ผ๐—ณ ๐——๐—ฒ๐—ณ๐—ถ๐—ป๐—ถ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป) are now live โ€” 2 hours and 37 minutes of modern Angular training!

๐—ช๐—ฎ๐˜๐—ฐ๐—ต ๐˜๐—ต๐—ฒ ๐—ณ๐—ถ๐—ฟ๐˜€๐˜ ๐Ÿฎ๐Ÿณ ๐—น๐—ฒ๐˜€๐˜€๐—ผ๐—ป๐˜€ ๐—ป๐—ผ๐˜„ โ†’
๐Ÿ”— angular-university.io/course/angularโ€ฆ

๐ŸŽ“ p course at Angular University, teaching Angular from the ground up with signals, standalone components, and zoneless change detection.

๐Ÿ“š In these first lessons, you'll learn how to:

๐Ÿ› ๏ธ Set up your development environment, including Angular AI tools, the MCP server, and Angular Agent Skills.
๐Ÿ’ป Build your first component and manage state with signals.
๐Ÿงฉ Work confidently with Angular templates, bindings, event handling, and @let.
๐Ÿ”„ Use signal inputs, input transforms, two-way binding with model(), and view queries.
๐Ÿ–ฅ๏ธ Display content with @if, @switch and @for.

Whether you're new to Angular or catching up with the changes introduced by signals, these lessons will give you a solid foundation. ๐Ÿ’ก

๐Ÿ“ข ๐—ง๐—ต๐—ฒ ๐—ฐ๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ ๐—ถ๐˜€ ๐˜€๐˜๐—ถ๐—น๐—น ๐—ถ๐—ป ๐—ฝ๐—ฟ๐—ฒ-๐—น๐—ฎ๐˜‚๐—ป๐—ฐ๐—ต, with more lessons on the way. You can start watching the first 27 lessons today.

๐Ÿ‘‰ Explore Definitive Angular (Signals Edition)

Happy learning, ๐Ÿ‘‹
Vasco
Angular University
0
2
21
633
Hi everyone, ๐Ÿ‘‹

Recording is underway for ๐——๐—ฒ๐—ณ๐—ถ๐—ป๐—ถ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป), and the first two sections are now recorded! ๐ŸŽฅ

๐Ÿ”— angular-university.io/course/angularโ€ฆ

Theyโ€™ll be published ๐—ป๐—ฒ๐˜…๐˜ ๐˜„๐—ฒ๐—ฒ๐—ธ, along with any additional course material ready by ing: ๐Ÿš€

๐—ฆ๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป ๐Ÿฌ โ€” ๐—–๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ ๐—œ๐—ป๐˜๐—ฟ๐—ผ๐—ฑ๐˜‚๐—ฐ๐˜๐—ถ๐—ผ๐—ป ๐—ฎ๐—ป๐—ฑ ๐—ฆ๐—ฒ๐˜๐˜‚๐—ฝ ๐Ÿ› ๏ธ

Weโ€™ll tour the course and its repository, get your development environment ready, and create your first Angular project. Youโ€™ll learn the modern project structure and naming conventions, set up the backend REST API, and get familiar with the Angular Language Service and DevTools.

Weโ€™ll also set up the Angular CLI MCP server and the official Angular Agent Skills, exploring how they support your development workflow and what each one does. ๐Ÿค–

๐—ฆ๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป ๐Ÿญ โ€” ๐—œ๐—ป๐˜๐—ฟ๐—ผ๐—ฑ๐˜‚๐—ฐ๐˜๐—ถ๐—ผ๐—ป ๐˜๐—ผ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ, ๐˜„๐—ถ๐˜๐—ต ๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—™๐—ฟ๐—ผ๐—บ ๐˜๐—ต๐—ฒ ๐—•๐—ฒ๐—ด๐—ถ๐—ป๐—ป๐—ถ๐—ป๐—ด โšก

Weโ€™ll build our first component, display data on screen, and introduce signals right away. Youโ€™ll learn how to read signals and change their values with set() and update(), then see what happens when state isnโ€™t stored in a signal.

Weโ€™ll connect these first examples to Angularโ€™s core ideas and explore the key features of the framework.

The repository is organised so that ๐—ฒ๐—ฎ๐—ฐ๐—ต ๐˜€๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป ๐—ต๐—ฎ๐˜€ ๐—ถ๐˜๐˜€ ๐—ผ๐˜„๐—ป ๐˜€๐˜๐—ฎ๐—ป๐—ฑ๐—ฎ๐—น๐—ผ๐—ป๐—ฒ ๐—ฝ๐—ฎ๐—ด๐—ฒ ๐—ฎ๐—ป๐—ฑ ๐—ถ๐—ป๐—ฑ๐—ถ๐˜ƒ๐—ถ๐—ฑ๐˜‚๐—ฎ๐—น ๐—ฑ๐—ฒ๐—บ๐—ผ๐˜€, making it easy to jump into a topic and follow along. ๐Ÿ“š

More recordings are on the way. Iโ€™m looking forward to sharing the first lessons with you next week! ๐ŸŽฌ

See you inside the course! ๐Ÿ‘‹
0
2
14
441
๐Ÿš€ The curriculum for ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—œ๐—ป ๐——๐—ฒ๐—ฝ๐˜๐—ต (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป) is ready!

Course preparation is going well and should finish next week. ๐ŸŽ‰

๐Ÿ’ก This is Angular the way it's written today. Signals come in from the very first lesson, and the course is alone-only. There's no legacy decorator or NgModule material to wade through, just modern Angular from start to finish.

๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—œ๐—ป ๐——๐—ฒ๐—ฝ๐˜๐—ต (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป):
๐Ÿ”— angular-university.io/course/angularโ€ฆ

๐Ÿ“š ๐—›๐—ฒ๐—ฟ๐—ฒ'๐˜€ ๐—ฒ๐˜ƒ๐—ฒ๐—ฟ๐˜†๐˜๐—ต๐—ถ๐—ป๐—ด ๐˜†๐—ผ๐˜‚'๐—น๐—น ๐—น๐—ฒ๐—ฎ๐—ฟ๐—ป:
0. Course Introduction and Setup
1. Introduction to Angular, with Signals From the Beginning
2. Template Syntax Deep Dive
3. Components Deep Dive
4. Built-In Control Flow
5. Component Styling and View Encapsulation
6. Angular Signals Deep Dive
7. HTTP with Signals
8. The HttpClient
9. Services
10. Security
11. Attribute Directives and Directive Composition
12. Pipes Deep Dive
13. Content Projection and Content Queries
14. Advanced Templates and Structural Directives
15. Dependency Injection Deep Dive
16. Deferred Loading and Error Boundaries
17. Lifecycle and Render Hooks
18. Internationalization (i18n)
19. RxJS Interoperability
20. Conclusion

๐Ÿ’ป Every section comes with its own runnable demos in the course repository. Each one is self-contained, so you can jump straight to the topic you need most.

๐Ÿค– You'll also get set up for AI-assisted Angular development from day one. We'll install the Angular CLI MCP server and the official Angular agent skills, and you'll learn exactly which one to reach for and when.

I'm really excited about this course, looking forward to start recording and bring you the first lessons! ๐ŸŽฌ

๐Ÿ”— Link to the course :
angular-university.io/course/angularโ€ฆ

Cheers,
Vasco

๐ŸŒ angular-university.io
0
2
16
575
๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐——๐—ฒ๐—ฒ๐—ฝ ๐——๐—ถ๐˜ƒ๐—ฒ (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป) โ€” ๐—–๐—ผ๐—บ๐—ถ๐—ป๐—ด ๐—ฆ๐—ผ๐—ผ๐—ป

I'm excited to announce that my new Angular Deep Dive (Signals Edition) course is in advanced preparation, and ๐—ฟ๐—ฒ๐—ฐ๐—ผ๐—ฟ๐—ฑ๐—ถ๐—ป๐—ด๐˜€ ๐˜€๐˜๐—ฎ๐—ฟ๐˜ ๐˜ƒ๐—ฒ๐—ฟ๐˜† ๐˜€๐—ผ๐—ผ๐—ป. ๐ŸŽฌ

This course will be the e free beginners' course released last week: it's aimed at helping you to develop Angular applications at a senior / architect level. ๐Ÿš€

๐—”๐—ฏ๐—ผ๐˜‚๐˜ ๐˜๐—ต๐—ถ๐˜€ ๐—ฐ๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ๐Ÿ“š
Angular today isn't the framework most courses were written for. Signals have gone from an experimental API to the foundation the framework is built on, zoneless is here, and standalone is the default.

๐—ฌ๐—ผ๐˜‚ ๐—ฐ๐—ฎ๐—ป'๐˜ ๐—ฝ๐—ฎ๐˜๐—ฐ๐—ต ๐˜๐—ต๐—ฎ๐˜ ๐—ถ๐—ป๐˜๐—ผ ๐—ฎ๐—ป ๐—ฒ๐˜…๐—ถ๐˜€๐˜๐—ถ๐—ป๐—ด ๐—ฐ๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ. The changes go to the core, and adding a signals section on top just leaves you teaching two frameworks at once. So I'm going to re-record it โ€” from scratch, from an empty folder.๐Ÿ†•

This course will be Signals-first, zoneless, standalone. No legacy material, ๐—ป๐—ผ๐˜๐—ต๐—ถ๐—ป๐—ด ๐˜†๐—ผ๐˜‚'๐—น๐—น ๐—ป๐—ฒ๐—ฒ๐—ฑ ๐˜๐—ผ ๐˜‚๐—ป๐—น๐—ฒ๐—ฎ๐—ฟ๐—ป.

Stay tuned for the upcoming pre-launch. As new lessons are recorded, they will be published on a weekly basis until the course is completed. ๐Ÿ””

I'm looking forward to binging you this course!

Cheers,
Vasco

angular-university.io
0
2
7
500
๐Ÿš€ Last week, I announced my new Angular For Beginners (Signals Edition) course.

Today, Iโ€™m happy to share that the first ๐Ÿญ๐Ÿฑ ๐—น๐—ฒ๐˜€๐˜€๐—ผ๐—ป๐˜€ ๐—ฎ๐—ฟ๐—ฒ ๐—ป๐—ผ๐˜„ ๐—ฎ๐˜ƒ๐—ฎ๐—ถ๐—น๐—ฎ๐—ฏ๐—น๐—ฒ โ€” ๐—ฐ๐—ผ๐—บ๐—ฝ๐—น๐—ฒ๐˜๐—ฒ๐—น๐˜† ๐—ณ๐—ฟ๐—ฒ๐—ฒ.

๐Ÿ”— angular-university.io/course/angularโ€ฆ

Thatโ€™s already over ๐Ÿญ ๐—ต๐—ผ๐˜‚๐—ฟ ๐—ฎ๐—ป๐—ฑ king you step by step through the foundations of modern Angular.

๐Ÿ“š In these first lessons, we cover:

โœ… Setting up your Angular development environment

โœ… The Angular CLI and creating components

โœ… Components, templates and styles

โœ… Interpolation and property binding

โœ… Event handling

โœ… Signal-based component inputs and outputs

โœ… @if, @else and @switch

โœ… Conditional CSS

โœ… Building reusable components

The course is currently in ๐—ฝ๐—ฟ๐—ฒ-๐—ฟ๐—ฒ๐—ฐ๐—ผ๐—ฟ๐—ฑ๐—ถ๐—ป๐—ด, so this is just the beginning.

Iโ€™ll be adding ๐—ป๐—ฒ๐˜„ ๐—น๐—ฒ๐˜€๐˜€๐—ผ๐—ป๐˜€ ๐—ฒ๐˜ƒ๐—ฒ๐—ฟ๐˜† ๐˜„๐—ฒ๐—ฒ๐—ธ ๐˜‚๐—ป๐˜๐—ถ๐—น ๐˜๐—ต๐—ฒ ๐—ฐ๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ ๐—ถ๐˜€ ๐—ฐ๐—ผ๐—บ๐—ฝ๐—น๐—ฒ๐˜๐—ฒ, so you can start learning now and follow along as the rest of the course is released.

๐ŸŽฏ The goal is to teach you ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—ฎ๐˜€ ๐—ถ๐˜ ๐—ถ๐˜€ ๐˜„๐—ฟ๐—ถ๐˜๐˜๐—ฒ๐—ป ๐˜๐—ผ๐—ฑ๐—ฎ๐˜†, focusing first on the features youโ€™ll use constantly in real-world Angular applications.

I hope you enjoy the first lessons! ๐Ÿ™Œ

Vasco
Angular University

angular-university.io
0
5
11
396
Iโ€™m happy to announce a brand-new ๐—™๐—ฅ๐—˜๐—˜ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—ฐ๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ that Iโ€™m currently recording: ๐ŸŽ‰

๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—™๐—ผ๐—ฟ ๐—•๐—ฒ๐—ด๐—ถ๐—ป๐—ป๐—ฒ๐—ฟ๐˜€ (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป) ๐Ÿš€

๐Ÿ”— angular-university.io/course/angularโ€ฆ

๐—”๐—ฏ๐—ผ๐˜‚๐˜ ๐˜๐—ต๐—ถ๐˜€ ๐—ฐ๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ ๐Ÿ“š

This course is for anyone e first time, or coming back to Angular after a few years and wondering how much it has changed since the Signals revolution started. ๐Ÿ”„

Angular is a big framework, and when you are starting out, it can be difficult to know what you actually need to learn first. ๐Ÿค”

The idea behind this course is simple:

๐—œ๐—ป ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ, ๐˜†๐—ผ๐˜‚ ๐—ฝ๐—ฟ๐—ผ๐—ฏ๐—ฎ๐—ฏ๐—น๐˜† ๐˜‚๐˜€๐—ฒ ๐Ÿญ๐Ÿฌ% ๐—ผ๐—ณ ๐˜๐—ต๐—ฒ ๐—ณ๐—ฟ๐—ฎ๐—บ๐—ฒ๐˜„๐—ผ๐—ฟ๐—ธ ๐Ÿต๐Ÿฌ% ๐—ผ๐—ณ ๐˜๐—ต๐—ฒ ๐˜๐—ถ๐—บ๐—ฒ.๐Ÿ’ก

So instead of trying to teach you everything, this course focuses first on that essential 10% โ€” and teaches it in the order that makes it easiest to understand. ๐ŸŽฏ

And importantly, ๐˜๐—ต๐—ถ๐˜€ ๐—ถ๐˜€ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—ฎ๐˜€ ๐—ถ๐˜ ๐—ถ๐˜€ ๐˜„๐—ฟ๐—ถ๐˜๐˜๐—ฒ๐—ป ๐˜๐—ผ๐—ฑ๐—ฎ๐˜†.ย โšก

We use signals from the beginning, the new built-in template control flow, signal-based inputs and outputs, zoneless change detection, and the modern Angular APIs. ๐Ÿ› ๏ธ

๐—ง๐—ต๐—ฒ๐—ฟ๐—ฒ ๐—ถ๐˜€ ๐—ป๐—ผ ๐—น๐—ฒ๐—ด๐—ฎ๐—ฐ๐˜† ๐˜€๐˜†๐—ป๐˜๐—ฎ๐˜… ๐˜๐—ต๐—ฎ๐˜ ๐˜†๐—ผ๐˜‚ ๐˜„๐—ถ๐—น๐—น ๐—ต๐—ฎ๐˜ƒ๐—ฒ ๐˜๐—ผ ๐˜‚๐—ป๐—น๐—ฒ๐—ฎ๐—ฟ๐—ป ๐—น๐—ฎ๐˜๐—ฒ๐—ฟ. ๐Ÿ™Œ

The course is completely hands-on. ๐Ÿง‘โ€๐Ÿ’ป You start with an application that already contains the HTML, CSS, and backend, but essentially ๐—ป๐—ผ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—ฐ๐—ผ๐—ฑ๐—ฒ.

From there, we build the Angular application together, step by step. ๐Ÿ‘ฃ

Youโ€™ll learn how to build and compose components, work with signals, use the new template control flow, handle events, fetch and update backend data, create services, use dependency injection, and much more. ๐Ÿš€

There are ๐—ป๐—ผ ๐—ณ๐—ผ๐—ฟ๐˜„๐—ฎ๐—ฟ๐—ฑ ๐—ฟ๐—ฒ๐—ณ๐—ฒ๐—ฟ๐—ฒ๐—ป๐—ฐ๐—ฒ๐˜€ ๐—ฎ๐—ป๐—ฑ ๐—ป๐—ผ ๐—ฐ๐—ผ๐—ป๐—ฐ๐—ฒ๐—ฝ๐˜๐˜€ ๐—ถ๐—ป๐˜๐—ฟ๐—ผ๐—ฑ๐˜‚๐—ฐ๐—ฒ๐—ฑ ๐—ฏ๐—ฒ๐—ณ๐—ผ๐—ฟ๐—ฒ ๐˜†๐—ผ๐˜‚ ๐—ป๐—ฒ๐—ฒ๐—ฑ ๐˜๐—ต๐—ฒ๐—บ. Every lesson builds only on what you learned before. ๐Ÿงฉ

The only prerequisites are ๐—›๐—ง๐— ๐—Ÿ, ๐—–๐—ฆ๐—ฆ ๐—ฎ๐—ป๐—ฑ ๐—ฏ๐—ฎ๐˜€๐—ถ๐—ฐ ๐—๐—ฎ๐˜ƒ๐—ฎ๐—ฆ๐—ฐ๐—ฟ๐—ถ๐—ฝ๐˜.ย ๐Ÿ’ป

You donโ€™t need previous Angular experience, RxJs knowledge, or much TypeScript. ๐Ÿ‘

๐—ง๐—ต๐—ฒ ๐—ณ๐—ถ๐—ฟ๐˜€๐˜ ๐—น๐—ฒ๐˜€๐˜€๐—ผ๐—ป๐˜€ ๐—ฎ๐—ฟ๐—ฒ ๐—ฐ๐—ผ๐—บ๐—ถ๐—ป๐—ด ๐—ป๐—ฒ๐˜…๐˜ ๐˜„๐—ฒ๐—ฒ๐—ธ, ๐—ฐ๐—ผ๐—บ๐—ฝ๐—น๐—ฒ๐˜๐—ฒ๐—น๐˜† ๐—ณ๐—ฟ๐—ฒ๐—ฒ. ๐ŸŽ‰

I hope you enjoy the course! โค๏ธ

Vasco

Angular University

angular-university.io
0
3
15
692
Angular University ๐Ÿ…ฐ๏ธ retweeted
Replying to @DanielGlejzner
@Armandotrue as your regular host :)
Giant thanks and shout out to our sponsors!

@coderabbitai
@AngularUniv
0
1
2
264
Iโ€™m very happy to announce that Angular Router In Depth (Signals Edition) is now fully available!

Angular Router In Depth (Signals Edition)
๐Ÿ”— angular-university.io/course/angularโ€ฆ

About This Course
The Angular Router is the skeleton of every Angular application. It determines how the ed, how pages load, how data reaches components, and how users navigate through the product.

But once you move beyond basic routes and navigation links, the router is also one of the least understood parts of Angular.

This new course changes that.

We start with an application that has no routing and progressively implement practically every routing scenario you are likely to encounter in a real Angular project.

The course includes 43 lessons and almost five hours of video, covering topics such as:

โžค Lazy loading with loadComponent and loadChildren

โžค Route parameters, resolvers, and component input binding

โžค Authentication, child-route, exit-confirmation, and feature-flag guards

โžค Route-scoped providers and services

โžค Navigation state, transient information, and advanced URL handling

โžค Custom preloading strategies and router events

โžค Signals-based router APIs and view transitions

โžค Scroll restoration and navigation error handling

โžค Custom URL matchers and named outlets

Everything is built with modern Angular, including standalone components, signals, zoneless change detection, and functional guards and resolvers.

The course also includes a complete running GitHub repository.

After completing the course, you can earn a verifiable Certificate of Completion that you can download as a PDF and add to your LinkedIn profile or CV.

๐Ÿ‘‰ Start Angular Router In Depth

Several lessons are available for free, so you can start watching immediately.

I hope you enjoy the course!

Vasco
Angular University
angular-university.io
0
7
34
1,617
๐Ÿš€ This week, you have a new hour of content for the ongoingย  Angular Router In Depth (Signals Edition) course!

๐Ÿ“– The course is currently in pre-launch mode. New lessons are available weekly until the course is completedย by the end of this month.

Angular Router In Depth tps://t.co/ooxWiKCzF6

๐ŸŽฅIn this week's lessons we are covering most of Part 1 of the course where we cover the most used features of the Router. Part 2 will cover the niche and more advanced features.

One the most important features are child routes, nested outletsย and a master-detail navigation with detail to detail navigation.

๐Ÿ“šAbout this course
This is a complete, modern deep dive into one of the most powerful โ€” and most underused โ€” parts of Angular.๐Ÿ’Ž

The Angular Router is much more than navigation between pages. It is the backbone of every Angular application, responsible for application structure, data loading, authentication, lazy loading, and much more. Yet most developers only scratch the surface of what it can do.

โšก๏ธ Besides, the router is now fully integrated with signals. You don't have to use the legacy RxJs-based APIs anymore.

In this course we'll explore everything from the fundamentals to advanced routing patterns using the latest Angular APIs:
โœ… Standalone Components
Signals
โœ… Zoneless Change Detection
โœ… Functional Guards & Resolvers
โœ… Modern provideRouter() configuration

We'll start with an application that has no routing at all and progressively build a production-ready routing architecture while covering both the essential concepts and the advanced features that are rarely explained in depth.

๐Ÿ“–Some of the topics covered include:
โœ… Lazy loading with loadComponent and loadChildren
โœ… Functional guards (canActivate, canDeactivate, canMatch, canActivateChild)
โœ… Route resolvers
โœ… Child routes and nested outlets
โœ… Route-scoped dependency injection
โœ… Navigation extras (state, info, browserUrl, replaceUrl, skipLocationChange)
โœ… Query parameter handling
โœ… Custom preloading strategies
โœ… Router events and navigation loading indicators
โœ… Signals integration with the Router
View Transitions
โœ… URL Matchers
โœ… ROUTER_OUTLET_DATA
โœ… Navigation error handling
โœ… Scroll restoration
โœ… And much more.

The course follows the same practical approach as my other Angular University courses: every concept is demonstrated by building real application features that you'll encounter in production.

๐Ÿ™ I hope you enjoy the course, and as always, if you have any questions, I'm here to help.

๐ŸŽ‰ Happy learning!

Vasco
Angular University
angular-university.io
2
0
7
603
๐Ÿš€I'm excited to announce a ๐—ฏ๐—ฟ๐—ฎ๐—ป๐—ฑ ๐—ป๐—ฒ๐˜„ ๐—ฐ๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ:
๐ŸŽ“๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—ฅ๐—ผ๐˜‚๐˜๐—ฒ๐—ฟ ๐—œ๐—ป ๐——๐—ฒ๐—ฝ๐˜๐—ต (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป)

This course is currently in ๐—ฃ๐—ฅ๐—˜-๐—Ÿ๐—”๐—จ๐—ก๐—–๐—›. The first 40 minutes are already available.

New lessons are being recorded every week and til the course is completed.

๐Ÿ“– ๐—”๐—ฏ๐—ผ๐˜‚๐˜ ๐˜๐—ต๐—ถ๐˜€ ๐—ฐ๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ
This is a complete, modern deep dive into one of the most powerful โ€” and most underused โ€” parts of Angular.

The Angular Router is much more than navigation between pages. It is the backbone of every Angular application, responsible for application structure, data loading, authentication, lazy loading, and much more. Yet most developers only scratch the surface of what it can do.

โœจ Besides, the router is now ๐—ณ๐˜‚๐—น๐—น๐˜† ๐—ถ๐—ป๐˜๐—ฒ๐—ด๐—ฟ๐—ฎ๐˜๐—ฒ๐—ฑ ๐˜„๐—ถ๐˜๐—ต ๐˜€๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€. You don't have to use the legacy RxJs-based APIs anymore.

In this course we'll explore everything from the fundamentals to advanced routing patterns using the latest Angular APIs:

โ€ฃ Standalone Components
โ€ฃ Signals
โ€ฃ Zoneless Change Detection
โ€ฃ Functional Guards & Resolvers
โ€ฃ Modern provideRouter() configuration

We'll start with an application that ๐—ต๐—ฎ๐˜€ ๐—ป๐—ผ ๐—ฟ๐—ผ๐˜‚๐˜๐—ถ๐—ป๐—ด ๐—ฎ๐˜ ๐—ฎ๐—น๐—น and progressively build a production-ready routing architecture while covering both the essential concepts and the advanced features that are rarely explained in depth.

๐Ÿ“š Some of the topics covered include:

โ€ฃ Lazy loading with loadComponent and loadChildren
โ€ฃ Functional guards (canActivate, canDeactivate, canMatch, canActivateChild)
โ€ฃ Route resolvers
โ€ฃ Child routes and nested outlets
โ€ฃ Route-scoped dependency injection
โ€ฃ Navigation extras (state, info, browserUrl, replaceUrl, skipLocationChange)
โ€ฃ Query parameter handling
โ€ฃ Custom preloading strategies
โ€ฃ Router events and navigation loading indicators
โ€ฃ Signals integration with the Router
โ€ฃ View Transitions
โ€ฃ URL Matchers
โ€ฃ ROUTER_OUTLET_DATA
โ€ฃ Navigation error handling
โ€ฃ Scroll restoration
โ€ฃ And much more.

The course follows the same practical approach as my other Angular University courses: every concept is demonstrated by building real application features that you'll encounter in production.

๐ŸŽฏ If you've ever felt that there was "more" to the Angular Router than what most tutorials coverโ€”you were right. This course explores that missing territory.

I hope you enjoy the course, and as always, if you have any questions, I'm here to help.

๐ŸŽ‰Happy learning!

Vasco
Angular University

angular-university.io
2
0
21
850
Replying to @AngularUniv
๐ŸŽ“๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—ฅ๐—ผ๐˜‚๐˜๐—ฒ๐—ฟ ๐—œ๐—ป ๐——๐—ฒ๐—ฝ๐˜๐—ต (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป)
๐Ÿ”— angular-university.io/course/angularโ€ฆ
0
0
1
205
๐Ÿš€ New Course Launched: Angular Forms In Depth (Signals Edition)

๐ŸŽ‰ I've just launched a brand new course โ€” Angular Forms In Depth ( Signals Edition) โ€” that teaches you to build any form you'll ever need using the new Angular Signal Forms API.

The course is fully complete, and recording. Instead of typing, the code is progressively unveiled bit by bit.

โœจ This makes the course signal-to-noise ratio much better. ๐Ÿ˜‰

Go and check out the free lessons, and see for yourself:๐Ÿ‘‡

๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—™๐—ผ๐—ฟ๐—บ๐˜€ ๐—œ๐—ป ๐——๐—ฒ๐—ฝ๐˜๐—ต (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป)
๐Ÿ”— angular-university.io/course/angularโ€ฆ

๐Ÿ“– ๐—”๐—ฏ๐—ผ๐˜‚๐˜ ๐˜๐—ต๐—ถ๐˜€ ๐—ฐ๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ
If you've ever wrestled with reactive forms, FormControl, nested form groups, or async validators, you'll want to see this.

โšก Signal Forms is a complete redesign of Angular forms built around signals: model-driven, fully typed, and with a fraction of the boilerplate of reactive or template-driven forms.

๐ŸŽฏ By the end of the course you'll be able to:

โœ… Build any form from scratch with Signal Forms

โœ… Apply built-in, custom, and async server-side validators

โœ… Create reusable custom controls that plug straight into the form system

โœ… Handle conditional fields, cross-field validation, and dynamic arrays

โœ… Integrate Zod via Standard Schema

โœ… Ship production patterns: unsaved-changes guards, multi-step wizards, file upload with progress, and draft pre-saving

๐Ÿ’ป We build it all through a single real-world sample app, with a running GitHub repo you can clone and follow along.

๐Ÿ’™ Happy coding,

Angular University

๐ŸŒ angular-university.io
0
5
38
1,620
๐Ÿ”ดClaude Code is down - but fix seems on the way. ๐Ÿ‘
0
0
13
2,214
๐Ÿš€ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐Ÿฎ๐Ÿฎ: ๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น ๐—™๐—ผ๐—ฟ๐—บ๐˜€ โ€” ๐—ž๐—ฒ๐˜† ๐—”๐—ฑ๐˜ƒ๐—ฎ๐—ป๐˜๐—ฎ๐—ด๐—ฒ๐˜€ โšก

โœ… ๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น ๐—™๐—ผ๐—ฟ๐—บ๐˜€ ๐—ถ๐˜€ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ'๐˜€ ๐—ฟ๐—ฒ๐—ฎ๐—ฐ๐˜๐—ถ๐˜ƒ๐—ถ๐˜๐˜† ๐—ฎ๐—ฝ๐—ฝ๐—น๐—ถ๐—ฒ๐—ฑ ๐˜๐—ผ ๐—ณ๐—ผ๐—ฟ๐—บ๐˜€

The model is just a signal, so everything else in the Angular Signals ecosystem works naturally op thinking "how do I connect my data to the form?" and start thinking in one unified model for the whole app. ๐ŸŽฏ

โœ… ๐—ง๐—ต๐—ฒ ๐—บ๐—ผ๐—ฑ๐—ฒ๐—น ๐—ถ๐˜€ ๐˜๐—ต๐—ฒ ๐˜€๐—ผ๐˜‚๐—ฟ๐—ฐ๐—ฒ ๐—ผ๐—ณ ๐˜๐—ฟ๐˜‚๐˜๐—ต

The form derives from the data, not the other way around. This eliminates a whole category of bugs where you'd update the form but forget to update the component state โ€” and nothing would tell you something was wrong.

โœ… ๐—ก๐—ผ ๐—บ๐—ผ๐—ฟ๐—ฒ ๐—ถ๐—บ๐—ฝ๐—ฒ๐—ฟ๐—ฎ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—ณ๐—ผ๐—ฟ๐—บ ๐—บ๐—ฎ๐—ป๐—ฎ๐—ด๐—ฒ๐—บ๐—ฒ๐—ป๐˜

Responding to field changes used to mean subscribing to value changes and manually orchestrating enable, disable, and validator updates.

Now you declare the relationship once and Angular keeps it in sync. ๐Ÿ”„

โœ… ๐—ฉ๐—ฎ๐—น๐—ถ๐—ฑ๐—ฎ๐˜๐—ผ๐—ฟ๐˜€ ๐—ฎ๐—ฟ๐—ฒ ๐—ท๐˜‚๐˜€๐˜ ๐—ณ๐˜‚๐—ป๐—ฐ๐˜๐—ถ๐—ผ๐—ป๐˜€ โ€” ๐˜€๐—ต๐—ฎ๐—ฟ๐—ฒ ๐˜๐—ต๐—ฒ๐—บ ๐—ฎ๐—ป๐˜†๐˜„๐—ต๐—ฒ๐—ฟ๐—ฒ

Because validators are plain functions, you can extract and reuse them across any form in the app.

No special registration.
No service injection.
No ceremony. โœจ

โœ… ๐—•๐˜‚๐—ถ๐—น๐—ฑ๐—ถ๐—ป๐—ด ๐—ฐ๐˜‚๐˜€๐˜๐—ผ๐—บ ๐—ณ๐—ผ๐—ฟ๐—บ ๐—ฐ๐—ผ๐—ป๐˜๐—ฟ๐—ผ๐—น๐˜€ ๐—ถ๐˜€ ๐—ป๐—ผ๐˜„ ๐˜€๐˜๐—ฟ๐—ฎ๐—ถ๐—ด๐—ต๐˜๐—ณ๐—ผ๐—ฟ๐˜„๐—ฎ๐—ฟ๐—ฑ
The old contract for a custom form control required four methods and careful lifecycle management. The new one reduces this to a single value input/output. ๐ŸŽ‰

โœ… ๐—”๐—ฟ๐—ฟ๐—ฎ๐˜†๐˜€ ๐—ฎ๐—ฟ๐—ฒ ๐—ท๐˜‚๐˜€๐˜ ๐—ฑ๐—ฎ๐˜๐—ฎ

There is no special form array construct. Just use applyEach to define your array item form schema. Then add or remove items in your model signal and the form reacts.

Again, the source of truth is the data, not the form.

#Angular #Angular22 #SignalForms #AngularDev #TypeScript #WebDevelopment
0
12
55
1,652
This used to take weeks of work ๐Ÿ˜…๐Ÿ’ช
2
3
76
3,848