How to make Analog and Digital Clock using HTML CSS and JavaScript with GitHub Deployment

Published: 26 December 2023
on channel: Course by Sid

121

👋 Hi, In this video tutorial we will be making analog and digital clock project using HTML, CSS and JavaScript. In HTML, we will be learning on how to use link, title, body, head, div, script and html tags. In CSS, we will be learning on how to use background-color, padding, margin, transform, font-weight, text-align, width, height, flex-direction, font-size, justify-content, hover, keyframes, position, animation, border radius, line-height, translateX, translateY, transform and transform-origin. In JavaScript, we will be learning on how to use functions like Date, getHours, getMinutes, getSeconds, document.getElementById and setInterval. This video is best suitable for one who is looking to make a clock which is both analog and digital, learning web development skills, learning HTML, CSS and JavaScript, beginner to coding & programming, learning how to host or deploy a project, learning how to do styling with CSS to give a beautiful look.
So now, let us see how we can build and deploy this Analog and Digital Clock with GitHub Deployment.

🎬 Timestamps :
00:00 - Project Overview of Analog and Digital Clock
00:43 - Files and Folder Structure
01:51 - Installing VS Code Extensions
02:44 - Make Analog and Digital Clock using HTML and CSS
18:53 - Adding functionality to Analog and Digital Clock using JavaScript
30:13 - GitHub Deployment
33:11 - Conclusion

🏆 Suitable for both beginners and experienced developers.

🔗 Links:

👉 HTML & CSS Tutorials Playlist :    • HTML and CSS Tutorials - Beginner to ...
👉 JavaScript Tutorials Playlist :    • JavaScript Tutorials for Beginners
👉 Weather Application ( HTML, CSS and JavaScript ) Playlist :    • Weather Application Project Playlist
👉 Calculator Application ( HTML, CSS and JavaScript ) Playlist :    • Calculator Application Project Playlist
👉 YouTube Videos Playlist :    • YouTube Videos

👍Like, subscribe, and leave feedback in the comments 💬 for more web development tutorials. Happy coding!

🌐 Stay Connected:
👉 GitHub Profile: https://github.com/Course-by-Sid
👉 Facebook Page:   / 61552345100972
👉 Instagram Page: https://www.instagram.com/engineer_re...
👉 YouTube Channel in Hindi :    / @engineerrehbar
👉 YouTube Channel in English:    / @coursebysid

#webdevelopment #javascripttutorials #csstutorials #htmltutorials #githubtutorial #javascriptprojects

On this page of the site you can watch the video online How to make Analog and Digital Clock using HTML CSS and JavaScript with GitHub Deployment with a duration of hours minute second in good quality, which was uploaded by the user Course by Sid 26 December 2023, share the link with friends and acquaintances, this video has already been watched 121 times on youtube and it was liked by 12 viewers. Enjoy your viewing!

287