Skip to content

TaHaElyasi/angular-challenges

 
 

Repository files navigation

Collection of Angular challenges


Intro

This project has been created with two purposes:

  • The first purpose is to assist you in becoming better at Angular and its ecosystem. 💪
  • The second purpose is to share best practices and different implementations of the same problem to gain diverse perspectives. 📖

Sharing knowledge can benefit everyone.

Furthermore, if you are struggling with a concept, please open an issue. I will attempt to create a challenge based on that idea.

If you would like to propose a challenge, this project is open source, so feel free to share your ideas. They are more than welcome.

Learning by reading is good but learning by doing is better.

Challenges

Check all 35 challenges

Challenges (previous version)

Click the following badges to join your next challenge.

Easy challenge Easy challenge Easy challenge

Angular

Projection Directive enhancement Directive enhancement crud application permissions pipe easy wrapFn pipe utilities pipe change detection with scroll event styling di anchor-scrolling router-input interop signal rxjs module to standalone bug CD decoupling


Angular performance

default onPush


Typescript

Overload function


RxJs

Bug rxjs chaining operators Rxjs race condition


NgRx

Effect vs Selector power of Effects


testing

router outlet Testing nested component Testing input output Testing modal Testing harness Testing Create harness Test a simple checkbox Test a real application


nx

extends lib generator Custom component generator Forbid enum rules

Contributors ✨

Laforge Thomas
Laforge Thomas

💻 📖 🖋 🤔 🎨
Add your contributions

Contributions of any kind are welcome.

License

MIT

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 91.7%
  • HTML 4.1%
  • JavaScript 2.5%
  • SCSS 1.7%