Formation Front End Ember à Casablanca

Formation Front End Ember

Introduction à EmberJS

Développement Javascript objet, prototypage et bonnes pratiquesOrigines et installation d’Ember.js

Environnement de développement pour EmberJS

Sources et dépot GitYeoman et générateur Ember.jsGestion de build et dépendances avec Bower et GruntDebug avec Ember Inspector pour Chrome et FirefoxCréation d’une première application

Les bases Ember.js

Exemple simple Hello WorldConcepts : templates, router, components, models, route,controllersConventions de nommage : application et routeModèle objet : classes et instances, propriétés dynamiquesÉvénements : observers et bindingsUtilisation des mixins

Routage et gestion d’état

Création d’un router d’applicationMapping d’URL avec les routesCycle de changement d’étatConfigurer le router, définir des cheminsGestionnaire de ressource et model d’une routeRoutage asynchroneConfigurer un controller de route et un template

Les templates d’application

Présentation Handlebars.jsDéclarer, insérer et écrire les templatesLes variables Ember.jsLes helpers link, input et eachLes conditions et les interactions utilisateurBound et unbound expressionsÉtendre les templates, créer ses propres helpers

Les controllers

Déclarer, attacher aux modelsAfficher des données dynamiques des controllersLes propriétés et propriétés calculéesÉvénements, utilisation des Promises, types de controllersMéthodes des controllersGestion des vues

Les vues et la gestion d’événement

Déclarer les vuesAssocier : le controller, le template, les tags d’élémentMettre à jour les attributsInsertion : dans le DOM, dans les templatesLes layoutsGestion des événementsComposants Ember.js : champs de saisie, containers

Components

Description et déclarationDifférence entre vue et componentLes propriétésDéfinir les types de tag, class et attributsGérer les événements, défnir des actionsLes layouts

Persistance de données avec REST

Les requêtes Ajax avec Ember.jsPrésentation de Ember-dataCréer un data storeModels, relations, accès aux donnéesAbstraction : Store, Serializer et Adapaters

Logs, debug et tests

Logs et debug : Objets, routers et routes, templates, controllers et viewsUtiliser Ember.js InspectorGestion d’erreurÉcrire des testsHelpers de test : synchrones et asynchronesLes tests unitaires : computed properties, appels de méthodes et observersTests d’intégrationBuild de l’application