Différences
Ci-dessous, les différences entre deux révisions de la page.
| slam4:richclient:angularjs:td1 [2016/01/25 19:07] – [2.4- Vue] jcheron | slam4:richclient:angularjs:td1 [2019/08/31 14:21] (Version actuelle) – modification externe 127.0.0.1 | ||
|---|---|---|---|
| Ligne 3: | Ligne 3: | ||
| |< 100% >| | |< 100% >| | ||
| - | | {{: | + | | {{: |
| < | < | ||
| Ligne 13: | Ligne 13: | ||
| < | < | ||
| - | Créer un dossier différent pour chaque exercice, dans le même projet | + | |
| + | ==== -- Création du/des projet/s ==== | ||
| + | |||
| + | - Créer un dossier | ||
| + | - Publier **angular-tds** sur github en tant que nouveau repository ; | ||
| + | - Ajouter **jcheron** à la liste des **colaborators** de ce projet ; | ||
| + | - Créer ensuite un dossier/ | ||
| + | - Publier (commit and push) régulièrement sur github. | ||
| ===== -- Exercice : application Note ===== | ===== -- Exercice : application Note ===== | ||
| Ligne 20: | Ligne 27: | ||
| - Utiliser des directives Angular | - Utiliser des directives Angular | ||
| - Mettre en oeuvre le Data-binding | - Mettre en oeuvre le Data-binding | ||
| + | - Utiliser un service ($cookies) | ||
| ==== -- Fonctionnalités ==== | ==== -- Fonctionnalités ==== | ||
| Ligne 35: | Ligne 43: | ||
| ^::: | < | ^::: | < | ||
| ^::: | < | ^::: | < | ||
| - | ^::: | < | + | ^::: | < |
| + | ^::: | < | ||
| ^::: | < | ^::: | < | ||
| - | ^::: | < | + | ^::: | < |
| Ligne 56: | Ligne 65: | ||
| === -- Logique applicative / comportement de l' | === -- Logique applicative / comportement de l' | ||
| - | * sur saisie dans la zone **messageNote** (textarea), le nombre de caractères restants est indiqué | + | * sur saisie dans la zone **messageNote** (textarea), le nombre de caractères restants est indiqué |
| - | * la zone **info** apparaît et indique "note modifiée" | + | * la zone **info** apparaît et indique "note modifiée" |
| - | * Le style de la zone **info** passe à **< | + | * Le style de la zone **status** passe à **< |
| * Sur enregistrement (à condition que le message ne soit pas vide) : | * Sur enregistrement (à condition que le message ne soit pas vide) : | ||
| Ligne 67: | Ligne 76: | ||
| === -- Test en ligne === | === -- Test en ligne === | ||
| - | < | + | < |
| ===== -- Exercice : Choix de services ===== | ===== -- Exercice : Choix de services ===== | ||
| ==== -- Objectifs ==== | ==== -- Objectifs ==== | ||
| Ligne 95: | Ligne 103: | ||
| [ | [ | ||
| { | { | ||
| - | name: | + | "name": "Web Development", |
| - | price: 300, | + | "price": 300, |
| - | active: | + | "active":true |
| },{ | },{ | ||
| - | name: | + | "name": "Design", |
| - | price: 400, | + | "price": 400, |
| - | active: | + | "active":false |
| },{ | },{ | ||
| - | name: | + | "name": "Integration", |
| - | price: 250, | + | "price": 250, |
| - | active: | + | "active":false |
| },{ | },{ | ||
| - | name: | + | "name": "Formation", |
| - | price: 220, | + | "price": 220, |
| - | active: | + | "active":false |
| } | } | ||
| ] | ] | ||
| Ligne 121: | Ligne 129: | ||
| * ng-app | * ng-app | ||
| * ng-controller | * ng-controller | ||
| + | * ng-click | ||
| * [[https:// | * [[https:// | ||
| * [[https:// | * [[https:// | ||
| Ligne 142: | Ligne 151: | ||
| <sxh javascript; | <sxh javascript; | ||
| + | { | ||
| + | " | ||
| + | " | ||
| + | " | ||
| + | } | ||
| </ | </ | ||
| + | {{: | ||
| + | |||
| === -- Test en ligne === | === -- Test en ligne === | ||
| - | < | + | < |