docs(docs): add order to challenge list

This commit is contained in:
thomas
2023-09-25 16:22:19 +02:00
parent 97c3a6e198
commit 0d4348c46b
34 changed files with 68 additions and 0 deletions

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Optimize Change Detection
description: Challenge 12 about optimizing the number of change detection cycle while scrolling
sidebar:
order: 12
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Change Detection Bug
description: Challenge 32 is about debugging an application that has issue when change detection is triggered
sidebar:
order: 32
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟢 Default vs OnPush
description: Challenge 34 is about learning the difference between Default and OnPush Change Detection Strategy.
sidebar:
order: 34
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟢 Projection
description: Challenge 1 is about learning how to project DOM element through components
sidebar:
order: 1
---
<div class="chip">Challenge #1</div>

View File

@@ -1,6 +1,8 @@
---
title: 🔴 Utility Wrapper Pipe
description: Challenge 10 is about creating a pipe to wrap utilities
sidebar:
order: 10
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Highly Customizable CSS
description: Challenge 13 is about creating highly customizable CSS styles
sidebar:
order: 13
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🔴 Master Dependancy Injection
description: Challenge 16 is about masjering how dependancy injection works
sidebar:
order: 16
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟢 Anchor Navigation
description: Challenge 21 is about navigating inside the page with anchor
sidebar:
order: 21
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟢 @RouterInput()
description: Challenge 22 is about using the @Input decorator to retreive router params.
sidebar:
order: 22
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Directive Enhancement
description: Challenge 3 is about enhancing a built-in directive
sidebar:
order: 3
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🔴 Interoperability Rxjs/Signal
description: Challenge 30 is about learning how to mix signal with Rxjs
sidebar:
order: 30
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟢 Module to Standalone
description: Challenge 31 is about migrating a module based application to a standalone application.
sidebar:
order: 31
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Decoupling Components
description: Challenge 33 is about decoupling two strongly coupled components using Injection Token
sidebar:
order: 33
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🔴 Typed ContextOutlet
description: Challenge 4 is about strongly typing ngContextOutlet directives
sidebar:
order: 4
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟢 Crud application
description: Challenge 5 is about refactoring a crud application
sidebar:
order: 5
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Structural Directive
description: Challenge 6 is about creating a structural directive to handle permissions
sidebar:
order: 6
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟢 Pure Pipe
description: Challenge 8 is about creating a pure pipe
sidebar:
order: 8
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Wrap Function Pipe
description: Challenge 9 is about creating a pipe to wrap component fonctions
sidebar:
order: 9
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Effect vs Selector
description: Challenge 2 is about learning the difference between effects and selectors in NgRx
sidebar:
order: 2
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🔴 Power of Effect
description: Challenge 7 is about creating an Ngrx effect with another Rxjs Hot observable
sidebar:
order: 7
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🔴 Extend Lib Generator
description: Challenge 25 is about creating a Nx generator to extend the built-in Library Generator
sidebar:
order: 25
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Component Generator
description: Challenge 26 is about creating a Nx generator to create a custom component
sidebar:
order: 26
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟢 Custom Eslint Rule
description: Challenge 27 is about creating a custom Eslint Rule to forbid enums
sidebar:
order: 27
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 High Order Operator Bug
description: Challenge 11 is about resolving a Rxjs bug because of high order operators
sidebar:
order: 11
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟢 Race Condition
description: Challenge 14 is about race condition in Rxjs
sidebar:
order: 14
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Router
description: Challenge 17 is about testing the router
sidebar:
order: 17
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Nested Components
description: Challenge 18 is about testing nested components
sidebar:
order: 18
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Input Output
description: Challenge 19 is about testing inputs and ouputs
sidebar:
order: 19
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Modal
description: Challenge 20 is about testing modals
sidebar:
order: 20
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟢 Harness
description: Challenge 23 is about testing with component harnesses
sidebar:
order: 23
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Harness Creation
description: Challenge 24 is about creating a component harness.
sidebar:
order: 24
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟢 Checkbox
description: Challenge 28 is about testing a simple checkbox
sidebar:
order: 28
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🔴 Real-life Application
description: Challenge 29 is about testing a real-life application
sidebar:
order: 29
---
:::note

View File

@@ -1,6 +1,8 @@
---
title: 🟠 Function Overload
description: Challenge 15 is about creating overload functions
sidebar:
order: 15
---
:::note