Difference between revisions of "Angular"
Jump to navigation
Jump to search
| (11 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
https://angularjs.org/ |
https://angularjs.org/ |
||
| + | Framework javascript |
||
| − | ''HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resulting environment is extraordinarily expressive, readable, and quick to develop. '' |
||
| + | * Architecture proche de MVVM, mais dite MVW |
||
| + | Une application par page (Single Page Application), Angular permet de définir |
||
| + | * des modules |
||
| + | * des services/factory |
||
| + | * des controleurs |
||
| + | * des directives |
||
| + | * des vues, filtres, expressions, bindings |
||
| + | * des routages |
||
| + | Extensible via des [http://ngmodules.org/ modules tiers] |
||
| ⚫ | |||
| + | |||
| + | =Transparents= |
||
| + | [https://drive.google.com/open?id=0B_0n2CoDWpWQNV9iM3J4ck1YNnM Transparents du Cours (Alexandre Demeure)] |
||
| + | |||
| + | =Tutoriel (Officiel)= |
||
https://docs.angularjs.org/tutorial |
https://docs.angularjs.org/tutorial |
||
<pre> |
<pre> |
||
| Line 20: | Line 33: | ||
npm run protractor |
npm run protractor |
||
</pre> |
</pre> |
||
| + | |||
| + | ==Step 0== |
||
| + | |||
| + | <pre> |
||
| + | git checkout -f step-0 |
||
| + | npm install |
||
| + | bower install |
||
| + | npm start |
||
| + | </pre> |
||
| + | |||
| + | Browse http://localhost:8000/app/index.html |
||
| + | ==Step 1== |
||
| + | |||
| + | <pre> |
||
| + | git checkout -f step-1 |
||
| + | npm install |
||
| + | bower install |
||
| + | npm start |
||
| + | </pre> |
||
| + | |||
| + | Browse http://localhost:8000/app/index.html |
||
| + | |||
| ⚫ | |||
| + | |||
| + | http://todomvc.com/examples/angularjs/#/ |
||
| + | |||
| + | =Démarrage avec [https://github.com/jbutko/AngularJS-Boilerplate AngularJS Boilerplate]= |
||
| + | ==A partir de AngularJS Boilerplate== |
||
| + | <pre> |
||
| + | git clone https://github.com/jbutko/AngularJS-Boilerplate.git |
||
| + | npm install |
||
| + | gulp build |
||
| + | gulp server |
||
| + | gulp server-build |
||
| + | </pre> |
||
| + | |||
| + | ==From scratch== |
||
| + | Suivre [[Angular/Todolist|Mini-tutoriel TODOLIST]] |
||
Latest revision as of 12:55, 12 November 2015
Framework javascript
- Architecture proche de MVVM, mais dite MVW
Une application par page (Single Page Application), Angular permet de définir
- des modules
- des services/factory
- des controleurs
- des directives
- des vues, filtres, expressions, bindings
- des routages
Extensible via des modules tiers
Transparents
Transparents du Cours (Alexandre Demeure)
Tutoriel (Officiel)
https://docs.angularjs.org/tutorial
git clone --depth=14 https://github.com/angular/angular-phonecat.git cd angular-phonecat node --version npm install bower install npm start
Browse http://localhost:8000/app/index.html
npm run protractor
Step 0
git checkout -f step-0 npm install bower install npm start
Browse http://localhost:8000/app/index.html
Step 1
git checkout -f step-1 npm install bower install npm start
Browse http://localhost:8000/app/index.html
TODO Tutoriel
http://todomvc.com/examples/angularjs/#/
Démarrage avec AngularJS Boilerplate
A partir de AngularJS Boilerplate
git clone https://github.com/jbutko/AngularJS-Boilerplate.git npm install gulp build gulp server gulp server-build
From scratch
Suivre Mini-tutoriel TODOLIST