From the course: Learning jQuery UI

Setting up the development environment - jQuery Tutorial

From the course: Learning jQuery UI

Start my 1-month free trial

Setting up the development environment

“

- You'll need to set up your development environment to work with jQuery UI before we can begin the course. First, you'll need a text editor or code editor to work with the example files. You can use whatever code editor you like. If you're using Sublime Text or Dreamweaver or Aptana Studio then, you can go ahead and use whatever editor you're currently using because we're only going to be editing standard HTML, JavaScript, and some CSS. So, you won't need any fancy professional IDE. The tool I'm going to be using is called Adobe Brackets. It's a new code editor from Adobe. It's free, open-source, and it works on both Mac and Windows platforms. To get it, you can go over to the brackets.io website, which I'm showing you here in browser, to download it. All you need to do is click on the download link right here. The blue button will download Brackets along with a product called Extract, which is a preview from Adobe for working with Photoshop layers, but I'm not going to be using that, so you can click on this link right here to download Brackets just by itself. You'll also need to get jQuery UI. You can go to jqueryui.com to download the jQuery library. When you come to jqueryui.com, just click on the download link and this will take you to the Download Builder. Now, right here at the top of the page, there's a Quick Download link. I'm going to be using jQuery 1.11 for the purpose of this course. We'll see how to use the rest of the Download Builder later on on the course, when we build a custom download. But for now, I'm just going to use the 1.11 version. The 1.11 version also downloads the most recent version of jQuery itself for using jQuery UI. So select 1.11 and then down here at the bottom of the page when you're ready to download, click on the Download link. Make sure you choose to save the file, click OK. When you save the zip file to your computer, you'll need to uncompress it and put it at the root level of your exercise files. Let me show you. Here in the ExerciseFiles folder, you'll notice I have decompressed the zip file that contains jQuery UI and I placed it here at the root level of my ExerciseFiles folder. This is where all of the exercise examples will expect to find the jQuery UI library.

Contents