Practice makes a man perfect.
A friend of mine shared a Dribble design for a clock app, so I decided to clone that app as close as possible. Initially, I was unaware that HTML and CSS can be such powerful tools when creating a UI. When I first looked at the app design, I didn't even think it was possible to make such UI with just HTML and CSS but when I started working on it, it all just came naturally to me.
After I was done adding the content and styling it, it was time to make the clock work like clockwork :D. I tried but I couldn't come up with my own logic to make the clock work so I had to take help from a YouTube tutorial. Even after watching the tutorial, I was unable to figure out how the logic was actually working because I had never seen any of the methods being used in the tutorial such as Date(), getSeconds(), getMinutes() and getHours(), so, I decided to write the logic by coding along and after the app was working I printed out each of the methods with console.log() to how each method was contributing to the working of the app and after that, I was completely able to understand the logic of the app.