This is the repository for my course jQuery: Building an Interface. The full course is available on LinkedIn Learning

Create an interactive user interface that uses the strengths of jQuery, Bootstrap, Underscore.js, and the vast library of jQuery plugins. Instructor Ray Villalobos shows how to use the jQuery selector engine to select DOM elements, and how to manage actions with jQuery events. He accesses external data with AJAX methods, and extends jQuery with plugins for templating webpages and formatting data. He also shows how to sort and search through data with the Underscore.js library and add and edit form data. This hands-one project will strengthen your jQuery skills and help you build more sophisticated and responsive user interfaces.

This repository has branches for each of the videos in the course. You can use the branch pop up menu in github to switch to a specific branch and take a look at the course at that stage. Or you can simply add /tree/BRANCH_NAME to the URL to go to the branch you want to peek at.

The branches are structured so that they correspond to the videos in the course. So, for example if I name a branch 02_03 then that branch corresponds to the second chapter and the third video in that chapter. The extra letter at the end of the name corresponds to the state of the branch. A b means that this is how the code looks at the beginning of the video, an e means that is how the code looked at the end of the video. The master branch usually has the final state of the code when I finish the course.

• Make sure you have these installed
  • node.js
  • git
  • gulp

The best way to download use this course is to download all of the branches to your local hard drive. I create a course Learning Git and Github that shows you the basics of git and github and how to work with these types of repos.

1. Open a linux compatible terminal application like hyper, the mac terminal or gitbash (you can install this when you install Git).
2. Switch to your desktop cd ~/Desktop
3. Create a new directory for the project mkdir NAME
4. Switch to your new directory cd NAME

1. Clone a bare copy of this repository git clone --bare path/to/repo.git .git (make sure you add extra the .git at the end). You can copy the path to the repo from the clone or download button above.
2. git config --bool core.bare false
3. git reset --hard

1. Install project dependencies using npm: npm install
2. Start the automation gulp

Check out some of my other courses on LinkedIn Learning. You can follow me on LinkedIn, read my blog, follow me on twitter