JavaScript Basics in 10 Minutes

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

[@K_4Kamsy]

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

[@ozdelvalle5940]

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!

[@jimmy_t_l_g6568]

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

[@postscriptciara]

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

[@insurgentamine9220]

she makes it sink so easy

[@TheCrafters1997]

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

[@CyanPh03nix]

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

[@infinitejl4751]

Sazh, respect

[@rosecollins8850]

What’s the updateee

[@timothygitari1800]

How did it end,Bigginer learning JS

[@mrblaze877]

How did it go?

[@aravis_]

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

[@abdullahjuma9169]

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

[@w1ndguard510]

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!

[@flamingosix]

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

[@lukundbatti]

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

[@thequietkiwi]

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

[@Veranek]

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

[@emmioglukant]

Hell no, it definitely is not lol

[@keb17keb]

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

[@rockfield64returns67]

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

[@EAGLE_Standoff]

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

[@antonbudnik3895]

I like the instructor. Helpful content. Well done!

[@heatherfeather1293]

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

[@augurelite]

Great tutorial! Very clear thank you

[@dks6515]

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!

[@PilatesinSacramento]

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

[@NicolasGonzalez-qo1ye]

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

[@funnycatcomedyvideos]

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

[@utsavtamrakar3358]

Wow you knocked it! Cool stuff

[@euipaik1102]

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

[@jessandrews9576]

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

[@teeshesee]

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

[@VibeMusic996]

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

[@basedsavage8601]

I have an interview in like 30 min lol

[@ghzich017]

good luck

[@CyanPh03nix]

How did it go?

[@Conmann]

@@CyanPh03nix he’s still in the meeting

[@RhyanVEVO]

Good luck on your interview

[@postscriptciara]

@@Conmann 😂

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

[@mrawesome2704]

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

[@Hybridvanguard]

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

[@stevenpittman8668]

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

[@Flely]

I've been looking for this! Thanks!

[@AdrianSilva-cf5ot]

This is a very helpful video. Thank you.

[@jaddancel]

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

[@culgamezonestudio9635]

You are the best Js teach ever

[@Vanalleswa]

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

[@ags2099]

good stuff right here, well done

[@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)

[@AndrewSoimis]

you make it so nice and simple

[@happybanda8780]

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

[@naugustus939]

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

[@rodaneypapa4877]

Most helpful video i've seen so far. Thanks

[@kazikmajster5650]

Perfect video!

[@insurgentamine9220]

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

[@Ash2theB]

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.

[@roachjuice5222]

Great video, thanks a lot👍🏾

[@_SolarOne]

Thank you Clare your videos are helping a lot!

[@caleasthetic]

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

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

[@mohammadqudratullahbhuyan8262]

Bro what??

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

[@nongrum7156]

Thank you ma'am

[@chrisduma]

how i wish my teachers explained with this kind of precision

[@mrhess31]

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

[@X_mano]

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

[@arasht]

Thank you! It was useful

[@shshe6515]

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

[@nestanettamiru2987]

You have really good approach to teach

[@ScreenPrintR]

Thank you for the video. Your index has three

[@MohammedIrfan-eq2ix]

TNice tutorials is video is amazing! thanks for posting.

[@MrPotScraperz]

Well that was mad so easy to learn

[@roachjuice5222]

Awesome video, thanks!

[@ryandsouza7100]

Hey Clare. Cool videos. Keep making em.

[@topknotclare456]

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

[@HuskiGames]

Amazing video, really put me ontrack to learn JS.

[@Rehash84]

Great stuff, thank you!

[@buddhalama4041]

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

[@waheed4383]

Amazing video for introduction to javascript 💕

[@trevorjamesconsideracion1982]

Very great tutorial!

[@linear9185]

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

[@DanishAnsari-wc6zw]

Thanks for this video!!!

[@guitaristnextdoor8430]

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

[@firefox3155]

How do i get a window to typoe the code?

[@zombiekilller1153]

very good video for beginners

[@Tikato-jz8qu]

Thank you so much

[@DragonRoyZ]

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

[@keeprunning5457]

good look bruh gracias!!

[@marbachannel]

Thank you so much for the tutorial

[@DragonRoyZ]

Very clear explanation!

[@baoquoc-um1zx]

thank you lady
I learned

[@letslearnspanishtv]

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

[@kirtichouksey8119]

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

[@cook2030]

Thank you so much!

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

[@edwinosei2764]

How can I change the colors from one to multiple colors

[@paja2788]

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

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

[@culea0alex]

Very useful. Thank you.

[@vinzanity68]

Very helpful, tnx!

[@streetcomando650]

Thank you that was really helpful

[@sylviemutuyimana7486]

This was so useful

[@kishankumar2272]

great video

[@nileshgautam1408]

2:25 there you go

[@boxy3087]

what's the "document"?

[@james1569]

thank you!

[@bigblessed4732]

Thank you🙏

[@BneiAnusim]

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! 😉

[@abodisom_official]

👌👌👌👌

[@sarahbeahooper9528]

Thank you this really helped!

[@muhamedhashim6694]

thanks

[@thechandler9371]

Thanks

[@ebisataye5054]

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