<html><head><meta http-equiv="Content-Type" content="text/html charset=us-ascii"><base href="x-msg://539/"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">They just released the slides for all the presentations.<div><br></div><div><a href="http://bnotions.com/jqueryto-2013/">http://bnotions.com/jqueryto-2013/</a></div><div><br></div><div>- Justin</div><div><br><div><div>On 2013-03-04, at 12:38 PM, Justin Obara <<a href="mailto:obara.justin@gmail.com">obara.justin@gmail.com</a>> wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><div style="background-color: rgb(255, 255, 255); font-family: Helvetica; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; "><div id="magicdomid27" class="" style="padding-right: 1px; font-family: Arial, sans-serif; font-size: 13px; line-height: 17px; ">This past weekend several of us from the IDRC attended the jQueryTO (<a href="http://jqueryto.com">http://jqueryto.com</a>) conference. Aside from it just being awesome to hangout with javascript and jQuery folks, there were a lot of good talks and information that we were able to gather. We've compiled a list of the interesting topics and some details about them below. Please feel free to ask us more about any of these. Also, if there is enough interest, we could do community meeting(s) to cover some of the topics.</div><div id="magicdomid27" class="" style="padding-right: 1px; font-family: Arial, sans-serif; font-size: 13px; line-height: 17px; "><br></div><div id="magicdomid27" class="" style="padding-right: 1px; font-family: Arial, sans-serif; font-size: 13px; line-height: 17px; ">Thanks</div><div id="magicdomid27" class="" style="padding-right: 1px; font-family: Arial, sans-serif; font-size: 13px; line-height: 17px; ">Justin</div><div id="magicdomid27" class="" style="padding-right: 1px; font-family: Arial, sans-serif; font-size: 13px; line-height: 17px; "><br></div><div id="magicdomid27" class="" style="padding-right: 1px; "><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif" size="4"><span style="line-height: 17px; "><b>Build and Dependency Management Stack</b></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><span class="Apple-tab-span" style="white-space: pre; ">      </span><b>Grunt:<span class="Apple-converted-space"> </span><a href="http://gruntjs.com">http://gruntjs.com</a></b></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Grunt is a flexible JavaScript task runner. It supports a vast plugin ecosystem and allows for efficient automation.</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Grunt lets you automate tasks like jsLint, jsHint, minification, concatenation, obfuscation, test run/deployement etc.</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Grunt also lets you dynamically keep track (watch) changes to the codebase and run specific tasks when they happens (re-linting for example)</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Grunt is written in JavaScript so it does not require learning new syntax to extend or write a new plugin.</span></li></ul></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><span class="Apple-tab-span" style="white-space: pre; ">   </span><b>Bower:<span class="Apple-converted-space"> </span><a href="http://twitter.github.com/bower/">http://twitter.github.com/bower/</a></b></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Bower is a package manager for the web. Bower lets you easily install assets such as images, CSS and JavaScript, and manages dependencies for you.</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">You can point it at git repos (e.g. bower packages, local repos, github and etc.)</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">You can specify versions to pull down. For example a specific tag from a git repo</span></li></ul></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><span class="Apple-tab-span" style="white-space: pre; ">        </span><b>RequireJS:<span class="Apple-converted-space"> </span><a href="http://requirejs.org">http://requirejs.org</a></b></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">RequireJS is a JavaScript file and module loader aimed to improve speed and quality of the code.</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">RequireJS utilizes an asynchronous module definition (AMD) for defining modules such that module and their dependencies can be asynchronously loaded.</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">AMD:</span></li><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Lets you create clear declarations of dependencies and avoid the use of globals</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Allows for swapping modules easily for unit testing as well as map modules to different paths depending on the context</span></li><li><span style="font-family: Arial, sans-serif; font-size: 13px; line-height: 17px; ">Encapsulates the module definitions</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Makes a clear and easy dependency references</span></li></ul></ul></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif" size="4"><span style="line-height: 17px; "><b>Documentation</b></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><span class="Apple-tab-span" style="white-space: pre; ">    </span><b>Automated CSS Documentation Generators</b></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">KSS:<span class="Apple-converted-space"> </span><a href="http://warpspire.com/kss/">http://warpspire.com/kss/</a></span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">DSS (in development):<span class="Apple-converted-space"> </span><a href="https://github.com/darcyclarke/DSS">https://github.com/darcyclarke/DSS</a></span></li></ul></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><span class="Apple-tab-span" style="white-space: pre; ">      </span><b>Sites and API Documentation</b></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">jQuery has moved to using a combination of Wordpress and github for their sites</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">The content is all contained in github as html, markdown, or xml. </span></li><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Updates are managed through git with pull requests</span></li></ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">The sites are setup with wordpress using a custom "distro" jquery-wp-content</span></li><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Pulls in all necessary plugins and etc. so all their various sites work the same</span></li></ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Grunt is used to pull content from github and pushes it to the wordpress site</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">All automated through github with webhooks</span></li><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Staging site updates on every commit</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Production site updates when a "release" tag is added</span></li></ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">All this means that they rarely, if ever, need to use the wordpress admin panels.</span></li></ul></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif" size="4"><span style="line-height: 17px; "><b>Promises</b></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">$.deferred -<span class="Apple-converted-space"> </span><a href="http://api.jquery.com/jQuery.Deferred/">http://api.jquery.com/jQuery.Deferred/</a></span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">.promise -<span class="Apple-converted-space"> </span><a href="http://api.jquery.com/promise/">http://api.jquery.com/promise/</a></span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">$.when -<span class="Apple-converted-space"> </span><a href="http://api.jquery.com/jQuery.when/">http://api.jquery.com/jQuery.when/</a></span></li></ul></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif" size="4"><span style="line-height: 17px; "><b>jQuery Interaction</b></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Scheduled for jQuery UI 1.13</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; "><a href="http://wiki.jqueryui.com/w/page/50166448/Interaction">http://wiki.jqueryui.com/w/page/50166448/Interaction</a></span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">This will replace the current mouse interaction library and provides an api for defining any interaction. Meaning that touch will now be supported. Additionaly you can create your own. A demo was given using the the upcoming browser support fo the gamepad api. They used an xbox 360 controller to interact with elements on screen: drag, resize, and etc.</span></li></ul></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif" size="4"><span style="line-height: 17px; "><b>Other Cool Stuff</b></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "> </span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><span class="Apple-tab-span" style="white-space: pre; ">       </span><b>3D</b></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Three.js: a lightweight cross-browser JavaScript library to create and display animated 3D computer graphics on a Web Browser<span class="Apple-converted-space"> </span><a href="http://mrdoob.github.com/three.js/">http://mrdoob.github.com/three.js/</a><span class="Apple-converted-space"> </span> <a href="https://github.com/mrdoob/three.js/">https://github.com/mrdoob/three.js/</a></span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">Demos:</span></li><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; "><a href="http://labs.verold.com/falling-in-circles/">http://labs.verold.com/falling-in-circles/</a></span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; "><a href="http://studio.verold.com/">http://studio.verold.com/</a></span></li></ul></ul></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="line-height: 17px; "><span class="Apple-tab-span" style="font-size: 13px; white-space: pre; ">       </span><b style="font-size: 13px; ">Hardware Device API</b></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><font face="Arial, sans-serif"><span style="font-size: 13px; line-height: 17px; "><br></span></font></div><div id="magicdomid27" class="" style="padding-right: 1px; "><ul><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">HTML5 provides APIs that allows javascript to access hardware and devices, for instance, getUserMedia() to grab access on the camera, microphone etc.</span></li><li><span style="font-size: 13px; line-height: 17px; font-family: Arial, sans-serif; ">JavaScript APIs to enable real-time communications on a web-browser<span class="Apple-converted-space"> </span><a href="http://www.webrtc.org/">http://www.webrtc.org/</a></span></li></ul></div></div></div></blockquote></div><br></div></body></html>