Menu Recherche Panier
(...)
Vous êtes ici : Accueil > Catalogue des formations > Formation Ember.js - Développement d'applications Web
Technique

Formation Ember.js - Développement d'applications Web

Créer des applications web riches et interactives

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. Les participants à cette formation apprendront à tirer parti de ce cadriciel pour améliorer et optimiser leurs développements d’applications web
Objectifs de cette formation Ember.js - Développement d'applications Web
  • 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
Public
  • Chefs de projets, développeurs et web designers
Pré-requis
Programme détaillé

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
Les plus de cette formation Ember.js - Développement d'applications Web
  • La formation intègre de nombreux travaux pratiques qui favorisent une assimilation rapide et durable des thématiques abordées en cours.
  • Les conseils et retours d’expériences de consultants rompus à l’utilisation du framework.

Informations

  • Durée : 2 Jours (14h)
  • Réf. : LI255


Bon à savoir...

= une réponse possible
= plusieurs réponses possibles

1. Comment est-il possible d’ajouter du JavaScript à une page HTML ?
2. En considérant le code : var points = new Array(40); que contient la variable points ?
3. Quelle est la différence entre les opérateurs == et === ?
4. Quelle méthode de l’objet window permettant d’afficher une boîte de dialogue n’existe pas ?
5. Quelle propriété du modèle DOM permet de modifier le style d’un élément ?
6. Quel Framework est communément employé pour simplifier l’écriture de code JavaScript ?
7. Parmi les syntaxes suivantes, laquelle permet de déclarer le constructeur d’une classe Personne ?
8. Quel objet JavaScript permet d’obtenir des informations sur le navigateur utilisé ?
9. En quoi consiste le JavaScript discret (Unobtrusive JavaScript) ?
10. Quel membre de l’objet document permet de récupérer un sous-élément par son nom ?
Vous n'avez pas répondu à toutes les questions !
Vous avez % de bonnes réponses, vous pouvez donc suivre cette formation.
Vous avez % de bonnes réponses.
Nous vous invitons à contacter nos Conseillers Formation au 0825 07 6000 afin qu'ils vous orientent vers une formation plus adaptée à vos connaissances.