#angularchallenge search results

New update of the #AngularChallenge website. Thanks to #giscus, we can now add comments under each challenge, as well as emojis. ๐Ÿš€ This will ease the feedback process. At least I hope ๐Ÿ™

laforge_toma's tweet image. New update of the #AngularChallenge website. 

Thanks to #giscus, we can now add comments under each challenge, as well as emojis. ๐Ÿš€

This will ease the feedback process. At least I hope ๐Ÿ™

I've changed a button on my #AngularChallenge landing page. Instead of redirecting to the first challenge, it will now redirect to the latest challenge added. When the project will have regular users ๐Ÿคช, I suppose they will be eager to see the newest one ๐Ÿ˜‡. What do you think?

laforge_toma's tweet image. I've changed a button on my #AngularChallenge landing page. Instead of redirecting to the first challenge, it will now redirect to the latest challenge added.

When the project will have regular users ๐Ÿคช, I suppose they will be eager to see the newest one ๐Ÿ˜‡.

What do you think?

A new button has appeared in the documentation of #angularChallenge. ๐ŸŽฅ @ALannelucq has created a video to explain challenge #1๏ธโƒฃ on his YouTube channel. ๐Ÿš€ Now, you can learn from the community solution, my solution, a blog post, or a video. The only downside is that it's inโ€ฆ

laforge_toma's tweet image. A new button has appeared in the documentation of #angularChallenge. 

๐ŸŽฅ @ALannelucq has created a video to explain challenge #1๏ธโƒฃ on his YouTube channel. ๐Ÿš€

Now, you can learn from the community solution, my solution, a blog post, or a video.

The only downside is that it's inโ€ฆ

#AngularChallenge 3๏ธโƒฃ0๏ธโƒฃ Angular v16 has introduced one of the most hyped feature since a long time: Signals๐Ÿšฆ However, significant changes like this often require a different approach to thinking and implementing things. It is expected that both good and bad patterns will emergeโ€ฆ


New #AngularChallenge of the week. We continue the performance series.๐Ÿ”ฅ In this challenge, we need to display a list of 100,000 items. However, this approach is highly inefficient as all the items are created in the DOM, resulting in significant latency. How will you handleโ€ฆ


New #AngularChallenge ๐Ÿ“– For this one, you will need to understand how DI works and how to leverage the use of InjectionToken. ๐Ÿš€ Resolving this challenge will help you gain a better understanding of how DI works and how easy it is to override Tokens or Services. ๐ŸŽ‰ Have Funโ€ฆ


๐Ÿš€ Signal Inputs have finally landed in Angular ๐Ÿš€ To understand and feel the power of Signal Inputs, here is an #AngularChallenge. ๐Ÿ“– The goal is to migrate a component to fully embrace Signal Inputs. โ€ผ๏ธ Don't forget to update your fork and run npm ci.โ€ฆ


The #AngularChallenge about simple pipe is one of the most popular challenges. It's very basic and straightforward to resolve, but you will learn a lot: โœ… How to fork a github project โœ… Clone it on your local computer โœ… Install dependancies โœ… Create a git branch โœ… Read theโ€ฆ


New #AngularChallenge with the new UI. We continue the performance series with a simple yet powerful feature: Pipes. ๐Ÿ”ฅ In this challenge, you will learn and visualize why pipes are a tool you need to have in your toolkit. โœ… From now on, in addition to practice, I will try toโ€ฆ


Signals have introduced a new reactive pattern in Angular applications, but RxJS is far from obsolete. It's still a super valuable skill set for creating awesome asynchronous animations. In this #AngularChallenge, you need to hold a button for 3 seconds to send a message. Let goโ€ฆ


#AngularChallenge is getting a fresh new look!! You can now explore the new website ๐Ÿ‘‰ angular-challenges.vercel.app โœ… Enhanced design โœ… Improved discoverability โœ… Easier readability โœ… Step-by-step guide to starting and submitting a challenge ๐Ÿ“: instructions rewrite in WIP. ๐Ÿ”ฅโ€ฆ

angular-challenges.vercel.app

Welcome to Angular Challenges

Get started by resolving these challenges and become a better Angular Front-End engineer.


#angularChallenge alert! ๐Ÿš€ We're facing an issue with Angular Effects in our app. We have two selects: one for changing the user and another for selecting their action. We aim to log only new actions, but it also logs when switching users. Debug with me and fix this! Ready?


Getting very close to two milestones for my #angularChallenge project ๐Ÿš€ - 5โญ๏ธ away from 500โญ๏ธ - 3 PRs (meaning challenge submitted) away from 100 Thanks for your support ๐Ÿฅฐ ๐Ÿค


#AngularChallenge 3๏ธโƒฃ2๏ธโƒฃ Today I faced an interesting bug with one of my students. It was due to an infinite number of Change Detection occurences when adding the RouterLinkActive Directive. I created a small reproduction of the bug. Can you fix it? github.com/tomalaforge/anโ€ฆ


#angularChallenge poll: I'm still looking for improvement Should I close the PR inside GitHub when the solution is ready or leave all solutions open ?


#angularChallenge update 23 solutions posted in only 1 weekend ๐Ÿ˜ฑ ๐Ÿ˜… which gave me a lot of work to review them all. There is some awesome solutions using all latest @angular updates: signals, hostListener, functional guard, ... โญ๏ธโญ๏ธ


Very happy to announce the first community contribution #angularChallenge by @DeveshChau. ๐Ÿ”ฅ The challenge is about early observable completion due to errors. The goal is to improve that using the RxJS operator: catchError. angular-challenges.vercel.app/challenges/rxjโ€ฆ

angular-challenges.vercel.app

๐ŸŸข catchError

Challenge 38 is about learning observable completion.


#angularChallenge alert! ๐Ÿš€ We're facing an issue with Angular Effects in our app. We have two selects: one for changing the user and another for selecting their action. We aim to log only new actions, but it also logs when switching users. Debug with me and fix this! Ready?


Signals have introduced a new reactive pattern in Angular applications, but RxJS is far from obsolete. It's still a super valuable skill set for creating awesome asynchronous animations. In this #AngularChallenge, you need to hold a button for 3 seconds to send a message. Let goโ€ฆ


๐Ÿš€ Signal Inputs have finally landed in Angular ๐Ÿš€ To understand and feel the power of Signal Inputs, here is an #AngularChallenge. ๐Ÿ“– The goal is to migrate a component to fully embrace Signal Inputs. โ€ผ๏ธ Don't forget to update your fork and run npm ci.โ€ฆ


New #AngularChallenge ๐Ÿ“– For this one, you will need to understand how DI works and how to leverage the use of InjectionToken. ๐Ÿš€ Resolving this challenge will help you gain a better understanding of how DI works and how easy it is to override Tokens or Services. ๐ŸŽ‰ Have Funโ€ฆ


Very happy to announce the first community contribution #angularChallenge by @DeveshChau. ๐Ÿ”ฅ The challenge is about early observable completion due to errors. The goal is to improve that using the RxJS operator: catchError. angular-challenges.vercel.app/challenges/rxjโ€ฆ

angular-challenges.vercel.app

๐ŸŸข catchError

Challenge 38 is about learning observable completion.


The #AngularChallenge about simple pipe is one of the most popular challenges. It's very basic and straightforward to resolve, but you will learn a lot: โœ… How to fork a github project โœ… Clone it on your local computer โœ… Install dependancies โœ… Create a git branch โœ… Read theโ€ฆ


New update of the #AngularChallenge website. Thanks to #giscus, we can now add comments under each challenge, as well as emojis. ๐Ÿš€ This will ease the feedback process. At least I hope ๐Ÿ™

laforge_toma's tweet image. New update of the #AngularChallenge website. 

Thanks to #giscus, we can now add comments under each challenge, as well as emojis. ๐Ÿš€

This will ease the feedback process. At least I hope ๐Ÿ™

I've changed a button on my #AngularChallenge landing page. Instead of redirecting to the first challenge, it will now redirect to the latest challenge added. When the project will have regular users ๐Ÿคช, I suppose they will be eager to see the newest one ๐Ÿ˜‡. What do you think?

laforge_toma's tweet image. I've changed a button on my #AngularChallenge landing page. Instead of redirecting to the first challenge, it will now redirect to the latest challenge added.

When the project will have regular users ๐Ÿคช, I suppose they will be eager to see the newest one ๐Ÿ˜‡.

What do you think?

New #AngularChallenge of the week. We continue the performance series.๐Ÿ”ฅ In this challenge, we need to display a list of 100,000 items. However, this approach is highly inefficient as all the items are created in the DOM, resulting in significant latency. How will you handleโ€ฆ


A new button has appeared in the documentation of #angularChallenge. ๐ŸŽฅ @ALannelucq has created a video to explain challenge #1๏ธโƒฃ on his YouTube channel. ๐Ÿš€ Now, you can learn from the community solution, my solution, a blog post, or a video. The only downside is that it's inโ€ฆ

laforge_toma's tweet image. A new button has appeared in the documentation of #angularChallenge. 

๐ŸŽฅ @ALannelucq has created a video to explain challenge #1๏ธโƒฃ on his YouTube channel. ๐Ÿš€

Now, you can learn from the community solution, my solution, a blog post, or a video.

The only downside is that it's inโ€ฆ

#angularChallenge update 23 solutions posted in only 1 weekend ๐Ÿ˜ฑ ๐Ÿ˜… which gave me a lot of work to review them all. There is some awesome solutions using all latest @angular updates: signals, hostListener, functional guard, ... โญ๏ธโญ๏ธ


#angularChallenge poll: I'm still looking for improvement Should I close the PR inside GitHub when the solution is ready or leave all solutions open ?


Getting very close to two milestones for my #angularChallenge project ๐Ÿš€ - 5โญ๏ธ away from 500โญ๏ธ - 3 PRs (meaning challenge submitted) away from 100 Thanks for your support ๐Ÿฅฐ ๐Ÿค


New #AngularChallenge with the new UI. We continue the performance series with a simple yet powerful feature: Pipes. ๐Ÿ”ฅ In this challenge, you will learn and visualize why pipes are a tool you need to have in your toolkit. โœ… From now on, in addition to practice, I will try toโ€ฆ


#AngularChallenge is getting a fresh new look!! You can now explore the new website ๐Ÿ‘‰ angular-challenges.vercel.app โœ… Enhanced design โœ… Improved discoverability โœ… Easier readability โœ… Step-by-step guide to starting and submitting a challenge ๐Ÿ“: instructions rewrite in WIP. ๐Ÿ”ฅโ€ฆ

angular-challenges.vercel.app

Welcome to Angular Challenges

Get started by resolving these challenges and become a better Angular Front-End engineer.


#AngularChallenge 3๏ธโƒฃ2๏ธโƒฃ Today I faced an interesting bug with one of my students. It was due to an infinite number of Change Detection occurences when adding the RouterLinkActive Directive. I created a small reproduction of the bug. Can you fix it? github.com/tomalaforge/anโ€ฆ


#AngularChallenge 3๏ธโƒฃ0๏ธโƒฃ Angular v16 has introduced one of the most hyped feature since a long time: Signals๐Ÿšฆ However, significant changes like this often require a different approach to thinking and implementing things. It is expected that both good and bad patterns will emergeโ€ฆ


Hi #angular, Challenge # 1โƒฃ6โƒฃ It has been a long time, but here is a new #AngularChallenge. This one is about understanding how Dependancy Injection works and using it to solve a problem nicely ๐Ÿ‘‡ github.com/tomalaforge/anโ€ฆ


Hi @typescript, Challenge # 1โƒฃ5โƒฃ This #AngularChallenge can be done by anyone using typescript. You'll need to master & learn fn overload to finish it. โœ… Mastering Typescript is a very important knowlegde and can prevent many errors at compile time. ๐Ÿ‘‰github.com/tomalaforge/anโ€ฆ


No results for "#angularchallenge"

New update of the #AngularChallenge website. Thanks to #giscus, we can now add comments under each challenge, as well as emojis. ๐Ÿš€ This will ease the feedback process. At least I hope ๐Ÿ™

laforge_toma's tweet image. New update of the #AngularChallenge website. 

Thanks to #giscus, we can now add comments under each challenge, as well as emojis. ๐Ÿš€

This will ease the feedback process. At least I hope ๐Ÿ™

A new button has appeared in the documentation of #angularChallenge. ๐ŸŽฅ @ALannelucq has created a video to explain challenge #1๏ธโƒฃ on his YouTube channel. ๐Ÿš€ Now, you can learn from the community solution, my solution, a blog post, or a video. The only downside is that it's inโ€ฆ

laforge_toma's tweet image. A new button has appeared in the documentation of #angularChallenge. 

๐ŸŽฅ @ALannelucq has created a video to explain challenge #1๏ธโƒฃ on his YouTube channel. ๐Ÿš€

Now, you can learn from the community solution, my solution, a blog post, or a video.

The only downside is that it's inโ€ฆ

I've changed a button on my #AngularChallenge landing page. Instead of redirecting to the first challenge, it will now redirect to the latest challenge added. When the project will have regular users ๐Ÿคช, I suppose they will be eager to see the newest one ๐Ÿ˜‡. What do you think?

laforge_toma's tweet image. I've changed a button on my #AngularChallenge landing page. Instead of redirecting to the first challenge, it will now redirect to the latest challenge added.

When the project will have regular users ๐Ÿคช, I suppose they will be eager to see the newest one ๐Ÿ˜‡.

What do you think?

Loading...

Something went wrong.


Something went wrong.


United States Trends