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

Veröffentlicht am: 26 Dezember 2023
auf dem Kanal: 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

Auf dieser Seite können Sie das Online-Video How to make Analog and Digital Clock using HTML CSS and JavaScript with GitHub Deployment mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Course by Sid 26 Dezember 2023 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 121 Mal angesehen und es wurde von 12 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

158