Learn JavaScript in 7 minutes | Create Interactive Websites | Code in 5

Sdílet
Vložit
  • čas přidán 4. 08. 2016
  • Learn how to make your websites interactive with the JavaScript in 7 minutes! We'll review some basic HTML/CSS concepts as well.
    Need some new tech gadgets or a new charger? Buy from my Amazon Storefront www.amazon.com/shop/blondiebytes
    Code from Last Time | github.com/blondiebits/code-i...
    Download Sublime | www.sublimetext.com/2
    Blog Post | blondiebits.herokuapp.com/#/4
    Check out my courses on LinkedIn Learning!
    REFERRAL CODE: linkedin-learning.pxf.io/blon...
    / kathryn-hodge
    Support me on Patreon!
    / blondiebytes
    Check out my Python Basics course on Highbrow!
    gohighbrow.com/portfolio/pyth...
    Check out behind-the-scenes on my Instagram!
    / blondiebytes
    Free HACKATHON MODE playlist:
    open.spotify.com/user/1212475...
    MY FAVORITE THINGS:
    Stitch Fix Invite Code: www.stitchfix.com/referral/10...
    FabFitFun Invite Code: xo.fff.me/h9-GH
    Uber Invite Code: kathrynh1277ue
    Postmates Invite Code: 7373F
    SoulCycle Invite Code: www.soul-cycle.com/r/WY3DlxF0/
    Rent The Runway: rtr.app.link/e/rfHlXRUZuO
    Code | github.com/blondiebits/code-in-5
    GitHub | github.com/blondiebytes
    Devpost | devpost.com/blondiebytes
    Website | blondiebytes.github.io
    Twitter | / blondiebytes
    Facebook | / blondiebytes
    Pinterest | / blondiebytes
    LinkedIn | / blondiebytes
    Want more coding help? Sign up for a one-on-one session with me on codementor | www.codementor.io/blondiebytes

Komentáře • 478

  • @xxslajerxx8890
    @xxslajerxx8890 Před 5 lety +987

    thanks i work for google now

  • @lonleybeer
    @lonleybeer Před 3 lety +33

    This video is pretty much what we've learned in 4 weeks in college lol

  • @IAmESG
    @IAmESG Před 4 lety +170

    Change the playback speed into 2
    *Learn JavaScript in 3.5 minutes*

  • @mxwllhouse
    @mxwllhouse Před 3 lety +19

    This series is so helpful! Thank you for keeping it simple and concise, one of the best on CZcams!

  • @SinCityGT3
    @SinCityGT3 Před 7 lety +181

    Thank you! This is the best. Several months ago I started studying JS and after 8 + hours of not seeing it do anything to a website I quit and learned Python/Django instead. It would be great if all tutorials started out like this, right away showing what it actually does and how easy/useful it is to implement!

  • @Valen5878
    @Valen5878 Před 5 lety +9

    this is so well explained! honestly i get it so much better than when i'm in class lol, thank you!!

  • @annaemasterson
    @annaemasterson Před 3 lety +8

    Wow. I have been having so much trouble with JS because everything I read or watched was very complicated. You made it incredibly simple. Thank you so much

  • @nailcandy
    @nailcandy Před 3 lety +1

    The way you explain everything is AMAZING!!!! You actually break everything down. Thank youuuu!

  • @MStonewallC
    @MStonewallC Před 2 lety +7

    The other beginner videos for Javascript I've been watching only do stuff within the resulting HTML page's console, so this video was awesome for me!
    It feels great to see some javascript activity change the page itself.

  • @joshgpro
    @joshgpro Před 7 lety +33

    Very simple and easy to understand. Not too fast. Not too slow. Not too long. Very helpful. Please do more of this.

  • @fastlearner9993
    @fastlearner9993 Před 2 lety

    basically 6 years old vid but has taught me what i needed to know in a VERY easily explained teaching style . i hope you have a lovely 2022!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @papasmurf2013
    @papasmurf2013 Před 5 lety +1

    Wow NOBODY has shown me how to properly apply javascript as quick, clean, & easy as you just did. Thank you for making your vid so short! I subscribe for life!

  • @seemcat
    @seemcat Před 6 lety +30

    Wow! I love the content you're teaching! It's so inspiring to find another woman teaching code in CZcams. I actually had to find you through an article written by Girl Knows Tech because I could not find any tech women on CZcams through it's search engine. I also have my own channel where I release videos about tech. Just started though, so it helps to find other women in the same community! Anyways, I love what you're doing. Please keep it up! 👌🏼💕

  • @qingwang114
    @qingwang114 Před 4 lety +1

    Currently on a mission to watch all your videos. I would have saved weeks of my life had I found your videos first. #BestTutorials!!

  • @JayJames
    @JayJames Před 4 lety +38

    3:39 "you are going on a cruise"
    Not these days

  • @bdL91
    @bdL91 Před 3 lety +2

    This was really good. Very simple and right to the point with simple code!

  • @brockobama257
    @brockobama257 Před 3 lety +2

    A few years ago I watched this and thought it was lame. I am watching now as a small tutorial and I was WRONG this is the perfect short non-intimidating type of tutorial we need more of to spark interest and effectively teach ground level concepts.

  • @oskar1504
    @oskar1504 Před 4 lety

    insane tutorial. Perfect speed. perfect example. 10/10

  • @StyleTrick
    @StyleTrick Před 7 lety

    You got yourself a new subscriber! Lovely videos Kathryn! Keep them up!

  • @epixerty
    @epixerty Před 3 lety

    Thank you so much, I'm a student and I want to be a website designer, I've learned some HTML and CSS but I'm trying to learn JavaScript and you are very helpful! keep up the good content :)

  • @jonathanmantello3974
    @jonathanmantello3974 Před 2 lety +1

    Awesome, so clearly explained. I appreciate this!

  • @pauls7056
    @pauls7056 Před 5 lety +1

    Thanks for posting. All I'd seen were videos (by others) showing variables and adding numbers. Now I can see how it links to a webpage.

  • @CarneyAsada101
    @CarneyAsada101 Před 5 lety

    I found this video especially helpful for my current project!

  • @clydeforland5944
    @clydeforland5944 Před 10 měsíci

    Watches and provides a lot clear language for somebody who is begging. Thanks!

  • @adammp123321
    @adammp123321 Před rokem

    Thanks for the video! I have been learning JS in a web dev course but didn't really understand why. Really helped me connect the idea of JavaScript to web development.

  • @wheelbegood
    @wheelbegood Před 4 lety +2

    WOW - that was one heck of an efficient tutorial
    Thanks

  • @juwuanturner-howard2703
    @juwuanturner-howard2703 Před 5 lety +1

    This video was bomb for getting me into the js way of thinking. Thanks.

  • @callisoncaffrey
    @callisoncaffrey Před 2 lety +2

    That was super nice. I'm like truly amazed. Short yet useful. Well done. Gets a like.

  • @missmistybo
    @missmistybo Před 4 lety

    Your tutorials are THE BEST!!! Thank you so much :)

  • @jasam3602
    @jasam3602 Před 2 lety +1

    Great tutorial. Offer more knowledge than many 10 hours videos.

  • @nocomment892
    @nocomment892 Před 6 lety

    This is awesome. Really well explained. Thank you!

  • @kybravo3744
    @kybravo3744 Před 3 lety

    "Javascript can be used to manipulate Css based on user actions" Thank you this was just the answer I was looking for.

  • @SubashMatheswaran
    @SubashMatheswaran Před 7 lety +1

    Amazing channel and clear videos. I'd like to see more detailed JS tutorials. That would be great!!

  • @katkaslana
    @katkaslana Před 5 lety

    WOW you are good. ! I am just starting with CSS (I know some basics about HTML) so now I am trying to learn about CSS and then I will do .js ... Will come back to your channel ... . good luck with your coding!

  • @emanuelrouse7076
    @emanuelrouse7076 Před 5 lety

    Clear, concise, and great information.

  • @rushabhagrawal720
    @rushabhagrawal720 Před 6 lety

    this was the thing i was searching for

  • @__Ben777__
    @__Ben777__ Před 4 lety

    Ok that was fast and awesome! Thank you so much, I'll check out your other videos

  • @MainlyWebStuff
    @MainlyWebStuff Před 3 lety

    Nice overview, thanks.

  • @ihaventgrownaspine9994
    @ihaventgrownaspine9994 Před 5 lety +9

    I would like to thank you in advance because this might help me survive highschool....

  • @Streamlinedotcom
    @Streamlinedotcom Před 4 lety +1

    Thanks i am now a full fledge Javascript developer 🙃

  • @Vinnieroofing
    @Vinnieroofing Před 7 lety +2

    Such a nice video ! thanks

  • @fiddlestickx
    @fiddlestickx Před rokem

    omg, I love the way you explain it. Subscribed!

  • @takeshiasahi5494
    @takeshiasahi5494 Před 3 lety

    Thanks a lot, ma'am. Gold for those who wanna see the integration of js with webpages.

  • @JustAlgeo
    @JustAlgeo Před 3 lety +1

    Hey Kathryn! Thanks for the tutorial

  • @RonyBonyman
    @RonyBonyman Před 4 lety +1

    I recognize your voice from the Java tutorial on LinkedIn Learning! Great tutorial!

  • @adhivenkatesh3431
    @adhivenkatesh3431 Před 4 lety +3

    Nice tutorial , this is first time in my life a female tutor teaching in fast and legible , great and superb, Thanks lot.

  • @Somabilbooks
    @Somabilbooks Před 5 lety +3

    you are tha best of the best thank you very much it helps a lot u deserve million Likes

  • @chainonsmanquants1630
    @chainonsmanquants1630 Před 7 lety +5

    Thanks ! amazing tutorial !

  • @josema-boy7610
    @josema-boy7610 Před 5 lety

    Amazing at how simple you made this look. Keep up the goo word :D

  • @umme_ruman786
    @umme_ruman786 Před 2 lety +1

    wow.. love it..
    I have seen tutorials of many people but I like yours, you have explained very simply...
    I saw your tutorial for the first time, and I like it very much, please make more videos by doing similar JavaScript..& please Make video on slider using JavaScript, and make video on responsive navigation using JavaScript..

  • @somehow1294
    @somehow1294 Před 7 lety +76

    finally some practical J.S in youtube

  • @DavidWoodMusic
    @DavidWoodMusic Před 5 lety

    This is fantastic.
    Subbed.

  • @Micdevs
    @Micdevs Před rokem

    Wow brief and so helpful thanks

  • @rahulshukla5033
    @rahulshukla5033 Před 5 lety

    really learn a lot in 7 min.Thanks

  • @shreyaprasad1166
    @shreyaprasad1166 Před 5 lety

    you are really good at explaining stuff

  • @motonationarmy9083
    @motonationarmy9083 Před 2 lety

    This is very informative!! You are awesome!!

  • @kathrynraemccready1406

    Thank you for making such a great video! :)

  • @francoislecanadien1710

    Crystal clear, you're a great teacher ! 👍

  • @AdvaitDhingra
    @AdvaitDhingra Před 4 lety

    This video has changed my life

  • @jennyggf3556
    @jennyggf3556 Před 4 lety

    Great explanation! Thanks

  • @JoanK
    @JoanK Před 3 lety +1

    Great Video I like it so much!

  • @alexf4112
    @alexf4112 Před rokem

    So great, many thanks.

  • @Kosmo_44
    @Kosmo_44 Před 8 měsíci

    Finally understanding java script because of u

  • @marishkaaable
    @marishkaaable Před 5 lety

    these videos are very helpful, thanks

  • @creativemarks2200
    @creativemarks2200 Před 3 lety

    Best javascript tutorial.

  • @typingmasterpro6762
    @typingmasterpro6762 Před 3 lety +1

    Hey, great video. Hope to get the real-world website example and the complex solution from you soon.

  • @tyrt400z
    @tyrt400z Před 5 lety +1

    if you want, you can increment and decrement by using "++" or "--" which will add 1 or subtract 1 to the value. This means you can make the "count down" function in one line:
    document.getElementById("countDownButton").innerHTML--;

    • @tyrt400z
      @tyrt400z Před 5 lety +1

      and with the if statement (the conditions says, if the value we get from the button is NOT 0 go decrement 1 ELSE nothing, aka it will stop at 0):
      if (document.getElementById("countDownButton").innerHTML != 0){
      document.getElementById("countDownButton").innerHTML--;
      }

  • @reedbarber
    @reedbarber Před 5 lety

    Great tutorial! Simple

  • @serignembackeka8751
    @serignembackeka8751 Před 4 lety

    Brief, Simple, Good

  • @lesterdimitresque6315
    @lesterdimitresque6315 Před 2 lety

    Great tutorial thanks

  • @mhassan2018
    @mhassan2018 Před 5 lety

    your voice really touch my soul i loved the tutorial very much thank you

  • @zombsinator5633
    @zombsinator5633 Před 5 lety +1

    Nice video! You're the best!

  • @evgeny1583
    @evgeny1583 Před 4 lety +10

    Presents coding in a fast run.
    Also: Explains what greater than 0 means.

  • @kaycam5202
    @kaycam5202 Před 6 lety

    Great video where did you learn lease

  • @sarikadatta3706
    @sarikadatta3706 Před 2 lety

    Just started leaning js and I think you should put the js script at the end of the body or even after the body.
    If you put higher up your html code may not render. Js is pretty crazy

  • @user-ov2kb9kj1u
    @user-ov2kb9kj1u Před 11 měsíci

    Love this, just subscribed for more coding help

  • @fornex5615
    @fornex5615 Před 2 lety

    That video change my life forever ❤❤

  • @safetime100
    @safetime100 Před 6 lety

    Very nice, thanks a lot, plz do more.

  • @rahulpradhan5585
    @rahulpradhan5585 Před 3 lety

    Great! plz upload full tutorial on JavaScript .

  • @awetswiss
    @awetswiss Před 3 lety

    thank you you change my life!!!

  • @ademyildizcoding
    @ademyildizcoding Před 3 lety

    I really loved the way you explain.

  • @ApexArtistX
    @ApexArtistX Před 5 lety +2

    Best clear and precise tutorial. Can you do API endpoints JSON response to html display tutorial

  • @salvadorjralimbayon8255

    thank you ms blodiebyte for this video I enjoyed it, I hope you'll have more videos ...

  • @kabeerahmad26
    @kabeerahmad26 Před rokem

    "I have been learning JavaScript for more than 12 to 13 days, but I was unable to understand how to link HTML to JS. Now that I have learned it, I found the tutorial worth watching."

  • @eGalTube
    @eGalTube Před 2 lety +2

    I’m currently watching this!

  • @axeleblaze6691
    @axeleblaze6691 Před 5 lety

    Got more form this 7 minute video than 1 hour long lecture Thanks

  • @almahdi2877
    @almahdi2877 Před 5 lety

    nice explanation...thank you so much...

  • @Surjit43
    @Surjit43 Před 5 lety

    Well explained!

  • @manbsc5635
    @manbsc5635 Před 6 lety

    great teaching skill !

  • @ash-faque
    @ash-faque Před 4 lety

    Wow simple tutorial 😍

  • @KNOWPEDIA
    @KNOWPEDIA Před 6 lety

    Thank you, thank you very much.

  • @souvikbiswas9169
    @souvikbiswas9169 Před 5 lety

    Really useful for beginners....

  • @ScreenPrintR
    @ScreenPrintR Před 2 lety

    Perfect, this is the type of tutorials I'm looking for. Do you have one with only bash scripting, excluding the command line tutorial? You have such an infectious personality. Love it, don't change my friend.

    • @blondiebytes
      @blondiebytes  Před 2 lety

      Try this one - Bash in 20 Minutes
      czcams.com/video/tfDLCntpcuc/video.html

    • @ScreenPrintR
      @ScreenPrintR Před 2 lety

      @@blondiebytes thank you very much.

  • @iamrk_007
    @iamrk_007 Před 2 lety +1

    thanks i work for apple now

  • @noobforou4252
    @noobforou4252 Před 3 lety

    I like your accent, it's really help me understand

  • @oussamaamor3503
    @oussamaamor3503 Před 7 lety +3

    Good presentation

  • @versacevampire609
    @versacevampire609 Před 6 lety

    Bouts learn this tomorrow.

  • @GemboyTV
    @GemboyTV Před rokem

    do you have a course javascript? i am a beginner

  • @magica2z
    @magica2z Před 6 lety

    Great video.. Thanks..

  • @MrFlence
    @MrFlence Před 5 lety

    Great vid! What program are you writing the html and js code in?

    • @johndfields
      @johndfields Před 5 lety

      Jacob Svensson the text editor she used is sublime text