Cette formation Ember.js est destinée à des développeur·se·s familiers avec le web et JavaScript souhaitant apprendre à développer des applications Ember.js.

Ember.js est un framework Open Source Javascript de type SPA (Single Page Application) suivant les concepts CoC (Convention over Configuration) et DRY (Don't Repeat Yourself) chers à Ruby On Rails.

Tout au long de cette formation, nous développerons ensemble une application Web avec la dernière version d'Ember.js baptisée Octane (mettant en avant les composants Glimmer et les Modifiers) et qui s'interfacera avec une API REST existante.

A l'issue de cette formation Ember.js, vous serez notamment à l'aise avec les concepts clés d'Ember.js et Ember Data, et serez capable de créer vos propres composants. De plus vous repartirez avec les corrigés des exercices vus tout au long de la session.

Covid-19: Nous restons ouverts. Cette formation est disponible à distance.

Les objectifs

• Comprendre les concepts clé d'Ember.js
• Utiliser Ember Data
• Savoir utiliser le CLI
• Créer et réutiliser ses propres composants
• Installer et utiliser des addons externes

Pré-requis

• Connaissance de HTML, CSS et un bon niveau en JavaScript (la connaissance d'ES6 est un plus)
• Ordinateur portable avec un IDE (Webstorm, VS Code, Atom ou autre) avec un environnement NodeJS + npm installé (version récente)
• Ordinateur portable à apporter

Le programme de la formation Ember.js

Jour 1 : Les bases d'Ember.js

• Découvrir le framework, son historique et les différentes ressources
• Comprendre les concepts de route, template, component, controller, model
• Intégrer le mécanisme de CoC et les conventions de nommage adoptées par Ember
• Utiliser le CLI pour créer l'application et les différents éléments la constituant

Mises en pratique : création d'une application basique et statique avec quelques pages

Jour 2 : Les composants et services, les tests

• Comprendre à quoi sert un composant, un service
• Savoir quand utiliser un composant, un service
• Comprendre comment passer des données à un composant et connaître les impacts en cas de modification
• Connaître les bonnes pratiques de développement des composants
• Savoir comment tester les différents éléments de notre application

Mises en pratique :
- factorisation du code de l'application en introduisant services et composants,
- mises en place de tests

Jour 3 : Ember Data

• Comprendre le but d'Ember Data
• Savoir comment créer des modèles et comment mettre en place des relations entre ces derniers
• Mocker un serveur avec Mirage
• Comprendre le mécanisme de serializer et d'adapter d'Ember Data afin de pouvoir coller à tout type de Backend

Mises en pratique :
- création des modèles,
- mise en place d'un serveur mocké,
- câblage de notre application avec une vraie API REST

Jour 4 : Aller plus loin

• Découvrir et différencier les computed properties, tracked properties et getter/setter
• Approfondir les routes : nested routes, méthodes couramment utilisées
• Créer ses propres helpers
• Connaître les façons de configurer, versionner et déployer son application

Mises en pratique des concepts sur l'application

A propos de Human Coders

Human Coders c'est un centre de formation pour développeurs avec :

• une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• de nombreux clients qui nous font confiance depuis des années
• un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
• 87 formations au catalogue, 1121 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
• la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation