Bibliothèques et frameworks javascript

Objectifs

• Comprendre les principes de Ember.js
• Mettre en oeuvre les bonnes pratiques de développement

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