Setting up Our JQuery Project

ACCESS the FULL COURSE here: https://academy.zenva.com/product/bite-sized-coding-academy/

TRANSCRIPT

The first thing we need to know right in the beginning of this project is how to use jQuery. So, I'm going to need click on this big download jQuery button. There you go, you have it. Using jQuery with a CDN. And to use CDNs, you can can go here to code.jquery.com. If you click here on uncompressed, for example. You're going to have instructions on how to use it. You just copy this tag and paste into your HTML file. So back to jQuery here I'm going to download the uncompressed development version. Download link file, or just download file. I'm going to copy it, okay. And now that we have this file here we need to create our project. For making projects I like to have a projects' folder under my home folder. We have the zenva folder here. And now, I'm going to right click, choose new folder. And I'm going to name this jQueryCourse. Inside this folder we're going to make a few other folders. So I'm going to create a new folder. This one is going to be called js. We're going to have CSS and I'm also going to make an assets folder. And the first step here is to go to the JavaScript folder and paste our jQuery file. Now, we're going to Atom. Okay, assuming you already have downloaded Atom. And I'm going to create some files. So we go to file, new file. I'm going to save this new file here in projects, zenva, jQueryCourse and I'm going to name it as index.html. But we also need a file for JavaScript and CSS. Control N, or Command N. Save it and in js this is going to be main.js. You save it here in CSS. And this is going to be named style.css. So first of all let's add the html tags. Like this, I'm going to add the head tag, the body tag. In the head tag we're going to include our scripts in our style sheet. So this should be pretty simple. We add a script tag and the source on this script tag is going to be js/jquery-3.3.1.js. We're going to add another script tag with the source, js.main.js, style sheet. The type is going to be text/CSS. And the href, well that going to be CSS/style.css. And, what we need to know now is how to work with jQuery. How can I use, how can I add dynamically the text hello world to the body? We're going to work with this in the next video.

Free Tutorials:

• Unity: https://gamedevacademy.org
• Phaser: https://phasertutorials.com
• Machine Learning: https://pythonmachinelearning.pro
• Web Dev: https://html5hive.org
• Android: https://androidkennel.org
• Swift: https://swiftludus.org
• VR: https://vrgamedevelopment.pro ... https://www.youtube.com/watch?v=dHxxBaRQ8uY