Skip to content

Commit 5ada8a3

Browse files
authored
Merge pull request tomalaforge#795 from vimulatus/docs/adev-links
Change aio links to adev
2 parents a42b620 + 1be28c4 commit 5ada8a3

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

43 files changed

+50
-48
lines changed

docs/src/content/docs/challenges/angular/1-projection.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -23,15 +23,15 @@ sidebar:
2323

2424
In Angular, content projection is a powerful technique for creating highly customizable components. Utilizing and understanding the concepts of <b>ng-content</b> and <b>ngTemplateOutlet</b> can significantly enhance your ability to create shareable components.
2525

26-
You can learn all about <b>ng-content</b> [here](https://angular.io/guide/content-projection#projecting-content-in-more-complex-environments) from simple projection to more complex ones.
26+
You can learn all about <b>ng-content</b> [here](https://angular.dev/guide/components/content-projection) from simple projection to more complex ones.
2727

2828
To learn about <b>ngTemplateOutlet</b>, you can find the API documentation [here](https://angular.io/api/common/NgTemplateOutlet) along with some basic examples.
2929

30-
With this two tools in hand, you are now ready to take on the challenge.
30+
With these two tools in hand, you are now ready to take on the challenge.
3131

3232
## Statement
3333

34-
You will start with an fully functional application that includes a dashboard containing a teacher card and a student card. The goal is to implement the city card.
34+
You will start with a fully functional application that includes a dashboard containing a teacher card and a student card. The goal is to implement the city card.
3535

3636
While the application works, the developer experience is far from being optimal. Every time you need to implement a new card, you have to modify the `card.component.ts`. In real-life projects, this component can be shared among many applications. The goal of the challenge is to create a `CardComponent` that can be customized without any modifications. Once you've created this component, you can begin implementing the `CityCardComponent` and ensure you are not touching the `CardComponent`.
3737

docs/src/content/docs/challenges/angular/10-pipe-utility.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ A **pure** pipe is only called when the value changes.\
2727
A **impure** pipe is called every change detection cycle.
2828
:::
2929

30-
There are some useful predefined pipes like the DatePipe, UpperCasePipe and CurrencyPipe. To learn more about pipes in Angular, check the API documentation [here](https://angular.io/guide/pipes).
30+
There are some useful predefined pipes like the DatePipe, UpperCasePipe and CurrencyPipe. To learn more about pipes in Angular, check the API documentation [here](https://angular.dev/guide/pipes).
3131

3232
## Statement
3333

docs/src/content/docs/challenges/angular/16-di.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
---
2-
title: 🔴 Master Dependancy Injection
2+
title: 🔴 Master Dependency Injection
33
description: Challenge 16 is about mastering how dependancy injection works
44
author: thomas-laforge
55
contributors:
@@ -14,7 +14,7 @@ sidebar:
1414

1515
## Information
1616

17-
To successfully complete this challenge, you will need to have a good understanding of how Dependency Injection works inside Angular.
17+
To successfully complete this challenge, you will need to have a good understanding of how [Dependency Injection](https://angular.dev/guide/di/dependency-injection) works inside Angular.
1818

1919
The goal is to provide the `CurrencyService` at the row level, so that each row displays the correct currency. Currently, the `CurrencyService` is only provided at the table level, which results in an error as the same currency is displayed for each row, despite each product having a different currency.
2020

docs/src/content/docs/challenges/angular/31-module-to-standalone.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,4 +26,4 @@ The goal of this challenge is to migrate your application from module based comp
2626

2727
## Note
2828

29-
You can also test the [Angular schematic](https://angular.io/guide/standalone-migration) to migrate NgModule to Standalone components. _(Since we are using nx, start your command with nx instead of ng)_
29+
You can also test the [Angular schematic](https://angular.dev/reference/migrations/standalone) to migrate NgModule to Standalone components. _(Since we are using nx, start your command with nx instead of ng)_

docs/src/content/docs/challenges/angular/4-context-outlet-typed.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ sidebar:
1616

1717
## Information
1818

19-
You can improve template type checking for custom directives by adding template guard properties to your directive definition. Angular offers the static function [`ngTemplateContextGuard`](https://angular.io/guide/structural-directives#typing-the-directives-context) to strongly type structural directives.
19+
You can improve template type checking for custom directives by adding template guard properties to your directive definition. Angular offers the static function [`ngTemplateContextGuard`](https://angular.dev/guide/directives/structural-directives#improving-template-type-checking-for-custom-directives) to strongly type structural directives.
2020

2121
However the context of **NgTemplateOutlet** type is **Object**. But with the help of the above guard, we can improve that behavior.
2222

docs/src/content/docs/challenges/angular/43-signal-input.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,8 @@ age = signal(0)
4545
age = input<number>()
4646
```
4747

48+
You can read more about signal inputs [here](https://angular.dev/guide/signals/inputs).
49+
4850
## Statement
4951

5052
In this small application, the goal is to refactor the `UserComponent` to utilize `SignalInput`.

docs/src/content/docs/challenges/angular/46-simple-animations.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ Well-designed animations can make your application more fun and straightforward
2020
- Motion greatly enhances the user experience, so animations give users a chance to detect the application's response to their actions.
2121
- Good animations intuitively call the user's attention to where it is needed.
2222

23-
I would recommend you read the [official documentation](https://angular.io/guide/animations). You will learn everything that is necessary to successfully complete the challenge.
23+
I would recommend you read the [official documentation](https://angular.dev/guide/animations). You will learn everything that is necessary to successfully complete the challenge.
2424

2525
Otherwise look at this [working example](https://svenson95.github.io/ng-xmp-animations/) and [git repo](https://github.com/svenson95/ng-xmp-animations) to get inspired.
2626

docs/src/content/docs/challenges/angular/6-permissions.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ sidebar:
1616

1717
## Information
1818

19-
Structural directives are directives which change the DOM layout by adding and removing DOM elements. This is an important concept you'll need to improve your angular skills and knowledge. This will be the first part of this challenge. For more information check out the [official documentation](https://angular.io/guide/structural-directives).
19+
Structural directives are directives which change the DOM layout by adding and removing DOM elements. This is an important concept you'll need to improve your angular skills and knowledge. This will be the first part of this challenge. For more information check out the [official documentation](https://angular.dev/guide/directives/structural-directives).
2020

2121
Guards like `CanActivate` or `CanMatch` are also very important, since you'll need it in the most application's you build. If you're not very familiar with route guards, check out this two articles.
2222

docs/src/content/docs/challenges/angular/8-pipe-pure.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ A **pure** pipe is only called when the value changes.\
2929
A **impure** pipe is called every change detection cycle.
3030
:::
3131

32-
There are some useful predefined pipes like the DatePipe, UpperCasePipe and CurrencyPipe. To learn more about pipes in Angular, check the API documentation [here](https://angular.io/guide/pipes).
32+
There are some useful predefined pipes like the DatePipe, UpperCasePipe and CurrencyPipe. To learn more about pipes in Angular, check the API documentation [here](https://angular.dev/guide/pipes).
3333

3434
## Statement
3535

docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ A **pure** pipe is only called when the value changes.\
2929
A **impure** pipe is called every change detection cycle.
3030
:::
3131

32-
There are some useful predefined pipes like the DatePipe, UpperCasePipe and CurrencyPipe. To learn more about pipes in Angular, check the API documentation [here](https://angular.io/guide/pipes).
32+
There are some useful predefined pipes like the DatePipe, UpperCasePipe and CurrencyPipe. To learn more about pipes in Angular, check the API documentation [here]https://angular.dev/guide/pipes).
3333

3434
## Statement
3535

0 commit comments

Comments
 (0)