01 53 90 15 20

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”. Il utilise 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. Cette formation vous permettra de créer des interfaces riches et réactives pour vos applications web. 

Objectifs

  • Comprendre les principes de EmberJS
  • Mettre en oeuvre les bonnes pratiques de développement

2 jours

  • Programme
  • Public et Prérequis
  • Pédagogie
  • Dates et Tarifs
  • Nous contacter

Programme de la formation EmberJS

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

Public 

Cette formation découverte informatique s’adresse aux personnes débutantes en micro-informatique.

Prérequis 

Afin de profiter pleinement de la formation, il est conseillé de posséder des compétences en JavaScript.

Modalités d’évaluation

L’évaluation des acquis se fait tout au long de la session au travers des multiples exercices à réaliser (50 à 70% du temps).

Compétences du formateur

Notre formation est animée par un expert reconnu dans son domaine possédant une expérience sur le terrain significative et des compétences pédagogiques reconnues.

Moyens pédagogiques et techniques

  • Ordinateur (PC / MAC), vidéoprojecteur, aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les stages pratiques, études de cas ou présentation de cas réels pour les séminaires de formation.

A l’issue de chaque stage ou séminaire, ESIC fournit aux participants :

  • Un questionnaire d’évaluation de la session
  • Une feuille d’émargement par demi-journée de présence
  • Une attestation de fin de formation

Dates 

    • 11 novembre 201912 novembre 2019 @ 

    • 10 février 202011 février 2020 @ 

    • 11 mai 202012 mai 2020 @ 

    • 10 août 202011 août 2020 @ 

( Sous réserve d’un effectif nécessaire pour l’ouverture de session )

Tarif

1090€HT/personne.

Intra-entreprise et sur-mesure

Nos consultants vous accompagnent pour adapter ce programme de formation à votre contexte.

Fermer le menu
×
×

Panier