How To Make A Calculator Using HTML CSS/Tailwind And JavaScript | ASMR | No Talk
HTML-код
- Опубликовано: 2 июн 2024
- In today's video, we're going to dive into the exciting world of web development as we build a fully functional calculator using HTML, Tailwind CSS, and JavaScript. Strap in and get ready to unleash your coding skills!
We'll start by setting up the basic structure of our calculator using HTML, creating the necessary buttons and display area. Then, we'll spice things up with some beautiful styling using Tailwind CSS, a utility-first CSS framework that makes designing a breeze.
But wait, it doesn't stop there! We'll bring our calculator to life using JavaScript, the dynamic programming language loved by developers worldwide. With JavaScript, we'll add the logic to perform calculations, handle user input, and update the display in real-time.
Throughout the video, I'll guide you step by step, explaining the code and sharing helpful tips and tricks along the way. By the end, you'll have a fully functional calculator that you can use as a template for your future web projects.
So, whether you're a beginner looking to dip your toes into web development or an experienced coder seeking a fun project, this video is perfect for you. Get ready to level up your skills and build something awesome!
Don't forget to like the video, subscribe to the channel, and hit that notification bell to stay updated with more exciting web development tutorials. Let's get coding!
🔥 Don't forget to like, share, and subscribe for more awesome tutorials! 🚀
_____________________________________________________________
See more: / @weird-code
********
buy me a coffee and Source Code :
buymeacoffee.com/amir.ranjbr/...
********
You Watching this Video : / • How To Make A Calculat...
_____________________________________________________________
Recommended Videos:
Elastic Tabs using HTML | CSS | JAVASCRIPT:
► • / • Secrets of Elastic Tab...
Glowing Gradient Cards Animation Effect In 5 Minute Using HTML CSS :
► • / • Glowing Gradient Cards...
Build a Sidebar Component purely in HTML and Tailwind CSS | ASMR | No Talk:
► • / • Build a Sidebar Compon...
CSS Parallax Scrolling Website | How to Make Website using HTML CSS and JavaScript | ASMR:
► • / • CSS Parallax Scrolling...
OTP Code Verification Form in HTML CSS & JavaScript | ASMR | No Talking:
► • / • OTP Code Verification ...
Login From With HTML CSS & JavaScript | Design 3D Cube | ASMR | From Tutorial:
► • / • Login From With HTML C...
Interactive To Do List with HTML, CSS, and JavaScript and Sort able | No Talking | ASMR:
► • / • Interactive ToDo List ...
Domino Clock - A Creative Timepiece Built with HTML, CSS, and JavaScript:
► • / • Domino Clock - A Creat...
How To Create Stunning 3D Card Animation using HTML CSS & JavaScript Impressive 3D Card Hover Effect:
► • / • How To Create Stunning...
Animated Login Form using HTML and CSS | Login Page using HTML CSS & JavaScript:
► • / • Animated Login Form us...
Designing an Engaging Image Slider Animation: HTML, CSS, JavaScript Tutorial (Includes Dark Mode) :
► • / • Designing an Engaging ...
Create Your Own Login Page Easily! | How To Make a Simple Register Page Whit HTML CSS & JavaScript:
► • / • Create Your Own Login ...
_____________________________________________________________
source of all projects also will upload in my GitHub page :
github.com/Amir-Ranjbr
Subscriptions, good comments and likes are great support for me 😍
--------TIMELINE--------
00:00 Intro (Preview Calculator With HTML CSS/Tailwind & Js )
00:15 Ready! Start HTML
01:23 Ready! Start JavaScript
04:09 Ready! Start CSS
05:45 Refactor JavaScript
06:04 Subscribe Like Comment
#calculator #javascript #tailwindCss - Хобби
Self taught or college ?
Self 😉