mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 12:53:03 -05:00
docs(docs): add order to challenge list
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🔴 Utility Wrapper Pipe
|
||||
description: Challenge 10 is about creating a pipe to wrap utilities
|
||||
sidebar:
|
||||
order: 10
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟠 Highly Customizable CSS
|
||||
description: Challenge 13 is about creating highly customizable CSS styles
|
||||
sidebar:
|
||||
order: 13
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🔴 Master Dependancy Injection
|
||||
description: Challenge 16 is about masjering how dependancy injection works
|
||||
sidebar:
|
||||
order: 16
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟢 Anchor Navigation
|
||||
description: Challenge 21 is about navigating inside the page with anchor
|
||||
sidebar:
|
||||
order: 21
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟢 @RouterInput()
|
||||
description: Challenge 22 is about using the @Input decorator to retreive router params.
|
||||
sidebar:
|
||||
order: 22
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟠 Directive Enhancement
|
||||
description: Challenge 3 is about enhancing a built-in directive
|
||||
sidebar:
|
||||
order: 3
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🔴 Interoperability Rxjs/Signal
|
||||
description: Challenge 30 is about learning how to mix signal with Rxjs
|
||||
sidebar:
|
||||
order: 30
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟠 Decoupling Components
|
||||
description: Challenge 33 is about decoupling two strongly coupled components using Injection Token
|
||||
sidebar:
|
||||
order: 33
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🔴 Typed ContextOutlet
|
||||
description: Challenge 4 is about strongly typing ngContextOutlet directives
|
||||
sidebar:
|
||||
order: 4
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟢 Crud application
|
||||
description: Challenge 5 is about refactoring a crud application
|
||||
sidebar:
|
||||
order: 5
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟠 Structural Directive
|
||||
description: Challenge 6 is about creating a structural directive to handle permissions
|
||||
sidebar:
|
||||
order: 6
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟢 Pure Pipe
|
||||
description: Challenge 8 is about creating a pure pipe
|
||||
sidebar:
|
||||
order: 8
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟠 Wrap Function Pipe
|
||||
description: Challenge 9 is about creating a pipe to wrap component fonctions
|
||||
sidebar:
|
||||
order: 9
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟢 Race Condition
|
||||
description: Challenge 14 is about race condition in Rxjs
|
||||
sidebar:
|
||||
order: 14
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟠 Router
|
||||
description: Challenge 17 is about testing the router
|
||||
sidebar:
|
||||
order: 17
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟠 Nested Components
|
||||
description: Challenge 18 is about testing nested components
|
||||
sidebar:
|
||||
order: 18
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟠 Input Output
|
||||
description: Challenge 19 is about testing inputs and ouputs
|
||||
sidebar:
|
||||
order: 19
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟠 Modal
|
||||
description: Challenge 20 is about testing modals
|
||||
sidebar:
|
||||
order: 20
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟢 Harness
|
||||
description: Challenge 23 is about testing with component harnesses
|
||||
sidebar:
|
||||
order: 23
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟠 Harness Creation
|
||||
description: Challenge 24 is about creating a component harness.
|
||||
sidebar:
|
||||
order: 24
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟢 Checkbox
|
||||
description: Challenge 28 is about testing a simple checkbox
|
||||
sidebar:
|
||||
order: 28
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🔴 Real-life Application
|
||||
description: Challenge 29 is about testing a real-life application
|
||||
sidebar:
|
||||
order: 29
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
---
|
||||
title: 🟠 Function Overload
|
||||
description: Challenge 15 is about creating overload functions
|
||||
sidebar:
|
||||
order: 15
|
||||
---
|
||||
|
||||
:::note
|
||||
|
||||
Reference in New Issue
Block a user