Training

Some classes are now available for registration and we are currently in the process of adding more classes. Thank you for all of the wonderful submissions. We will be adding a few more over the next two weeks.

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 Autumn HTML5DevConf 2015:

When you go to Eventbright 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 are purchasing more than one training ticket you can keep using the ala carte training option to add training for all three days.

Async Programming in JavaScript, is separate since it has a different price - scroll to registration bottom to see the separate ticket selection.


Training Available on Wednesday Oct 21

Async Programming in JS


Learning how to build and manage asynchronous programs is perhaps the most important part of becoming an effective JavaScript programmer. Unlike most programming languages, JavaScript is single-threaded. As a result, JavaScript programs must use async APIs to stay responsive to user input while performing long-running tasks like server requests and animations. You can't get very far in a JavaScript program without running across an asynchronous API.

Async programming may seem daunting. How can we write programs that accept user input, run animations, and send server requests over the same period of time? How do we keep the code clear and concise? How do we gracefully propagate and handle asynchronous errors? How can we avoid memory leaks caused by dangling event handlers? JavaScript's loops and try/catch keywords are no help - they only work on synchronous functions.

Here's the good news: Asynchronous programming is much easier than it seems. The key is to think differently about events. It is possible to build most asynchronous programs using a handful of simple functions. We will learn why most JavaScript developers approach asynchronous programming the wrong way, and how to avoid these common mistakes. By the end of these lessons you will know the tools, concepts, and libraries required to be an asynchronous programming ninja!


Course Level:Intermediate

Prerequisites:

Intermediate JavaScript knowledge.

Objectives:

  • Declaratively build complex events out of simple events (ex. drag n' drop)
  • Coordinate and sequence multiple Ajax requests
  • Reactively update UI's in response to data changes
  • Eliminate memory leaks caused by neglecting to unsubscribe from events
  • Gracefully propagate and handle asynchronous exceptions
Register for this class
 


Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

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 xploring 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 LESS

Jen will teach the latest version of Bootstrap available as of October 1, 2015. If a new version of Bootstrap is released after this date, she will incorporate it as much as possible into the workshop.


Course Level:Beginner

Prerequisites:

  • "Students should have a solid understanding of hand-coded HTML5. Some background in LESS, CSS, and JavaScript/jQuery is nice, but not required. Level: Beginner/Intermediate"

Objectives:

  • Downloading Bootstrap and incorporating it into an HTML document
  • Working with the Bootstrap responsive grid system
  • xploring 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 LESS
Register for this class
 


Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

React Under the Hood


React is quickly becoming the preferred JS library for building front-end web applications but how does it work exactly? How are events registered and triggered? What is the virtual DOM?

In this course, we will go over the fundamentals of React, as well as take a deep dive into the internals of React so that attendees can fully understand and debug their applications. Attendees will learn React patterns and anti-patterns, understand the architectural philosophy, and learn why a third-party library fails to play with React.


Course Level:Intermediate

Prerequisites:

  • All levels of React knowledge, intermediate JavaScript, and basic knowledge of the DOM.
  • Objectives:

    • Attendees of this workshop will be able to make smarter design choices after understanding how React internals works. They should also better able to debug their applications and figure out why their third party app isn’t working. Attendees should be able to create a fully stateless application. They should know better how to test React-based applications. Attendees should be able to know how to get React to play nicely with other third-party libraries such as jQuery.
    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

    Writing responsive cross platform apps using Apache Cordova


    Web developers can leverage their existing knowledge of HTML and Javascript to write cross platform hybrid applications for mobile platforms like iOS and Android using Apache Cordova. However, a lot of developers note that hybrid apps may not "feel" as fast as native apps. In this course, look at ways to make Cordova apps perform like native apps. We will explore the various design paradigms that add a responsive feel to native apps.

    We will look at practical tips and tools to create responsive apps using Cordova, while still maintaining the benefits like familiarity with technology or single code base.


    Course Level:Intermediate

    Prerequisites:

  • Basic knowledge of HTML/CSS/Javascript
  • Familiarity with the command line and Node
  • Objectives:

    • The ability to build responsive, performant app using Apache Cordova
    • Working knowledge of Cordova Command line, debugging cordova apps and other tools needed during the development workflow.
    • Way to Test Cordova apps
    • Ways to run a performance audit on a Cordova app and ways to fix performance issues.
    • Working knowledge of the Ionic framework.
    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

    Introduction to Full-Stack JavaScript App Development with Meteor

    Instructor: Paul Dowman, OK GROW


    Learn how to build full-stack reactive web apps with the most efficient tools. We will teach you the basics of Meteor to get you up to speed quickly with Meteor as a full-stack or back-end framework.

    If you already know Angular or React then with Meteor as a back-end you will have a full-stack JS app with live data updates and reactive rendering, with no Node.js or websocket experience required.

    Or if you are new to JavaScript app development you will learn how to build a modern reactive full-stack app with the most productive framework around. You will be surprised by how easy it is to learn and how productive you are with it.

    This course is totally hands-on. You will be coding right from the start.


    Course Level:Beginner

    Prerequisites:

  • Some coding experience in any language
  • Beginner to Intermediate JavaScript knowledge
  • Objectives:

    • Meteor basics and best practices
    • Data access and MongoDB collections
    • Publications and subscriptions
    • Reactivity
    • The Blaze templating framework (or optionally use React or Angular if you already know them)
    • User management
    • Security
    • Flow Router (and optionally Iron Router)
    • Meteor methods
    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.



    Training Available on Thursday Oct 22

    Roll Your Own Responsive Design

    Instructor: Jen Kramer


    Responsive design is a specific technique, defined with three parts: a grid system, media queries, and responsive images. You can use a framework like Bootstrap or Foundation to build a responsive website, but many object to framework "bloat". How can you build your own grid system and media queries from scratch? How can you manage responsive images? This workshop will walk you through all three areas. By the end of the workshop, you'll have a good start at a grid system of your own, integrating media queries and a responsive image system, and maybe you'll have a bit more appreciation for the responsive design frameworks as well!


    Course Level:Intermediate

    Prerequisites:

  • Attendees must have a solid working knowledge of hand-coded HTML and CSS. HTML knowledge should include HTML5. CSS knowledge should include concepts like floats and clears, absolute and relative positioning, and a basic working knowledge of constructing a media query.
  • Objectives:

    • Roll your own grid system!
    • Create your own media queries to work with that grid system/li>
    • Understand what responsive images are and how to incorporate them correctly into your site
    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

    Async Programming in JS

    Instructor: Jafar Husain, Netflix


    "Learning how to build and manage asynchronous programs is perhaps the most important part of becoming an effective JavaScript programmer. Unlike most programming languages, JavaScript is single-threaded. As a result, JavaScript programs must use async APIs to stay responsive to user input while performing long-running tasks like server requests and animations. You can't get very far in a JavaScript program without running across an asynchronous API.

    Async programming may seem daunting. How can we write programs that accept user input, run animations, and send server requests over the same period of time? How do we keep the code clear and concise? How do we gracefully propagate and handle asynchronous errors? How can we avoid memory leaks caused by dangling event handlers? JavaScript's loops and try/catch keywords are no help - they only work on synchronous functions.

    Here's the good news: Asynchronous programming is much easier than it seems. The key is to think differently about events. It is possible to build most asynchronous programs using a handful of simple functions. We will learn why most JavaScript developers approach asynchronous programming the wrong way, and how to avoid these common mistakes. By the end of these lessons you will know the tools, concepts, and libraries required to be an asynchronous programming ninja!"


    Course Level:Intermediate

    Prerequisites:

    Intermediate JavaScript knowledge.

    Objectives:

    • Declaratively build complex events out of simple events (ex. drag n' drop)
    • Coordinate and sequence multiple Ajax requests
    • Reactively update UI's in response to data changes
    • Eliminate memory leaks caused by neglecting to unsubscribe from events
    • Gracefully propagate and handle asynchronous exceptions
    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

    Single Page Application development using JavaScript


    The workshop will allow attendees to have hands on experience with developing and architecting a Single Page Application using JavaScript only. The application will have a fronted component written in AngularJS, a middle wear using Node.js and Express and finally a backend using MarkLogic, a NoSQL database. With built support for JSON, geospatial data, relevancy ranked search and ACID compliancy (forget eventual consistency!) it is truly a great addition to a stack where JavaScript is used throughout the frontend and the backend.


    Course Level:Intermediate

    Prerequisites:

  • Immediate knowledge of JavaScript, node.js and AngularJS. (Knowledge of modules, directives, controllers, callbacks and promises)
  • Some familiarity with NoSQL databases but this is not required
  • Objectives:

      The outcome of the workshop is to create a fully functioning Single Page Application with built in search capabilities. The SPA will have two parts - a backend part created in node.js/Express and providing the foundation API for the frontend portion that will consume this backend API. The backend component will utilise a Node.js database connector to retrieve data from the MarkLogic database. The frontend component will utilise various AngularJS components to retrieve the data and generate the views. Relevancy ranked search will also be implemented into the core of application - it’ll utilise MarkLogic’s advanced, Google like search capabilities.

    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

    Building Native-like Hybrid Mobile Apps with AngularJS, Cordova, and Ionic


    AngularJS, Cordova and Ionic are a perfect blend of technologies for building hybrid applications that behave like a native app across multiple mobile platforms. In this course, you will learn how to build an Ionic application from scratch using the Ionic CLI and explore its various components. We will also examine how to architect the AngularJS foundation of services, controllers, and views. Finally, we will extend our application to leverage some mobile specific capabilities.


    Course Level:Beginner

    Prerequisites:

  • To complete this workshop, all you need is a code editor, a modern browser, and a connection to the Internet.
  • A working knowledge of HTML and JavaScript is assumed, but you don't need to be a JavaScript expert.
  • A mobile device or a Mobile SDK is not a requirement for this tutorial. However, if you want to run the application on an iOS and/or an Android device or emulator, you need the iOS SDK and/or the Android SDK installed on your system. If you don't want to install a Mobile SDK, you'll be able to test your application in a browser on your computer.
  • Objectives:

    • How to create and build (compile and package) an Ionic project using the CLI (Command Line Interface)
    • How to start from one of the Ionic starter apps
    • How to build a modern mobile UI using Ionic components such as side menu, cards, action sheets, etc.
    • How to use controllers
    • How to use routing
    • How to login with Facebook, and publish information to your feed
    • How to extend your app with Cordova
    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

    React Under the Hood


    React is quickly becoming the preferred JS library for building front-end web applications but how does it work exactly? How are events registered and triggered? What is the virtual DOM?

    In this course, we will go over the fundamentals of React, as well as take a deep dive into the internals of React so that attendees can fully understand and debug their applications. Attendees will learn React patterns and anti-patterns, understand the architectural philosophy, and learn why a third-party library fails to play with React.


    Course Level:Intermediate

    Prerequisites:

  • All levels of React knowledge, intermediate JavaScript, and basic knowledge of the DOM.
  • Objectives:

    • Attendees of this workshop will be able to make smarter design choices after understanding how React internals works. They should also better able to debug their applications and figure out why their third party app isn’t working. Attendees should be able to create a fully stateless application. They should know better how to test React-based applications. Attendees should be able to know how to get React to play nicely with other third-party libraries such as jQuery.
    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

    Beyond To-Do List Apps with Meteor

    Instructor: Paul Dowman, OK GROW!


    Level-up your Meteor skill building a real app with the most efficient full-stack or back-end framework. We will go into some deeper concepts and cover real-world issues that you will encounter when using Meteor.

    Reactivity in Meteor seems magical but it iss actually defined by some basic rules that will shed light on everything you do. We will go deeper into this as well as other concepts such as optimistic UI ("latency compensation"), efficient data publications, reactive joins, security, packages and mobile development.

    This course is totally hands-on. You will be coding right from the start.


    Course Level:Intermediate

    Prerequisites:

  • Beginner-level Meteor experience (Such as the Introduction to Full-Stack JavaScript App Development with Meteor taught by this instructor on Wednesday)
  • Some coding and debugging experience in any language
  • Beginner to Intermediate JavaScript knowledge
  • Objectives:

    • Intermediate to advanced Meteor concepts
    • Security
    • Flow Router (and optionally Iron Router)
    • Meteor packages
    • Meteor methods and latency compensation
    • Advanced reactivity
    • Advanced subscription management
    • Deploying
    • Building mobile apps with Cordova and Meteor
    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.



    Training Available on Friday Oct 23

    Intro to Sass

    Instructor: Jen Kramer


    For more than a dozen years, Jen Kramer has been educating clients, colleagues, friends and graduate students about the meaning of a "quality website." Since 2000, she has built websites that are supportive of business and marketing goals in a freelance capacity and as part of an agency.

    Jen is a lynda.com author of 24 courses, including the popular "Up & Running with Bootstrap 3", "Joomla 3 Essential Training", and "Web Semantics". Seven of these courses were retired in March 2015.

    Jen currently offers in-person and online courses through Harvard Extension School and National University. She is also available for individual private tutoring, customized classroom training, and consulting.

    Jen earned a BS in biology at University of North Carolina at Chapel Hill and an MS in Internet Strategy Management at the Marlboro College Graduate School.


    Course Level:Intermediate

    Prerequisites:

    Attendees should have a solid working knowledge of hand-coded HTML and CSS.

    Objectives:

    • Set up a typical file structure for working with Sass
    • Work with a Sass compiler to create CSS that the browser can understand
    • Create variables, mixins, and moreCreate a real-world website with Sass to keep code DRY
    • Work with Sass's built-in functions to manipulate color, make calculations, and more
    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

    React Under the Hood


    React is quickly becoming the preferred JS library for building front-end web applications but how does it work exactly? How are events registered and triggered? What is the virtual DOM?

    In this course, we will go over the fundamentals of React, as well as take a deep dive into the internals of React so that attendees can fully understand and debug their applications. Attendees will learn React patterns and anti-patterns, understand the architectural philosophy, and learn why a third-party library fails to play with React.


    Course Level:Intermediate

    Prerequisites:

  • All levels of React knowledge, intermediate JavaScript, and basic knowledge of the DOM.
  • Objectives:

    • Attendees of this workshop will be able to make smarter design choices after understanding how React internals works. They should also better able to debug their applications and figure out why their third party app isn’t working. Attendees should be able to create a fully stateless application. They should know better how to test React-based applications. Attendees should be able to know how to get React to play nicely with other third-party libraries such as jQuery.
    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

    Web Performance Course


    This year's Web Performance Bootcamp has been entirely redesigned for today's Web. We'll be covering the basics as always, with even more labs. In addition we'll be covering some current topics:

  • Mobile performance
  • The Web for non-standard clients
  • Streaming Video performance
  • Using the CDN
  • This class is intended to provide an overview of Web performance, focused on the basics of determining if and why your site is slow, identifying strategies to fix it, and keep your users happy with low response times and flawless service. This year's class is largely taken from my forthcoming book from O'Reilly "Web Performance: The Definitive Guide".

    You'll need a laptop, a smartphone, and your enthusiasm for making the Web better and smarter - and faster!


    Course Level:Beginner

    Prerequisites:

  • An open mind and an interest in getting into some technical detail.
  • Objectives:

    • To help everyone understand how the Web works from a performance point of view, and to provide a methodology for quickly identifying and fixing performance problems and ways to make your site faster. I'll explain why sites are fast and why; and why others are slow. We'll also talk about some of the psychological,physical, and cultural aspects of performance as well. This year's theme: performance for small devices.
    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

    Create Offline Mobile Applications


    What happens when your mobile device does not have a network connection? That device will have no content; no experience and the amazing application that you spent so much effort to build just simply will not work.

    This talk would be around the story of creating offline and online applications on Mobile with PouchDB's Couchbase Mobile Sync Gateway integration.

    The journey begins with NoSQL database modeling and what we can do with a NoSQL technology for mobile. The talk will go through the trends in mobile and where we are heading with offline experience. What is that solution and how to get started with demo-ing.

    You will gain knowledge in NoSQL databases technologies and walk away with insights on how to create offline type of applications that will sync to the cloud with Mobile and Couchbase Mobile.


    Course Level:Intermediate

    Prerequisites:

  • JavaScript knowledge
  • Node.JS
  • Mobile (Native)
  • PouchDB
  • Database
  • Objectives:

    • Mobile Database
    • Mobile
    • PouchDB
    • Sync
    • Architecture
    • Couchbase Mobile
    • Server
    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

    Async Programming in JS

    Instructor: Jafar Husain, Netflix


    "Learning how to build and manage asynchronous programs is perhaps the most important part of becoming an effective JavaScript programmer. Unlike most programming languages, JavaScript is single-threaded. As a result, JavaScript programs must use async APIs to stay responsive to user input while performing long-running tasks like server requests and animations. You can't get very far in a JavaScript program without running across an asynchronous API.

    Async programming may seem daunting. How can we write programs that accept user input, run animations, and send server requests over the same period of time? How do we keep the code clear and concise? How do we gracefully propagate and handle asynchronous errors? How can we avoid memory leaks caused by dangling event handlers? JavaScript's loops and try/catch keywords are no help - they only work on synchronous functions.

    Here's the good news: Asynchronous programming is much easier than it seems. The key is to think differently about events. It is possible to build most asynchronous programs using a handful of simple functions. We will learn why most JavaScript developers approach asynchronous programming the wrong way, and how to avoid these common mistakes. By the end of these lessons you will know the tools, concepts, and libraries required to be an asynchronous programming ninja!"


    Course Level:Intermediate

    Prerequisites:

    Intermediate JavaScript knowledge.

    Objectives:

    • Declaratively build complex events out of simple events (ex. drag n' drop)
    • Coordinate and sequence multiple Ajax requests
    • Reactively update UI's in response to data changes
    • Eliminate memory leaks caused by neglecting to unsubscribe from events
    • Gracefully propagate and handle asynchronous exceptions
    Register for this class
     


    Thank You to AcademyX for hosting a class at their San Francisco location, and for providing the classroom for all three days of Training.

    Thank You to Microsoft for providing several spaces at their new San Francisco locations for all three days of Training.

    Sponsors