Formation Ember.js - Développer des applications Web

A ses débuts, le langage JavaScript a utilement complété HTML en offrant la possibilité de rajouter du dynamisme aux pages statiques. Capable d’interagir avec les navigateurs, l’une de ses premières utilisations fut, dans les années 90, le contrôle de la saisie de formulaires. Un temps délaissé, JavaScript revient aujourd’hui en force. Plus « puissant », très polyvalent, il séduit à nouveau les développeurs qui s’emploient d’ailleurs à enrichir son écosystème de nombreux Frameworks. Ember .js est l’un d’entre eux. Résultat d’un projet communautaire, il permet aux développeurs de créer des applications web « monopage » supportant de fortes montées en charge.


Objectifs
  • Comprendre les principes de Ember.js
  • Maîtriser l'environnement de développement
  • Savoir développer une application avec le framework Ember.js
  • Acquérir les bonnes pratiques de développement
  • Comprendre comment débuguer et tester une application
Participants
  • Chef de projet
  • Développeur
  • Web designer
Approche Pédagogique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
  • Durée : 2 jours
  • Réf. : WEB64

Dates de Formations

28 et 29 Mai 2019

09 et 10 Juil. 2019

24 et 25 Sept. 2019

28 et 29 Nov. 2019

Programme
  • 1/ Introduction
    • • Développement JavaScript objet, prototypage et bonnes pratiques
    • • Origines et installation d’Ember.js
  • 2/ 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
  • 3/ 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
  • 4/ 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
  • 5/ 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
    • • Etendre les templates, créer ses propres helpers
  • 6/ 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
    • • Evénements, utilisation des Promises, types de controllers
    • • Méthodes des controllers
    • • Gestion des vues
  • 7/ 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
  • 8/ 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
  • 9/ 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
  • 10/ Logs, debug et tests
    • • 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