Labs for the virtual training version of Advanced jQuery Techniques
JavaScript PHP CSS
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
labs
libs
.DS_Store
index.html
readme.md

readme.md

Labs

Inside of the labs folder (structure detailed below) you will notice several directories. The labs related to our training include:

  • 09-advanced-events
  • 13-contextual-jquery-selectors

Each lab folder includes a reference file to compare your answers against once you've completed the exercise.

The following is a ascii visualization of the exercise file structure, to better help you understand where exercises are located.

|--exercise/
|  |--libs/                  # Supporting libraries such as jQuery
|  |--labs/                  # Folder of all the labs
|     |--09-advanced-events/ # Lab name
|        |--lab.js           # File where you put your answers to the lab
|        |--lab.reference.js # Reference file to compare against
|        |--lab.tests.html   # Unit Test Runner to run against your answers
|        |--lab.tests.js     # Unit Tests that check youre answers
|     |--...                 # Additional labs
|     |--common/             # JavaScript files necessary to run the labs
|  |--index.html             # Twitter Application markup that should be used to help solve the labs
|  |--css/                   # Styles necessary for the Twitter application to look and function

Additional Resources

HTML, CSS, and JavaScript/jQuery Certification

http://www.microsoftvirtualacademy.com/tracks/developing-html5-apps-jump-start

http://www.microsoft.com/learning/en/us/exam.aspx?id=70-480

Unit Testing

HTML / HTML5

CSS / CSS3

JavaScript

jQuery

Libraries & Plugins

  • Underscore.js for functional programming helper methods
  • QUnit for unit testing
  • Pavlov for behavior driven unit testing (Requires QUnit)
  • Mockjax for existing $.ajax applications
  • MockJSON for generation of JSON testing data
  • AmplifyJS for local storage, pub/sub, and advanced AJAX and Mocking support
  • PostalJS is a message bus for the front-end
  • doTimeout for extra control over JavaScript timers

Tools

  • JSFiddle is a nice social way to share, test, debug code
  • JSBin is another nice tool to share, test, debug code
  • CodePen is another nice tool to share, test, debug code
  • JSLint for the original JavaScript code quality tool
  • JSHint for a less opinionated community driven fork of JSLint

Performance

Contextual jQuery

Deferreds