ProductPromotion
Logo

Angular.JS

made by https://0x3d.site

GitHub - AngularWave/rxjs-challenge: A set of little RxJS puzzles to practice your Observable skills
A set of little RxJS puzzles to practice your Observable skills - AngularWave/rxjs-challenge
Visit Site

GitHub - AngularWave/rxjs-challenge: A set of little RxJS puzzles to practice your Observable skills

GitHub - AngularWave/rxjs-challenge: A set of little RxJS puzzles to practice your Observable skills

RxJS Challenge

A set of little RxJS puzzles to practice your Observable skills by Alex and Roman.

Day 01

Create an Observable to track focus in a section of the page.

Day 02

Create a page visibility stream.

Additional Angular task: make it a global DI injection token.

Day 03

Show error message for 5 seconds if login has failed.

Bonus task: show user name instead of button upon successful login and disable button during server request.

Day 04

Make a loading with progress bar until result.

Day 05

Create a countdown and a button to restart it.

Day 06

Write a stream of selected seats for users of cinema website.

Day 07

Make a sticky header that disappears when you scroll down and re-appears when you scroll up.

Day 08

Make an operator function to prevent unnecessary backend requests when it is possible to calculate items locally.

Day 09

Make subtitles appear in pairs for a karaoke game.

Day 10

Make a color picker.

Day 11

Make a toast notification disappear in 3 seconds unless user holds cursor over it.

Day 12

Make a modal close on Esc key and by clicking outside.

Important: only clicks that both started and ended outside count!

Day 13

Make a sticky header that shrinks proportionally when you scroll down. A common pattern for mobile devices so header takes less screen estate when page is scrolled.

Day 14

You have an area with folders. Allow user to select several folders dragging their mouse (like on desktop).

Day 15

Determine whether an element was focused with keyboard, mouse, touch or programmatically.

Day 16

There is a picture in some preview app and logic that handles user events and collect them in three streams: drag$, rotation$ and zoom$.

Make an RxJS stream that will transform a picture inside zone according to drag events, rotation and zoom.

Day 17

Create a no-flicker loading message (if loading took < 1 sec. do not show it, if loading took > 1 sec. show it for at least 1 sec).

Day 18

Imitate native iOS and Android pull-to-refresh behavior.

Day 19

Create Observable based on requestAnimationFrame and show FPS meter.

Day 20

Recreate classic Material Design ripple effect.

More Resources
to explore the angular.

mail [email protected] to add your project or resources here 🔥.

Related Articles
to learn about angular.

FAQ's
to learn more about Angular JS.

mail [email protected] to add more queries here 🔍.

More Sites
to check out once you're finished browsing here.

0x3d
https://www.0x3d.site/
0x3d is designed for aggregating information.
NodeJS
https://nodejs.0x3d.site/
NodeJS Online Directory
Cross Platform
https://cross-platform.0x3d.site/
Cross Platform Online Directory
Open Source
https://open-source.0x3d.site/
Open Source Online Directory
Analytics
https://analytics.0x3d.site/
Analytics Online Directory
JavaScript
https://javascript.0x3d.site/
JavaScript Online Directory
GoLang
https://golang.0x3d.site/
GoLang Online Directory
Python
https://python.0x3d.site/
Python Online Directory
Swift
https://swift.0x3d.site/
Swift Online Directory
Rust
https://rust.0x3d.site/
Rust Online Directory
Scala
https://scala.0x3d.site/
Scala Online Directory
Ruby
https://ruby.0x3d.site/
Ruby Online Directory
Clojure
https://clojure.0x3d.site/
Clojure Online Directory
Elixir
https://elixir.0x3d.site/
Elixir Online Directory
Elm
https://elm.0x3d.site/
Elm Online Directory
Lua
https://lua.0x3d.site/
Lua Online Directory
C Programming
https://c-programming.0x3d.site/
C Programming Online Directory
C++ Programming
https://cpp-programming.0x3d.site/
C++ Programming Online Directory
R Programming
https://r-programming.0x3d.site/
R Programming Online Directory
Perl
https://perl.0x3d.site/
Perl Online Directory
Java
https://java.0x3d.site/
Java Online Directory
Kotlin
https://kotlin.0x3d.site/
Kotlin Online Directory
PHP
https://php.0x3d.site/
PHP Online Directory
React JS
https://react.0x3d.site/
React JS Online Directory
Angular
https://angular.0x3d.site/
Angular JS Online Directory