Join Us For an Exclusive 2-Day Workshop
Angular, Components and ES6

July 20th & 21st, 2015 • 9:00am – 4:30pm CDT


Attend Online

Live and Full HD


Attend In-Person

From: Downtown Minneapolis, MN

Start Learning Today Learn Angular + ES6 Money-back Guarantee

The future of the web is in web components and ES6. Frameworks exist today that take advantage of these technologies. Angular provides us with the tools needed to take advantage of these new technologies as well.

Here’s why you should join us:

  • 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…

Dive in with Scott Moss and learn how to use component architecture and ES6 with angular apps!

Your ticket includes the full workshop (online or in-person), immediately available replay videos, plus a complimentary 6 month membership to watch all our video courses (a $234 value)

Your Instructor

Scott Moss

Scott is the creator of AngularClass and a Sr. Frontend engineer at Udacity where he uses angular everyday. Before Udacity, Scott built and taught curriculum surrounding topics like angular, node, and mobile, to hundreds of engineers at Hack Reactor. He has years of building smooth and beautiful UI’s both on web and mobile. Most of his time is spent iterating on better and more effective ways to educate engineers on new and modern tech. He’s also a father and a gym bum.

Interact With the Instructor

Online & In-Person

Get Your Questions Answered

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

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.

What's Included



Watch Now

How We'll Spend Each Day

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.

How we'll spend the first day:

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

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

The Price

The price for attending this full day workshop is simply the cost of becoming a monthly ($39) member. If you have already attended one, you know this is a tremendous value. If you haven’t, you may be wondering if it’s truly worth becoming a member.

Browse through just a few of the testimonials and you’ll see that people RAVE over these workshops. They’re unique and provide an experience and education you simple cannot find anywhere else.

You’re getting access to some of the brightest, most highly sought after experts in the world, covering topics very few people discuss in detail. Many attendees report learning more in this full day workshop than they did about a particular topics in the past 1-2 years combined.

Combine that with access to thousands of unique, high quality videos in our membership area with 500 hours of in-depth training from world renowned experts and you’ll see why this is a bargain.

  1. These workshops are different from any others you’ve attended. They cover everything, from the basics to advanced material. All of which are available for replay so you can go back and review as your skill grows.

  2. We get a lot of people saying they are scared to join… until it was over. Then they brag about how much of an amazing value they got for the price.

  3. You’re also getting videos of the workshop, plus ALL other workshops we’ve recorded, instantly!

Watch Now

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.


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.

You'll Either LOVE This Workshop Or You Don't Pay. Period.

Our attendees are ecstatic by the high-quality, relevant content they receive at these workshops.

We cover everything in explicit detail (and the things we miss are covered by answers to YOUR questions) from basic to advanced tactics you can start working with the very same day. We don't want you to miss out on this opportunity because you've been to less-than-stellar workshops in the past. We promise you, ours are very unique.

That's why if you attend the workshop and aren't absolutely thrilled with the content… if you don't think it's worth the admission price… We refuse to accept your money. We will more than gladly issue you a full refund, so you risk nothing.

We're very specific about what you're getting here and have ran lots of workshops… so we've almost never have requests for refunds (99.8% satisfaction rate).

MJG Workshop Center • 60 South Sixth Street, Suite 3625, Minneapolis, MN, 55402

What Past Attendees Are Saying

"Superb presentation from a genuine domain expert. I learned a ton today."

Steve Jakubowski

"Keep up the good work. I've attended a lot of online workshops, and they are very shallow and unpractical. Most of the time, online people are treated as second class, but still paying citizens. Here we get all the content and get to participate as well (if only there was a way to get those cookies...)."

Adrian Murillo

"The class was great. It was really cool to get a bunch of links to example code to look at during the presentation and after the class."

Nate Yourchuck

"Good location and facility. Great technology for capture, presentation layout and video streaming. Really excellent being able to view the videos afterwards. It takes away the sense of having to absorb everything immediately or else lose it into the ether. It was fun. What more can you ask for?"

Laurence Bates

"Really well run...loved the communication pre-event. Very impressed with everything...this was my first online conference purchase, but I would definitely consider doing it again."

Jeff Sims

"I really enjoyed the online workshop experience. It is much better than just watching videos. I was able to participate in the conversations and benefit from other folks' questions."

Dana Greenberg

"You guys did a really great job! I cannot say enough good things about the experience."

Richard Ranke

"Everything was first class: excellent instructor, material, video, moderator, audio. Thank you!"

Oscar Pagani

My name is Marc Grabanski I'm the founder of Frontend Masters. I guarantee this workshop will be awesome. Period.

If you don't think it's worth 10x the value, I'm happy to give you back every penny. That's my promise to you!

Marc Grabanski
Founder Frontend Masters