Développer une application internet riche (RIA) avec EmberJS
Programme
Introduction
- Développement Javascript objet, prototypage et bonnes pratiques
- Origines et installation d’Ember.js
Environnement de développement
- Sources et dépot Git
- Yeoman et générateur Ember.js
- Gestion de build et dépendances avec Bower et Grunt
- Debug avec Ember Inspector pour Chrome et Firefox
- Création d’une première application
Les bases Ember.js
- Exemple simple Hello World
- Concepts : templates, router, components, models, route, controllers
- Conventions de nommage : application et route
- Modèle objet : classes et instances, propriétés dynamiques
- Événements : observers et bindings
- Utilisation des mixins
Routage et gestion d’état
- Création d’un router d’application
- Mapping d’URL avec les routes
- Cycle de changement d’état
- Configurer le router, définir des chemins
- Gestionnaire de ressource et model d’une route
- Routage asynchrone
- Configurer un controller de route et un template
Les templates d’application
- Présentation Handlebars.js
- Déclarer, insérer et écrire les templates
- Les variables Ember.js
- Les helpers link, input et each
- Les conditions et les interactions utilisateur
- Bound et unbound expressions
- Étendre les templates, créer ses propres helpers
Les controllers
- Déclarer, attacher aux models
- Afficher des données dynamiques des controllers
- Les propriétés et propriétés calculées
- Événements, utilisation des Promises, types de controllers
- Méthodes des controllers
- Gestion des vues
Les vues et la gestion d’événement
- Déclarer les vues
- Associer : le controller, le template, les tags d’élément
- Mettre à jour les attributs
- Insertion : dans le DOM, dans les templates
- Les layouts
- Gestion des événements
- Composants Ember.js : champs de saisie, containers
Components
- Description et déclaration
- Différence entre vue et component
- Les propriétés
- Définir les types de tag, class et attributs
- Gérer les événements, défnir des actions
- Les layouts
Persistance de données avec REST
- Les requêtes Ajax avec Ember.js
- Présentation de Ember-data
- Créer un data store
- Models, relations, accès aux données
- Abstraction : Store, Serializer et Adapaters
Logs, debug et tests
- Logs et debug : Objets, routers et routes, templates, controllers et views
- Utiliser Ember.js Inspector
- Gestion d’erreur
- Écrire des tests
- Helpers de test : synchrones et asynchrones
- Les tests unitaires : computed properties, appels de méthodes et observers
- Tests d’intégration
- Build de l’application
