From the course: Creating a Responsive Web Experience

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Adding JavaScript and jQuery to your project

Adding JavaScript and jQuery to your project

From the course: Creating a Responsive Web Experience

Adding JavaScript and jQuery to your project

Now we're going to add some JavaScript to our project. Let's come over to the exercise files. Let's open up folder two, files to add. Let's grab the folder called js, and let's drag a copy of this into the my website project. Now again, inside of this folder, we have a design.js. This is a blank file. We have our far in space image preload plugin, a copy of jQuery, and a copy of respond.js. What we're going to do next is hook in jQuery, our far end space plugin and the design.js file into the HTML file. Now with those files copied, let's go back to our text editor inside of the index.html file. After the link to our css medium file, let's hit a Return. We're going to start by typing a script tag. We're going to set type equals text/javascript. We're going to set the source equal to js/jquery-1.8.3.min.js, in the script tag. Next, we'll type, script. Type equals text/javascript. Source equals js/farinspace/jquery.img preload.min.js, then end the script tag. And then, one more script…

Contents