Angular: Difference between revisions

From air
Jump to navigation Jump to search
 
(9 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=
=Transparents=
Line 28: Line 38:
<pre>
<pre>
git checkout -f step-0
git checkout -f step-0
npm install
bower install
npm start
</pre>
</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


=TODO Tutoriel=
=TODO Tutoriel=


http://todomvc.com/examples/angularjs/#/
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 10:55, 12 November 2015

https://angularjs.org/

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