/angularday-workshop

Primary LanguageJavaScriptMIT LicenseMIT

AngularJS Phone Catalog Tutorial Application ported to ES6 and Webpack

Overview

Porting the complete version of the Phone catalog tutorial to ES6 using Webpack and Babel

Prerequisites

Git

  • A good place to learn about setting up git is [here][git-setup].
  • You can find documentation and download git [here][git-home].

Node.js and Tools

  • Get [Node.js][node-download].
  • Install the tool dependencies: npm install
npm i 
npm start

Slides

Commits / Tutorial Outline

You can check out any point of the tutorial using:

git checkout step-?

To see the changes made between any two lessons use the git diff command:

git diff step-?..step-?

step-1 Initial build, working as default phone catalog

step-2 Adding Webpack

step-3 Webpack working

step-4 Babel and Webpack Dev Server

step-5 Change controller to classes

step-6 Implements components

step-7 Stateless components and lifecycle

step-8 Loading from bower

step-9 Adding dependencies to modules, exporting not exported files

step-10 Auto inject

step-11 Production Build

step-12 NgAnnotate