TrainingAngularJS

This repo contains the Lab project for the AngularJS Training. for more details, have a look at http://got5.github.io/TrainingAngularJS

To install this application

Install a follow components

Use "sudo" to build with Mac and Linux

install Node.js

http://nodejs.org/

Configure NPM proxy

npm config set proxy http://[proxy]:[PORT]
npm config set https-proxy http://[proxy]:[PORT]

install Bower

npm install -g bower

install bower lib

bower install

Install Karma

npm install -g karma-cli
npm install -g karma
npm install -g karma-chrome-launcher
npm install -g karma-jasmine

To execute test

Execute Unit Tests

launch tests

cd test
karma start karma.conf.js

Can also be launched with a grunt task

grunt test:unit

To execute application

Launch server

 node server

Application is now running in :

localhost:3000

To update your changes online ( the version hosted by github )

First be sure that you can run the application locally!

Then, suppose you made some modifications on slides and want to make them available online, you will have to:

• generate the new deliverable
• switch to the gh-pages branch
• update the gh-pages branch based on the generated dist
• push the modifications on gh-branches

rm -rf dist #remove the previous version if any
gulp #generates a new dist folder
git checkout gh-pages # go to gh-pages branch
rm -rf data/ imgs/ index.html  js/ styles/ views/ # remove previous content
mv dist/* . # update previous content

Finally, commit and push you modifications as usually

Online exercices

Here are the solutions for the different online exercice :

• Slide 24 - Two-Way Data Binding Magic
• Slide 29 - Expressions in AngularJS
• Slide 39 - Use of $watch by Angular
• Slide 46 - To conclude about controllers..
• Slide 67 - Main Angular services: $http
• Slide 114 - Native Angular directives
• Slide 115 - Using the link function
• Slide 125 - Using the scope property
• Slide 130 - Creating new directives
• Slide 137 - Let's use Angular Filters!
• Slide 144 - Using form validation methods

links

• Immediately-invoked Function Expressions
• support for script-async for IE>10
• difference between angular-route and angular-ui-router
• ESLint rules for AngularJS project
• How to integrate ESLint inside SuublimeText (French)
• Debugging AngularJS Apps from the Console
• L'API Promise d'AngularJS (FR)
• $http success versus then