JavaScript Basics in 10 Minutes

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 พ.ค. 2018
  • 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.topknotclare.com
    Twitter: / topknot_clare
  • วิทยาศาสตร์และเทคโนโลยี

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

  • @K_4Kamsy
    @K_4Kamsy ปีที่แล้ว +12

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

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

    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 resource.

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

      I'm also well over 40 and just want to start learning Javascript

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

      How you doing after 4 months?

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

      Pretty good actually. I’m starting an immersive course in software engineering in October

    • @noreenebostick9593
      @noreenebostick9593 ปีที่แล้ว +12

      @@oddymo3928 I am 65-1/2 learning and creating websites. It is never too late to learn. Smiles

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

      @@noreenebostick9593 I salute your courage 👏

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

    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!

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

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

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

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

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

  • @NicolasGonzalez-qo1ye
    @NicolasGonzalez-qo1ye 2 ปีที่แล้ว +5

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

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

    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!

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

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

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

    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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      Good luck :) Do you know much HTML & CSS/SASS?

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

      Sazh, respect

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

      What’s the updateee

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

      How did it end,Bigginer learning JS

    • @mrblaze877
      @mrblaze877 2 ปีที่แล้ว

      How did it go?

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

    I've been looking for this! Thanks!

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

    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

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

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

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

    Most helpful video i've seen so far. Thanks

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

    Thank you Clare your videos are helping a lot!

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

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

    Great tutorial! Very clear thank you

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

  • @dks6515
    @dks6515 12 วันที่ผ่านมา

    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!

  • @linear9185
    @linear9185 2 ปีที่แล้ว

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

  • @AdrianSilva-cf5ot
    @AdrianSilva-cf5ot ปีที่แล้ว +1

    This is a very helpful video. Thank you.

  • @waheed4383
    @waheed4383 2 ปีที่แล้ว

    Amazing video for introduction to javascript 💕

  • @Vanalleswa
    @Vanalleswa 2 ปีที่แล้ว

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

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

    Great stuff, thank you!

  • @DragonRoyZ
    @DragonRoyZ 2 ปีที่แล้ว

    Very clear explanation!

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

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

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

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

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

    Great video, thanks a lot👍🏾

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

    Wow you knocked it! Cool stuff

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

    Awesome video, thanks!

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

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

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

    you make it so nice and simple

  • @culea0alex
    @culea0alex 2 ปีที่แล้ว

    Very useful. Thank you.

  • @DanishAnsari-wc6zw
    @DanishAnsari-wc6zw ปีที่แล้ว

    Thanks for this video!!!

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

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

  • @marbachannel
    @marbachannel 2 ปีที่แล้ว

    Thank you so much for the tutorial

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

    Perfect video!

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

    You are the best Js teach ever

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

    Thank you! It was useful

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

    Amazing video, really put me ontrack to learn JS.

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

    Very great tutorial!

  • @streetcomando650
    @streetcomando650 2 ปีที่แล้ว

    Thank you that was really helpful

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

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

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

    You have really good approach to teach

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

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

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

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

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

    how i wish my teachers explained with this kind of precision

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

    Thank you so much!

  • @sylviemutuyimana7486
    @sylviemutuyimana7486 2 ปีที่แล้ว

    This was so useful

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

    Well that was mad so easy to learn

  • @MohammedIrfan-eq2ix
    @MohammedIrfan-eq2ix ปีที่แล้ว

    TNice tutorials is video is amazing! thanks for posting.

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

    Very helpful, tnx!

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

    I have an interview in like 30 min lol

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

      good luck

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

      How did it go?

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

      @@CyanPh03nix he’s still in the meeting

    • @RhyanVEVO
      @RhyanVEVO 2 ปีที่แล้ว

      Good luck on your interview

    • @postscriptciara
      @postscriptciara 2 ปีที่แล้ว

      @@Conmann 😂

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

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

  • @baoquoc-um1zx
    @baoquoc-um1zx ปีที่แล้ว

    thank you lady
    I learned

  • @Tikato-jz8qu
    @Tikato-jz8qu 4 หลายเดือนก่อน

    Thank you so much

  • @Ash2theB
    @Ash2theB ปีที่แล้ว +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.

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

    very good video for beginners

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

    Thank you🙏

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

    Thank you this really helped!

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

    Thank you ma'am

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

    good look bruh gracias!!

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

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

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

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

    thank you!

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

    great video

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

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

    Hey Clare. Cool videos. Keep making em.

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

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

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

  • @edwinosei2764
    @edwinosei2764 2 ปีที่แล้ว

    How can I change the colors from one to multiple colors

  • @thechandler9371
    @thechandler9371 3 ปีที่แล้ว

    Thanks

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

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

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

    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

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

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

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

    How do i get a window to typoe the code?

  • @muhamedhashim6694
    @muhamedhashim6694 2 ปีที่แล้ว

    thanks

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

    Thank you for the video. Your index has three

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

    👌👌👌👌

  • @riyukyt6979
    @riyukyt6979 2 ปีที่แล้ว

    😍luv it

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

    Yee very help full

  • @trollosiedlowy7663
    @trollosiedlowy7663 4 ปีที่แล้ว

    Nice

  • @muthanna9962
    @muthanna9962 2 ปีที่แล้ว

    Which program do you use?

    • @MD-zg3eq
      @MD-zg3eq ปีที่แล้ว

      he uses Atom

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

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

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

    nice video

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

    what's the "document"?

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

    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

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

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

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

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

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq 9 หลายเดือนก่อน

    helpful

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

    You've earned a subscribe from me