Note: All training courses are offered as a one (1) or two (2) day class. Tickets are only valid for the day(s) you registered for. Registration for these courses can be purchases as part of a conference ticket and can also be purchased ala cart.

How to register for Training classes at the May HTML5DevConf 2014:

A lot of great choices. When you go to Event Bright and register for your Training class please do the following:

We have a drop down which allows you to select whom you would like train with. If you plan on taking Kyle Simpson's 2-Day class it is held on May 20th & 21st so be sure when you choose your classes they do not overlap.

The Hackathon, Building "Native" Apps with HTML5 and Chrome, JavaScript to Node (Kyle Simpson Class), and How to Kik It: Building Mobile Web Apps in the New Messaging Era, are separate - scroll to registration bottom to see the separate ticket selection.


Instructor: Peter Paul Koch

Is this workshop for you? To find out, try to understand the following sentence:

"Once you set the layout viewport dimensions to the ideal viewport dimensions, you can use the device-width media query to read it out, and thereby get an idea what kind of device you're on."

a) If you understand exactly what this sentence says and spot the deliberate error I inserted, this workshop is not for you. I can't teach you anything.
b) If you run away screaming and definitely don't want to know, this workshop is not for you, either. Viewports are complicated
c) If you've got a vague idea this has something to do with responsive design, and you'd like to learn more, especially about that error, this workshop is for you.

In this one-day workshop PPK, who spent more time on the mobile viewport than anyone not working for a browser vendor, will treat the following topics:

  • How many viewports are there? (Spoiler: three.)
  • Why do we need so many? (Spoiler: Actually, for pretty good reasons.)
  • How do meta viewport and media queries work? (Spoiler: pretty well, as long as you keep it simple. But if you don't ... oh boy!)
  • And resolution? What is DPR anyway? (Spoiler: not what you think it is)
  • Why does responsive design work? (Not how. Why.)

Also, you're encouraged to take real-world problems with you. We'll set aside some time to go through these problems, either in full session or one-on-one. You can't beat real-world problems when it comes to explaining complicated topics.

And devices. Please bring devices. The more obscure, the better.

Course Level:Intermediate


  • Basic Javascript Knowledge
  • Node.js (a computer with Node.js is desired but not necessarily required as we can do it through the intro)


  • How do the mobile viewports work?
  • Why are there three of them?
  • Why does responsive design work?
  • What is the meta viewport and how does it work?
  • What are the main areas of browser bugginess?
Register for this class

How to Kik It: Building Mobile Web Apps in the New Messaging Era

Instructor: Jairaj Sethi


Smartphone messaging is one of the hottest phenomenon of the mobile era. Messaging apps are, by their nature, more intimate than traditional social media channels, and give both developers and brands the chance to have one-on-one conversations with their audience – and to be part of the conversation between their users too.

Kik Messenger operates as a mobile web platform and is the first smartphone messenger with a built in browser. Kik has over 100 million users globally, and 275,000 new users join every day. We’re also the biggest cross-app messenger in the US market: many people use Kik to connect with their friends and followers on other social networks like Instagram, Tumblr,, and Vine. Using Kik's browser, our users can already find and share your company’s website. Why not make it a better experience?

Join Kik’s technical experts for a full-day session to learn how Kik approaches building mobile web apps that look and feel native – and deliver a truly mobile-first experience. You’ll gain a better understanding of how to build mobile webpages and how to optimize mobile web apps. You’ll learn about the fastest-growing platform space out there – mobile messaging. You’ll learn how to integrate with Kik Messenger, the #1 cross-app messenger in the US market. We’ll share our tools and processes, and we’ll help you get started on building your own mobile-first experience. And we’ll show you how to get your new-and-inproved mobile webpage discovered and shared by our 100 million users.

Course Level:Beginner/Intermediate


  • An existing website, or an idea for a website you’d like to build
  • Some experience with, and knowledge of, JavaScript and HTML5


  • Learn about the tools available to mobile web developers, and how Kik’s resources can help
  • Understand the processes you can follow to optimize your mobile webpage
  • Put your new knowledge to work by updating your web site for the mobile era.
Register for this class

Building mind-blowing mobile UI in JavaScript with

Instructor: David Fetterman

The course will provide a more in-depth introduction to the JavaScript development framework. makes interactive, performant, physics-based UI available to JavaScript and web developers on WebKit-based browsers. This means developers can build performant mobile and tablet applications, normally the domain of Android and iOS applications only.

Students will acquaint themselves more deeply with concepts such as:

  • the render tree
  • the event pipeline
  • using physics to control animation
  • building your own components
  • assembling these components into a full-fledged application
  • using the package manager
  • building engaging motion and animation
  • measure the performance of their application
  • fully packaging their app as a mobile application via a Cordova-based wrapper
  • pushing a package available to the world via the package manager
  • learning to extend their application with basic WebGL, unavailable in general to DOM-integrated mobile applications until this point.

At the end of the course, students will have built the rudiments of a full app-store ready JS-based mobile application runnable on both iOS and Android and pushed their own component package to the package manager for others to enjoy.

Course Level:Intermediate


  • is a JavaScript framework so intermediate-level understanding of JavaScript will be required.
  • Familiarity with web tools such as HTML, CSS, basic web inspector tools and debugging will be required as well.
  • is an open source framework, so it will be helpful for students to have attempted basic walkthroughs and tutorials available at as well.


This is an intermediate-level introduction. Advanced students will quickly be able to dive deeper into core render animation topics like physics, performance with advanced tutors available as well.

Register for this class

The Hackathon

The challenge:

On May 21, compete with 200 other developers to bring your ideas to life at the Hackathon at the HTML5 Developers Conference. The best apps, widgets, and animations will be featured and given credit on the blog and video channels.

The engineering team will provide training throughout the day. In addition, engineers who have already completed the private beta program will be on hand to answer questions and offer advice.

Everyone who registers for the hackathon will be bumped to the front of the access queue so you will have time to go through University, study the demos, and explore the docs in advance of the event.

Eligibility: Individuals and teams welcome.

Judges: TBA

Judging criteria:

  • Technical difficulty (How much did the app, widget, or animation push the boundaries of web UI?)
  • Design quality (Does the design provide a user experience?)
  • Presentation (How well did the team present the final result?)
  • Inspiration (Do you want to see this project finished and release so others can use it?)

The engineering team will provide training on targeted topics via mini classes throughout the day. In addition, engineers who have already completed the private beta program will be on hand to answer questions and offer advice.

Course Level:Intermediate


  • is a JavaScript framework, so intermediate-level understanding of JavaScript are required.
  • Familiarity with web tools such as HTML, CSS, basic web inspector tools and debugging are required.
  • is an open source framework, so it will be helpful for students to have attempted basic walkthroughs and tutorials available at as well.


Build a native-quality app, widget, or animation in in less than a day.

Register for this class

JavaScript-to-Node (2 days)

Instructor: Kyle Simpson

Part 1

This is an "advanced JS" course that aims to deeply teach you the things that you have to understand about the core mechanics of JS so that when you dive into something like node.js, you're not completely lost.

This course is day 1 of the workshop. We cover:

  • scope
  • hoisting
  • closure
  • this
  • prototypes
  • callback async
  • promises async
  • generators async

Part 2

With a much deeper understanding of JS from day 1, today we will dive completely into node.js. We'll see right away how our knowledge from day 1 applies to:

  • the module pattern for organizing our node.js app code
  • async flow control for wrangling async tasks all over node

Then we'll talk about how we move data around in node, mostly through streams.

Finally, we'll look at how we handle various communication tasks in node:

  • the server-side response of an Ajax request
  • set up and handle web sockets ( communication
  • signaling for peer-to-peer (webrtc)

Course Level:Part 1: Advanced, Part 2: Intermediate

Prerequisites Day 1

Intermediate (1+ years) JS experience (not just jQuery)

Prerequisites Day 2

  • Intermediate-to-advanced JS (1-2 years minimum experience) and attendance of day 1 of the workshop
  • Basic understanding of what node.js is
  • Basic understanding of how web servers enable browser applications

Objectives Day 1:

A solid understanding of the main mechanics in the JS language from scope to closure to this to prototypes, so that we can understand higher-order patterns like async-flow-control. The goal is that you have a very solid understanding of JS in day 1, so that we can explore node.s in day 2 more deeply without being lost in the JS.

Objectives Day 2:

Get a solid understanding of how to structure and write code in a node.js environment, and how to enable real-time communications for browser applications with node's capabilities.

Register for this class

Building "Native" Apps with HTML5 and Chrome

Instructor: Joe Marini, Google

Chrome apps provide the ability to develop native-like experiences that have rich capabilities with the safety and security of Web apps. In this course you'll learn how to use the Chrome runtime to build apps that run outside the browser, work offline by default, sync data with the Cloud, work with the native hardware platform, and more.

Course Level:Beginner/Intermediate


Course requires basic knowledge of JavaScript, HTML5, and CSS.


  • Learn to build Chrome apps
  • Learn Chrome APIs
Register for this class

Build a real website with Node and Express.js

Instructor: Ray Villalobos

Node.js lets you create powerful online services using JavaScript on the server side, but it's not always the best solution for creating websites. Express.js a framework that makes it eaiser to host a real website using Node.js. In this course, Ray Villalobos will guide you through building a real website using Express.js starting with the basics of managing your project with git, going through concepts like the MVC architecture, views/routes, understanding the package.json file, working with the EJS templating language, to working locally and pushing to a production server.

Course Level:Intermediate


This course is designed for someone who knows how to put together site with HTML, CSS and understands basic JavaScript functionality, but wants to translate that experience to explore how a project would work with Node.js and Express.js.


  • Understanding an MVC architecture
  • Working with git to manage your workflow
  • Exploring the differences between building sites with regular HTML vs Node.js
  • Advantages of using a framework like Express.js to develop your site
  • Learning to put a small, but realistic website using Node & Express.js
Register for this class

Leveling up in JavaScript

Instructor: Richard Clark

Javascript is everywhere — in browsers, on the server, and even in toys! It’s quite the turnabout for a language that was long thought of as a “toy” itself; nowadays, it’s a prerequisite for being a skilled web developer. How can you learn to harness this language for your projects and your career?

You can pick up the fundamentals of Javascript in less than a day. The core language is small and simple, but can do powerful things. You can also learn the basics of programming (which is nothing more than problem solving) at the same time.

This course is to for those who want to go beyond static design and into the world of interactive programming. Once you know how Javascript works, you can take advantage of it to make your web pages and apps come alive.

Course Level:Beginner


No previous programming experience required.

You should be able to write simple HTML and CSS by hand and know how to create tag-based, id-based, and class-based selectors in css (tag, #id, and .class respectively.) But by no means do you need to be a HTML and CSS guru -- if you can create a simple page by hand and style it with CSS, that's good enough.

You will need a laptop with a good text editor ("Sublime text" is a great place to start for Windows or Mac); a recent copy of Chrome, Firefox, or Safari; and a willingness to try something completely new!"


  • Break down a problem and convert it into a javascript solution
  • Work with Javascript objects, including the parts of a HTML page.
  • Make your pages react when the user types and clicks. Build simple animations.
  • Make your code work with other people's libraries.
  • Use JavaScript to simplify working with web pages.
  • Learn how to use browser tools for developing and debugging.
  • Briefly introduce the concept of repositories and github.
  • Find useful resources to continue your journey.
Register for this class

Responsive Design with Bootstrap

Instructor: Jen Kramer

Learn one of the hottest front-end frameworks and incorporate it into your work tomorrow. Follow along and learn how to build a Bootstrap-based website from scratch, incorporating the responsive grid system, see the basic CSS in action, incorporate Javascript-based components, and customize CSS using Sass.

Bootstrap, an open source front-end framework, is one of the most popular for building responsive websites. In this workshop, Jen Kramer will demonstrate how to use Bootstrap as a foundation in your next web design project. In this hands-on workshop, she will lead you in:

  • Downloading Bootstrap and incorporating it into an HTML document
  • Working with the Bootstrap responsive grid system
  • Exploring Bootstrap’s core CSS, overriding this CSS using standard CSS techniques
  • Incorporating Bootstrap’s image formatting elements and icons
  • Creating and styling fully responsive interactive menus with Bootstrap, including dropdown menus
  • Incorporating jQuery plugins with Bootstrap, including thumbnails, modal windows, and tabs
  • Customizing Bootstrap using Sass

Course Level:Beginner/Intermediate


Students should have a solid understanding of hand-coded HTML5. Some background in Sass, CSS, and JavaScript/jQuery is nice, but not required.


  • Downloading Bootstrap and incorporating it into an HTML document
  • Working with the Bootstrap responsive grid system
  • Exploring Bootstrap’s core CSS, overriding this CSS using standard CSS techniques
  • Incorporating Bootstrap’s image formatting elements and icons
  • Creating and styling fully responsive interactive menus with Bootstrap, including dropdown menus
  • Incorporating jQuery plugins with Bootstrap, including thumbnails, modal windows, and tabs
  • Customizing Bootstrap using Sass
Register for this class

Responsive Design with Foundation

Instructor: Jen Kramer

Learn one of the hottest emerging front-end frameworks and incorporate it into your work tomorrow. Follow along and learn how to build a ZURB Foundation-based website from scratch, incorporating the responsive grid system, see the basic CSS in action, incorporate Javascript-based components, and customize CSS using Sass.

In this hands-on workshop, Jen Kramer will lead you in:

  • Downloading Foundation and incorporating it into an HTML document
  • Working with the Foundation responsive grid system
  • Exploring Foundation's core CSS, overriding this CSS using standard CSS techniques
  • Creating and styling interactive menus with Foundation, including dropdown, responsive, and offcanvas menus
  • Incorporating jQuery plugins with Foundation, including alerts, modal windows, image carousels, accordion windows, and more
  • Customizing Foundation using Sass"

Course Level:Beginner/Intermediate


  • Knowledge of hand-coded HTML5 and CSS3 are required
  • Javascript and/or jQuery knowledge are helpful, but not required
  • Knowledge of Sass is helpful, but not required"


Students will leave with comfort in setting up their own Foundation-based site, including familiarity with the grid system, basic CSS, JavaScript plugins, and techniques for overriding the CSS with their own, using Sass or other techniques.

Register for this class

Practical JavaScript for Making Apps

Instructor: Ray Villalobos

This course will take you through a series of practical exercises that will show you the core technology you need to know to improve your JavaScript skills...without jQuery. We'll start off by learning about functions...understanding function invocation, constructors and expanding functionality through prototype, closures and creating modules.

Next, we'll examine JavaScript Objects and the JSON format and learn how to access external APIs. Then, well learn to work with AJAX XHR requests and learn about the future of the web establishing persistent connection through WebSockets.

After that, we'll move onto how to work with the DOM using pure JavaScript, learning to navigate the DOM using querySelector and the modern methods for dealing with DOM nodes handling insertions, deletions and replacing nodes. We'll peek at some of the newer methods like outerHTML and insertAdjacentHTML and discuss the state of browser support.

Finally, we'll dive into Events and learn about understanding, controlling event propagation and canceling default behaviors. We'll move onto working with traditional mouse, media, drag and touch events and end with newer pointer events.

Course Level:Intermediate


This is a great class for someone who has beginner JavaScript experience, but want to learn to work with Pure JavaScript and learn how to do things without jQuery.


We'll focus on several areas of practical knowledge.

  1. Understanding JavaScript functions
  2. Learn to access data through JavaScript Objects and JSON
  3. Master the DOM and explore some of the newer methods for dealing with DOM creation, deletion and modification without the need to jQuery.
  4. Get hands on experience working with modern event approaches and methodology
Register for this class

Programming 3D Applications in HTML5 and WebGL

Instructor: Tony Parisi

HTML5 is now the platform of choice for building 3D applications and web sites. The advanced programming, animation and multimedia capabilities of HTML5, combined with hardware-accelerated 3D rendering provided by WebGL, represents a combination with limitless possibilities. With HTML5 and WebGL, developers can create immersive 3D games, integrated 2D/3D presentations, product displays, social media sites, content editing systems and more, all running in your web browser.

This hands-on course covers developing 3D applications in HTML5 and WebGL, with topics including rendering, animation, CSS3, the Canvas 2D API, 3D libraries and frameworks, 3D tools pipelines, and mobile deployment. The instructor will present several working in examples using Three.js, Tween.js and other JavaScript frameworks, with an emphasis on practical deployment and best practices.

Course Level:Intermediate


  • Intermediate JavaScript, DOM and CSS, JQuery
  • Familiarity with Flash or other animation technology a plus
  • Familiarity with 3D graphics a plus
  • Familiarity with mobile platforms and mobile browser APIs a plus


Students should leave the course with the following:

  • Hands-on experience coding 3D web pages in WebGL and CSS 3D
  • Practical knowledge about how to create, deploy and deliver 3D applications and content for desktop web browsers and mobile devices
  • The confidence to begin building their own web 3D applications
Register for this class

JavaScript Clarity in Under a Day

We'll cover the fundamentals of practical JavaScript usage in a browser, with a focus on language features that tend to confuse people most in their first year or so of front-end work. This will be an extremely hands-on session, drawing on the accelerated curriculum we use for rapid on-boarding at Hack Reactor, the JavaScript immersion school.

The session will alternate between half-hour lectures and matching half-hour exercises, supported by TA's.

Topics covered:

    Debugging workflow & tools

    Properties, methods, brackets, & dots

    Scopes and closures

    The keyword 'this'

    Prototype chains

    The keyword 'new'

    Callback usage in practice

    Bonus: jQuery

Course Level:Intermediate


Basic JavaScript experience or intermediate experience in another language.

Register for this class

Web Performance Boot Camp 2014

Daniel Austin

This class will provide an in-depth overview of the Art and Science of Web Performance. The goal is to give students enough information that they can easily identify areas for optimization and resolve performance problems in the real world. Some of the topics we'll cover:

  • What you really need to know about Web performance
  • Using the MPPC model to figure out what’s important – and what’s not – for your site
  • The Network Effect
  • Performance tools (New for 2014!)
  • Testing performance on the Web for fun and profit
  • Performance and availability
  • Optimizing your Web site for HTML5
  • Mobile Performance (New for 2014!)
  • 7 Myths of Web Performance

Course Level:Intermediate


An open mind. A laptop. Enthusiasm!


I want students to be able to:

  • Have a basic understanding of how the Web works from a performance point of view
  • Identify common performance problems and address them
  • Identify opportunities for performance optimization
  • Have a basic understanding of common performance tools available
  • Develop some insight into performance challenges involving HTML5 and mobile
Register for this class

Practical Production Angular

Instructor: Ari Lerner

In this full-day workshop, we'll be walking through building an AngularJS app. Specifically designed for beginners, we'll start with the case for Angular and cover Angular basics. We'll then get right down to writing our first Angular app. We'll walk through the basics and move into advanced topics such as services, routing, and testing. We'll even look at how to create our own reusable elements that we can write once and use in other applications.

Course Level:Beginner/Intermediate


As we're covering AngularJS, a basic knowledge and familiarity with JavaScript as well as an understanding of HTML is required.

Additionally, you'll need to have a text editor and python installed (or a web server you're comfortable with).


After this workshop, you'll know enough Angular to be confident writing your own Angular app and have working knowledge of the framework. You'll walk away with your own working application and ready to bring Angular into your daily workflow.

Register for this class

Automate all the things!

Instructor: Johnny Halife

In this course we'll walkthrough the process of doing automating the most common tasks from the development process from scratch, we will start with an existing Node.js Application, automate the workflow and we'll end up having it configured under a Continuous Deployment System.

The main idea of a full day course is to learn how to Setup CI by doing it, and leave a chunk of time to setup your own project under CI, no matter if it's an Open Source Library or setup your own CI Server.

I decided to build this course after the success of "Mastering the Build Process" talk I gave last year (on Oct), which was really practical but now I want to take it one step forward and help attendees to learn by doing.

Course Level:Intermediate


  • Basic Javascript Knowledge
  • Node.js (a computer with Node.js is desired but not necessarily required as we can do it through the intro)
Register for this class

Hadouken! Javascript Game Development with createJS

Instructor: Mark Lassoff

HTML5 presents a great opportunity to create browser based games that work across the array of tablet and smartphone based devices. In the near future, as the device environment becomes more diverse, developers will begin to adopt standards that work across all devices. With HTML5, Javascript and the free createJS engine, surprisingly sophisticated games can be created.

In this workshop session, you'll be invited to code along with the instructor as you create a basic game and deploy it to a mobile environment. The games graphical and audio assets will be provided to you as you learn the techniques to create HTML5 based game that includes sprite-based graphics, audio, animations and more.

Course Level: Beginner


Basic understanding of Javascript Programming


  • Understand the Tools, Environment and Libraries used for HTML5 Game Programming
  • HTML5 Game Development Workflow
  • How to Create and Load Sprites (Canvas Display Objects)
  • Object Nesting: How to Create an Object Hierarchy
  • Asset Preloading: Make sure Game Assets are Available When Needed
  • Tweens and Tween Sequences: Creating Animations Programmatically
  • Audio: Creating Audio that will Work across Devices
  • Much More
Register for this class

Building modern applications with Meteor

Instructor: Tom Coleman

Meteor offers a better and faster way to build modern applications: realtime apps with engaging interfaces that are equally at home in a browser or on a mobile device. First introduced in 2012, the Meteor framework integrates all the parts of a modern stack you need to build these kinds of apps: a realtime data layer that runs over websockets, a live template engine to manage updates to the screen, consistent APIs that work on both the client and server, support for pushing new client code into a running browser tab without interrupting the user, and a new package system designed from scratch for thick-client apps.

While it's easy to get started with Meteor, there are fewer blueprints and technical resources for developers who are building larger production applications. This interactive course will give attendees a closer look under the hood at *how* Meteor works, and through live-coding an app, arm you with everything you need to know to be able to use Meteor for a weekend hack or a significant production undertaking.

What we'll cover:

  • Working with live templates and realtime data subscriptions
  • How to write code in Meteor that runs on both the client and the server
  • Deps: the essential machinery behind reactivity
  • Best practices for architecting complex Meteor applications
  • The Atmosphere package ecosystem
  • Security considerations in thick-client JavaScript applications
  • Scaling Meteor apps in production using MongoDB's replication log
  • Future-proofing your app and preparing for Meteor 1.0

Course Level: Beginner/Intermediate


  • Basic JavaScript and HTML knowledge
  • Mac or Linux laptop, or access to a Linux VM
  • It's helpful if you've tried Meteor, but not necessary


You'll finish the course with everything you need to build modern apps in Meteor.

Register for this class