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
MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS
Modalités pédagogiques :
- Évaluation des besoins et du profil des participants.
- Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
- Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
- Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.
- Méthodes expositive, active et participative.
- Réflexion et échanges sur cas pratiques.
- Retours d'expériences.
- Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.
Éléments matériels :
- Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
- Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.
Référent pédagogique et formateur :
- Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
- Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.
MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS
- Feuilles de présences signées des participants et du formateur par demi-journée.
- Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.
Please login to get access to the quiz
Back to Bibliothèques et frameworks javascript
