A while ago, I signed up at https://www.codewars.com/ to practice both my PHP and JS skills. I decided to publish my results and to compare them with the best practice solution if found, thus, here we go. Task: My solution: Best practice: Resources:
Today, Devin and I are celebrating our first wedding anniversary. As we’re both free today, we went to Sunda Kelapa Harbour and Fatahillah Square. Now, we’re reflecting the previous year and contemplating our future at Café Batavia.
A month ago the development of Twenty Twenty, the new default theme for WordPress 5.3, started. I was fortunate enough to see the development starting in the early days. As I’m very passionate about theme development, I contributed pretty much from the first day.
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. Resources: Array.from() Array.prototype.map() Array.prototype.reduce() Math.floor()
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. Resources: Array.prototype.join() Array.prototype.map() Array.prototype.sort() String.prototype.replace() String.prototype.trim()
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. Resources: Document.querySelector() Event.target EventTarget.addEventListener() Math.round()
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. Resources: Document.querySelector() Element.matches() Event.preventDefault() EventTarget.addEventListener() JSON.parse() JSON.stringify() localStorage.getItem() Storage.setItem()
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. Resources: TBD