Twitxy Saved

Angular University ๐Ÿ…ฐ๏ธ

@AngularUniv

Premium Angular Courses. Learn and keep up with the Angular Ecosystem. Helpdesk: helpdesk@angular-university.io
angular-university.io Joined March 2016
1.6K Following 7.9K Followers 8K Posts

Latest posts 5

Pinned post

Angular University ๐Ÿ…ฐ๏ธ @AngularUniv
๐Ÿš€ 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 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/angularโ€ฆ

I hope you enjoy the course,

Vasco
Angular University
Angular University ๐Ÿ…ฐ๏ธ @AngularUniv
๐Ÿš€ Our new flagship course is live: ๐——๐—ฒ๐—ณ๐—ถ๐—ป๐—ถ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป)! ๐Ÿš€๐Ÿš€ 25% of the lessons are free to watch:

๐Ÿ”—tinyurl.com/definitive-angโ€ฆ

๐——๐—ฒ๐—ณ๐—ถ๐—ป๐—ถ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป) takes you from the fundamentalsโ€”with signals from the very first exampleโ€”to the frameworkโ€™s most advanced concepts, all explained in a clear, easy-to-understand way.

๐ŸŽฏ Build the knowledge and confidence to tackle complex Angular applications. Take the next step in your Angular career by deepening your knowledge of the framework to an expert level.

๐Ÿ“š ๐—ช๐—ต๐—ฎ๐˜โ€™๐˜€ ๐—ถ๐—ป๐˜€๐—ถ๐—ฑ๐—ฒ:

โ€ข Getting Started, Tooling & Your First Signals
โ€ข Angular Template Syntax Deep Dive
โ€ข Components, Signal Inputs & View Queries
โ€ข Built-in Control Flow
โ€ข Component Styling & View Encapsulation
โšก Signals Deep Dive
โ€ข Async Signals with resource() & httpResource()
โ€ข Angular HTTP Client
โ€ข Angular Services & Signal-Based State
โ€ข Dependency Injection Deep Dive
โ€ข Pipes in Depth
โ€ข Deferred Loading & Error Boundaries
โ€ข Content Projection & Content Queries
โ€ข Attribute Directives & Directive Composition
โ€ข Advanced Templates & Structural Directives
โ€ข Lifecycle & Render Hooks
โ€ข Angular Security
โ€ข Internationalization (i18n)
โ€ข RxJS Interoperability

๐Ÿ‘‰ Explore the course and watch the free lessons:
๐Ÿ”—tinyurl.com/definitive-angโ€ฆ

#Angular
Angular University ๐Ÿ…ฐ๏ธ @AngularUniv
Hi everyone,

๐Ÿš€ Another big update to the ๐——๐—ฒ๐—ณ๐—ถ๐—ป๐—ถ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป) ๐—–๐—ผ๐˜‚๐—ฟ๐˜€๐—ฒ is now live!

Following last week's release, I've just published 1๐Ÿญ๐Ÿฒ ๐—ป๐—ฒ๐˜„ ๐—น๐—ฒ๐˜€๐˜€๐—ผ๐—ป๐˜€ โ€” ๐Ÿญ ๐—ต๐—ผ๐˜‚๐—ฟ ๐—ฎ๐—ป๐—ฑ ๐Ÿฐ๐Ÿฏ ๐—บ๐—ถ๐—ป๐˜‚๐˜๐—ฒ๐˜€ ๐—ผ๐—ณ ๐—ป๐—ฒ๐˜„ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐˜๐—ฟ๐—ฎ๐—ถ๐—ป๐—ถ๐—ป๐—ด, ready for you to watch today.

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

๐Ÿ“š Here's what you'll learn:
โœ… ๐—”๐˜๐˜๐—ฟ๐—ถ๐—ฏ๐˜‚๐˜๐—ฒ ๐——๐—ถ๐—ฟ๐—ฒ๐—ฐ๐˜๐—ถ๐˜ƒ๐—ฒ๐˜€ ๐—ฎ๐—ป๐—ฑ ๐——๐—ถ๐—ฟ๐—ฒ๐—ฐ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—–๐—ผ๐—บ๐—ฝ๐—ผ๐˜€๐—ถ๐˜๐—ถ๐—ผ๐—ป โ€” build a collapsible directive step by step, then explore host directives to compose reusable behavior.
โœ… ๐—”๐—ฑ๐˜ƒ๐—ฎ๐—ป๐—ฐ๐—ฒ๐—ฑ ๐—ง๐—ฒ๐—บ๐—ฝ๐—น๐—ฎ๐˜๐—ฒ๐˜€ ๐—ฎ๐—ป๐—ฑ ๐—ฆ๐˜๐—ฟ๐˜‚๐—ฐ๐˜๐˜‚๐—ฟ๐—ฎ๐—น ๐——๐—ถ๐—ฟ๐—ฒ๐—ฐ๐˜๐—ถ๐˜ƒ๐—ฒ๐˜€ โ€” work with ng-template, template inputs, ng-container, and ngTemplateOutlet, then implement a structural directive from scratch.
โœ… ๐—Ÿ๐—ถ๐—ณ๐—ฒ๐—ฐ๐˜†๐—ฐ๐—น๐—ฒ ๐—ฎ๐—ป๐—ฑ ๐—ฅ๐—ฒ๐—ป๐—ฑ๐—ฒ๐—ฟ ๐—›๐—ผ๐—ผ๐—ธ๐˜€ โ€” explore afterNextRender(), afterRenderEffect(), and afterEveryRender().
โœ… ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ ๐—ฆ๐—ฒ๐—ฐ๐˜‚๐—ฟ๐—ถ๐˜๐˜† ๐—™๐—ฒ๐—ฎ๐˜๐˜‚๐—ฟ๐—ฒ๐˜€ โ€” understand Angular's built-in DOM sanitization and XSRF defenses.
โœ… ๐—œ๐—ป๐˜๐—ฒ๐—ฟ๐—ป๐—ฎ๐˜๐—ถ๐—ผ๐—ป๐—ฎ๐—น๐—ถ๐˜‡๐—ฎ๐˜๐—ถ๐—ผ๐—ป (๐—ถ๐Ÿญ๐Ÿด๐—ป) โ€” get started with Angular's internationalization features.

These lessons take you deeper into Angular, from building reusable directives and flexible templates to working with render hooks, security, and internationalization.

๐Ÿ‘‰ ๐—ช๐—ฎ๐˜๐—ฐ๐—ต ๐˜๐—ต๐—ฒ ๐—ป๐—ฒ๐˜„ ๐—น๐—ฒ๐˜€๐˜€๐—ผ๐—ป๐˜€ ๐—ถ๐—ป ๐——๐—ฒ๐—ณ๐—ถ๐—ป๐—ถ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—”๐—ป๐—ด๐˜‚๐—น๐—ฎ๐—ฟ (๐—ฆ๐—ถ๐—ด๐—ป๐—ฎ๐—น๐˜€ ๐—˜๐—ฑ๐—ถ๐˜๐—ถ๐—ผ๐—ป)
๐Ÿ”— angular-university.io/course/angularโ€ฆ

If you're already following along, you can pick up with ๐—ฆ๐—ฒ๐—ฐ๐˜๐—ถ๐—ผ๐—ป ๐Ÿญ๐Ÿฑ โ€” ๐—”๐˜๐˜๐—ฟ๐—ถ๐—ฏ๐˜‚๐˜๐—ฒ ๐——๐—ถ๐—ฟ๐—ฒ๐—ฐ๐˜๐—ถ๐˜ƒ๐—ฒ๐˜€ ๐—ฎ๐—ป๐—ฑ ๐——๐—ถ๐—ฟ๐—ฒ๐—ฐ๐˜๐—ถ๐˜ƒ๐—ฒ ๐—–๐—ผ๐—บ๐—ฝ๐—ผ๐˜€๐—ถ๐˜๐—ถ๐—ผ๐—ป.

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

Happy learning,
Vasco
Angular University
Angular University ๐Ÿ…ฐ๏ธ @AngularUniv
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 Angular (Signals Edition)
๐Ÿ”— 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
Angular University ๐Ÿ…ฐ๏ธ @AngularUniv
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