Ember.js – Développement d’applications Web
Objectifs
- Comprendre les principes de Ember.js
- Maîtriser l'environnement de développement
- Savoir développer une application avec le framework Ember.js
- Mettre en oeuvre les bonnes pratiques de développement
- Comprendre comment débuguer et tester une application
Programme
Introduction
- Développement JavaScript objet, prototypage et bonnes pratiques
- Origines et installation d’Ember.js
Environnement de développement
- Sources et dépôt 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 routeur d’application
- Mapping d’URL avec les routes
- Cycle de changement d’état
- Configurer le routeur, 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 modèles
- 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éfinir 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, routeurs 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
Please login to get access to the quiz
Back to Bibliothèques et frameworks javascript