Premium Angular Courses. Learn and keep up with the Angular Ecosystem. Helpdesk: helpdesk@angular-university.io

๐Ÿš€ Iโ€™ve just released a brand-new course: ๐—ง๐—ต๐—ถ๐˜€ ๐—ผ๐—ป๐—ฒ ๐—ถ๐˜€ ๐—ฐ๐—ผ๐—บ๐—ฝ๐—น๐—ฒ๐˜๐—ฒ๐—น๐˜† ๐—ณ๐—ฟ๐—ฒ๐—ฒ. ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—™๐—ผ๐—ฟ ๐—•๐—ฒ๐—ด๐—ถ๐—ป๐—ป๐—ฒ๐—ฟ๐˜€ (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป) ๐Ÿ”— angular-university.io/courseโ€ฆ Angular has changed a lot over the last few years. If youโ€™re learning Angular today, I donโ€™t think it 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โ€ฆ I hope you enjoy the course, Vasco Angular University
1
7
499
๐Ÿš€ 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 zoneless-only and standalone-only. There's no legacy decorator or NgModule material to wade through, just modern Angular from start to finish. ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—œ๐—ป ๐——๐—ฒ๐—ฝ๐˜๐—ต (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป): ๐Ÿ”— angular-university.io/courseโ€ฆ ๐Ÿ“š ๐—›๐—ฒ๐—ฟ๐—ฒ'๐˜€ ๐—ฒ๐˜ƒ๐—ฒ๐—ฟ๐˜†๐˜๐—ต๐—ถ๐—ป๐—ด ๐˜†๐—ผ๐˜‚'๐—น๐—น ๐—น๐—ฒ๐—ฎ๐—ฟ๐—ป: 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โ€ฆ Cheers, Vasco ๐ŸŒ angular-university.io
2
16
548
๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐——๐—ฒ๐—ฒ๐—ฝ ๐——๐—ถ๐˜ƒ๐—ฒ (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป) โ€” ๐—–๐—ผ๐—บ๐—ถ๐—ป๐—ด ๐—ฆ๐—ผ๐—ผ๐—ป I'm excited to announce that my new Angular Deep Dive (Signals Edition) course is in advanced preparation, and ๐—ฟ๐—ฒ๐—ฐ๐—ผ๐—ฟ๐—ฑ๐—ถ๐—ป๐—ด๐˜€ ๐˜€๐˜๐—ฎ๐—ฟ๐˜ ๐˜ƒ๐—ฒ๐—ฟ๐˜† ๐˜€๐—ผ๐—ผ๐—ป. ๐ŸŽฌ This course will be the natural follow-up to the 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
2
7
488
๐Ÿš€ 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โ€ฆ Thatโ€™s already over ๐Ÿญ ๐—ต๐—ผ๐˜‚๐—ฟ ๐—ฎ๐—ป๐—ฑ ๐Ÿฐ๐Ÿญ ๐—บ๐—ถ๐—ป๐˜‚๐˜๐—ฒ๐˜€ ๐—ผ๐—ณ ๐˜ƒ๐—ถ๐—ฑ๐—ฒ๐—ผ, taking 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
5
11
390
Iโ€™m happy to announce a brand-new ๐—™๐—ฅ๐—˜๐—˜ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—ฐ๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ that Iโ€™m currently recording: ๐ŸŽ‰ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—™๐—ผ๐—ฟ ๐—•๐—ฒ๐—ด๐—ถ๐—ป๐—ป๐—ฒ๐—ฟ๐˜€ (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป) ๐Ÿš€ ๐Ÿ”— angular-university.io/courseโ€ฆ ๐—”๐—ฏ๐—ผ๐˜‚๐˜ ๐˜๐—ต๐—ถ๐˜€ ๐—ฐ๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ ๐Ÿ“š This course is for anyone learning Angular for the 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
3
15
684
Angular University ๐Ÿ…ฐ๏ธ retweeted
@Armandotrue as your regular host :) Giant thanks and shout out to our sponsors! @coderabbitai @AngularUniv
1
2
263
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โ€ฆ About This Course The Angular Router is the skeleton of every Angular application. It determines how the application is structured, 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
7
34
1,609
๐Ÿš€ 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 (Signals Edition) ๐Ÿ”— angular-university.io/courseโ€ฆ ๐ŸŽฅ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
7
596
๐Ÿš€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 added to the course, until 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
21
843
๐ŸŽ“๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—ฅ๐—ผ๐˜‚๐˜๐—ฒ๐—ฟ ๐—œ๐—ป ๐——๐—ฒ๐—ฝ๐˜๐—ต (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป) ๐Ÿ”— angular-university.io/courseโ€ฆ
1
200
๐Ÿš€ 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 I've used a new way of 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โ€ฆ ๐Ÿ“– ๐—”๐—ฏ๐—ผ๐˜‚๐˜ ๐˜๐—ต๐—ถ๐˜€ ๐—ฐ๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ 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
5
38
1,612
๐Ÿ”ดClaude Code is down - but fix seems on the way. ๐Ÿ‘
13
2,210
๐Ÿš€ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐Ÿฎ๐Ÿฎ: ๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น ๐—™๐—ผ๐—ฟ๐—บ๐˜€ โ€” ๐—ž๐—ฒ๐˜† ๐—”๐—ฑ๐˜ƒ๐—ฎ๐—ป๐˜๐—ฎ๐—ด๐—ฒ๐˜€ โšก โœ… ๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น ๐—™๐—ผ๐—ฟ๐—บ๐˜€ ๐—ถ๐˜€ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ'๐˜€ ๐—ฟ๐—ฒ๐—ฎ๐—ฐ๐˜๐—ถ๐˜ƒ๐—ถ๐˜๐˜† ๐—ฎ๐—ฝ๐—ฝ๐—น๐—ถ๐—ฒ๐—ฑ ๐˜๐—ผ ๐—ณ๐—ผ๐—ฟ๐—บ๐˜€ The model is just a signal, so everything else in the Angular Signals ecosystem works naturally alongside forms. You stop 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
12
55
1,646
This used to take weeks of work ๐Ÿ˜…๐Ÿ’ช
2
3
76
3,844
๐Ÿš€ I'm excited to announce that the first lessons of my brand-new course are available: ๐Ÿ”ฅ Angular Forms In Depth (Signals Edition) โšก This course is currently in PRE-LAUNCH, and new lessons are being published every week. ๐Ÿ“š Right now, the course already includes 15 lessons and 1 hour 43 minutes of content, with much more on the way. ๐ŸŽฏ What Is This Course About? Angular Signal Forms is a complete redesign of Angular Forms built around signals. Instead of working with FormControl, FormGroup, and Observable-based APIs, Signal Forms introduces a more intuitive signal-driven approach with dramatically less boilerplate and a much cleaner developer experience. In this course, you'll learn Signal Forms from the ground up by building enterprise-level forms and implementing the same patterns used in production Angular applications. We'll cover everything from simple login forms to complex multi-step workflows, including: โœ… Form validation and error handling โœ… Custom validators โœ… Zod and Standard Schema integration โœ… Reusable custom form controls โœ… Nested forms โœ… File upload controls with progress indicators โœ… Route guards for unsaved changes โœ… Initializing forms from backend data โœ… Async server-side validation โœ… Conditional forms โœ… Form arrays โœ… Multi-step wizards โœ… Draft auto-saving and restoration ๐ŸŽฏ The goal is simple: by the end of the course, you'll be able to build virtually any form with Angular Signal Forms confidently and efficiently. ๐Ÿ“– Available Lessons Today The course currently includes the following lessons: 1. ๐ŸŽฌ Angular Forms In Depth Signals Edition - Introduction (07:29) 2. ๐ŸŽฌ Angular Signal Forms In a Nutshell (07:52) 3. ๐ŸŽฌ Angular Signal Forms Fundamentals - State Signals (07:21) 4. ๐ŸŽฌ Introducing Angular Form Validation (09:41) 5. ๐ŸŽฌ Displaying Form Field Errors - The Signals Way (08:53) 6. ๐ŸŽฌ Angular Form Submission and Resetting The Signal Way (05:39) 7. ๐ŸŽฌ Custom Form Field Validators - Password Strength Validator (05:37) 8. ๐ŸŽฌ Angular Signal Forms Standard Schema Support - Zod Schema (03:43) 9. ๐ŸŽฌ New Section - The User Profile Screen - Custom Signal Form Controls and More (04:02) 10. ๐ŸŽฌ Reviewing the File Upload Component (10:23) 11. ๐ŸŽฌ Implementing a File Upload Custom Form Control (08:26) 12. ๐ŸŽฌ Implementing a Nested Reusable Signal Form (11:06) 13. ๐ŸŽฌ Cancelling Router Navigation If Form Is Dirty (Unsaved Changes) (06:51) 14. ๐ŸŽฌ Initializing a Form From an Input or Backend With linkedSignal (06:03) 15.๐Ÿ“ฆ Plus additional supporting material and source code included in the course repository. ๐Ÿšง Still To Come The course is far from complete. Upcoming sections will cover: ๐Ÿ”น Async server-side validation with debouncing ๐Ÿ”น Conditional forms and cross-field validation ๐Ÿ”น Dynamic form arrays ๐Ÿ”น Multi-step form wizards ๐Ÿ”น Coordinating multiple forms ๐Ÿ”น Draft pre-saving and restoration ๐Ÿ”น Final production-ready application patterns ๐Ÿ“ˆ Every new lesson will be added to the course automatically as it's released. ๐Ÿ‘‰ Check out the course and watch the free lessons here ๐Ÿ”— angular-university.io/courseโ€ฆ ๐ŸŽ‰ I hope you enjoy the course! ๐Ÿ’™ Happy coding, Angular University ๐ŸŒ angular-university.io
21
686
Angular University ๐Ÿ…ฐ๏ธ retweeted
Angular @ boundary coming soon! Catch the errors before they bork your app! Watch full video here: piped.video/CnQr8bAYKKY #ngconf #AI #Angular #Angular22 @marktechson
3
7
1,504
๐Ÿš€ ๐—ก๐—˜๐—ช ๐—ฆ๐—œ๐—š๐—ก๐—”๐—Ÿ ๐—™๐—ข๐—ฅ๐— ๐—ฆ ๐—–๐—ข๐—จ๐—ฅ๐—ฆ๐—˜: ๐—ฅ๐—˜๐—–๐—ข๐—ฅ๐——๐—œ๐—ก๐—š๐—ฆ ๐—ฆ๐—ง๐—”๐—ฅ๐—ง๐—˜๐——! I'm excited to announce that recording has officially begun for Angular Forms In Depth (Signals Edition) at Angular University! ๐ŸŽฅ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น ๐—™๐—ผ๐—ฟ๐—บ๐˜€ is a complete redesign of Angular Forms, built around signals from the ground up. In this course you'll learn how to build real-world, production-ready forms including: โœ… Async server validation โœ… Reusable custom controls โœ… File uploads with progress & previews โœ… Dynamic form arrays โœ… Conditional fields โœ… Multi-step wizards โœ… Draft auto-save & restore โœ… Zod integration โšก ๐—Ÿ๐—ฒ๐˜€๐˜€ ๐—ฏ๐—ผ๐—ถ๐—น๐—ฒ๐—ฟ๐—ฝ๐—น๐—ฎ๐˜๐—ฒ โšก ๐—•๐—ฒ๐˜๐˜๐—ฒ๐—ฟ ๐˜๐˜†๐—ฝ๐—ถ๐—ป๐—ด โšก ๐—ฆ๐—ถ๐—บ๐—ฝ๐—น๐—ฒ๐—ฟ ๐—บ๐—ฒ๐—ป๐˜๐—ฎ๐—น ๐—บ๐—ผ๐—ฑ๐—ฒ๐—น โšก ๐—•๐˜‚๐—ถ๐—น๐˜ ๐—ณ๐—ผ๐—ฟ ๐—บ๐—ผ๐—ฑ๐—ฒ๐—ฟ๐—ป ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐Ÿ“… ๐—˜๐˜…๐—ฝ๐—ฒ๐—ฐ๐˜ ๐˜๐—ต๐—ฒ ๐—ณ๐—ถ๐—ฟ๐˜€๐˜ ๐—น๐—ฒ๐˜€๐˜€๐—ผ๐—ป๐˜€ ๐—น๐—ฎ๐˜๐—ฒ๐—ฟ ๐˜๐—ต๐—ถ๐˜€ ๐˜„๐—ฒ๐—ฒ๐—ธ, with new lessons published weekly thereafter. ๐Ÿ‘‰ angular-university.io/courseโ€ฆ #Angular #AngularDev #WebDevelopment #Frontend #TypeScript #Signals
4
19
698
๐ŸŽ‰ ๐—–๐—ฒ๐—ฟ๐˜๐—ถ๐—ณ๐—ถ๐—ฐ๐—ฎ๐˜๐—ฒ๐˜€ ๐—ผ๐—ณ ๐—–๐—ผ๐—บ๐—ฝ๐—น๐—ฒ๐˜๐—ถ๐—ผ๐—ป and ๐—•๐—ผ๐—ผ๐—ธ๐—บ๐—ฎ๐—ฟ๐—ธ๐˜€ are now live at Angular University! ๐Ÿ† ๐—–๐—ฒ๐—ฟ๐˜๐—ถ๐—ณ๐—ถ๐—ฐ๐—ฎ๐˜๐—ฒ๐˜€ ๐—ผ๐—ณ ๐—–๐—ผ๐—บ๐—ฝ๐—น๐—ฒ๐˜๐—ถ๐—ผ๐—ป Finish all lessons in a course and automatically earn a certificate of completion. Each certificate includes: โœ… A unique credential ID โœ… A public verification link โœ… A downloadable PDF โœ… One-click LinkedIn sharing You'll find all your certificates under ๐— ๐˜† ๐—–๐—ฒ๐—ฟ๐˜๐—ถ๐—ณ๐—ถ๐—ฐ๐—ฎ๐˜๐—ฒ๐˜€ in the menu. ๐Ÿ”– ๐—•๐—ผ๐—ผ๐—ธ๐—บ๐—ฎ๐—ฟ๐—ธ๐˜€ Found a lesson you want to revisit later? Simply click the bookmark icon to save it. Access all your saved lessons anytime under ๐— ๐˜† ๐—•๐—ผ๐—ผ๐—ธ๐—บ๐—ฎ๐—ฟ๐—ธ๐˜€. ๐Ÿ’ฌ What feature would you like to see added next at Angular University? Happy learning, Vasco #Angular #AngularUniversity #WebDevelopment #Frontend #TypeScript
Made with AI
1
13
713
Angular University ๐Ÿ…ฐ๏ธ retweeted
๐Ÿ”ฅ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐Ÿฎ๐Ÿฎ ๐—ป๐—ผ๐˜„ ๐—ต๐—ฎ๐˜€ ๐—ถ๐˜๐˜€ ๐—ผ๐˜„๐—ป ๐—”๐—œ ๐—”๐—ด๐—ฒ๐—ป๐˜ ๐—ฆ๐—ธ๐—ถ๐—น๐—น. โšก Install it once and every coding agent instantly understands: โœ… Angular 22 best practices โœ… Signals & Signal Forms โœ… Standalone Components โœ… Zoneless Angular โœ… Modern Angular architecture โœ… Angular coding conventions Instead of generating generic code, your AI agent starts thinking like an Angular expert. ๐—œ๐—ป๐˜€๐˜๐—ฎ๐—น๐—น: npx angular-cli-ai install-skill ๐Ÿง  ๐—ฌ๐—ผ๐˜‚๐—ฟ ๐—”๐—œ ๐—ถ๐˜€ ๐—ผ๐—ป๐—น๐˜† ๐—ฎ๐˜€ ๐—ด๐—ผ๐—ผ๐—ฑ ๐—ฎ๐˜€ ๐—ถ๐˜๐˜€ ๐—ฐ๐—ผ๐—ป๐˜๐—ฒ๐˜…๐˜. For best results, combine it with the Angular 22 MCP Server and enable the experimental devserver tasks. See my previous tweet for how to do that. #Angular #Angular22 #AI #ClaudeCode #TypeScript #WebDev
3
12
91
2,867