ASMR Programming - Coding IOS (IPhone) Calculator - No Talking

แชร์
ฝัง
  • เผยแพร่เมื่อ 14 ก.ย. 2022
  • Hi guys! ✨
    Today we will code IOS IPhone Calculator by using Html, Css and JavaScript - no talking 🌙
    If you enjoy, please subscribe to my channel😉
    -------------
    All code in the video is my own💻
    -------------
    My Instagram: / ddkovalchuk
    If you have some questions or suggestions, you can write me ⌨️👀

ความคิดเห็น • 725

  • @proghub1
    @proghub1  8 หลายเดือนก่อน +20

    New Cool video [Coding Snake Game]: th-cam.com/video/EiBOkSwPS6M/w-d-xo.html

    • @CodeWithFurqan
      @CodeWithFurqan 7 หลายเดือนก่อน +1

      Follow me for Web Development

  • @hailan6917
    @hailan6917 ปีที่แล้ว +583

    Watching other people write code is very comfortable things.

    • @jarenventures
      @jarenventures ปีที่แล้ว +18

      i don't even get anything he's doing

    • @heroleq8040
      @heroleq8040 ปีที่แล้ว +15

      I finished 3 programming courses and I don't get it

    • @ssnash2544
      @ssnash2544 ปีที่แล้ว +4

      @@heroleq8040 probably the syntax its different idk, all the programming languages follow the same concepts but with their own syntax.

    • @samer8165
      @samer8165 ปีที่แล้ว +1

      XD

    • @togo_jess2593
      @togo_jess2593 ปีที่แล้ว +1

      i am a developer and a ethical hacker, i totally know what he is doing

  • @execute214
    @execute214 4 หลายเดือนก่อน +7

    I love how he's preparing at the beginning, maybe I should start doing that aswell

  • @irammahmood2792
    @irammahmood2792 8 หลายเดือนก่อน +37

    It's literally going above my head. That's quite SMARTY SMARTY work. She must be quite smart to do this hard and advanced programming. I am also a Python newbie, so I hope I also become capable to do this kind of programming.

    • @MetaaR
      @MetaaR 5 หลายเดือนก่อน +1

      I'd like to recommend you learning Algorithms, as it is very important thing especially in competetive programming. I recomend sites like: CodeForces, LeetCode and GeeksForGeeks. Happy Coding!

  • @phael4874
    @phael4874 ปีที่แล้ว +10

    so satisfying.

  • @thawzinlin2431
    @thawzinlin2431 ปีที่แล้ว +7

    Bro the keyboard is so satisfying
    I just sub you for that

  • @mariaaparecidacida4320
    @mariaaparecidacida4320 ปีที่แล้ว +3

    Eu nunca pensei que esse ASMR ia ser tão gostoso de ouvir

  • @yomero2224
    @yomero2224 ปีที่แล้ว +6

    Que buen video, me ayudan estos consejos para complementar con lo que estudio en la UK.

  • @dededeYT
    @dededeYT ปีที่แล้ว +26

    Amazing, Let me give u some advice... If u hold down the ALT + Left Click on the code you want to modify, u could have multiple pointers and U can modify the code quickly.... Sorry for the grammar I'm learning. :c

  • @coderoyalty
    @coderoyalty ปีที่แล้ว +7

    Do “[html tag]*[no.]” this will create the given tag Nth times
    e.g “button*5” will create five buttons

  • @ramakrishnaparitala6777
    @ramakrishnaparitala6777 ปีที่แล้ว +9

    Trust me!! This Channel is going to be a HIT !!

  • @mugenr6306
    @mugenr6306 ปีที่แล้ว +6

    I have no idea how u do this but its relaxing

  • @moodsetting7319
    @moodsetting7319 ปีที่แล้ว +190

    Super Duper!
    I'm new to programming, I decided to copy your work so this will be a little experience ! )))

    • @anitasharma8904
      @anitasharma8904 ปีที่แล้ว +3

      Me too

    • @joshuasalazar1481
      @joshuasalazar1481 ปีที่แล้ว +9

      So if r nooby and copy should try better his code 😉

    • @pushant9821
      @pushant9821 ปีที่แล้ว +38

      @@joshuasalazar1481 sir English the go where gone

    • @notduane7327
      @notduane7327 ปีที่แล้ว

      @@pushant9821 sez u lul

    • @siamrocks125
      @siamrocks125 ปีที่แล้ว +6

      this is how im going to learn, im going to see how other people do it and try to learn from them just by that

  • @daniellasiqueira1196
    @daniellasiqueira1196 ปีที่แล้ว +175

    Nunca achei que iria achar o barulho que eu mais gosto como ASMR! ISSO AQUI É ELITE, TÁ? hahahah

  • @zhabiboss
    @zhabiboss ปีที่แล้ว

    Ohhhh, that crunch at the beginning!

  • @chesteris777
    @chesteris777 ปีที่แล้ว +5

    Thank you for this video and audio✨😎

    • @proghub1
      @proghub1  ปีที่แล้ว

      Thank you for support :)

  • @rexeditz88
    @rexeditz88 ปีที่แล้ว

    when you speed it up sounds so good

  • @darylbyrum9026
    @darylbyrum9026 ปีที่แล้ว +8

    in Intellij you can use Control + D to duplicate a line or block of code. Not sure if its the same for Visual studio though. Its easier than copy and paste

    • @shreyasraj_edu
      @shreyasraj_edu 11 หลายเดือนก่อน

      In vs code use alt + shift + down arrow key ... 👍

    • @drixzyFN7
      @drixzyFN7 6 หลายเดือนก่อน

      @@shreyasraj_edu you can just ctrl + c and ctrl + v without highliting the line

  • @KINGABDUL99
    @KINGABDUL99 ปีที่แล้ว +5

    Your literally amazing I subbed to your channel

    • @proghub1
      @proghub1  ปีที่แล้ว +1

      Thank you :)

    • @KINGABDUL99
      @KINGABDUL99 ปีที่แล้ว +1

      @@proghub1 Your Welcome

  • @KakNonaChannel
    @KakNonaChannel ปีที่แล้ว +1

    Awesome i love it,thank you for sharing.

  • @luisfeliperodrigues7831
    @luisfeliperodrigues7831 ปีที่แล้ว +3

    awesome man, gratz.

  • @pullrequest1481
    @pullrequest1481 ปีที่แล้ว +31

    Thanks man... you made my rough day better...

    • @proghub1
      @proghub1  ปีที่แล้ว +5

      And thank you too

    • @pandipatipavan3804
      @pandipatipavan3804 ปีที่แล้ว +1

      @@proghub1 Please do update the code files or the links in the description as soon as possible.

  • @osvaldinho2024
    @osvaldinho2024 5 หลายเดือนก่อน +1

    O cara fez uma calculadora em apenas 16 minutos! um dia eu quero ficar igual ele.

  • @SimpleTTech
    @SimpleTTech ปีที่แล้ว +3

    Amazing, best regards from Colombia🇨🇴

  • @skjcreation24
    @skjcreation24 ปีที่แล้ว

    super, motivation for the upcomig coder

  • @StrikerFeed
    @StrikerFeed ปีที่แล้ว +139

    Чтобы привести число в строку, достаточно написать String(number), но никак не превращать элемент в JSON а потом обратно его парсить)))

    • @lostline01
      @lostline01 ปีที่แล้ว +19

      так а что ты от него ожидал?))) Он только микрофон стучать умеет и пальцами хрустеть

    • @andreevich2884
      @andreevich2884 ปีที่แล้ว +27

      @@lostline01 Как умеет, так и делает. Умейте читать название видео

    • @yokenns9171
      @yokenns9171 ปีที่แล้ว +13

      реал в чем проблема, он же не учит никого

    • @andreevich2884
      @andreevich2884 ปีที่แล้ว +3

      @@yokenns9171 Вот

    • @1lxu
      @1lxu ปีที่แล้ว +1

      @@lostline01 what is your problem brother

  • @LKstudio12
    @LKstudio12 ปีที่แล้ว +49

    Решил сделать калькулятор по твоему видео, всё было хорошо до того как начал писать js, начал в 22:22 закончил в 01:12😅

    • @RAVIKUMAR-ue4ot
      @RAVIKUMAR-ue4ot ปีที่แล้ว +6

      💕 Russia

    • @vlad7269
      @vlad7269 ปีที่แล้ว

      @@RAVIKUMAR-ue4ot Love those who bombs Ukraine and increases living cost?

  • @jeterplayzgaming6237
    @jeterplayzgaming6237 ปีที่แล้ว +4

    ur really good here. Dont give up!

    • @proghub1
      @proghub1  ปีที่แล้ว

      Thank you!

  • @roysinjan9817
    @roysinjan9817 6 หลายเดือนก่อน +2

    This stuff is actually relaxing, I ain't a programmer or anything but I like the asthetic of it, Keep up the good work buddy 👍

  • @sahorycielo01
    @sahorycielo01 ปีที่แล้ว

    this are my type of asmr

  • @toplists4766
    @toplists4766 ปีที่แล้ว +3

    Actually works.. Just disable the real time prote

  • @lphoogenboom
    @lphoogenboom ปีที่แล้ว +7

    You should have your mic not stand on your desk in order to reduce the low frequency bonking. Some of it is nice, but it can also get too much.

  • @mody-pq8kd
    @mody-pq8kd ปีที่แล้ว +22

    Есть такая штука полезная как делегирование событий

  • @emanuelg1892
    @emanuelg1892 7 หลายเดือนก่อน

    I literally used this to learn some HTML, later I watched a tutorial but I guess this was more than enough

  • @nonfungibletay
    @nonfungibletay ปีที่แล้ว

    Cool video 👍 I just started to learn coding.

  • @royartz
    @royartz ปีที่แล้ว +2

    You should have used Emmet abbreviations like button*19 to make 19 without copying and pasting

  • @gabrielaatahuachi2624
    @gabrielaatahuachi2624 ปีที่แล้ว +18

    Gracias por el aporte amigo, me ha sido de gran ayuda tu código sobre todo el script, pero me queda una duda. El botón de la coma ' , ' no programaste y en eso tengo varias dudas ya que estuve usando parte de tu código script como guía aunque la programación de la coma para que se puedan digitar números decimales no me funciona bien, es más me lo toma como valor entero en vez de decimal. Podrías por favor ayudar con ese código del correcto funcionamiento de la coma?

    • @pixelmitar4854
      @pixelmitar4854 ปีที่แล้ว

      Ha encontrado una solución para esto?

    • @gustavoacbrito
      @gustavoacbrito ปีที่แล้ว

      simplemente agregué el class="number" al elemento html relativo a la coma. funcionó perfectamente.

  • @stalker200368
    @stalker200368 ปีที่แล้ว

    check for leading zero in integral numbers? check for float point before some numeric value? check for operator before first value? non-hardcoded operator functionality which is scalable? you should have thought about it more...

  • @AlmondChocolateMilk
    @AlmondChocolateMilk 2 หลายเดือนก่อน

    When the keyboard said gulp gulp gulp I felt that

  • @ahadotaku0079
    @ahadotaku0079 ปีที่แล้ว +3

    which extensions do you used in this video bro ?
    and i got a question, the font-family code line from the style.css file is standing as wrong in my one and is completely the same as your one (line 9).

    • @clashhub_
      @clashhub_ ปีที่แล้ว

      font: Arial,Helvetica,sans-serif; try this

  • @kot_pilot7056
    @kot_pilot7056 ปีที่แล้ว

    Wow! Nice asmr

  • @AcercandroRicardo
    @AcercandroRicardo ปีที่แล้ว

    Apenas entre a estudiar la universidad en la Uk. Me sirvio este vídeo. :3

  • @Jagannathvlog495
    @Jagannathvlog495 ปีที่แล้ว +2

    Good Efforts Brother interesting to watch your video. .. Impressive Coding No disturbance Existing while you Do coding...Keep Going on.....

    • @twanadler9
      @twanadler9 ปีที่แล้ว +1

      what is ASMR ,,what programming lunguage do he use?

    • @Jagannathvlog495
      @Jagannathvlog495 ปีที่แล้ว +1

      @@twanadler9while I observed on code He is using NodeJs(javascript) html & css to Create Calculator App..

    • @twanadler9
      @twanadler9 ปีที่แล้ว

      @@Jagannathvlog495 that means we can use javascript to create ios apps , and avoid learning swift?

  • @Tariq-xd1ld
    @Tariq-xd1ld 7 หลายเดือนก่อน

    Amazing!

  • @oliviahyessoulmate2597
    @oliviahyessoulmate2597 ปีที่แล้ว

    that's some gorgeous freaking hands oh my god

  • @tuberken
    @tuberken ปีที่แล้ว +1

    so what i get is
    you make buttons and display the number with html
    style buttons with css
    do equation with js
    and then display result of the equation
    it doesn't seem so hard thinking about it in
    this perspective

  • @Minh847n
    @Minh847n ปีที่แล้ว

    Legends say that he is still coding the iPad calculator app after this

  • @grandis958
    @grandis958 ปีที่แล้ว

    what chrome extension did you use to measure, which is shown in the video. i was curious and added it in my chrome

  • @maxie_re851
    @maxie_re851 ปีที่แล้ว

    Sounds good🎉

  • @invictuz4803
    @invictuz4803 ปีที่แล้ว +3

    Love the sound of him typing underwater.

  • @yasinkurt613
    @yasinkurt613 4 หลายเดือนก่อน

    perfect

  • @JavawithEgimoro
    @JavawithEgimoro 8 หลายเดือนก่อน

    This is so swift!

  • @arunneupane4066
    @arunneupane4066 ปีที่แล้ว

    no talking : exactly what i want

  • @Onovane
    @Onovane ปีที่แล้ว +52

    Вау, очень залипательно и продуктивно)👍

    • @proghub1
      @proghub1  ปีที่แล้ว +8

      Спасибо, я стараюсь :)

    • @pandipatipavan3804
      @pandipatipavan3804 ปีที่แล้ว +1

      @@proghub1 Please do update the code files or the links in the description as soon as possible.

    • @alexburtsev
      @alexburtsev ปีที่แล้ว +1

      Это сложно до такого уровня дойти? С нуля

    • @owenfrozen
      @owenfrozen 8 หลายเดือนก่อน

      @@alexburtsev смотря как бошка работает, если по математике пятёрки были то скорее всего проще, нежели с гуманитарными мозгами (как у меня)

    • @FiksaeD
      @FiksaeD 5 หลายเดือนก่อน +1

      @@alexburtsev Не очень. Но главное это просто не забросить на пол пути. Я активно учусь на протяжении длительного вермини, в то время как мой друг не смог скачать вс код и забросил

  • @roof102
    @roof102 ปีที่แล้ว

    i love this sound

  • @-Idonotknow
    @-Idonotknow ปีที่แล้ว

    you can just press ! to show the emmet of the layout of html

  • @RaM727100
    @RaM727100 ปีที่แล้ว

    Im taking a brake for my programming course listen to this XD

  • @dawnscript
    @dawnscript ปีที่แล้ว

    Awesome

  • @torokferenc6557
    @torokferenc6557 ปีที่แล้ว +1

    button*[wanted number of elements] -> quick snippet for multiple html tags, much more quicker then doing a sh*t ton of ctrl+V :D

  • @mahdimehrjoo7628
    @mahdimehrjoo7628 ปีที่แล้ว +5

    Big up to you👍🔥

  • @avadhootgurav7455
    @avadhootgurav7455 ปีที่แล้ว

    ASMR is trully popular to YT❤

  • @oliveirasilvafabio
    @oliveirasilvafabio ปีที่แล้ว +9

    How did you do the spacing between the numbers?

    • @whojj526
      @whojj526 ปีที่แล้ว +1

      you can use the property gap on the parent div in css

    • @ebstones5989
      @ebstones5989 ปีที่แล้ว

      use grid-column-gap for horizontal spacing and use grid-row-gap for vertical spacing. you also can use grid-gap for horizntal and vertical spacing

  • @cayde0667
    @cayde0667 ปีที่แล้ว

    This is very cool 👌

  • @Foundation_SCP.
    @Foundation_SCP. 3 หลายเดือนก่อน

    To that: you don’t have to write that all on the start. Simply hold shift and type ! and with shift still pressed press enter. This will automatically give you the “start code”. 😊

  • @TheYoung9
    @TheYoung9 ปีที่แล้ว +2

    awesome Bro, I like it !!

    • @proghub1
      @proghub1  ปีที่แล้ว

      Thank you!

  • @techbittu47
    @techbittu47 ปีที่แล้ว

    Sir can you tell me how to use css extension and html in laptop. When I use css it no giving me results

  • @indianmarshmello.
    @indianmarshmello. ปีที่แล้ว +2

    make a virus that flips the functions of a calculator on a phone, like division becomes multiplication and addition becomes subtraction, etc.

  • @christopherinnocent8940
    @christopherinnocent8940 3 หลายเดือนก่อน +1

    How did you move these elements from top to bottom.

  • @Maxnovais777
    @Maxnovais777 ปีที่แล้ว +1

    Nossaaa parabénssss💜🎰👾👨🏻‍💻

  • @joydeepdas8123
    @joydeepdas8123 ปีที่แล้ว +4

    to anyone wondering how it changed on 8:24, i dont exactly know how he did that but i did it like this and it turned out great-
    .buttons{
    width: 100%;
    height: 0%;
    background-color: black;
    display: grid;
    align-self: center;
    grid-template-columns: 25% 25% 25% 25%;
    grid-gap: 20px;
    }

    • @sanliogabrielnogueira
      @sanliogabrielnogueira ปีที่แล้ว

      hey, can help me? my buttons are like one line, i put your code but doesn't work :( (i and sorry for my english, i still learning

    • @WolfRaknator
      @WolfRaknator ปีที่แล้ว

      did you solved this? I have the same problem

    • @joydeepdas8123
      @joydeepdas8123 ปีที่แล้ว +1

      @@sanliogabrielnogueira hey sorry for replying so late, I am currently in my hometown and left my laptop in my apartment. I will soon be returning and will help you as soon I get there

    • @joydeepdas8123
      @joydeepdas8123 ปีที่แล้ว

      @@WolfRaknator I did. Although I had to change a fair bit of code and now it works perfectly for me

    • @sanliogabrielnogueira
      @sanliogabrielnogueira ปีที่แล้ว

      @@joydeepdas8123 hello don't worry about it :) i can solve but now i got another problem in my code 😭

  • @joveaaron-real
    @joveaaron-real ปีที่แล้ว

    Inaccurate. Programmers don't struggle so little. Most of my programming afternoons are screams of struggle, constant deleting and rewriting of code, etc.

  • @Vloghh
    @Vloghh ปีที่แล้ว

    Nose que haces pero me encantan estos videos!

  • @Jaimie-C
    @Jaimie-C 5 หลายเดือนก่อน

    would this just work in the web browser on the phone or can you turn html, css, javascript into a mobile app somehow?

  • @mr.nut123
    @mr.nut123 4 หลายเดือนก่อน

    so nice and cool video👍

  • @vrauzinff116
    @vrauzinff116 ปีที่แล้ว +4

    parece ser mó facil vendo ele fazendo kkkk

  • @numanmirza19
    @numanmirza19 ปีที่แล้ว +2

    Good work you got new subscriber✅

  • @maxrichter9513
    @maxrichter9513 ปีที่แล้ว +4

    Ive rewrote everything to the word but I get null when I click on a digit and NaN when I click on 0 WTF??

  • @Lulu-uw1rl
    @Lulu-uw1rl ปีที่แล้ว

    muito bom!

  • @adityanegi3075
    @adityanegi3075 ปีที่แล้ว +1

    now please do this for the ipad too :)

  • @ggang1
    @ggang1 ปีที่แล้ว

    Wow amazing sound 👍

    • @proghub1
      @proghub1  ปีที่แล้ว

      Thank you!

  • @benjaminkhidd
    @benjaminkhidd ปีที่แล้ว +1

    how dd u move the whole thing to the bottom tho, it just happened in a flash

  • @it-proger
    @it-proger ปีที่แล้ว

    Thanks for Vidio !!

  • @anthonyrojas9989
    @anthonyrojas9989 ปีที่แล้ว

    awesome!

  • @dinga_tech
    @dinga_tech 7 หลายเดือนก่อน

    Nice video, one day in my life I will be like u😊

  • @pisboy1700
    @pisboy1700 6 หลายเดือนก่อน +1

    how do i get the i phone display on the right

  • @Craftjo-tb1ud
    @Craftjo-tb1ud ปีที่แล้ว

    I like this video idea but u could have make the code so much shorter. I have a question:for how long are u coding?

  • @abdullahh447
    @abdullahh447 ปีที่แล้ว +2

    can u give us complete guide of programming

  • @universo_desconocido
    @universo_desconocido ปีที่แล้ว +1

    Hi, this video is awesome man, I was just wondering in 10:56 what does it mean firstValue = +firstValue? I know about += but never heard of yours.

    • @Mikeriker
      @Mikeriker ปีที่แล้ว

      The expression "firstValue = +firstValue" doesn't change the value of the variable "firstValue".
      The unary plus operator (+) in front of a value doesn't change its sign. So, if "firstValue" is a positive number, using the unary plus operator before it won't have any effect on its value. Similarly, if "firstValue" is a negative number, using the unary plus operator before it will make it a positive number.
      Therefore, the expression "firstValue = +firstValue" is functionally equivalent to just "firstValue" by itself, and it doesn't change the value of "firstValue".

  • @elNabigha
    @elNabigha ปีที่แล้ว +1

    🔥

  • @simpleprogramming9707
    @simpleprogramming9707 ปีที่แล้ว +1

    Alhamdulillah, thanks for the inspirational content,...
    I'm a newbie youtuber🤣

  • @kangzaed1069
    @kangzaed1069 ปีที่แล้ว

    Wah ieumah jigana teh kang dea.

  • @bobbi5646
    @bobbi5646 ปีที่แล้ว +1

    Aku ketiduran sambil denger iniiii🤣

  • @maciejkag2735
    @maciejkag2735 ปีที่แล้ว

    you did in less than 17 minutes what apple couldn't do in years

  • @nexeogd553
    @nexeogd553 ปีที่แล้ว +2

    топово программируешь а ч чего лучше начинать программировать с python или java script

  • @cameleon5724
    @cameleon5724 ปีที่แล้ว +2

    One content, two languages. What I have now written may have a perfect mirror in another language. You can create a program that searches for the perfect language mirror. Thanks to this, you will be able to speak two languages ​​and perform tasks in the shade.Endless enigmatic book in all languages. You can write a book with mirrors in all languages of the world. You can speak two languages at once, you just need to find the perfect reflection, same content, different translation. Infinite Mirrors. Pi 3.14 XBooks. Hybrid language. The algorithm flows through our heads, endless coding, just take off the chameleon masks. Connect words without spaces and you will find hidden tasks in all languages. Our conversations collide in the process, some words as well as numbers in words. We perform tasks hidden between words. You can create a Python coding language from a spoken language. You just need to find the mirrors. Two tongues glued together. Hack the brain.

  • @overslayer0524
    @overslayer0524 10 หลายเดือนก่อน +1

    What extension do you use to see the live website and change the dimensions of it?

    • @guarryReal
      @guarryReal 10 หลายเดือนก่อน +3

      So to see the live he uses live server and to change dimension, he uses the inspect element wich is not an extension, right click In the website, click 'Inspect' and at the top left youll see the Toggle Device toolbar, click it

  • @dharshi.29
    @dharshi.29 ปีที่แล้ว

    omg wow

  • @sabatahmasebi7055
    @sabatahmasebi7055 8 หลายเดือนก่อน +1

    Sorry, I had a question: How did this item go from top to bottom at 8:25 in this movie? That is, what did you change or add that this calculator mode changed from top to bottom. You did not show this in the movie. please help me , what do i do?

    • @helloiamnotasian
      @helloiamnotasian 2 หลายเดือนก่อน

      i don't understand that too

    • @arumaneditz
      @arumaneditz หลายเดือนก่อน

      @@helloiamnotasian set the .container {
      height: 100%;
      background-color: black;
      position: absolute;
      bottom: 0;
      }

  • @jajachen87
    @jajachen87 ปีที่แล้ว

    I like watching this video.. Thanks

  • @OG_FortniteClips752
    @OG_FortniteClips752 ปีที่แล้ว

    Awesome! I am also pretty new to programming. I'm copying your work so that I have some more experience towards coding.
    P.S. Please pin this comment.
    😀