From the course: jQuery Essential Training

Setting up the development environment - jQuery Tutorial

From the course: jQuery Essential Training

Start my 1-month free trial

Setting up the development environment

- [Instructor] To be able to complete the examples in this course, you'll have to set up your development environment to work with jQuery. First, you'll need a good code editor. You can use whatever code editor you like since we're going to be editing HTML and JavaScript code. If you're used to using an editor like Sublime Text, or TextWrangler, it doesn't really matter. I'm going to be using Brackets, a free code editing tool from Adobe. It's available for both Mac and Windows and includes a development web server. Most of the examples in this course won't need a server, but, when we get to the section on AJAX, you'll need one because AJAX requests have to be sent from a server for most browsers to properly handle them. The exception to this case is Firefox, as we'll see. If you want to use whatever server you currently use for development, that should be fine also. If you want to use Brackets, head over to brackets.io, and download it for your platform. You can see here on the Brackets webpage, there's a download link. Next, you'll need to get jQuery itself. You can download jQuery directly from jquery.com. Just click on the big button right here on the homepage, and you'll be taken to the download page. I'm going to be using the version three branch of jQuery in this course. Version three is the latest branch of the library, and it doesn't support some older browsers, most notably, Internet Explorer version 6 through 8. If you need to support those older versions of IE, then you can continue to use the version one branch, which will continue to get bug fixes but won't be receiving new features. There are two distributions of jQuery, there's the compressed production version, and then there's the uncompressed development version. Typically, you download both, and then deploy the production version to your server while using the development version to debug your code. I'm only going to be using the development version in this course. So, either right click or control+click on the link for downloading jQuery, and then choose save link as, and then save jQuery into the root level of the exercise folder. So, let's go to the Desktop, and if we expand this out, you can see that I have saved jQuery three zero right here at the root level of my exercise files folder, because that's where the samples are going to expect to find the jQuery library. Alright, that should do it, we are now ready to start building with jQuery.

Contents