Date: January 23, 2019
In today’s lesson, I learned how to pipe webcam input and manipulate the stream on the fly. In comparison to the other lessons, this lesson required the use of npm. The final code can be found on Day 19 – Webcam Fun.
Date: January 21, 2019
In today’s exercise, I learned how to fetch all video lengths from a site and calculate the total duration of all videos. The exercise was mainly based on the functions map() and reduce(). The final code can be found on Day 18 – Adding Up Times with Reduce.
Date: January 20, 2019
Another day, another exercise. Today, how to sort arrays without while ignoring the articles of the corresponding title. The exercise required a combination of replacing, sorting and mapping and the final code can be found on Day 17 – Sort Without Articles.
Date: January 19, 2019
In today’s exercise, I learned how to create a dynamic mouse shadow. As always, the final code can be found on Day 16 – Mouse Move Shadow.
Date: January 18, 2019
Date: January 17, 2019
Today’s lesson covered the secrets of using local storage. I learned how to create a small restaurant booking system, that stores the ordered dishes in the browser’s local storage. The final code can be found on Day 15 – LocalStorage.
Date: January 16, 2019
Date: January 15, 2019
Another day, another lesson. Today, I’ve learned how to fade in and out images based on scroll interactions. The final code can be found on 13 – Slide in on Scroll.
Date: January 14, 2019
In today’s exercise, I’ve learned how to trigger an action when a user provides a specific key sequence. A potential use would be by adding easter eggs to websites. As always, the final code can be found on Day 12 – Key Sequence Detection.
Date: January 13, 2019
In today’s exercise, I learned how to create a custom video player that allows basic control as well as adjusting the video speed and the volume. The final code of the exercise can be found on 11 – Custom Video Player.