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

Поделиться
HTML-код
  • Опубликовано: 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]: ruclips.net/video/EiBOkSwPS6M/видео.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!

  • @thawzinlin2431
    @thawzinlin2431 Год назад +7

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

  • @ramakrishnaparitala6777
    @ramakrishnaparitala6777 Год назад +9

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

  • @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

  • @mugenr6306
    @mugenr6306 Год назад +6

    I have no idea how u do this but its relaxing

  • @mariaaparecidacida4320
    @mariaaparecidacida4320 Год назад +3

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

  • @phael4874
    @phael4874 Год назад +10

    so satisfying.

  • @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

  • @yomero2224
    @yomero2224 Год назад +6

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

  • @coderoyalty
    @coderoyalty Год назад +7

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

  • @zhabiboss
    @zhabiboss Год назад

    Ohhhh, that crunch at the beginning!

  • @rexeditz88
    @rexeditz88 Год назад

    when you speed it up sounds so good

  • @daniellasiqueira1196
    @daniellasiqueira1196 Год назад +175

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

  • @chesteris777
    @chesteris777 Год назад +5

    Thank you for this video and audio✨😎

    • @proghub1
      @proghub1  Год назад

      Thank you for support :)

  • @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 👍

  • @luisfeliperodrigues7831
    @luisfeliperodrigues7831 Год назад +3

    awesome man, gratz.

  • @KINGABDUL99
    @KINGABDUL99 Год назад +5

    Your literally amazing I subbed to your channel

  • @jeterplayzgaming6237
    @jeterplayzgaming6237 Год назад +4

    ur really good here. Dont give up!

  • @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.

  • @SimpleTTech
    @SimpleTTech Год назад +3

    Amazing, best regards from Colombia🇨🇴

  • @KakNonaChannel
    @KakNonaChannel Год назад +1

    Awesome i love it,thank you for sharing.

  • @skjcreation24
    @skjcreation24 Год назад

    super, motivation for the upcomig coder

  • @nonfungibletay
    @nonfungibletay Год назад

    Cool video 👍 I just started to learn coding.

  • @osvaldinho2024
    @osvaldinho2024 5 месяцев назад +1

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

  • @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?

  • @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

  • @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

  • @toplists4766
    @toplists4766 Год назад +3

    Actually works.. Just disable the real time prote

  • @sahorycielo01
    @sahorycielo01 Год назад

    this are my type of asmr

  • @kot_pilot7056
    @kot_pilot7056 Год назад

    Wow! Nice asmr

  • @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.

  • @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?

  • @invictuz4803
    @invictuz4803 Год назад +3

    Love the sound of him typing underwater.

  • @oliviahyessoulmate2597
    @oliviahyessoulmate2597 Год назад

    that's some gorgeous freaking hands oh my god

  • @maxie_re851
    @maxie_re851 Год назад

    Sounds good🎉

  • @AcercandroRicardo
    @AcercandroRicardo Год назад

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

  • @Tariq-xd1ld
    @Tariq-xd1ld 7 месяцев назад

    Amazing!

  • @emanuelg1892
    @emanuelg1892 7 месяцев назад

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

  • @Minh847n
    @Minh847n Год назад

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

  • @mody-pq8kd
    @mody-pq8kd Год назад +22

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

  • @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.

  • @TheYoung9
    @TheYoung9 Год назад +2

    awesome Bro, I like it !!

  • @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

  • @i4ove
    @i4ove Год назад +17

    клево делаешь, я уже засыпаю 😴😽

  • @JavawithEgimoro
    @JavawithEgimoro 9 месяцев назад

    This is so swift!

  • @AlmondChocolateMilk
    @AlmondChocolateMilk 2 месяца назад

    When the keyboard said gulp gulp gulp I felt that

  • @arunneupane4066
    @arunneupane4066 Год назад

    no talking : exactly what i want

  • @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

  • @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...

  • @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

  • @mahdimehrjoo7628
    @mahdimehrjoo7628 Год назад +5

    Big up to you👍🔥

  • @avadhootgurav7455
    @avadhootgurav7455 Год назад

    ASMR is trully popular to YT❤

  • @cayde0667
    @cayde0667 Год назад

    This is very cool 👌

  • @royartz
    @royartz Год назад +2

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

  • @roof102
    @roof102 Год назад

    i love this sound

  • @numanmirza19
    @numanmirza19 Год назад +2

    Good work you got new subscriber✅

  • @Vloghh
    @Vloghh Год назад

    Nose que haces pero me encantan estos videos!

  • @RaM727100
    @RaM727100 Год назад

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

  • @mr.nut123
    @mr.nut123 4 месяца назад

    so nice and cool video👍

  • @dinga_tech
    @dinga_tech 7 месяцев назад

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

  • @yasinkurt613
    @yasinkurt613 4 месяца назад

    perfect

  • @ggang1
    @ggang1 Год назад

    Wow amazing sound 👍

  • @elNabigha
    @elNabigha Год назад +1

    🔥

  • @dawnscript
    @dawnscript Год назад

    Awesome

  • @CvnDgnn
    @CvnDgnn Год назад

    Superr :)

  • @Maxnovais777
    @Maxnovais777 Год назад +1

    Nossaaa parabénssss💜🎰👾👨🏻‍💻

  • @adityanegi3075
    @adityanegi3075 Год назад +1

    now please do this for the ipad too :)

  • @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.

  • @-Idonotknow
    @-Idonotknow Год назад

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

  • @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?

  • @benjaminkhidd
    @benjaminkhidd Год назад +1

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

  • @christopherinnocent8940
    @christopherinnocent8940 3 месяца назад +1

    How did you move these elements from top to bottom.

  • @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 😭

  • @kangzaed1069
    @kangzaed1069 Год назад

    Wah ieumah jigana teh kang dea.

  • @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".

  • @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?

  • @simpleprogramming9707
    @simpleprogramming9707 Год назад +1

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

  • @anthonyrojas9989
    @anthonyrojas9989 Год назад

    awesome!

  • @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.
    😀

  • @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

  • @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

  • @vrauzinff116
    @vrauzinff116 Год назад +4

    parece ser mó facil vendo ele fazendo kkkk

  • @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”. 😊

  • @bobbi5646
    @bobbi5646 Год назад +1

    Aku ketiduran sambil denger iniiii🤣

  • @ImM4NU
    @ImM4NU Год назад

    bro which mouse do you use?

  • @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??

  • @abdullahh447
    @abdullahh447 Год назад +2

    can u give us complete guide of programming

  • @maciejkag2735
    @maciejkag2735 Год назад

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

  • @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

  • @Noah-zg5ts
    @Noah-zg5ts Год назад +1

    which laptop youre using bro?

  • @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.

  • @MrMHAMAD84
    @MrMHAMAD84 Год назад

  • @skjcreation24
    @skjcreation24 Год назад

    how much time does it took to complete this work

  • @user-sw4kc8zw1o
    @user-sw4kc8zw1o Год назад

    The shortest coding tutorial in the world.

  • @sethbrodies
    @sethbrodies Год назад

    Your good. That looks so hard

  • @shohjahontoshboyev
    @shohjahontoshboyev Год назад

    So satisfying, Like the joke, I'll stay until I die

  • @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