Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

deploying speakers.

  • Loading branch information...
commit 8934a4c7a0136bae7db9b16c925b16f8ada80666 1 parent 64678aa
Chris Williams authored

Showing 2 changed files with 293 additions and 68 deletions. Show diff stats Hide diff stats

  1. +260 56 2011/site/speakers.html
  2. +33 12 2011/site/stylesheets/screen.css
316 2011/site/speakers.html
@@ -52,63 +52,267 @@
52 52 </navigation>
53 53 </header>
54 54 <hr />
55   - <div class='' id='content'>
56   - <h1>Speakers</h1>
57   - <p style='margin-bottom: 2em;'>There will be a total of 20 amazing speakers that will be presenting at DojoConf 2011, we are posting them as soon as we have final confirmation over the next week, so be sure to check back. For now here are the agents that have been brought online for active duty.</p>
58   - <h4 style='margin-bottom:0px; '>We Want To Hear From You</h4>
59   - <p style='margin-bottom: 2em; margin-top: 0px'>If you want to present at DojoConf on a topic, product, or idea that you have, there will be a Track B for lightning talks and hackfests. Speaking in Track B is completely free form, but you must be a registered attendee. Sign up will be done at the conference, so start preparing your topic to present today and get ready.</p>
60   - <div class='person clearfix'>
61   - <img alt='Laurent Hasson' height='150' src='images/hasson.jpg' width='150' />
62   - <h4>
63   - <a href='http://twitter.com/#!/ldhasson'>
64   - Laurent Hasson
65   - </a>
66   - - Web apps on the BlackBerry PlayBook
67   - </h4>
68   - <p>
69   - This session will provide you with an in-depth account of building a mobile web game for the BlackBerry PlayBook using the WebKit web browser and the BlackBerry Webworks platform. I will recount the lessons learnt while developing such an app, why mobile is truly different and how you can adapt your desktop Dojo skills for the job at hand. I will lay down a few best practices that are emerging, and then cap it all with a description of how you can submit your own app on BlackBerry AppWorld.
70   - </p>
71   - </div>
72   - <div class='person clearfix'>
73   - <img alt='Alex Russell' height='150' src='images/russell.jpg' width='150' />
74   - <h4>
75   - <a href='http://infrequently.org/'>
76   - Alex Russell
77   - </a>
78   - - Frameworks.next: How Faster Browser Evolution Will Change How We Think
79   - </h4>
80   - <p>
81   - Dojo provides a stable, dependable, best-you-can-get solution for designers and developers who want flexibility, performance, reach, and fewer headaches down the road. Mobile is starting to challenge some of the assumptions that makes it possible for to deliver these attributes in a single codebase, and new frameworks are emerging to fill the gaps created by new constraints -- better standards support on average, different network latencies, different form factors, etc.
82   - </p>
83   - <p>
84   - This talk explores how language, platform, and market evolution will change the dynamic further and faster, allowing the Dojo community to consider new approaches...if we can muster the will to get out in front of it.
85   - </p>
86   - </div>
87   - <div class='person clearfix'>
88   - <img alt='Dylan Schiemann' height='150' src='images/schiemann.jpg' width='150' />
89   - <h4>
90   - <a href='http://dylanschiemann.com/'>
91   - Dylan Schiemann
92   - </a>
93   - - Dojo 2.0: Reinventing Web App Development
94   - </h4>
95   - <p>
96   - Opening keynote showing off the latest and greatest in Dojo, and the vision for the present and future.
97   - </p>
98   - </div>
99   - <div class='person clearfix'>
100   - <img alt='Peter Higgins' height='150' src='images/higgins.jpg' width='150' />
101   - <h4>
102   - <a href='http://higginsforpresident.net/'>
103   - Peter Higgins
104   - </a>
105   - - has, feature detection, and optimized builds
106   - </h4>
107   - <p>
108   - <img src='/images/spinner.gif' style='margin-right: 12px' />
109   - Feature detection in process. Please wait...
110   - </p>
  55 + <div id='layer1'>
  56 + <div id='layer2'>
  57 + <div id='layer3'>
  58 + <h1>Speakers</h1>
  59 + <p style='margin-bottom: 2em;'>There will be a total of 20 amazing speakers that will be presenting at DojoConf 2011, we are posting them as soon as we have final confirmation over the next week, so be sure to check back. For now here are the agents that have been brought online for active duty.</p>
  60 + <h4 style='margin-bottom:0px; '>We Want To Hear From You</h4>
  61 + <p style='margin-bottom: 2em; margin-top: 0px'>If you want to present at DojoConf on a topic, product, or idea that you have, there will be a Track B for lightning talks and hackfests. Speaking in Track B is completely free form, but you must be a registered attendee. Sign up will be done at the conference, so start preparing your topic to present today and get ready.</p>
  62 + <div class='person clearfix'>
  63 + <img alt='Becky Gibson' height='150' src='images/gibson.jpg' width='150' />
  64 + <h4>
  65 + <a href='http://twitter.com/#!/becka11y'>
  66 + Becky Gibson
  67 + </a>
  68 + - Can Stephen Hawking use your Dojo App
  69 + </h4>
  70 + <p>
  71 + Let's face it, not everyone has the same abilities. Folks with vision or mobility impairments want to use Web applications, too! The core widget set of Dojo is fully accessible to people who rely on the keyboard or assistive technologies like a screen reader to interact with the Web. Your mission is to learn how to make your Dojo apps accessible. Your assigned agent will decode the mysteries of ARIA and will demo a fully accessible Dojo app! Accept the challenge to make the Web inclusive for all!
  72 + </p>
  73 + </div>
  74 + <div class='person clearfix'>
  75 + <img alt='Luis Montes' height='150' src='images/montes.jpg' width='150' />
  76 + <h4>
  77 + <a href='http://twitter.com/#!/monteslu'>
  78 + Luis Montes
  79 + </a>
  80 + - HTML5 Game with dojo
  81 + </h4>
  82 + <p>
  83 + HTML5 game development is the hawtness. There might not be an official dojox.game package, but there are dojo libraries that can help. This will be a survey of the amazing utilities you can use to create HTML5 games.
  84 + </p>
  85 + </div>
  86 + <div class='person clearfix'>
  87 + <img alt='Mike Wilcox' height='150' src='images/wilcox.jpg' width='150' />
  88 + <h4>
  89 + <a href='http://twitter.com/#!/clubajax'>
  90 + Mike Wilcox
  91 + </a>
  92 + - Dojo and HTML5
  93 + </h4>
  94 + <p>
  95 + HTML5 is all the rage these days and Dojo can help keep you from falling behind. HTML5 Audio? Check. Video? Naturally! Canvas? Of course! This presentation will show you how you can get the most of your HTML5 apps and not have to worry about that "other browser" because Dojo is there to make it all work.
  96 + </p>
  97 + </div>
  98 + <div class='person clearfix'>
  99 + <img alt='James Thomas' height='150' src='images/thomas.jpg' width='150' />
  100 + <h4>
  101 + <a href='http://twitter.com/#!/thomasj'>
  102 + James Thomas
  103 + </a>
  104 + - Dojo Web Builder - Building Dojo in the Cloud
  105 + </h4>
  106 + <p>
  107 + Dojo's build system has long been one of the the toolkit's greatest, but least understood, features. Using the build system properly dramatically improves the performance of your application!
  108 + </p>
  109 + <p>
  110 + However.... Fiddling about with shell scripts? Needing to download the full source distribution? Understanding long READMEs and cryptic profile files? Manually categorising your application dependencies?
  111 + </p>
  112 + <p>
  113 + Pffft, not any more! Using the newly launched Dojo Web Builder you can ignore all of the above and just your web browser.
  114 + </p>
  115 + <p>
  116 + Using the Web Builder you can easily search through the database of all Dojo modules, selecting those required, including themes, configuring optimisers and much more. The Web Builder compiles your custom Dojo version remotely and just returns you the result.
  117 + </p>
  118 + <p>
  119 + More importantly, the auto-analysis feature lets you make the Web Builder do the hard work for you. Point it at your unoptimised Dojo application and it'll generate a custom build having analysed your application's dependencies.
  120 + </p>
  121 + <p>
  122 + Finally, the project's now open source as an official Dojo Foundation project. Running the tool locally allows you to expose your own application's module through the Web Builder or build older versions of Dojo.
  123 + </p>
  124 + <p>
  125 + This talk will walk through using the tool's features, demonstrating common use cases and talking about the future plans to make it even simpler to generate Dojo builds.
  126 + </p>
  127 + </div>
  128 + <div class='person clearfix'>
  129 + <img alt='Patrick Ruzand' height='150' src='images/ruzand.jpg' width='150' />
  130 + <h4>
  131 + <a href='http://twitter.com/#!/mobicellar'>
  132 + Patrick Ruzand
  133 + </a>
  134 + - Advanced Symbology with GFX
  135 + </h4>
  136 + <p>
  137 + The purpose of this presentation is to illustrate how the dojo graphic API (gfx) can be leveraged to build advanced features needed by rich graphical application. In particular, we will demontrate how to build gfx extensions enabling advanced symbology : a layout mechanism to arrange shapes automatically and dynamically, a simple templating engine and gfx data binding. These extensions will be demonstrated in action taking as an example a diagramming web application.
  138 + </p>
  139 + <p>
  140 + <b>About the presenter:</b>
  141 + <br />
  142 + Patrick Ruzand is a Software Engineer at IBM and a contributor to the Dojo Open source project, in particular for the 2D graphic API (dojox.gfx). He has 12 years of experience in advanced visualization components architecture and development targeting the Java and .NET desktop plateforms, and the Dojo/HTML5 and Microsoft Silverlight rich internet applications (RIA) plateforms.
  143 + </p>
  144 + </div>
  145 + <div class='person clearfix'>
  146 + <img alt='John Hann' height='150' src='images/hann.jpg' width='150' />
  147 + <h4>
  148 + <a href='http://twitter.com/#!/unscriptable'>
  149 + John Hann
  150 + </a>
  151 + - AMD module patterns
  152 + </h4>
  153 + <p>
  154 + Much of the hype about AMD modules centers around performance and code size (and it's well-deserved). But modules are as important to software architecture as dojo.declare()!
  155 + </p>
  156 + <p>
  157 + In this session, we'll take a look at some classic, general-purpose patterns re-spun as AMD modules as well as a few advanced, implementation-specific patterns.
  158 + </p>
  159 + <p>
  160 + Specifically, we'll cover:
  161 + </p>
  162 + <ul>
  163 + <li>Singletons, Decorators, Adapters</li>
  164 + <li>Inversion of Control / Dependency Injection</li>
  165 + <li>Mediators and inter-module coordination</li>
  166 + <li>Model-View-Controller patterns</li>
  167 + <li>Self-contained Widgets (js, css, and html)</li>
  168 + <li>Strategies for sharing code on the server</li>
  169 + </ul>
  170 + </div>
  171 + <div class='person clearfix'>
  172 + <img alt='Ryan Corradini' height='150' src='images/corradini.jpg' width='150' />
  173 + <h4>
  174 + <a href='http://twitter.com/#!/buyog'>
  175 + Ryan Corradini
  176 + </a>
  177 + - DataGrid Bootcamp: Extreme Performance Hacks for Big Data
  178 + </h4>
  179 + <p>
  180 + We love the <a href="http://dojotoolkit.org/reference-guide/dojox/grid/DataGrid.html">Dojox DataGrid</a>. It has built-in pagination, dynamic data binding, flexible resizing, and all kinds of <em>sexy</em> customization options. However, when you operate in the world of <a href="http://en.wikipedia.org/wiki/Big_data">Big Data</a>, it can fall short of its promise, ballooning your memory footprint, crushing your JavaScript engine, and otherwise causing your users to <strong>curse your name</strong>.</p>
  181 + </p>
  182 + </div>
  183 + <div class='person clearfix'>
  184 + <img alt='Chris Barber' height='150' src='images/barber.jpg' width='150' />
  185 + <h4>
  186 + <a href='http://twitter.com/#!/cb1kenobi'>
  187 + Chris Barber
  188 + </a>
  189 + - The Art of Nano Widgets
  190 + </h4>
  191 + <p>
  192 + Dojo's flagship widget system, dijit, is packed full of features and packed full of bytes that result in longer download, parse, and execution times. Sometimes you just need a lightweight widget that doesn't have all the extra stuff dijit provides.
  193 + </p>
  194 + <p>
  195 + This talk describes the basic principals for designing non-dijit widgets that are small and fast containing only the functionality you need. We'll take dijit widgets such as the AccordionContainer, then hack it down to a fraction of the functionality and size.
  196 + </p>
  197 + </div>
  198 + <div class='person clearfix'>
  199 + <img alt='Revin Guillen' height='150' src='images/guillen.jpg' width='150' />
  200 + <h4>
  201 + <a href='http://twitter.com/#!/revin'>
  202 + Revin Guillen
  203 + </a>
  204 + - Machiavelli 'n Dojo
  205 + </h4>
  206 + <p>
  207 + "Machiavellian" is usually pejorative, a term laced with disdain and subtle contempt. However, to actually read Machiavelli is to study applied Realism in the context of meeting goals. As a community, we (Dojo) have certain goals; how can we reach them effectively? How can we best position ourselves in the toolkit/library ecosystem in order to reach our goals? How can we survive in a world more and more infatuated with tiny individual libraries, when the perception is that Dojo is heavy? Machiavelli provides us with keen insights into human nature—insights that still serve us well nearly 500 years later.
  208 + </p>
  209 + </div>
  210 + <div class='person clearfix'>
  211 + <img alt='Rawld Gill' height='150' src='images/gill.jpg' width='150' />
  212 + <h4>
  213 + <a href='http://twitter.com/#!/Rawld'>
  214 + Rawld Gill
  215 + </a>
  216 + - What's broke with Rails, Django, and every other web app framework...and how to fix them
  217 + </h4>
  218 + <p>
  219 + "[Rails] has become the framework of choice for implementation [...] of Web 2.0 applications" --Agile Web Development with Rails *2006*
  220 + </p>
  221 + <p>
  222 + Really? Then why isn't everybody using Rails in 2011? Did something else replace it? Yes. The 100 other frameworks that were around before it, or came after it, and make the same claims. Isn't it obvious with so many competing frameworks that *none of them are solving the problem*?
  223 + </p>
  224 + <p>
  225 + Our mental model of a web app is clearly broke. But there is hope: the Javascript community with recent advances in powerful client-side toolkits like Dojo have provided the necessary missing pieces to compose a new design for web apps that can provide an order of magnitude reduction in complexity--resulting in the ability to write better applications, faster, at less cost.
  226 + </p>
  227 + <p>
  228 + In this talk, I'll:
  229 + </p>
  230 + <ul>
  231 + <li>Argue the current web app framework landscape is a disaster</li>
  232 + <li>Show the de facto mental model underlying these frameworks is ludicrous</li>
  233 + <li>Describe a new mental model, termed ""browser-compute"", including specific architectural prescriptions and proscriptions</li>
  234 + <li>Describe how the advanced core capabilities of a Javascript library like Dojo are required to make the new model work</li>
  235 + <li>Demonstrate a couple of concepts in code</li>
  236 + </ul>
  237 + </div>
  238 + <div class='person clearfix'>
  239 + <img alt='Mark Wubben' height='150' src='images/wubben.jpg' width='150' />
  240 + <h4>
  241 + <a href='http://twitter.com/#!/novemberborn'>
  242 + Mark Wubben
  243 + </a>
  244 + - Mustache? I’ll raise you an Eyebrow! — Reactive Templates and Widgets with Eyebrow templates
  245 + </h4>
  246 + <p>
  247 + This talk comes out of work I’ve been doing at Equal Media. We’re building a platform and website for people to share opinions. Obviously with a lot of JavaScript to make it extra awesome.
  248 + </p>
  249 + <p>
  250 + We use a new template system called Eyebrow for sharing templates between the client and server. Eyebrow is based on Mustache, but with template inheritance, filters, template variables, custom tags and if/else logic added, as well as being DOM-aware. Allow me to provide a short summary.
  251 + </p>
  252 + <p>
  253 + A Node program parses and compiles Eyebrow templates. For the server-side we compile the templates into Node modules that’ll yield HTML strings. Because we parse the DOM at compile-time we can correctly escape variable output, following the recommendations by OWASP. The HTML will have funky character escaping, but hopefully will be secure against XSS attacks that target the browser’s HTML parser.
  254 + </p>
  255 + <p>
  256 + For the client-side we compile the templates into small JSON definitions that run within the browser runtime. Here we can bind data values directly to DOM text nodes or attributes. By relying on the `dojo/Stateful` interface, data model changes are automatically reflected in the DOM. Dojo widgets can also be managed through Eyebrow by parsing the DOM for `data-dojo-` properties as we’re compiling the template. This removes the need for running `dojo/parser` in the browser. Widgets can be created or destroyed based on the template context, attach points are automatically maintained and events are automatically connected.
  257 + </p>
  258 + <p>
  259 + This leads to a new and interesting approach for writing Dojo widgets. They can become much more like controllers: handling DOM events, implementing application logic and updating a model. In this talk I’d like to show what Eyebrow looks like under the covers, how it’s used to build our site and discuss how it changes web application development.
  260 + </p>
  261 + </div>
  262 + <div class='person clearfix'>
  263 + <img alt='Laurent Hasson' height='150' src='images/hasson.jpg' width='150' />
  264 + <h4>
  265 + <a href='http://twitter.com/#!/ldhasson'>
  266 + Laurent Hasson
  267 + </a>
  268 + - Web apps on the BlackBerry PlayBook
  269 + </h4>
  270 + <p>
  271 + This session will provide you with an in-depth account of building a mobile web game for the BlackBerry PlayBook using the WebKit web browser and the BlackBerry Webworks platform. I will recount the lessons learnt while developing such an app, why mobile is truly different and how you can adapt your desktop Dojo skills for the job at hand. I will lay down a few best practices that are emerging, and then cap it all with a description of how you can submit your own app on BlackBerry AppWorld.
  272 + </p>
  273 + </div>
  274 + <div class='person clearfix'>
  275 + <img alt='Alex Russell' height='150' src='images/russell.jpg' width='150' />
  276 + <h4>
  277 + <a href='http://infrequently.org/'>
  278 + Alex Russell
  279 + </a>
  280 + - Frameworks.next: How Faster Browser Evolution Will Change How We Think
  281 + </h4>
  282 + <p>
  283 + Dojo provides a stable, dependable, best-you-can-get solution for designers and developers who want flexibility, performance, reach, and fewer headaches down the road. Mobile is starting to challenge some of the assumptions that makes it possible for to deliver these attributes in a single codebase, and new frameworks are emerging to fill the gaps created by new constraints -- better standards support on average, different network latencies, different form factors, etc.
  284 + </p>
  285 + <p>
  286 + This talk explores how language, platform, and market evolution will change the dynamic further and faster, allowing the Dojo community to consider new approaches...if we can muster the will to get out in front of it.
  287 + </p>
  288 + </div>
  289 + <div class='person clearfix'>
  290 + <img alt='Dylan Schiemann' height='150' src='images/schiemann.jpg' width='150' />
  291 + <h4>
  292 + <a href='http://dylanschiemann.com/'>
  293 + Dylan Schiemann
  294 + </a>
  295 + - Dojo 2.0: Reinventing Web App Development
  296 + </h4>
  297 + <p>
  298 + Opening keynote showing off the latest and greatest in Dojo, and the vision for the present and future.
  299 + </p>
  300 + </div>
  301 + <div class='person clearfix'>
  302 + <img alt='Peter Higgins' height='150' src='images/higgins.jpg' width='150' />
  303 + <h4>
  304 + <a href='http://higginsforpresident.net/'>
  305 + Peter Higgins
  306 + </a>
  307 + - has, feature detection, and optimized builds
  308 + </h4>
  309 + <p>
  310 + <img src='/images/spinner.gif' style='margin-right: 12px' />
  311 + Feature detection in process. Please wait...
  312 + </p>
  313 + </div>
111 314 </div>
  315 + </div>
112 316 </div>
113 317 <footer>
114 318 &copy;
45 2011/site/stylesheets/screen.css
@@ -67,24 +67,45 @@ navigation li.active a, navigation li.active a:hover {
67 67 }
68 68
69 69 /* line 52 */
  70 +#layer1 {
  71 + width: 1058px;
  72 + margin: 0px auto;
  73 + background: url(/images/flex.jpg) top center repeat-y;
  74 +}
  75 +
  76 +/* line 57 */
  77 +#layer2 {
  78 + width: 1058px;
  79 + margin: 0px;
  80 + background: url(/images/flexbgtop.jpg) top center no-repeat;
  81 +}
  82 +
  83 +/* line 62 */
  84 +#layer3 {
  85 + padding: 100px 55px 35px 75px;
  86 + margin: 0px;
  87 + background: url(/images/flexbgbottom.jpg) bottom center no-repeat;
  88 +}
  89 +
  90 +/* line 67 */
70 91 footer {
71 92 font-size: 14px;
72 93 font-family: Courier, sans-serif;
73 94 text-align: center;
74 95 margin: 20px auto;
75 96 }
76   -/* line 57 */
  97 +/* line 72 */
77 98 footer a {
78 99 text-decoration: none;
79 100 color: black;
80 101 }
81 102
82   -/* line 62 */
  103 +/* line 77 */
83 104 header h2, header h3, header #enroll {
84 105 display: none;
85 106 }
86 107
87   -/* line 64 */
  108 +/* line 79 */
88 109 header h1 {
89 110 margin: 0px;
90 111 padding: 0px;
@@ -92,12 +113,12 @@ header h1 {
92 113 height: 121px;
93 114 background: url(/images/logo.png) top center no-repeat;
94 115 }
95   -/* line 70 */
  116 +/* line 85 */
96 117 header h1 span {
97 118 display: none;
98 119 }
99 120
100   -/* line 73 */
  121 +/* line 88 */
101 122 hr {
102 123 display: block;
103 124 background: url(/images/rip.png) top left repeat-x;
@@ -108,35 +129,35 @@ hr {
108 129 margin: 0px;
109 130 }
110 131
111   -/* line 81 */
  132 +/* line 96 */
112 133 header {
113 134 background: #575757 url(/images/headerbg.png) top left repeat;
114 135 }
115 136
116   -/* line 85 */
  137 +/* line 100 */
117 138 .person img {
118 139 float: left;
119 140 }
120 141
121   -/* line 88 */
122   -.person h4, .person p {
  142 +/* line 103 */
  143 +.person h4, .person p, .person ul {
123 144 margin-left: 175px;
124 145 }
125 146
126   -/* line 93 */
  147 +/* line 108 */
127 148 #left {
128 149 float: left;
129 150 width: 610px;
130 151 }
131 152
132   -/* line 96 */
  153 +/* line 111 */
133 154 #right {
134 155 margin-left: 645px;
135 156 width: 290px;
136 157 padding-top: 100px;
137 158 }
138 159
139   -/* line 101 */
  160 +/* line 116 */
140 161 #sponsorinterest {
141 162 text-align: center;
142 163 margin-top: 20px;

0 comments on commit 8934a4c

Please sign in to comment.
Something went wrong with that request. Please try again.