Formation EmberJS


  • DÉVELOPPER UNE APPLICATION WEB AVEC EMBERJS
REFERENCE
 
 
IEMB
DUREE
 
 
2 jours
TARIFS
 
 
En Intra
Niveau : Intermédiaire
Cours à distance: Non
OBJECTIFS :
 

EmberJS est un framework permettant de créer des applications ambitieuses. Il vous permet d’écrire moins de code avec une gestion
de template intégrée « ember handlebars ».
Ce framework permet également d’utiliser des composants spécifiques qui étendent les tags HTML pour des comportements
personnalisés. Il facilite également l’accès aux données serveur avec une API REST native.
Ce stage vous permettra entre autre de créer des interfaces riches et réactives pour vos applications web.

Plus concrètement cette formation vous apprendra comment:
- Comprendre les principes de Ember.js
- Mettre en oeuvre les bonnes pratiques de développement

PRÉ-REQUIS :
 

Avoir suivi la formation Javascript ou posséder les connaissances équivalentes

PUBLIC :
 

Ce cours s'adresse aux Chefs de projets, aux Développeurs ainsi qu'aux Web Designers.

PROGRAMME :
 

Introduction à EmberJS

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

Environnement de développement pour EmberJS

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

TRAVAUX PRATIQUES :
 

Des exercices de Validation sont mis en place afin de mettre en pratique la théorie développée lors de cette formation.

EN INTRA SEULEMENT
FORMATION EMBER.JS
Contactez-nous pour obtenir les prochaines disponibilités de nos consultants formateurs
S’inscrire à la formation
CETTE FORMATION SUR-MESURE Ce cours est réalisable en intra-entreprise, dans vos locaux ou nos salles de cours CONTACTER NOTRE SERVICE INTRA
D'autres formations
SUR LE MÊME THÈME

4 j

 

Web - Digital

Polymer JS v1
Polymer JS est un Framework JavaScript créé par Google. Composé d’un ensemble d’éléments découplés (séparation du code HTML, CSS...

3 j

 

Web - Digital

Polymer JS v2
Polymer JS est un Framework JavaScript créé par Google. Composé d’un ensemble d’éléments découplés (séparation du code HTML, CSS...

3 j

 

Web - Digital

Sass et Compass
Grâce à Sass et à son framework CSS3 Compass, les intégrateurs et développeurs web professionnels confrontés à des impératifs de...

1 j

 

Web - Digital

LESS et SASS
CSS est un bon moyen de séparer le design du code HTML. Cependant, certaines contraintes liées au langage font que l'évolution, la réutilisation et la maintenance des feuilles de style CSS se...
Plus de formations sur le même thème

Des questions ?

ON VOUS RAPPELLE

 

0

Formations
Informatique
et Management
en ligne à ce jour

+ 0

Stagiaires dans nos
salles de cours sur
l'année

0%

De participants
satisfaits ou très
satisfaits de nos
formations

0

Formateurs experts
validés PLB