Vous êtes ici : Accueil > Formation informatique > Développement web et mobilité > Développer avec des frameworks web modernes (Front-end)

Fantom Tag

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

Créer des applications web riches et interactives

  • A distance
  • Fondamental
InterIntra
A distance
Durée
14 heures
Prix 2025
1 550,00 €  HT
Référence
LI255
Consulter les dates
Choisir une session
Formation dans votre entreprise
Durée
14 heures
Forfait intra - En savoir plus
4 190,00€ HT
Prix pour un groupe de 12 personnes max
Référence
LI255
Demander un devis
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
Nous contacter
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.
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Chefs de projets, développeurs et web designers

Prérequis

Programme

Le 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 modèle d'une route
  • Routage asynchrone
  • Configurer un contrôleur 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
  • Étendre les templates, créer ses propres helpers

6 - Les contrôleurs

  • Déclarer, attacher aux modèles
  • Afficher des données dynamiques des contrôleurs
  • Les propriétés et propriétés calculées
  • Événements, utilisation des Promises, types de contrôleurs
  • Méthodes des contrôleurs
  • 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 - Composants

  • Description et déclaration
  • Différence entre vue et composant
  • 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
  • Modèles, relations, accès aux données
  • Abstraction : magasin, sérialiseur et adaptateurs

10 - Logs, debug et tests

  • Logs et debug : objets, routeurs et routes, templates, contrôleurs et vues
  • Utiliser Ember.js Inspector
  • Gestion d'erreur
  • Écrire des tests
  • Helpers de test : synchrones et asynchrones
  • Les tests unitaires : propriétés calculées, appels de méthodes et observateurs
  • Tests d'intégration
  • Build de l'application

Evaluation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
Objectifs

Les objectifs de la formation

  • 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ébugger et tester une application
Evaluation

Evaluation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
Points forts

Les points forts de la formation

  • Les ateliers pratiques qui ponctuent la formation permettent aux participants d'acquérir les connaissances nécessaires à la création d'interfaces riches et réactives pour leurs 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.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.

En savoir plus

Mesurez l'impact environnemental de votre formation

Dates

  • 1 550,00 € HT
    Places disponibles
    S'inscrire
Formation - Ember.js - Développement d'applications Web