From 03b63373883ab1326646642c424ce9d8474ceb23 Mon Sep 17 00:00:00 2001 From: Konrad Date: Thu, 4 Jul 2024 16:46:38 +0200 Subject: [PATCH] refactor(roadmap/angular): update links to new angular.dev documentation (#6024) additionally: - remove duplicated links in some documentations - improve titles --- .../102-angular-basics/100-angularjs-vs-angular.md | 2 +- .../102-angular-basics/101-angular-components.md | 1 - .../102-angular-basics/102-angular-templates.md | 3 +-- .../content/102-angular-basics/103-angular-modules.md | 3 ++- .../102-angular-basics/104-dependency-injection.md | 4 ++-- .../angular/content/102-angular-basics/105-services.md | 2 +- .../angular/content/102-angular-basics/106-routing.md | 4 ++-- .../angular/content/103-angular-cli/100-ng-build.md | 2 +- .../angular/content/103-angular-cli/101-ng-serve.md | 2 +- .../angular/content/103-angular-cli/102-ng-generate.md | 2 +- .../angular/content/103-angular-cli/103-ng-test.md | 2 +- .../angular/content/103-angular-cli/104-ng-e2e.md | 2 +- .../angular/content/103-angular-cli/105-ng-new.md | 2 +- .../angular/content/103-angular-cli/106-schematics.md | 2 +- .../roadmaps/angular/content/103-angular-cli/index.md | 3 ++- .../angular/content/104-templates/100-interpolation.md | 2 +- .../content/104-templates/102-template-statements.md | 2 +- .../103-binding-data-props-attrs-events.md | 2 +- .../angular/content/104-templates/105-input-output.md | 3 ++- .../roadmaps/angular/content/104-templates/index.md | 2 +- .../105-rendering-topics/100-builtin-directives.md | 2 +- .../content/105-rendering-topics/101-builtin-pipes.md | 2 +- .../105-rendering-topics/102-change-detection.md | 3 ++- .../angular/content/106-forms/100-reactive-forms.md | 2 +- .../content/106-forms/101-template-driven-forms.md | 2 +- src/data/roadmaps/angular/content/106-forms/index.md | 2 +- .../angular/content/107-routing/101-router-outlets.md | 2 +- .../angular/content/107-routing/102-router-links.md | 2 +- .../angular/content/107-routing/103-router-events.md | 2 +- .../roadmaps/angular/content/107-routing/104-guards.md | 10 +++------- .../angular/content/107-routing/105-lazy-loading.md | 2 +- src/data/roadmaps/angular/content/107-routing/index.md | 2 +- .../100-dependency-injection.md | 2 +- .../angular/content/108-services-remote-data/index.md | 4 ++-- .../roadmaps/angular/content/109-lifecycle-hooks.md | 2 +- src/data/roadmaps/angular/content/111-zones.md | 2 +- .../content/112-creating-a-custom-x/101-pipe.md | 2 +- .../content/112-creating-a-custom-x/102-library.md | 2 +- .../103-standalone-component.md | 2 +- .../content/113-angular-ssr/100-angular-universal.md | 2 +- .../roadmaps/angular/content/113-angular-ssr/index.md | 2 +- .../115-testing-angular-apps/100-testing-pipes.md | 2 +- .../115-testing-angular-apps/101-testing-services.md | 2 +- .../102-testing-component-bindings.md | 2 +- .../115-testing-angular-apps/103-testing-directives.md | 2 +- .../104-testing-component-templates.md | 2 +- 46 files changed, 54 insertions(+), 56 deletions(-) diff --git a/src/data/roadmaps/angular/content/102-angular-basics/100-angularjs-vs-angular.md b/src/data/roadmaps/angular/content/102-angular-basics/100-angularjs-vs-angular.md index 0e52a723c..c30d6886f 100644 --- a/src/data/roadmaps/angular/content/102-angular-basics/100-angularjs-vs-angular.md +++ b/src/data/roadmaps/angular/content/102-angular-basics/100-angularjs-vs-angular.md @@ -5,5 +5,5 @@ AngularJS was the older version of Angular, whose support officially ended in Ja Visit the following resources to learn more: - [@official@AngularJS Website](https://angularjs.org/) -- [@official@Official - Getting started with Angular](https://angular.io/start) +- [@official@Official - Welcome to the Angular tutorial](https://angular.dev/tutorials/learn-angular) - [@feed@Explore top posts about Angular](https://app.daily.dev/tags/angular?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/102-angular-basics/101-angular-components.md b/src/data/roadmaps/angular/content/102-angular-basics/101-angular-components.md index 96c1dcfc7..fcb95a533 100644 --- a/src/data/roadmaps/angular/content/102-angular-basics/101-angular-components.md +++ b/src/data/roadmaps/angular/content/102-angular-basics/101-angular-components.md @@ -9,7 +9,6 @@ Components are the main building block for Angular applications. Each component Visit the following resources to learn more: -- [@official@Angular Components Overview](https://angular.io/guide/component-overview) - [@official@Anatomy of a component](https://angular.dev/guide/components) - [@official@Composing with Components in Angular](https://angular.dev/essentials/components) - [@video@Standalone Components in Angular](https://www.youtube.com/watch?v=x5PZwb4XurU) diff --git a/src/data/roadmaps/angular/content/102-angular-basics/102-angular-templates.md b/src/data/roadmaps/angular/content/102-angular-basics/102-angular-templates.md index c625dddf1..0e86243c3 100644 --- a/src/data/roadmaps/angular/content/102-angular-basics/102-angular-templates.md +++ b/src/data/roadmaps/angular/content/102-angular-basics/102-angular-templates.md @@ -4,6 +4,5 @@ A Template is a form of HTML which tells Angular to go towards another component Visit the following resources to learn more: -- [@official@Understanding Templates](https://angular.io/guide/template-overview) -- [@official@Template Syntax](https://angular.io/guide/template-syntax) +- [@official@Template Syntax](https://angular.dev/guide/templates) - [@feed@Explore top posts about Angular](https://app.daily.dev/tags/angular?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/102-angular-basics/103-angular-modules.md b/src/data/roadmaps/angular/content/102-angular-basics/103-angular-modules.md index cc76fd9b8..cf4018675 100644 --- a/src/data/roadmaps/angular/content/102-angular-basics/103-angular-modules.md +++ b/src/data/roadmaps/angular/content/102-angular-basics/103-angular-modules.md @@ -4,5 +4,6 @@ Modules in Angular act like a container where we can group the components, direc Visit the following resources to learn more: -- [@official@Introduction to Modules](https://angular.io/guide/architecture-modules) +- [@official@Importing and using components](https://angular.dev/guide/components/importing) +- [@official@Introduction to Modules](https://angular.dev/guide/ngmodules) - [@feed@Explore top posts about Angular](https://app.daily.dev/tags/angular?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/102-angular-basics/104-dependency-injection.md b/src/data/roadmaps/angular/content/102-angular-basics/104-dependency-injection.md index eb1aa9fa4..3251d6fcb 100644 --- a/src/data/roadmaps/angular/content/102-angular-basics/104-dependency-injection.md +++ b/src/data/roadmaps/angular/content/102-angular-basics/104-dependency-injection.md @@ -4,6 +4,6 @@ Dependency Injection is one of the fundamental concepts in Angular. DI is wired Visit the following resources to learn more: -- [@official@Understanding Dependency Injection](https://angular.io/guide/dependency-injection) -- [@official@Dependency Injection in Action](https://angular.io/guide/dependency-injection-in-action) +- [@official@Understanding Dependency Injection](https://angular.dev/guide/di/dependency-injection) +- [@official@DI in Action](https://angular.dev/guide/di/di-in-action) - [@feed@Explore top posts about Dependency Injection](https://app.daily.dev/tags/dependency-injection?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/102-angular-basics/105-services.md b/src/data/roadmaps/angular/content/102-angular-basics/105-services.md index f07c3ce33..37d93cae7 100644 --- a/src/data/roadmaps/angular/content/102-angular-basics/105-services.md +++ b/src/data/roadmaps/angular/content/102-angular-basics/105-services.md @@ -4,7 +4,7 @@ Services let you define code or functionalities that are then accessible and reu Visit the following resources to learn more: -- [@official@Services](https://angular.io/tutorial/toh-pt4) +- [@official@Creating an injectable service](https://angular.dev/guide/di/creating-injectable-service) - [@article@What is an Angular Service](https://www.javatpoint.com/what-is-an-angular-service) - [@article@Service for API Calls](https://www.knowledgehut.com/blog/web-development/make-api-calls-angular) - [@article@Service Tutorial with Example](https://www.positronx.io/angular-service-tutorial-with-example/) diff --git a/src/data/roadmaps/angular/content/102-angular-basics/106-routing.md b/src/data/roadmaps/angular/content/102-angular-basics/106-routing.md index 4e16cae62..020e2b008 100644 --- a/src/data/roadmaps/angular/content/102-angular-basics/106-routing.md +++ b/src/data/roadmaps/angular/content/102-angular-basics/106-routing.md @@ -4,5 +4,5 @@ Routing in Angular allows the users to create a single-page application with mul Visit the following resources to learn more: -- [@official@Angular Routing](https://angular.io/guide/routing-overview) -- [@official@Common Routing Tasks](https://angular.io/guide/router) +- [@official@Angular Routing](https://angular.dev/guide/routing) +- [@official@Common Routing Tasks](https://angular.dev/guide/routing/common-router-tasks) diff --git a/src/data/roadmaps/angular/content/103-angular-cli/100-ng-build.md b/src/data/roadmaps/angular/content/103-angular-cli/100-ng-build.md index 01a6aa7b2..72da2e4f0 100644 --- a/src/data/roadmaps/angular/content/103-angular-cli/100-ng-build.md +++ b/src/data/roadmaps/angular/content/103-angular-cli/100-ng-build.md @@ -4,5 +4,5 @@ The command can be used to build a project of type "application" or "library". W Visit the following resources to learn more: -- [@official@Ng Build - Angular.io](https://angular.io/cli/build) +- [@official@Angular CLI - ng build](https://angular.dev/cli/build) - [@video@Building an Angular project](https://www.youtube.com/watch?v=VB6WuCPDwz0) diff --git a/src/data/roadmaps/angular/content/103-angular-cli/101-ng-serve.md b/src/data/roadmaps/angular/content/103-angular-cli/101-ng-serve.md index 3f5ad6ec1..75249d6e6 100644 --- a/src/data/roadmaps/angular/content/103-angular-cli/101-ng-serve.md +++ b/src/data/roadmaps/angular/content/103-angular-cli/101-ng-serve.md @@ -4,5 +4,5 @@ ng serve — This command builds, deploy, serves and every time watches your cod Visit the following resources to learn more: -- [@official@Ng serve - Angular.io](https://angular.io/cli/serve) +- [@official@Angular CLI - ng serve](https://angular.dev/cli/serve) - [@video@Running a project with ng serve](https://www.youtube.com/watch?v=-w-RfHcLt5U) diff --git a/src/data/roadmaps/angular/content/103-angular-cli/102-ng-generate.md b/src/data/roadmaps/angular/content/103-angular-cli/102-ng-generate.md index d911f8aa1..349a947be 100644 --- a/src/data/roadmaps/angular/content/103-angular-cli/102-ng-generate.md +++ b/src/data/roadmaps/angular/content/103-angular-cli/102-ng-generate.md @@ -4,5 +4,5 @@ ng generate is used to create the component in angular project. These are the tw Visit the following resources to learn more: -- [@official@Ng generate - Angular.io](https://angular.io/cli/generate) +- [@official@Angular CLI - ng generate](https://angular.dev/cli/generate) - [@video@Angular cli generate component](https://www.youtube.com/watch?v=NlHlu_zzmo4) diff --git a/src/data/roadmaps/angular/content/103-angular-cli/103-ng-test.md b/src/data/roadmaps/angular/content/103-angular-cli/103-ng-test.md index 0b7610cf2..ba49aa17f 100644 --- a/src/data/roadmaps/angular/content/103-angular-cli/103-ng-test.md +++ b/src/data/roadmaps/angular/content/103-angular-cli/103-ng-test.md @@ -6,5 +6,5 @@ ng test is used to runs unit tests in angular project. Visit the following resources to learn more: -- [@official@Ng test - Angular.io](https://angular.io/cli/test) +- [@official@Angular CLI - ng test](https://angular.dev/cli/test) - [@video@Angular Ng test commands](https://www.youtube.com/watch?v=n1O_eRwzRKA) diff --git a/src/data/roadmaps/angular/content/103-angular-cli/104-ng-e2e.md b/src/data/roadmaps/angular/content/103-angular-cli/104-ng-e2e.md index 0f5f1cb99..5cffa2667 100644 --- a/src/data/roadmaps/angular/content/103-angular-cli/104-ng-e2e.md +++ b/src/data/roadmaps/angular/content/103-angular-cli/104-ng-e2e.md @@ -4,6 +4,6 @@ End-to-end testing (E2E) of Angular applications is performed using the Protract Visit the following resources to learn more: -- [@official@Ng e2e - Angular.io](https://angular.io/cli/e2e) +- [@official@Angular CLI - ng e2e](https://angular.dev/cli/e2e) - [@video@Angular cli generate component](https://www.youtube.com/watch?v=3vFnhzEGfew) - [@feed@Explore top posts about Testing](https://app.daily.dev/tags/testing?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/103-angular-cli/105-ng-new.md b/src/data/roadmaps/angular/content/103-angular-cli/105-ng-new.md index db774d62d..823033b85 100644 --- a/src/data/roadmaps/angular/content/103-angular-cli/105-ng-new.md +++ b/src/data/roadmaps/angular/content/103-angular-cli/105-ng-new.md @@ -8,5 +8,5 @@ The default Angular project, All dependencies installed in node_modules folder , Visit the following resources to learn more: -- [@official@Ng New - Angular.io](https://angular.io/cli/new) +- [@official@Angular CLI - ng new](https://angular.dev/cli/new) - [@video@ng New command](https://www.youtube.com/watch?v=NdEpZezptkQ) diff --git a/src/data/roadmaps/angular/content/103-angular-cli/106-schematics.md b/src/data/roadmaps/angular/content/103-angular-cli/106-schematics.md index e2cdc0ed7..a0bcc901e 100644 --- a/src/data/roadmaps/angular/content/103-angular-cli/106-schematics.md +++ b/src/data/roadmaps/angular/content/103-angular-cli/106-schematics.md @@ -4,5 +4,5 @@ A schematic is a template-based code generator that supports complex logic. It i Visit the following resources to learn more: -- [@official@Angular Website](https://angular.io/guide/schematics) +- [@official@Generating code using schematics](https://angular.dev/tools/cli/schematics) - [@article@Angular Blog](https://blog.angular.io/schematics-an-introduction-dc1dfbc2a2b2?gi=ad9571373944) diff --git a/src/data/roadmaps/angular/content/103-angular-cli/index.md b/src/data/roadmaps/angular/content/103-angular-cli/index.md index be15b2b39..3d4e9c86c 100644 --- a/src/data/roadmaps/angular/content/103-angular-cli/index.md +++ b/src/data/roadmaps/angular/content/103-angular-cli/index.md @@ -6,6 +6,7 @@ The Angular CLI is a command-line interface tool that you use to initialize, dev Visit the following resources to learn more: -- [@official@Angular CLI - Angular.io](https://angular.io/cli) +- [@official@CLI Reference](https://angular.dev/cli) +- [@official@The Angular CLI](https://angular.dev/tools/cli) - [@video@Angular CLI - setup](https://www.youtube.com/watch?v=mZnzX3J5XKI) - [@feed@Explore top posts about Angular](https://app.daily.dev/tags/angular?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/104-templates/100-interpolation.md b/src/data/roadmaps/angular/content/104-templates/100-interpolation.md index 5bb23593e..ec79d284b 100644 --- a/src/data/roadmaps/angular/content/104-templates/100-interpolation.md +++ b/src/data/roadmaps/angular/content/104-templates/100-interpolation.md @@ -4,5 +4,5 @@ Interpolation refers to embedding expressions into marked up text. By default, i Visit the following resources to learn more: -- [@official@Angular Official Website](https://angular.io/guide/interpolation) +- [@official@Angular Official Website](https://angular.dev/guide/templates/interpolation) - [@official@Displaying values with interpolation](https://angular.dev/guide/templates/interpolation) diff --git a/src/data/roadmaps/angular/content/104-templates/102-template-statements.md b/src/data/roadmaps/angular/content/104-templates/102-template-statements.md index 869261252..b77abf116 100644 --- a/src/data/roadmaps/angular/content/104-templates/102-template-statements.md +++ b/src/data/roadmaps/angular/content/104-templates/102-template-statements.md @@ -4,5 +4,5 @@ Template statements are methods or properties that you can use in your HTML to r Visit the following resources to learn more: -- [@official@Angular Official Website](https://angular.io/guide/template-statements) +- [@official@Angular Official Website](https://angular.dev/guide/templates/template-statements) - [@official@Understanding Template Statements](https://angular.dev/guide/templates/template-statements#) diff --git a/src/data/roadmaps/angular/content/104-templates/103-binding-data-props-attrs-events.md b/src/data/roadmaps/angular/content/104-templates/103-binding-data-props-attrs-events.md index bd9bc1e6d..33701e511 100644 --- a/src/data/roadmaps/angular/content/104-templates/103-binding-data-props-attrs-events.md +++ b/src/data/roadmaps/angular/content/104-templates/103-binding-data-props-attrs-events.md @@ -9,4 +9,4 @@ In an Angular template, a binding creates a live connection between view and the Visit the following resources to learn more: -- [@official@Angular Official Website](https://angular.io/guide/binding-overview) +- [@official@Angular Official Website](https://angular.dev/guide/templates/binding) diff --git a/src/data/roadmaps/angular/content/104-templates/105-input-output.md b/src/data/roadmaps/angular/content/104-templates/105-input-output.md index 8ab671c2d..61a3b9bb1 100644 --- a/src/data/roadmaps/angular/content/104-templates/105-input-output.md +++ b/src/data/roadmaps/angular/content/104-templates/105-input-output.md @@ -4,4 +4,5 @@ Visit the following resources to learn more: -- [@official@Angular Official Website](https://angular.io/guide/inputs-outputs) +- [@official@Angular Official Website - inputs](https://angular.dev/guide/components/inputs) +- [@official@Angular Official Website - outputs](https://angular.dev/guide/components/outputs) diff --git a/src/data/roadmaps/angular/content/104-templates/index.md b/src/data/roadmaps/angular/content/104-templates/index.md index 3257727b3..22a239597 100644 --- a/src/data/roadmaps/angular/content/104-templates/index.md +++ b/src/data/roadmaps/angular/content/104-templates/index.md @@ -4,4 +4,4 @@ A template is a form of HTML that tells Angular how to render the component. Visit the following resources to learn more: -- [@official@Introduction to Components and Templates](https://angular.io/guide/architecture-components) +- [@official@Anatomy of a component](https://angular.dev/guide/components) diff --git a/src/data/roadmaps/angular/content/105-rendering-topics/100-builtin-directives.md b/src/data/roadmaps/angular/content/105-rendering-topics/100-builtin-directives.md index 6487dbc5d..4eb2d5683 100644 --- a/src/data/roadmaps/angular/content/105-rendering-topics/100-builtin-directives.md +++ b/src/data/roadmaps/angular/content/105-rendering-topics/100-builtin-directives.md @@ -6,5 +6,5 @@ SKDirectives are classes that add additional behavior to elements in your Angula Visit the following resources to learn more: -- [@official@Understanding BuiltIn Directives](https://angular.io/guide/built-in-directives) +- [@official@Built-in directives](https://angular.dev/guide/directives/) - [@article@BuiltIn Directives Types](https://thinkster.io/tutorials/angular-2-directives) diff --git a/src/data/roadmaps/angular/content/105-rendering-topics/101-builtin-pipes.md b/src/data/roadmaps/angular/content/105-rendering-topics/101-builtin-pipes.md index 6cf657288..ae16b6b7e 100644 --- a/src/data/roadmaps/angular/content/105-rendering-topics/101-builtin-pipes.md +++ b/src/data/roadmaps/angular/content/105-rendering-topics/101-builtin-pipes.md @@ -6,5 +6,5 @@ Use pipes to transform strings, currency amounts, dates, and other data for disp Visit the following resources to learn more: -- [@official@Understanding BuiltIn Pipes](https://angular.io/guide/pipes) +- [@official@Understanding Pipes](https://angular.dev/guide/pipes) - [@article@BuiltIn Pipes - examples](https://codecraft.tv/courses/angular/pipes/built-in-pipes/) diff --git a/src/data/roadmaps/angular/content/105-rendering-topics/102-change-detection.md b/src/data/roadmaps/angular/content/105-rendering-topics/102-change-detection.md index 6cfdd13b9..5a768260c 100644 --- a/src/data/roadmaps/angular/content/105-rendering-topics/102-change-detection.md +++ b/src/data/roadmaps/angular/content/105-rendering-topics/102-change-detection.md @@ -4,5 +4,6 @@ Change detection is the process through which Angular checks to see whether your Visit the following resources to learn more: -- [@official@Understanding Change detection](https://angular.io/guide/change-detection) +- [@official@Runtime performance optimization](https://angular.dev/best-practices/runtime-performance) +- [@official@ChangeDetectionStrategy](https://angular.dev/guide/components/advanced-configuration#changedetectionstrategy) - [@video@4 Runtime Performance Optimizations ( Change detection )](https://www.youtube.com/watch?v=f8sA-i6gkGQ) diff --git a/src/data/roadmaps/angular/content/106-forms/100-reactive-forms.md b/src/data/roadmaps/angular/content/106-forms/100-reactive-forms.md index e36f14d3e..f5a000b79 100644 --- a/src/data/roadmaps/angular/content/106-forms/100-reactive-forms.md +++ b/src/data/roadmaps/angular/content/106-forms/100-reactive-forms.md @@ -4,7 +4,7 @@ Reactive Forms in angular are those which used to handle the inputs coming from Visit the following resources to learn more: -- [@official@Reactive forms - Angular](https://angular.io/guide/reactive-forms) +- [@official@Reactive forms - Angular](https://angular.dev/guide/forms/reactive-forms) - [@article@Angular Reactive Forms](https://www.javatpoint.com/angular-reactive-forms) - [@article@How To Use Reactive Forms in Angular](https://www.digitalocean.com/community/tutorials/angular-reactive-forms-introduction) - [@video@Reactive Form in Angular](https://www.youtube.com/watch?v=8k4ctDmVn7w) diff --git a/src/data/roadmaps/angular/content/106-forms/101-template-driven-forms.md b/src/data/roadmaps/angular/content/106-forms/101-template-driven-forms.md index 6ab059414..f267fe176 100644 --- a/src/data/roadmaps/angular/content/106-forms/101-template-driven-forms.md +++ b/src/data/roadmaps/angular/content/106-forms/101-template-driven-forms.md @@ -6,7 +6,7 @@ It uses two-way data-binding (ngModel) to create and handle the form components. Visit the following resources to learn more: -- [@official@Building a template-driven form](https://angular.io/guide/forms) +- [@official@Building a template-driven form](https://angular.dev/guide/forms/template-driven-forms) - [@article@Template-Driven Forms](https://codecraft.tv/courses/angular/forms/template-driven/) - [@video@Template driven form](https://www.youtube.com/watch?v=whr14XxB8-M) - [@video@Template driven form Validations](https://www.youtube.com/watch?v=cVd4ZCIXprs) diff --git a/src/data/roadmaps/angular/content/106-forms/index.md b/src/data/roadmaps/angular/content/106-forms/index.md index 82077978a..4a83c24a3 100644 --- a/src/data/roadmaps/angular/content/106-forms/index.md +++ b/src/data/roadmaps/angular/content/106-forms/index.md @@ -6,7 +6,7 @@ Angular provides two approaches to handle user inputs trough forms: reactive and Visit the following resources to learn more: -- [@official@Introduction to forms in Angular](https://angular.io/guide/forms-overview) +- [@official@Forms in Angular](https://angular.dev/guide/forms) - [@article@Angular Forms](https://www.w3schools.com/angular/angular_forms.asp) - [@video@Angular Forms Tutorial](https://www.youtube.com/watch?v=-bGgjgx3fGs) - [@video@Building Forms in Angular Apps](https://www.youtube.com/watch?v=hAaoPOx_oIw) diff --git a/src/data/roadmaps/angular/content/107-routing/101-router-outlets.md b/src/data/roadmaps/angular/content/107-routing/101-router-outlets.md index b97e2af55..2e88ba6e9 100644 --- a/src/data/roadmaps/angular/content/107-routing/101-router-outlets.md +++ b/src/data/roadmaps/angular/content/107-routing/101-router-outlets.md @@ -6,4 +6,4 @@ Thanks to the router outlet, your app will have multiple views/pages and the app Visit the following resources to learn more: -- [@official@Understanding Router Outlets](https://angular.io/api/router/RouterOutlet) +- [@official@Understanding Router Outlets](https://angular.dev/api/router/RouterOutlet) diff --git a/src/data/roadmaps/angular/content/107-routing/102-router-links.md b/src/data/roadmaps/angular/content/107-routing/102-router-links.md index 13d87f38d..2e419fc1a 100644 --- a/src/data/roadmaps/angular/content/107-routing/102-router-links.md +++ b/src/data/roadmaps/angular/content/107-routing/102-router-links.md @@ -4,5 +4,5 @@ In Angular, routerLink when applied to an element in a template, makes that elem Visit the following resources to learn more: -- [@official@Understanding Router Links](https://angular.io/api/router/RouterLink) +- [@official@RouterLink](https://angular.dev/api/router/RouterLink) - [@article@Angular Router: Navigation Using RouterLink, Navigate, or NavigateByUrl](https://www.digitalocean.com/community/tutorials/angular-navigation-routerlink-navigate-navigatebyurl) diff --git a/src/data/roadmaps/angular/content/107-routing/103-router-events.md b/src/data/roadmaps/angular/content/107-routing/103-router-events.md index 84c52796e..c9b5f7c78 100644 --- a/src/data/roadmaps/angular/content/107-routing/103-router-events.md +++ b/src/data/roadmaps/angular/content/107-routing/103-router-events.md @@ -2,4 +2,4 @@ The Angular Router raises events when it navigates from one route to another route. It raises several events such as `NavigationStart`, `NavigationEnd`, `NavigationCancel`, `NavigationError`, `ResolveStart`, etc. You can listen to these events and find out when the state of the route changes. Some of the useful events are route change start (NavigationStart) and route change end (NavigationEnd). -- [@official@Angular Official Website](https://angular.io/api/router/RouterEvent) +- [@official@Angular Official Website](https://angular.dev/api/router/RouterEvent) diff --git a/src/data/roadmaps/angular/content/107-routing/104-guards.md b/src/data/roadmaps/angular/content/107-routing/104-guards.md index b35c4bc46..376caf0a2 100644 --- a/src/data/roadmaps/angular/content/107-routing/104-guards.md +++ b/src/data/roadmaps/angular/content/107-routing/104-guards.md @@ -6,10 +6,6 @@ Some types of angular guards are `CanActivate`, `CanActivateChild`, `CanLoad`, ` Visit the following resources to learn more: -- [@official@Angular Official Website](https://angular.io/api/router) -- [@official@Can Activate Guard](https://angular.io/api/router/CanActivate) -- [@official@Can Activate Child](https://angular.io/api/router/CanActivateChild) -- [@official@Can Deactivate](https://angular.io/api/router/CanDeactivate) -- [@official@Angular Can Load](https://angular.io/api/router/CanLoad) -- [@official@Can Match](https://angular.io/api/router/CanMatch) -- [@official@Resolve](https://angular.io/api/router/Resolve) +- [@official@Angular Official Website](https://angular.dev/guide/routing) +- [@official@Preventing unauthorized access](https://angular.dev/guide/routing/common-router-tasks#preventing-unauthorized-access) +- [@official@Resolve](https://angular.dev/api/router/Resolve) diff --git a/src/data/roadmaps/angular/content/107-routing/105-lazy-loading.md b/src/data/roadmaps/angular/content/107-routing/105-lazy-loading.md index 46d3e2aed..b509cc20d 100644 --- a/src/data/roadmaps/angular/content/107-routing/105-lazy-loading.md +++ b/src/data/roadmaps/angular/content/107-routing/105-lazy-loading.md @@ -4,5 +4,5 @@ Lazy loading is a technique in Angular that allows you to load JavaScript compon Visit the following resources to learn more: -- [@official@What is Lazy loading ? - Angular.io ](https://angular.io/guide/lazy-loading-ngmodules) +- [@official@Lazy-loading feature modules](https://angular.dev/guide/ngmodules/lazy-loading) - [@video@Angular Tutorial - Lazy Loading](https://www.youtube.com/watch?v=JjIQq9lh-Bw) diff --git a/src/data/roadmaps/angular/content/107-routing/index.md b/src/data/roadmaps/angular/content/107-routing/index.md index 320d8e91a..1c661cffb 100644 --- a/src/data/roadmaps/angular/content/107-routing/index.md +++ b/src/data/roadmaps/angular/content/107-routing/index.md @@ -4,5 +4,5 @@ Routing in Angular allows the users to create a single-page application with mul Visit the following resources to learn more: -- [@official@Explanation of Routing ? - Angular.io ](https://angular.io/guide/router) +- [@official@Angular Routing](https://angular.dev/guide/routing) - [@video@Angular Tutorial - Routing and Navigation](https://www.youtube.com/watch?v=Nehk4tBxD4o) diff --git a/src/data/roadmaps/angular/content/108-services-remote-data/100-dependency-injection.md b/src/data/roadmaps/angular/content/108-services-remote-data/100-dependency-injection.md index 89b987430..7f4c9db73 100644 --- a/src/data/roadmaps/angular/content/108-services-remote-data/100-dependency-injection.md +++ b/src/data/roadmaps/angular/content/108-services-remote-data/100-dependency-injection.md @@ -4,6 +4,6 @@ Dependency Injection (DI) is a design pattern that creates the dependencies of a Visit the following resources to learn more: -- [@official@What is Dependency Injection ? - angular.io ](https://angular.io/guide/dependency-injection) +- [@official@Understanding dependency injection](https://angular.dev/guide/di/dependency-injection) - [@video@Introduction of Dependency injection](https://www.youtube.com/watch?v=OFPIGlxunL0) - [@feed@Explore top posts about Dependency Injection](https://app.daily.dev/tags/dependency-injection?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/108-services-remote-data/index.md b/src/data/roadmaps/angular/content/108-services-remote-data/index.md index 7fc0f147e..7bf0b74c5 100644 --- a/src/data/roadmaps/angular/content/108-services-remote-data/index.md +++ b/src/data/roadmaps/angular/content/108-services-remote-data/index.md @@ -4,5 +4,5 @@ Components shouldn't fetch or save data directly and shouldn't knowingly present Visit the following resources to learn more: -- [@official@Adding Services in Angular](https://angular.io/tutorial/toh-pt4) -- [@official@Get Data from Server](https://angular.io/tutorial/toh-pt6) +- [@official@Creating an injectable service](https://angular.dev/guide/di/creating-injectable-service) +- [@official@Understanding communicating with backend services using HTTP](https://angular.dev/guide/http) diff --git a/src/data/roadmaps/angular/content/109-lifecycle-hooks.md b/src/data/roadmaps/angular/content/109-lifecycle-hooks.md index c6f15f971..cb563f8d6 100644 --- a/src/data/roadmaps/angular/content/109-lifecycle-hooks.md +++ b/src/data/roadmaps/angular/content/109-lifecycle-hooks.md @@ -10,6 +10,6 @@ The following life cycle hooks of angular are : Visit the following resources to learn more: -- [@official@What is Life Cycle Hooks? - Angular.io ](https://angular.io/guide/lifecycle-hooks) +- [@official@Component Lifecycle](https://angular.dev/guide/components/lifecycle) - [@article@The life cycle hooks of angular - Blog ](https://blog.logrocket.com/angular-lifecycle-hooks/) - [@feed@Explore top posts about React Hooks](https://app.daily.dev/tags/react-hooks?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/111-zones.md b/src/data/roadmaps/angular/content/111-zones.md index 9f2c6033f..0f9d4ea99 100644 --- a/src/data/roadmaps/angular/content/111-zones.md +++ b/src/data/roadmaps/angular/content/111-zones.md @@ -1,3 +1,3 @@ # Zones -- [@official@Angular - NgZone](https://angular.io/guide/zone) \ No newline at end of file +- [@official@Angular - NgZone](https://angular.dev/api/core/NgZone) diff --git a/src/data/roadmaps/angular/content/112-creating-a-custom-x/101-pipe.md b/src/data/roadmaps/angular/content/112-creating-a-custom-x/101-pipe.md index e5a991902..0529245f5 100644 --- a/src/data/roadmaps/angular/content/112-creating-a-custom-x/101-pipe.md +++ b/src/data/roadmaps/angular/content/112-creating-a-custom-x/101-pipe.md @@ -4,5 +4,5 @@ Pipes to transform strings, currency amounts, dates, and other data for display. Visit the following resources to learn more: -- [@official@Create a custom pipe - angular.io](https://angular.io/guide/pipes-custom-data-trans) +- [@official@Custom pipes for new transforms](https://angular.dev/guide/pipes/transform-data) - [@video@Create a custom pipe video for Beginners](https://www.youtube.com/watch?v=P2587FN4Y0w) diff --git a/src/data/roadmaps/angular/content/112-creating-a-custom-x/102-library.md b/src/data/roadmaps/angular/content/112-creating-a-custom-x/102-library.md index dc91d8215..29582770f 100644 --- a/src/data/roadmaps/angular/content/112-creating-a-custom-x/102-library.md +++ b/src/data/roadmaps/angular/content/112-creating-a-custom-x/102-library.md @@ -4,4 +4,4 @@ Use the Angular CLI and the npm package manager to build and publish your librar Visit the following resources to learn more: -- [@official@Angular Website](https://angular.io/guide/creating-libraries) +- [@official@Angular Website](https://angular.dev/tools/libraries/creating-libraries) diff --git a/src/data/roadmaps/angular/content/112-creating-a-custom-x/103-standalone-component.md b/src/data/roadmaps/angular/content/112-creating-a-custom-x/103-standalone-component.md index 5a1bf7079..284500d24 100644 --- a/src/data/roadmaps/angular/content/112-creating-a-custom-x/103-standalone-component.md +++ b/src/data/roadmaps/angular/content/112-creating-a-custom-x/103-standalone-component.md @@ -4,4 +4,4 @@ Standalone components provide a simplified way to build Angular applications. St Visit the following resources to learn more: -- [@official@Angular Website](https://angular.io/guide/standalone-components) +- [@official@Angular Website](https://angular.dev/guide/components/importing) diff --git a/src/data/roadmaps/angular/content/113-angular-ssr/100-angular-universal.md b/src/data/roadmaps/angular/content/113-angular-ssr/100-angular-universal.md index 1566fa13a..ce1788159 100644 --- a/src/data/roadmaps/angular/content/113-angular-ssr/100-angular-universal.md +++ b/src/data/roadmaps/angular/content/113-angular-ssr/100-angular-universal.md @@ -4,6 +4,6 @@ Angular Universal also known as server-side rendering is tool which allows serve Visit the following resources to learn more: -- [@official@Angular Website](https://angular.io/guide/universal) +- [@official@Angular Website](https://angular.dev/guide/ssr) - [@opensource@Github Repository](https://github.com/angular/universal) - [@feed@Explore top posts about Angular](https://app.daily.dev/tags/angular?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/113-angular-ssr/index.md b/src/data/roadmaps/angular/content/113-angular-ssr/index.md index b7bb08b25..0a2706d4f 100644 --- a/src/data/roadmaps/angular/content/113-angular-ssr/index.md +++ b/src/data/roadmaps/angular/content/113-angular-ssr/index.md @@ -4,6 +4,6 @@ A normal Angular application executes in the browser, rendering pages in the DOM Visit the following resources to learn more: -- [@official@Angular Universal](https://angular.io/guide/universal) +- [@official@Server-side rendering](https://angular.dev/guide/ssr) - [@article@Rendering on the Web](https://web.dev/rendering-on-the-web/) - [@feed@Explore top posts about Angular](https://app.daily.dev/tags/angular?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/115-testing-angular-apps/100-testing-pipes.md b/src/data/roadmaps/angular/content/115-testing-angular-apps/100-testing-pipes.md index 9e82b2c0e..2c5cf7282 100644 --- a/src/data/roadmaps/angular/content/115-testing-angular-apps/100-testing-pipes.md +++ b/src/data/roadmaps/angular/content/115-testing-angular-apps/100-testing-pipes.md @@ -4,6 +4,6 @@ An Angular Pipe is a special function that is called from a Component template. Visit the following resources to learn more: -- [@official@Angular.io Website](https://angular.io/guide/testing-pipes) +- [@official@Angular Website]https://angular.dev/guide/testing/pipes) - [@article@Testing-Angular.com](https://testing-angular.com/testing-pipes/) - [@feed@Explore top posts about Testing](https://app.daily.dev/tags/testing?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/115-testing-angular-apps/101-testing-services.md b/src/data/roadmaps/angular/content/115-testing-angular-apps/101-testing-services.md index 4e0443c6a..ac15797cb 100644 --- a/src/data/roadmaps/angular/content/115-testing-angular-apps/101-testing-services.md +++ b/src/data/roadmaps/angular/content/115-testing-angular-apps/101-testing-services.md @@ -4,6 +4,6 @@ In an Angular application, Services are responsible for fetching, storing and pr Visit the following resources to learn more: -- [@official@Angular.io Website](https://angular.io/guide/testing-services) +- [@official@Angular Website](https://angular.dev/guide/testing/services) - [@article@Testing-Angular.com](https://testing-angular.com/testing-services/) - [@feed@Explore top posts about Testing](https://app.daily.dev/tags/testing?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/115-testing-angular-apps/102-testing-component-bindings.md b/src/data/roadmaps/angular/content/115-testing-angular-apps/102-testing-component-bindings.md index 807a193e8..ef4ba5c89 100644 --- a/src/data/roadmaps/angular/content/115-testing-angular-apps/102-testing-component-bindings.md +++ b/src/data/roadmaps/angular/content/115-testing-angular-apps/102-testing-component-bindings.md @@ -4,5 +4,5 @@ Angular processes all data bindings once for each JavaScript event cycle, from t Visit the following resources to learn more: -- [@official@Angular.io Website](https://angular.io/guide/architecture-components) +- [@official@Angular Website](https://angular.dev/guide/components) - [@feed@Explore top posts about Testing](https://app.daily.dev/tags/testing?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/115-testing-angular-apps/103-testing-directives.md b/src/data/roadmaps/angular/content/115-testing-angular-apps/103-testing-directives.md index 593581eb1..e5450dd55 100644 --- a/src/data/roadmaps/angular/content/115-testing-angular-apps/103-testing-directives.md +++ b/src/data/roadmaps/angular/content/115-testing-angular-apps/103-testing-directives.md @@ -4,6 +4,6 @@ Directives are classes that add new behavior or modify the existing behavior to Visit the following resources to learn more: -- [@official@Angular.io Website](https://angular.io/guide/testing-attribute-directives) +- [@official@Angular Website](https://angular.dev/guide/testing/attribute-directives) - [@article@tesing-angular Website](https://testing-angular.com/testing-directives/) - [@feed@Explore top posts about Testing](https://app.daily.dev/tags/testing?ref=roadmapsh) diff --git a/src/data/roadmaps/angular/content/115-testing-angular-apps/104-testing-component-templates.md b/src/data/roadmaps/angular/content/115-testing-angular-apps/104-testing-component-templates.md index fee26130c..3844bd068 100644 --- a/src/data/roadmaps/angular/content/115-testing-angular-apps/104-testing-component-templates.md +++ b/src/data/roadmaps/angular/content/115-testing-angular-apps/104-testing-component-templates.md @@ -4,5 +4,5 @@ With a component template , you can save and reuse component processes and prope Visit the following resources to learn more: -- [@official@Angular.io Website](https://angular.io/guide/architecture-components) +- [@official@Component testing scenarios](https://angular.dev/guide/testing/components-scenarios) - [@feed@Explore top posts about Testing](https://app.daily.dev/tags/testing?ref=roadmapsh)