JavaScript Basics in 10 Minutes

Поділитися
Вставка
  • Опубліковано 3 жов 2024
  • Happy Web Dev Wednesday! This week we are moving on to the wonderful world of JavaScript. As a basic starting point, we will discuss variables, events & functions (ft.conditional statements) as a way to explore the dynamic functionality we can add to our web pages by including JavaScript. Enjoy!
    Website: www.topknotcla...
    Twitter: / topknot_clare

КОМЕНТАРІ • 180

  • @K_4Kamsy
    @K_4Kamsy Рік тому +23

    Most helpful beginner JavaScript tutorial on UA-cam. I've been awake all night trying to find the most basic and easy to understand tutorial and I just did !!!

  • @aravis_
    @aravis_ Рік тому +9

    i was going through a javascript for beginners course and most of them fail to explain to such complete newbies what each function does, so i thought i am just too stupid to understand javascript because i didn't understand what the hell they were coding. thank you so so so much for breaking them down. i understand how simple it is now, but a complete freshman as me who's never had anything to do with coding before appreciates things like this lol

  • @ozdelvalle5940
    @ozdelvalle5940 Рік тому +7

    This is the best tutorials on JavaScript! It is explained in a relatable, down-to-earth and simple manner. Not in code, but in plain English!

  • @postscriptciara
    @postscriptciara 2 роки тому +42

    Thank you for explaining the syntax. Just that simple explanation of what goes where and why is helping me with my homework!

  • @w1ndguard510
    @w1ndguard510 Рік тому +4

    wow.....just WOW! Learning Javascript has never seemed so fun before! Thank you! I'll send this to all my friends who are struggling to keep their attention while learning. Keep it up!

  • @jimmy_t_l_g6568
    @jimmy_t_l_g6568 2 місяці тому +1

    I'm going to be watching this for a while.
    Thank you very much.

  • @abdullahjuma9169
    @abdullahjuma9169 2 роки тому +14

    This is a very simple to understand and learn JavaScript. Great video and great explanation. I’ll definitely save this and rewatch it.

  • @Veranek
    @Veranek 3 роки тому +12

    Amazing. This is all you need to get started with the language.
    Thank you very much.

    • @emmioglukant
      @emmioglukant 2 роки тому +3

      Hell no, it definitely is not lol

  • @flamingosix
    @flamingosix Рік тому +5

    Love ur explanation, and thank you for making short and focused videos that explain the syntax.

  • @rockfield64returns67
    @rockfield64returns67 Рік тому +1

    This video is very helpful for me. It is because this video helped me learned the basics of JavaScript in the simplest way possible.

  • @lukundbatti
    @lukundbatti Рік тому +3

    This.. was the most easy to understand and helpful video about Js I’ve ever seen! Keep it up please❤

  • @TheCrafters1997
    @TheCrafters1997 3 роки тому +241

    Interview in 3 days, trying to learn JavaScript by then lol

  • @keb17keb
    @keb17keb Рік тому +1

    Thank you for this video. It's very helpful and your voice and speed is great as a teacher.

  • @PilatesinSacramento
    @PilatesinSacramento Рік тому +2

    Thank you. That’s a great, quick jump start for JS. Well done!

  • @thequietkiwi
    @thequietkiwi 3 роки тому +3

    I love the way you say "button" and "box". Also, this video was very helpful.

  • @heatherfeather1293
    @heatherfeather1293 10 місяців тому

    Nice!! I have looked up many tutorials and they are usually very long winded. It was nice to actually SEE Javascript in action and how it works with the html and css

  • @EAGLE_Standoff
    @EAGLE_Standoff 8 місяців тому

    This.. was the most easy to understand and helpful video about Js I’ve ever seen! thank you.

  • @dks6515
    @dks6515 3 місяці тому

    Thanks a lot for this quick tutorial. Was working on some stuff for my website in CSS and found out that CSS ofcouse doesn't have any onclick event handler stuff so i have to use Java. Actually very similar to C# i seems. Amazing tutorial, very clear and explains all the basic stuff you need to understand the code. Thanks again!

  • @NicolasGonzalez-qo1ye
    @NicolasGonzalez-qo1ye 2 роки тому +5

    This was really helpful to get an idea of how the language works. Thank you so much!

  • @funnycatcomedyvideos
    @funnycatcomedyvideos 8 місяців тому

    Thanks for the great breakdown. The coding demo was just what I needed to see.

  • @Hybridvanguard
    @Hybridvanguard Рік тому

    finally! this is precisely what beginners need! thank you!

  • @augurelite
    @augurelite 6 місяців тому +1

    Great tutorial! Very clear thank you

  • @euipaik1102
    @euipaik1102 3 місяці тому

    1000 times better than coursera courses. I wish you had a complete Javascript course on Udemy or somewhere. I’d jump on it

  • @teeshesee
    @teeshesee Рік тому

    WOW this made so much sense and connected so many dots in my head. Thank you.

  • @jessandrews9576
    @jessandrews9576 Рік тому

    there's something about the sound of the hammering of your keyboard that I really like lol 🤣

  • @VibeMusic996
    @VibeMusic996 Рік тому +1

    Great explanation, I love the way you explain everything so clearly

  • @utsavtamrakar3358
    @utsavtamrakar3358 Рік тому +1

    Wow you knocked it! Cool stuff

  • @culgamezonestudio9635
    @culgamezonestudio9635 Рік тому

    You are the best Js teach ever

  • @Ash2theB
    @Ash2theB 2 роки тому +1

    I don't know why it's so hard to grasp Javascript when they say it's as easy as learning HTML. I learned Web Design so HTML and CSS in college but now I'm talking webdev BootCamp and my head is spinning and trying to figure out JS since the teacher goes so fast over the concepts it's like learning a new language no pun intended. A fraction of the class had some experience with it but I've only had little debugging experience with it. When I look at my empty js file I'm like where do I begin. This video it kind of a lifesaver.

  • @insurgentamine9220
    @insurgentamine9220 Рік тому

    you are amazing.. you make so hard and complex things look so easy. thank you

  • @mrawesome2704
    @mrawesome2704 Рік тому +1

    Very well done! Could you do a Part 2, in whick you talk about Arrays?

  • @Vanalleswa
    @Vanalleswa 2 роки тому

    im the most rookiest of rookie in coding, this video was very helpfull! thanks!

  • @Flely
    @Flely 8 місяців тому

    I've been looking for this! Thanks!

  • @stevenpittman8668
    @stevenpittman8668 Рік тому

    You have a great speaking voice, this made your video golden thanks

  • @jaddancel
    @jaddancel Рік тому +2

    8:13 From this point moving forward the code stopped working for me.

  • @AdrianSilva-cf5ot
    @AdrianSilva-cf5ot Рік тому +1

    This is a very helpful video. Thank you.

  • @happybanda8780
    @happybanda8780 Рік тому

    this is really helpful, it has openned my mind completely. too short but meaningful

  • @antonbudnik3895
    @antonbudnik3895 3 місяці тому

    I like the instructor. Helpful content. Well done!

  • @rodaneypapa4877
    @rodaneypapa4877 Рік тому

    Most helpful video i've seen so far. Thanks

  • @naugustus939
    @naugustus939 Рік тому

    I grasped more in these 10 minutes then i have 8 hours reading on The Odin Project.

  • @BneiAnusim
    @BneiAnusim Рік тому +6

    WOW! For some reason, every developer on youtube has this thing of showing their faces while coding that I don't understand! You can show your face at the beginning and at the end of the video! Dude, I wanna see the code, not you, get out of the way! 🤣 Thank you for a nice USER EXPERIENCE! 😉

  • @AndrewSoimis
    @AndrewSoimis 4 місяці тому

    you make it so nice and simple

  • @_SolarOne
    @_SolarOne Рік тому

    Thank you Clare your videos are helping a lot!

  • @basedsavage8601
    @basedsavage8601 3 роки тому +14

    I have an interview in like 30 min lol

  • @RepentKenya2005
    @RepentKenya2005 27 днів тому

    Pleaser post more love your content...❤

  • @ags2099
    @ags2099 Місяць тому

    good stuff right here, well done

    • @ags2099
      @ags2099 Місяць тому

      edit: the whole playlist concerning webdev is bonkers, you fellow webdev noob reading this should really look into it (i myself am also a huge webdev rookie)

  • @BelegaerTheGreat
    @BelegaerTheGreat 11 місяців тому +1

    Perfect video!

  • @guitaristnextdoor8430
    @guitaristnextdoor8430 2 роки тому +1

    Thank you! You did an amazing job with explaining what each function etc. means and does! 👌☺️☺️

  • @nongrum7156
    @nongrum7156 Рік тому +1

    Thank you ma'am

  • @chrisduma
    @chrisduma 2 роки тому

    how i wish my teachers explained with this kind of precision

  • @X_mano
    @X_mano 2 роки тому +2

    This is helpful, the others just explain the VAR and stuff, and than do the 'alert' thing.....

  • @arasht
    @arasht 7 місяців тому

    Thank you! It was useful

  • @Rehash84
    @Rehash84 2 роки тому

    Great stuff, thank you!

  • @linear9185
    @linear9185 2 роки тому

    Very helpful and well made video. Thank you for this.

  • @waheed4383
    @waheed4383 2 роки тому

    Amazing video for introduction to javascript 💕

  • @roachjuice5222
    @roachjuice5222 Рік тому

    Awesome video, thanks!

  • @roachjuice5222
    @roachjuice5222 9 місяців тому

    Great video, thanks a lot👍🏾

  • @mrhess31
    @mrhess31 11 місяців тому

    Thank you for the video, it was very helpful. What text editor are you using?

  • @kaydeenothing9772
    @kaydeenothing9772 Місяць тому

    I don't know how to ask my question so I'm hoping somebody knows what I'm talking about and can answer.
    When doing these variables or events or whatever, is there a list of options of things you can put or is it pretty much any name you choose for it?
    So for example in the video where she did "var" for variable, she put in QueryDelector and GetElementById.... I know those specific things are needed but I'm talking about other things that would be written in this same spot.

  • @MohammedIrfan-eq2ix
    @MohammedIrfan-eq2ix 2 роки тому

    TNice tutorials is video is amazing! thanks for posting.

  • @buddhalama4041
    @buddhalama4041 2 роки тому

    Wow...so good tutorial. thank you so much.

  • @nestanettamiru2987
    @nestanettamiru2987 Рік тому

    You have really good approach to teach

  • @AliKhan-ri5fk
    @AliKhan-ri5fk Рік тому

    Cancel
    Comment
    Robert Douglas
    Robert Douglas
    1 year ago
    Thank you for the very helpful video. I'm taking a web dev course right now which moves at what most people would probably consider break-neck speed, let alone someone learning to code at 44. Videos like this are an invaluable supplemental resour

  • @DragonRoyZ
    @DragonRoyZ 2 роки тому

    Very clear explanation!

  • @DanishAnsari-wc6zw
    @DanishAnsari-wc6zw Рік тому

    Thanks for this video!!!

  • @Mrwolfgd
    @Mrwolfgd Рік тому

    I bought a fullstack course from Udemy, after html css which was really easy I got to js and got stuck because the guy was explaining about different syntax of js while showing some very very basic console.log stuff, instead of simply demonstrating js in practice like you did. It’s all I ever needed to stop staring at the screen clueless when I start writing my js file

  • @HuskiGames
    @HuskiGames Рік тому

    Amazing video, really put me ontrack to learn JS.

  • @ryandsouza7100
    @ryandsouza7100 6 років тому +4

    Hey Clare. Cool videos. Keep making em.

    • @topknotclare456
      @topknotclare456  6 років тому +1

      Thank you so much! And thanks for watching. Your encouragement means a lot :)

  • @MrPotScraperz
    @MrPotScraperz Рік тому

    Well that was mad so easy to learn

  • @soIatido
    @soIatido Рік тому

    Very great tutorial!

  • @marbachannel
    @marbachannel 2 роки тому

    Thank you so much for the tutorial

  • @shshe6515
    @shshe6515 Рік тому

    Why did we have to put,
    var button in the js?

  • @DragonRoyZ
    @DragonRoyZ 2 роки тому

    Hi Clare. How are you. I just started checking out your channel. I like the way you explain things in your videos. Not sure if you're still uploading though

  • @culea0alex
    @culea0alex 2 роки тому

    Very useful. Thank you.

  • @Tikato-jz8qu
    @Tikato-jz8qu 8 місяців тому

    Thank you so much

  • @cook2030
    @cook2030 Рік тому

    Thank you so much!

  • @caleasthetic
    @caleasthetic 2 роки тому

    quick question why are you using button on click instead of adding a eventhandlel ('click')?

  • @paja2788
    @paja2788 Рік тому

    If your "moving" from something allready complex is it really basics or click hunting...

  • @ScreenPrintR
    @ScreenPrintR Рік тому

    Thank you for the video. Your index has three

  • @zombiekilller1153
    @zombiekilller1153 Рік тому

    very good video for beginners

  • @baoquoc-um1zx
    @baoquoc-um1zx Рік тому

    thank you lady
    I learned

  • @streetcomando650
    @streetcomando650 3 роки тому

    Thank you that was really helpful

  • @nileshgautam1408
    @nileshgautam1408 9 місяців тому

    2:25 there you go

  • @shshe6515
    @shshe6515 Рік тому

    Why when you put in the else yellow, does it go right away from red to yellow? 11:10
    Also why do you need a else to make the red blue?

  • @sylviemutuyimana7486
    @sylviemutuyimana7486 2 роки тому

    This was so useful

  • @keeprunning5457
    @keeprunning5457 Рік тому

    good look bruh gracias!!

  • @vinzanity68
    @vinzanity68 Рік тому

    Very helpful, tnx!

  • @robinsonwilliams637
    @robinsonwilliams637 2 роки тому

    Thanks for the video it was really helpful.but am still finding the if and else statement a bit difficult please can you explain a bit more on it in your replies

  • @firefox3155
    @firefox3155 Рік тому

    How do i get a window to typoe the code?

  • @chaimaabouhdid3354
    @chaimaabouhdid3354 2 роки тому +1

    uhh as a person who's a newbie in Jvscript, this is really messy.

  • @kishankumar2272
    @kishankumar2272 2 роки тому

    great video

  • @letslearnspanishtv
    @letslearnspanishtv Рік тому

    I couldn't get my box to show up. Anyone else had that problem?

  • @bigblessed4732
    @bigblessed4732 2 роки тому

    Thank you🙏

  • @ebisataye5054
    @ebisataye5054 Рік тому

    It's dark on mobile phone screen, and need a reply soon

  • @redchocolate9117
    @redchocolate9117 2 роки тому

    I've tried everything i can to learn javascript, maybe it just isn't my path

  • @james1569
    @james1569 Рік тому

    thank you!

  • @sarahbeahooper9528
    @sarahbeahooper9528 3 роки тому +1

    Thank you this really helped!

  • @edwinosei2764
    @edwinosei2764 2 роки тому

    How can I change the colors from one to multiple colors

  • @kirtichouksey8119
    @kirtichouksey8119 2 роки тому

    uninstalled and then again reinstalled, do you know what might have happened to them ?!

  • @boxy3087
    @boxy3087 Рік тому

    what's the "document"?