Angular U

This is a one day ES6 + Angular workshop. Participants will get hands on experience by recreating google keep, a simple note taking app, using angular 1.x and ES6. There will be emphasis on how to use ES6 with angular so some prior Angular experience is necessary. You don't need any experience with ES6. Topics covered include:

• modules
• let
• class
• arrow functions
• destructuring
• rest and spread

Build systems with babel, webpack, and gulp

• Discuss the different ways to use ES6 today
• Intro into transpilers
• Build our build system with webpack, Gulp, and Babel
• Setup an awesome dev env to make everything easy for us

Angular app organization with ES6 modules

• How to use angular's module system together with ES6 module's system
• Naming conventions
• Creating angular parts outside of angular

Angular Controllers and Services

• Using the new class as a controller or Service
• Sub-classing

Angular Directives

• Define directives outside of angular that import their own dependencies including css and templates
• Using directives as components

Creating test with ES6

• write our test in ES6
• Testing our ES6 code outside of angular

Afterwards, participants will have a complete Angular app built with ES6 and have full confidence on how to approach it from start to finish.

ng6 is a one day ES6 + Angular workshop. Participants will get hands on experience by recreating google keep, a simple note taking app, using angular 1.x and ES6. There will be emphasis on how to use ES6 with angular so some prior Angular experience is necessary. You don't need any experience with ES6. Topics covered include:

• modules
• let
• class
• arrow functions
• destructuring
• rest and spread

Build systems with babel, webpack, and gulp

• Discuss the different ways to use ES6 today
• Intro into transpilers
• Build our build system with webpack, Gulp, and Babel
• Setup an awesome dev env to make everything easy for us

Angular app organization with ES6 modules

• How to use angular's module system together with ES6 module's system
• Naming conventions
• Creating angular parts outside of angular

Angular Controllers and Services

• Using the new class as a controller or Service
• Sub-classing

Angular Directives

• Define directives outside of angular that import their own dependencies including css and templates
• Using directives as components

Creating test with ES6

• write our test in ES6
• Testing our ES6 code outside of angular

Afterwards, participants will have a complete Angular app built with ES6 and have full confidence on how to approach it from start to finish.

Walkthrough of all the build tools, workflows, plugins, and modules for building a proper es6 angular 1.3x app today. Talk about pros and cons about different techniques and best practices.