Angular, Components and ES6
Join us for an Awesome Workshop on:

Angular, Components and ES6

July 20 to 21, 2015 - 9:30am to 5:30pm Central US Time

Attend Online

Live and in Full HD

Join in Person

From Downtown Minneapolis, MN

You're Registered to Attend Online!

July 20 to 21, 2015 - 9:30am to 5:30pm Central US Time

This Workshop's Online Chatroom is Currently Open!

July 20 to 21, 2015 - 9:30am to 5:30pm Central US Time

You can watch video of this workshop!

Angular, Components and ES6

Some Key Takeaways!

By coding along with us in the Workshop, you'll:

  • Learn the different build systems for ES6 and how to choose
  • Learn how to best organize code
  • Learn how to use ES6 modules with Angular modules
  • Learn how to use 3rd party libraries with ES6 modules
  • Learn how to develop directives as components by building a dashboard with twitter data
  • Learn how to create resusable dynamic components
  • Learn how to test our components

Your (Awesome) Instructor

Scott Moss

Scott Moss

Scott is the CEO and co-founder of Tipe and Onespeed. Priorly he was an experienced engineer in Silicon Valley and SF working with some of the top tech companies. He's known in the JS community for his contributions to Angular including popular open source projects, conference talks, and courses.

Spend a 2 Full Days Immersed With a Leading AngularJS with ES6 Master

Workshop Details

In this class, we'll cover a number of concepts including:Intro into Component Architecture Web components are here to stay, and they bring with them a completely new way to build apps in the browser where everything is a resuable component. Angular 2 is moving in a direction to harness the power of directives for our apps instead of standalone controllers. Creating component-based directives will put you in a better postion to upgrade and embrace this direction today with angular 1.x.

Intro into bulding with ES6: ES6 is working its way into all our envrionments. With an assorment of build tools, polyfills, and transpilers, we have many options to take advantage of all the features that ES6 provides. We'll use some of the best practices that have emergerd today to build with ES6 using Webpack, Gulp, and Babel.

App organization and using ES6 modules with Angular modules: We'll jump into how to handle angular and ES6 module systems together. Next we'll get into how to organize our files in a way that makes it easy to compose are app out of small components.

Creating our components: Next, we'll get into creating our components. Starting with container components, then building child components and how to link them together. We'll cover how to compose bigger components out of our smaller ones.

Creating resuabale and dynamic components: Now we'll learn how to create flexible and dynamic components that dynamically change their templates based on the data they are given.

Testing our components: What good is a well built app if it has no test? We'll jump into how to test our compontents with Karma and mocha. This will be different than what you're used to because of the ES6!

Further reading Wrap up: We'll talk about the other methods to use ES6 with angular and alternative organizational patterns.

Daily Schedule

We've already held over 40 workshops holding thousands attendees in-person and online. In this time we've discovered ways to schedule the day so it goes smoothly and efficiently.

Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

Day 1

  • 1:30AM
    Components of a component
  • 2:00AM
    Hack (Create first component)
  • 2:30AM
    Testing Components
  • 3:00AM
    Hack (write test for our component)
  • 3:30AM
    Hack (unit testing)
  • 9:00AM
    Grettings and tech check
  • 9:30AM
    Intro into component architecture
  • 9:45AM
    Intro into bulding with ES6
  • 10:00AM
    Hack (creating a build system with Gulp and webpack)
  • 10:30AM
    Installing and using libraries
  • 11:00AM
    Hack (create blog app foundation)
  • 12:00PM
    Lunch and Hacking

Day 2

  • 1:00AM
    Create Blog components
  • 1:30AM
    Hack (blog components)
  • 2:30AM
    Routing and final touches
  • 3:00AM
    Hack (Routing and polish)
  • 3:30AM
  • 9:00AM
    Automating components
  • 9:15AM
    Hack (create tasks to create components)
  • 9:45AM
    Creating common components
  • 10:00AM
    Hack (create common component)
  • 10:30AM
    Creating Admin components
  • 12:00PM
    Lunch and Hacking

Interact with the Instructor - Online & In-Person

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?


This workshop is optimised for the devlopers with Angular experience who want to learn how to inegrate ES6 and a component-based architecture into their angular 1.x applications.

Any Prerequisites?

  • You'll need to know JavaScript. Angular experince is recommended, without it, it may be challenging to keep up with the pace of the class. Vetaran Angular developers are welcome too, there is much content here.

Event Details


2 Full Day Workshop Sessions

Replay Videos (available immediately)


July 20 to 21, 2015 - 9:30am to 5:30pm Central US Time


Option 1: Attend online on our full HD live stream

Option 2: Attend in-person at HQ in Minneapolis, MN