D4mations.com

Javascript Tutorial – jQuery Tutorial for Beginners Pt 2



This is part 2 of Javascript programming and we’re going to get right into using jQuery for programming. jQuery makes it extremely easy and fun to code javascript. You can write more function with a lot less javascript code.

If you missed part 1, you’ll probably want to watch it (http://youtu.be/vZBCTc9zHtI), since it covers the basics of programming.

Plus, you’ll notice that, as a beginner, Javascript with jQuery is a lot faster to write and just makes more sense as you’re figuring things out.

Original source

d4mer

, , , , , , , , ,

44 responses to “Javascript Tutorial – jQuery Tutorial for Beginners Pt 2”

  2. It seems my sublime doesn't recognize Javascript syntax despite using the src code and changing it to Javascript at the bottom of the sublime page. anyone facing the same problem?

  3. I want to get into coding but i don't know how to set everything up, what program do you need to type in the code (i'm referring to the window on the right), how did he link the window on the right to google chrome? I don't get it

  14. To carry on the tutorial properly, you need to download a copy of the sublime text editor and create a new document, name it 'index.html' like you would with any new html document and then copy in the text you can see in the tutorial screen. I think there should have been a lesson between this one and part 1 of the series explaining all of this. It's ok if you already have some knowledge of basic web design such as html/css.

  29. Enjoyed this video… I think the speed is awesome… I like it fast paced like this. What I don't understand is how to get to this console you are in. The first video I followed where I got to Google Chrome developer and use the Console to practice what you show, but in this video we just straight to coding in this environment I know nothing about or how to access it. Can you help me get there? Thanks.

  31. but can´t you also use the document.getelementbyid("id").innerHTML = "Your text"; function? or document.getelementbyid("id").innerHTML += "Your text"; To add text?

  35. I can't see a person, who doesn't already know something about JS & Jqueery, getting anything at all out of this no matter how many times they watch this. I know it and this is a little confusing to me. Some stuff just isn't even explained at all. I think people who already know JS look at it and say, "oh wow, i wish i learned it this fast, so this is cool," but they only understand this guy because they already know what he's talking about.

  36. It definetly loses continuity from part 1, at least for us very begginners, but chill out!
    Here is what you must do:
    – Go to atom.io, download, install, take a look around.
    – When you are ready press Ctrl+N
    -Write the code to the starting point of the vid except for <Link rel="stylesheet" href="styles/main.css">
    or copy from here:
    <!doctype html>
    <html>
    <head>
    <title> Animales Diversos </title>
    </head>
    <body>
    <div class="header">
    <h1>Una WEB de Animalitos!</h1>
    </div>
    <div class="content">
    <h2>Hola, Miau, Purr, Guau!</h2>
    </div>
    <div class="footer"> 2016 Purr productions </div>
    </body>
    -Ctrl+S, choose a name and end it with .html
    -Look up your file on the sidebar, rigth click on it and "Show in Explorer"
    -Open in Chrome, F12 (if on Windows) and follow the tutorial.
    -When you add the script for jquery write "script" and choose the second option the autocomplete proposes, which is "script with extern…" and when you'r done it should look like this: <script src="http://code.jquery.com/jquery-2.2.1.min.js" charset="utf-8"></script>
    -Keep up with the video and have fun!

  38. Great first video for us JavaScript newbies! However, this video seems to jump quite a bit in difficulty. Don't see the connection between this vid and the first.

Leave a Reply