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
https://www.microsoftvirtualacademy.com/tracks/developing-html5-apps-jump-start
https://www.microsoft.com/learning/en/us/exam.aspx?id=70-480
- What is the DOM?
- https://html5boilerplate.com/ for a starting point for a new HTML5 applications
- Introducing HTML5 by Bruce Lawson, Remy Sharp
- https://www.html5rocks.com/en/ is a great online resource for HTML5 articles
- https://html5doctor.com/ is another resource that has top authors writing about the latest in HTML5
- https://diveintohtml5.info/ is a free book online that has great HTML5 content
- https://caniuse.com/ is a tool to figure what feature is in what browsers
- https://html5readiness.com/ is a visualization about features across browsers
- https://html5please.com/ is a way to find polyfills for HTML5 features you'd want in older browsers
- https://modernizr.com/ as a way to feature detect various technologies in the browser
- The 30 CSS Selectors You Must Memorize
- https://css3please.com/ for a website to help you generate CSS3 for your site
- Bulletproof Web Design by Dan Cederholm
- Essential JavaScript Patterns by Addy Osmani
- MDN: JavaScript Reference
- Principles of Writing Consistent, Idiomatic JavaScript
- JavaScript: The Good Parts by Douglas Crockford
- Crockford on JavaScript video series on Yahoo!
- Professional JavaScript for Web Developers by Nicholas C. Zakas
- Prototypes and Inheritance in JavaScript by Scott Allen on Script Junkie
- JavaScript Patterns by Stoyan Stefanov
- Use Cases for JavaScript Closures by Juriy Zaytsev on Script Junkie
- https://api.jquery.com/ is the official API for jQuery
- https://jqapi.com/ is an alternative API site using the jQuery content
- https://codylindley.com/jqueryselectors/ is a helpful jQuery selector playground
- https://docs.jquery.com/JQuery_Core_Style_Guidelines is the recommended coding style for the jQuery Core team
- jQuery Enlightenment by Cody Lindley
- jQuery in Action, Second Edition by Yehuda Katz and Bear Bibeault
- Learning jQuery, Third Edition by Karl Swedberg and Jonathan Chaffer
- From jQuery to JavaScript: A Reference by Jeffrey Way
- jQuery Events: Stop (Mis)Using Return False by Doug Neiner
- Combine JSONP and jQuery to quickly build powerful mashups
- Differences Between jQuery .bind() vs .live() vs .delegate() vs .on() by Elijah Manor
- jQuery UI Easing Visualization
- Signs of a Poorly Written jQuery Plugin by Remy Sharp
- Introduction to Stateful Plugins and the Widget Factory by Doug Neiner
- jQuery UI Development & Planning Wiki: Widget factory by Scott González
- Creating Responsive Applications Using jQuery Deferred and Promises by Julian Aubourg and Addy Osmani on Script Junkie
- Using Deferreds in jQuery by Eric Hynds
- Deferreds Putting Laziness to Work by Dan Heberden
- 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
- 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
- High Performance JavaScript (Build Faster Web Application Interfaces by Nicholas C. Zakas
- High Performance Web Sites: Essential Knowledge for Front-End Engineers by Steve Souders
- Even Faster Web Sites: Performance Best Practices for Web Developers by Steve Souders
- Contextual jQuery video (44:47)
- Contextual jQuery - In Practice slides only
- Contextual jQuery Part 3 - JIT and User Actions video (35:32)