From a3de1d5b9625fc93a1642626b0824ec05bcd8ab2 Mon Sep 17 00:00:00 2001 From: jdegand <70610011+jdegand@users.noreply.github.com> Date: Wed, 22 Nov 2023 23:14:10 -0500 Subject: [PATCH 1/3] fix: various typos --- docs/src/content/docs/challenges/angular/1-projection.md | 2 +- docs/src/content/docs/challenges/angular/10-pipe-utility.md | 4 ++-- docs/src/content/docs/challenges/angular/8-pipe-pure.md | 6 +++--- docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md | 4 ++-- .../docs/challenges/rxjs/11-bug-chaining-operator.md | 2 +- docs/src/content/docs/guides/contribute.md | 2 +- docs/src/content/docs/guides/faq.md | 2 +- docs/src/content/docs/guides/resolve-challenge.md | 2 +- 8 files changed, 12 insertions(+), 12 deletions(-) diff --git a/docs/src/content/docs/challenges/angular/1-projection.md b/docs/src/content/docs/challenges/angular/1-projection.md index 46f4484..64181bd 100644 --- a/docs/src/content/docs/challenges/angular/1-projection.md +++ b/docs/src/content/docs/challenges/angular/1-projection.md @@ -15,7 +15,7 @@ sidebar: ## Information -In Angular, content projection is a powerful technique for creating highly customizable components. Utilizing and understanding the concepts of ng-content and ngTemplateOutlet can sighificantly enhance your ability to create shareable components. +In Angular, content projection is a powerful technique for creating highly customizable components. Utilizing and understanding the concepts of ng-content and ngTemplateOutlet can significantly enhance your ability to create shareable components. You can learn all about ng-content [here](https://angular.io/guide/content-projection#projecting-content-in-more-complex-environments) from simple projection to more complex ones. diff --git a/docs/src/content/docs/challenges/angular/10-pipe-utility.md b/docs/src/content/docs/challenges/angular/10-pipe-utility.md index 67bb84c..9dffc47 100644 --- a/docs/src/content/docs/challenges/angular/10-pipe-utility.md +++ b/docs/src/content/docs/challenges/angular/10-pipe-utility.md @@ -12,9 +12,9 @@ sidebar: WIP: The following documentation will be reviewed and improved. However, you can still take on the challenge. If you don't understand a certain part, please feel free to reach out or create an issue. ::: -The goal of this serie of 3 pipe challenges is to master PIPES in Angular. +The goal of this series of 3 pipe challenges is to master PIPES in Angular. -Pure pipe are a very useful way to transform data from your template. The difference between calling a function and a pipe is that pure pire are memoized. So they won't be recalculated every change detection cycle if the inputs hasn't changed. +Pure pipes are a very useful way to transform data from your template. The difference between calling a function and a pipe is that pure pipes are memoized. So they won't be recalculated every change detection cycle if their inputs haven't changed. ## Information: diff --git a/docs/src/content/docs/challenges/angular/8-pipe-pure.md b/docs/src/content/docs/challenges/angular/8-pipe-pure.md index e94b3f7..d90411e 100644 --- a/docs/src/content/docs/challenges/angular/8-pipe-pure.md +++ b/docs/src/content/docs/challenges/angular/8-pipe-pure.md @@ -13,13 +13,13 @@ sidebar: WIP: The following documentation will be reviewed and improved. However, you can still take on the challenge. If you don't understand a certain part, please feel free to reach out or create an issue. ::: -The goal of this serie of 3 pipe challenges is to master PIPES in Angular. +The goal of this series of 3 pipe challenges is to master PIPES in Angular. -Pure pipe are a very useful way to transform data from your template. The difference between calling a function and a pipe is that pure pire are memoized. So they won't be recalculated every change detection cycle if the inputs hasn't changed. +Pure pipes are a very useful way to transform data from your template. The difference between calling a function and a pipe is that pure pipes are memoized. So they won't be recalculated every change detection cycle if their inputs haven't changed. ## Information: -In this first exercice, you add calling a simple function inside your template. The goal is to convert it to a pipe. +In this first exercice, you add a simple function inside your template. The goal is to convert it to a pipe. ## Constraints: diff --git a/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md b/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md index 24b0b4a..da68c0e 100644 --- a/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md +++ b/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md @@ -15,9 +15,9 @@ WIP: The following documentation will be reviewed and improved. However, you can
Challenge #9
-The goal of this serie of 3 pipe challenges is to master PIPES in Angular. +The goal of this series of 3 pipe challenges is to master PIPES in Angular. -Pure pipe are a very useful way to transform data from your template. The difference between calling a function and a pipe is that pure pire are memoized. So they won't be recalculated every change detection cycle if the inputs hasn't changed. +Pure pipes are a very useful way to transform data from your template. The difference between calling a function and a pipe is that pure pipes are memoized. So they won't be recalculated every change detection cycle if their inputs haven't changed. ## Information: diff --git a/docs/src/content/docs/challenges/rxjs/11-bug-chaining-operator.md b/docs/src/content/docs/challenges/rxjs/11-bug-chaining-operator.md index 9c33a5e..11c08c2 100644 --- a/docs/src/content/docs/challenges/rxjs/11-bug-chaining-operator.md +++ b/docs/src/content/docs/challenges/rxjs/11-bug-chaining-operator.md @@ -3,7 +3,7 @@ title: 🟠 High Order Operator Bug description: Challenge 11 is about resolving a Rxjs bug because of high order operators author: Thomas Laforge challengeNumber: 11 -command: rxjs-pipe-bu +command: rxjs-pipe-bug sidebar: order: 114 --- diff --git a/docs/src/content/docs/guides/contribute.md b/docs/src/content/docs/guides/contribute.md index 72d5dd3..d1b19ce 100644 --- a/docs/src/content/docs/guides/contribute.md +++ b/docs/src/content/docs/guides/contribute.md @@ -17,4 +17,4 @@ You can contribute to this repository in many ways: 🔥 File an issue to suggest new challenge ideas or report a bug. -🔥 Sponsor the project [here](https://github.com/sponsors/tomalaforge) +🔥 Sponsor the project [here](https://github.com/sponsors/tomalaforge). diff --git a/docs/src/content/docs/guides/faq.md b/docs/src/content/docs/guides/faq.md index 1c2ed15..e82f794 100644 --- a/docs/src/content/docs/guides/faq.md +++ b/docs/src/content/docs/guides/faq.md @@ -10,7 +10,7 @@ sidebar: Most of the time, this issue arises because your node_modules are outdated, and you need to update them by running `npm ci`. -If the installation process fails, you can resolve it by deleting your node_modules folder using the command `rm -rf node_modules` or `npx npkill` and then rerunning `npm ci`. +If the installation process fails, you can resolve it by deleting your node_modules folder using the command `rm -rf node_modules` or `npx npkill` and then re-running `npm ci`. If the problem persists, please report the issue [here](https://github.com/tomalaforge/angular-challenges/issues/new). diff --git a/docs/src/content/docs/guides/resolve-challenge.md b/docs/src/content/docs/guides/resolve-challenge.md index b161621..0179bca 100644 --- a/docs/src/content/docs/guides/resolve-challenge.md +++ b/docs/src/content/docs/guides/resolve-challenge.md @@ -82,7 +82,7 @@ You can now click on Create pull request I will read and comment on it when I have some free time. -

Don't worry if your answer is not reviewed immediatly. I'm doing it for free and during my free time. If you want to support me, you can do so by sponsoring me on github. It will validate that my work is of great help for you or your team.

+

Don't worry if your answer is not reviewed immediately. I'm doing it for free and during my free time. If you want to support me, you can do so by sponsoring me on github. It will validate that my work is of great help for you or your team.

:::note Everyone is welcome to comment and read other PRs. From 043ba3d48e641b28eec215fdb9975a13e1673119 Mon Sep 17 00:00:00 2001 From: jdegand <70610011+jdegand@users.noreply.github.com> Date: Wed, 22 Nov 2023 23:23:22 -0500 Subject: [PATCH 2/3] fix: pipes exercise error --- docs/src/content/docs/challenges/angular/10-pipe-utility.md | 2 +- docs/src/content/docs/challenges/angular/8-pipe-pure.md | 2 +- docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/src/content/docs/challenges/angular/10-pipe-utility.md b/docs/src/content/docs/challenges/angular/10-pipe-utility.md index 9dffc47..2cc2bb7 100644 --- a/docs/src/content/docs/challenges/angular/10-pipe-utility.md +++ b/docs/src/content/docs/challenges/angular/10-pipe-utility.md @@ -18,7 +18,7 @@ Pure pipes are a very useful way to transform data from your template. The diffe ## Information: -In this third exercice, you want to access utils functions. Currently we cannot access them directly from your template. The goal is to create a specific pipe for this utils file where you will need to pass the name of the function you want to call and the needed arguments. +In this third exercise, you want to access utils functions. Currently you cannot access them directly from your template. The goal is to create a specific pipe for this utils file where you will need to pass the name of the function you want to call and the needed arguments. ## Constraints: diff --git a/docs/src/content/docs/challenges/angular/8-pipe-pure.md b/docs/src/content/docs/challenges/angular/8-pipe-pure.md index d90411e..edbcea6 100644 --- a/docs/src/content/docs/challenges/angular/8-pipe-pure.md +++ b/docs/src/content/docs/challenges/angular/8-pipe-pure.md @@ -19,7 +19,7 @@ Pure pipes are a very useful way to transform data from your template. The diffe ## Information: -In this first exercice, you add a simple function inside your template. The goal is to convert it to a pipe. +In this first exercise, you call a simple function inside your template. The goal is to convert it to a pipe. ## Constraints: diff --git a/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md b/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md index da68c0e..506ef4f 100644 --- a/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md +++ b/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md @@ -21,7 +21,7 @@ Pure pipes are a very useful way to transform data from your template. The diffe ## Information: -In this second exercice, you are calling multiple functions inside your template. You can create a specific pipe for each of the functions but this will be too cumbersome. +In this second exercise, you are calling multiple functions inside your template. You can create a specific pipe for each of the functions but this will be too cumbersome. The goal is to create a `wrapFn` pipe to wrap your callback function though a pipe. Your function MUST remain inside your component. `WrapFn` must be highly reusable. ## Constraints: From d44805ed6b9532dfdfe8a3aef5954adc57b1a1f6 Mon Sep 17 00:00:00 2001 From: jdegand <70610011+jdegand@users.noreply.github.com> Date: Wed, 22 Nov 2023 23:59:46 -0500 Subject: [PATCH 3/3] fix: revert exercise back --- docs/src/content/docs/challenges/angular/10-pipe-utility.md | 2 +- docs/src/content/docs/challenges/angular/8-pipe-pure.md | 2 +- docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/src/content/docs/challenges/angular/10-pipe-utility.md b/docs/src/content/docs/challenges/angular/10-pipe-utility.md index 2cc2bb7..98a94de 100644 --- a/docs/src/content/docs/challenges/angular/10-pipe-utility.md +++ b/docs/src/content/docs/challenges/angular/10-pipe-utility.md @@ -18,7 +18,7 @@ Pure pipes are a very useful way to transform data from your template. The diffe ## Information: -In this third exercise, you want to access utils functions. Currently you cannot access them directly from your template. The goal is to create a specific pipe for this utils file where you will need to pass the name of the function you want to call and the needed arguments. +In this third exercice, you want to access utils functions. Currently you cannot access them directly from your template. The goal is to create a specific pipe for this utils file where you will need to pass the name of the function you want to call and the needed arguments. ## Constraints: diff --git a/docs/src/content/docs/challenges/angular/8-pipe-pure.md b/docs/src/content/docs/challenges/angular/8-pipe-pure.md index edbcea6..6e227cc 100644 --- a/docs/src/content/docs/challenges/angular/8-pipe-pure.md +++ b/docs/src/content/docs/challenges/angular/8-pipe-pure.md @@ -19,7 +19,7 @@ Pure pipes are a very useful way to transform data from your template. The diffe ## Information: -In this first exercise, you call a simple function inside your template. The goal is to convert it to a pipe. +In this first exercice, you call a simple function inside your template. The goal is to convert it to a pipe. ## Constraints: diff --git a/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md b/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md index 506ef4f..da68c0e 100644 --- a/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md +++ b/docs/src/content/docs/challenges/angular/9-pipe-wrapFn.md @@ -21,7 +21,7 @@ Pure pipes are a very useful way to transform data from your template. The diffe ## Information: -In this second exercise, you are calling multiple functions inside your template. You can create a specific pipe for each of the functions but this will be too cumbersome. +In this second exercice, you are calling multiple functions inside your template. You can create a specific pipe for each of the functions but this will be too cumbersome. The goal is to create a `wrapFn` pipe to wrap your callback function though a pipe. Your function MUST remain inside your component. `WrapFn` must be highly reusable. ## Constraints: