Sort data without articles using RxJS and Angular

Loading

Reading Time: 4 minutes Introduction This is day 17 of Wes Bos’s JavaScript 30 challenge and I am going to sort data without articles RxJS and Angular. In this blog post, I describe how to use RxJS operators to covert array to Observable, use function to remove articles temporarily, compare texts to determine sort order and finally map the … Read more

Animate text shadow using RxJS and Angular

Loading

Reading Time: 4 minutes Introduction This is day 16 of Wes Bos’s JavaScript 30 challenge and I am going to add CSS animation to text using RxJS and Angular. Through RxJS, I can update text shadow style of text element during mouse moves to produce the effect of CSS animation. In this blog post, I describe how to use … Read more

Synchronize data with local storage using RxJS and Angular

Loading

Reading Time: 8 minutes Introduction This is day 15 of Wes Bos’s JavaScript 30 challenge and I am going to use RxJS and Angular to add, delete and check items in a list, and synchronize data with local storage. In this blog post, I describe how to use Subject and RxJS operators to listen to form submit and JavaScript … Read more

Slide in images on scroll using RxJS and Angular

Loading

Reading Time: 5 minutes Introduction This is day 13 of Wes Bos’s JavaScript 30 challenge and I am going to use RxJS and Angular to slide in 5 images when scrolling up and down the browser images. In this blog post, I describe how to use RxJS operators (fromEvent, debounce time, map, startWith) to listen to scroll event and … Read more

Detect key sequence using RxJS and Angular

Loading

Reading Time: 5 minutes Introduction This is day 12 of Wes Bos’s JavaScript 30 challenge and I am going to use RxJS and Angular to detect key sequence. When user inputs the correct secret code, the application calls an external JavaScript library to render unicorns. In this blog post, I describe how to use RxJS operators (scan, map, filter) … Read more