ASMR Programming - Calculator App Coding - No Talking

preview_player
Показать описание
In this video, I designed a Glassmorphism Calculator using HTML, CSS and JavaScript. This Calculator is very easy to code and we use just a bit JavaScript and Also CSS and HTML codes isn't too long.

Symbols : ← , − , × , ÷ , +

If you enjoy, please subscribe to my channel😉

Video Contents :

00:00 - HTML coding
06:28 - CSS Styles Coding
13:33 - Coding Main Design
20:05 - JavaScript Coding
33:25 - Fix Minus Bugs
33:40 - Final Result

Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.

About AsmrProg Channel :

Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.

AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
Рекомендации по теме
Комментарии
Автор

Me: Watches a video of someone else programming instead of working on my own project that I keep putting off

GrandNebSmada
Автор

Please like and subscribe if you want to support me create new videos❤️

AsmrProg
Автор

For anyone asking the VSCode extensions, here they are and I quote:

1 - Beautify to make my codes beautiful
2 - Error lens that showing code errors!
3 - GlassIt-VSC for transparent bg
4 - Live Preview that shows my code changes without refreshing page!
5 - Reui 2 theme

lovegirls
Автор

00:00 - HTML coding
06:28 - CSS Styles Coding
13:33 - Coding Main Design
20:05 - JavaScript Coding
33:25 - Fix Minus Bugs
33:40 - Final Result

sanyaYT
Автор

Very good basic project for beginners here. The whole learn to code but where to start I'll suggest a calculator now. Needs a output field, button representation and what functions they do when clicked. Great stuff here love the live server too wish I had it in the 90s when I was hitting F5 after every save.

Websitedr
Автор

I like how you use sections in html instead of arranging it in css. Others just use div and arrange it in css. So it is good that you utilize other tags of html instead of just using div for everything. I learned a lot in this video.

RuphiaYen
Автор

This honestly taught me loads as a beginner JS programmer, wow. Thanks!

cra_ftwise
Автор

Your calculator ASMR is not only incredibly calming but also intresting from a coding perspective! I love the way you use sections in your html code!

SarahCoding
Автор

I'm SO glad YouTube algorithms recommended me your channel😳
I'd like to be and practicing backend coding, but I really enjoyed your video and already learned new methods from it. You helped me to concentrate and gave motivation to try coding something like this project. Thank you very much and good luck in future projects while I'll look after them, cuz I subscribed👀

rinri_ustav
Автор

i love this video. its been only 5 minutes but i am obsessed how beautiful is coding. All the imagination, you can put into words and you do not even have to talk....

Mmelihhhozklc
Автор

Hey just wanted to say love your videos, they’ve helped me out a lot with learning new coding syntax and different ways of doing things. I also appreciate how all your source codes are free to view, it’s been very helpful in my learning journey so thank you

fatpandaftw
Автор

It feels so dam good to know JavaScript and hear the keyboard type all of what you already know.
Keep it up

OmAn
Автор

I love coming back to your videos after I finish a college class and finally understanding what your doing

quintenmckinney
Автор

Im 3 weeks into college and im learning HTML, I'm glad I understood a decent amount of what you were typing although on a complex level. This was awesome thanks!

TheGalekGames
Автор

Here's how I would do the js part:
Since JS can already do everything a calculator can do, simply add every button symbol (except '<-', 'C', and '=', for which you will make exceptions) to a string, such that at the end you get something like: "3+2-1*2", and then simply eval() it when '=' is clicked.

Bard_Gaming
Автор

Love this channel, help me have more motivation to continue this work though i was very tired, thank for the ASMR

Yaekyuu
Автор

Even though I don't know anything about coding, watching this with my music is the most relaxing thing I've experienced

Dogeforlife
Автор

i never knew how much i needed a video like thik. thank you!!!

turistography
Автор

Amazing job! I’ve been learning the art of coding myself and seeing it done smooth like this is so nice! Great video! Keep killing it and making people stoked!!!🔥🔥🔥🔥🔥🔥🔥🔥👏👏👏👏👏

whophukenfarted
Автор

Thank you for the video, i didnt expect this to be so fast and easy I even added sound on the buttons to make it stand out a bit.

emilia