Hey DEVs In today's episode, we will create from scratch a “Clock App | Vanilla JavaScript”,  will also are gonna use this new and popular trend Glassmorphism on it…

Essentially, the main aspect of this trend is simple: we have a semi-transparent background, with a sublime shadow and border.
We also have a blur on it so that whatever is behind the background is beautifully "morphed" into the element itself.

It’s a quite simple project to do, but at the same time it will teach you a lot of cool things in css and also JavaScript.

⏱️Chapters:
00:00 - Intro
00:42 - Create boilerplate
01:35 - Markup
02:47 - CSS

🧠Concepts covered in this project:
CSS - Pseudo-class
CSS - Absolute vs Relative
CSS - Flexbox
CSS - Backdrop-filter: Blur
JS - Document.QuerySelector () Method Returns an element that matches the specified CSS selector in the document.
JS - The setInterval () method can call a function or calculate expression according to the specified cycle (in millisecond).

📚Resources
Pic used in this Project: https://bit.ly/37xJH6G
 

#javascript