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.
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:
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.
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, Ask.fm, 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.
Instructor: David Fetterman
Students will acquaint themselves more deeply with Famo.us concepts such as:
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 Famo.us package manager for others to enjoy.
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.
On May 21, compete with 200 other developers to bring your ideas to life at the Famo.us Hackathon at the HTML5 Developers Conference. The best apps, widgets, and animations will be featured and given credit on the Famo.us blog and video channels.
The Famo.us engineering team will provide training throughout the day. In addition, engineers who have already completed the Famo.us 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 Famo.us University, study the demos, and explore the docs in advance of the event.
Eligibility: Individuals and teams welcome.
The Famo.us engineering team will provide training on targeted topics via mini classes throughout the day. In addition, engineers who have already completed the Famo.us private beta program will be on hand to answer questions and offer advice.
Build a native-quality app, widget, or animation in Famo.us in less than a day.
Instructor: Kyle Simpson
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:
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:
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:
Course Level:Part 1: Advanced, Part 2: Intermediate
Intermediate (1+ years) JS experience (not just jQuery)
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.
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.
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.
Instructor: Ray Villalobos
Instructor: Richard Clark
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!"
Instructor: Jen Kramer
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:
Instructor: Jen Kramer
In this hands-on workshop, Jen Kramer will lead you in:
Instructor: Ray Villalobos
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.
We'll focus on several areas of practical knowledge.
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.
Students should leave the course with the following:
The session will alternate between half-hour lectures and matching half-hour exercises, supported by TA's.
Debugging workflow & tools
Properties, methods, brackets, & dots
Scopes and closures
The keyword 'this'
The keyword 'new'
Callback usage in practice
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:
An open mind. A laptop. Enthusiasm!
I want students to be able to:
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.
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.
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.
Instructor: Mark Lassoff
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
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:
Course Level: Beginner/Intermediate
You'll finish the course with everything you need to build modern apps in Meteor.
being a sponsor?