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
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
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.
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.
Components of a component
Hack (Create first component)
Hack (write test for our component)
Hack (unit testing)
Grettings and tech check
Intro into component architecture
Intro into bulding with ES6
Hack (creating a build system with Gulp and webpack)