AngularJs ========= ![category](web) ![tag](javascript) ![tag](angularjs) **AngularJs** est un framework javascript permettant d’écrire des applications web en mode SPA Single Page Application. Ce framework est open source et est développé par Google. Il est fortement orienté MVC (Modèle Vue Controler) voir MVVM (Modèle Vue Vue Modèle). L’essentiel est de savoir qu’une application AngularJS permet de bien séparer le visuel, de l’opérationnel et de faire simplement une relation entre les deux. Installation ------------ Ainsi une application **angularjs** est souvent composé: - un serveur web: qui distribue l'application - un serveur d'application: qui distribue des services la création d'une applicaiton angularjs est réalisé via l'utilisation de **bower** ```bash``` mkdir myappli cd myappli bower init bower install angular mkdir css touch css/mycss.css mkdir app touch app/app.js touch index.html mkdir images mkdir images/touch touch images/touch/icon_16x16.png touch images/touch/icon_128x128.png touch images/touch/icon_144x144.png touch images/touch/icon_152x152.png touch images/touch/icon_192x192.png touch favicon.ico Il est possible d’installer en local la doc d’angular material. Pour cela il faut avoir le logiciel **npm** ```bash npm install -g gulp git clone https://github.com/angular/material cd material npm install gulp build gulp docs cd dist/docs ``` Utilisation ----------- Angularjs utilise le fichier app.js et les fichiers html. On génère un module qui contrôle une partie d'une page html via un controller. Il est possible de créer aussi des directives, cela correspond à la création de nouvelles balises html exemple de fichier minimaliste app.js ```javascript var module = angular.module("MyAppli", []); module.controller('AppController' , function ($scope) { //TODO }); ``` exemple de fichier minimaliste index.html ```html MyAppli
``` Il existe de nombreux module complémentaire autour d'Angularjs qui permet de faire facilement beaucoup de chose.