I kind of jumped ahead and finished day 03’s excercise as well today! 🙃
This time I learned about CSS variables and how to control them using JavaScript. I also learned a bit about registering and using event handlers for elements in JavaScript. There is a list of all available event handlers here if you are curious to check that out.
A live version of this project is available here. The entire code is available here.
Read more →
I built a clock and designed it using CSS today. I learned how to work with transform, transform-origin, transition and transition-timing-function properties on CSS. I primarily only followed the instructions from today’s JavaScript30 course.
I also attempted to update the length of the seconds, minutes and hours hands using CSS, but I haven’t made any progress so far. I will be attempting to modify that another day, and also will be attempting to handle the logic when the clock hits the hour mark - which Wes Bos did not cover on the video.
Read more →
I started watching Wes Bos’ JavaScript30 videos today and I am excited when I think about what I can accomplish at the end of 30 days!
Today’s lesson was about building a drum kit with keys that animate and make a sound when pressed. The full code is available here and a live demo has been published as well here.
A video of this drum kit is available here as well.
Read more →
I published my very own, first npm package yesterday. It’s a very simple JavaScript app that takes in one’s input and echoes it out. It’s available here on the npm registry.
While I originally wanted to publish it with the slug hello-world, it was already taken by someone else - obviously! Thankfully npm allows re-usage of slugs with scoped access, and I published it under my name: @arunsathiya/hello-world.
I am currently working on another npm package that shows weather at any entered city.
Read more →