Bill Rosener: Hello, so, Dr. Bell, welcome back in this assignment we'll be looking at Jquery. Jquery is a Javascript library that makes it easier for developers to create interactive websites without having to write as much code. This is, thanks to the pre-written code packaged up into Jquery. Some of the advantages include Jquery developers do not need to handle multiple browser compatibilities typically results in pure lines of code. And finally, Jquery is better suited for complex operations where developers are more prone
Bill Rosener: and making mistakes. Let's take a look here at the assignment description, and we're going to see that. You're going to find that I have given you the code for the Javascript.
Bill Rosener: Here it is, and then for also for the Jake. But these are images, and so you'd have to type that in. But let's go ahead and take a look at what we'll be creating. Then we'll go ahead and create it really quickly here. So here's assignment 10 on Javascript.
Bill Rosener: I can see if I press green text. It's going to change that to green or to black.
Bill Rosener: and if I go ahead and press on the Jquery. Same thing, green text or black text.
Bill Rosener: Okay? Well, the 1st step I want to do is open up an editor. I'm gonna use visual studio code, and I'm gonna start off with, the Javascript.
Bill Rosener: Let me come right up here to file new text file
Bill Rosener: and just take a look here very similar. We've looked at this before we're gonna start a script. We're going to close the script. We're going to have a function there down here. You're going to see
Bill Rosener: an on click when I click on this command button it's gonna call, go up there and call that particular function which is going to simply change the style to either green or black. Okay, let me go ahead and save this one.
Bill Rosener: And this is going to be assignment 10 dash Js for Javascript.
Bill Rosener: Okay? And I'll just go ahead and right click on it. Open a default. Browser.
Bill Rosener: I'm gonna press a green text and black text. And that's working great.
Bill Rosener: Okay? Now, let's just go ahead and do the same thing with
Bill Rosener: the Jquery. I'm gonna come right up here to file.
Bill Rosener: I'm gonna go to new text file.
Bill Rosener: go ahead and grab some code here, speed up this process
Bill Rosener: and paste. One of the very 1st things you're going to find is at the very top. We're including a script, and that is all the libraries that are being included here.
Bill Rosener: So and then your case, we're going to start up here with the script that includes. Here's the script. Close the script, and here we're gonna have a couple of buttons, whereas in Javascript you saw we had an onclick which then called a function up in the script. Here we can see this kind of being taken behind the scenes. I've got a ready. It's kind of listening, and if that button is clicked it's going to go and change it to either green or black. And let me just go ahead and save this one.
Bill Rosener: This will be assignment
Bill Rosener: and dash. J. Query
Bill Rosener: at HTML, and save and let me just go ahead and
Bill Rosener: almost to change some text, here, I'm just gonna go ahead and put Dash 1, 2, 3, so you can let me save that. So now when I run it, you can actually make sure we're looking at a different file. I'm gonna go open and default Browser.
Bill Rosener: You see, my little 1, 2, 3. There.
Bill Rosener: I'm gonna press that green text and black text, green and black.
Bill Rosener: Okay, well, in this video we kind of quickly ran through an application using Javascript and Jquery, that's going to be the 1st half, and then go ahead and read under step 3. There's going to be another half to this assignment where you can either create another application, using Javascript and Jquery, or you can write
Bill Rosener: paper 5, 400 words more. Comparing kind of over, Jquery. I'll let you take a look at those details. But hopefully, in this video, you got at least a brief exposure to Jquery. And definitely, I'd highly recommend reading up on that pressing right here. And it's going to talk about the Jquery tutorial. Well, I'll catch you next. Video. Thanks a lot. Bye.