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 2014:

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

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
  • DateWed, Oct 21
  • Cost$300 Other classes are $185. This class has own ticket
  • Time 9:00am - 4:00pm
  • Location
    TBD

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 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
  • DateWed, Oct 21
  • Cost$185
  • Time 9:00am - 4:00pm
  • Location
    TBD

Register for this class


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
    • DateThu, Oct 22
    • Cost$185
    • Time 9:00am - 4:00pm
    • Location
      TBD

    Register for this class

    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.

    • DateThu, Oct 22
    • Cost$185
    • Time 9:00am - 4:00pm
    • Location
      TBD

    Register for this class

    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
    • DateThu, Oct 22
    • Cost$185
    • Time 9:00am - 4:00pm
    • Location
      TBD

    Register for this class

    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.
    • DateThu, Oct 22
    • Cost$185
    • Time 9:00am - 4:00pm
    • Location
      TBD

    Register for this class


    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
    • DateFri, Oct 23
    • Cost$185
    • Time 9:00am - 4:00pm
    • Location
      TBD

    Register for this class
    Sponsors