Formation Elm Avancé

Apprenez à développer des applications connectées à une API et intégrées à des projets JavaScript existants en utilisant le langage fonctionnel Elm !

Prix (Formation inter-entreprise)

1000€ HT / personne

Durée

2 jours

Dates

Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)

Cette formation est destinée à des développeur·se·s ayant eu une première expérience avec Elm. Nous ferons quelques rappels sur le langage et son architecture, mais si vous débutez nous vous conseillons de suivre notre formation Elm.

Durant la formation Elm Avancé, vous apprendrez à :

  • mettre en place un système de navigation multi-pages,
  • interagir avec JavaScript, le navigateur et des librairies externes,
  • tester votre application avec elm-test et Cypress,
  • envoyer, récupérer et décoder des données serveur via une API,
  • organiser votre code et suivre un ensemble de bonnes pratiques lorsque votre application prend de l'ampleur,
  • paramétrer votre application en fonction de l'environnement cible (dev, intégration, production) et la mettre en ligne

Les deux journées s'articulent autour de cours, d'exercices et d'un projet fil rouge. Vous développerez alors un dashboard interactif d'analyse de données avec plusieurs pages. Il récupérera les données d'audience d'un site web (top pages, uniques visitors, bounce rate...) depuis une API serveur.

A l’issue de la formation Elm Avancé, vous repartirez avec le code source de votre projet, l'environnement de développement Elm ainsi que des tests unitaires et d'intégration.
Vous saurez tester cette application de façon pertinente et serez à l'aise pour la mettre en production avec les scripts fournis. Vous saurez alors comment adapter les pages et la source des données afin de créer votre propre dashboard, par exemple pour suivre les indicateurs importants pour votre équipe ou pour le produit de votre entreprise.

Les objectifs

  • Approfondir certains aspects de Elm, en particulier les commands, les subscriptions et les ports
  • Envoyer, récupérer et décoder des données serveur via une API
  • Interagir avec JavaScript, le navigateur et des librairies externes
  • Apprendre à paramétrer, tester et mettre en production une application Elm

Pré-requis

  • Avoir suivi notre formation Elm ou avoir une bonne expérience en programmation fonctionnelle
  • Avoir des connaissances en HTML, CSS et JavaScript
  • Apporter un ordinateur portable

Le programme de la formation Elm Avancé

Jour 1 - Navigation et communication avec une API

Introduction
  • Philosophie du langage
  • Programmation fonctionnelle et typage avec Elm
  • Environnement de développement
  • Architecture Model / View / Update
Pages et routing
  • Principes de base
  • Organisation du code
  • Browser.Navigation
  • Parsing d'URL
Mise en pratique
  • Création de plusieurs pages pour le dashboard
  • Création d'un menu de navigation
  • Gestion de différentes urls et déploiement d'une SPA
Récupération de données distantes via une API
  • Commands
  • Déclaration de requêtes
  • Utilisation du module Http
  • Gestion des réponses
Décodage JSON
  • Décodage de littérales
  • Décodage de records
  • Décodage de collections
Envoi des données vers un serveur
  • Encodage de données
  • Création d'une requête POST
  • Gestion des réponses
Mise en pratique
  • Récupération des données statistiques depuis une API
  • Mise à jour des indicateurs du dashboard en fonction des retours serveur
  • Sauvegarde côté serveur de préférences d'affichage du dashboard
  • Gestion des erreurs

Jour 2 - Interactivité, tests et mise en production

Interactions avec du code JavaScript
  • Ports
  • Subscriptions
  • Flags
  • Synchronisation avec Elm
Interactions avec le navigateur
  • Evénements clavier
  • Viewport
  • LocalStorage
Custom elements
  • Création de custom elements
  • Html.Events.on et gestion d'événements personnalisés
  • Détection de changements
Mise en pratique
  • Création d'une barre de recherche
  • Scroll automatique de la page
  • Sauvegarde côté client de préférences d'affichage du dashboard
  • Branchement du service Sentry pour tracker les erreurs
Tests automatiques
  • elm-test (tests unitaires et fuzzing)
  • Ajout de data-attributes
  • Cypress (tests d'intégration et end-to-end)
Compilation et déploiement pour la production
  • A propos de Debug.log
  • Chaîne de build, optimisation et minification
  • Déploiement d'une SPA
Mise en pratique
  • Mise en place d'une chaîne de tests automatiques
  • Déploiement en production d'un dashboard optimisé

Télécharger le programme

Besoin d'aide ?

Vous souhaitez discuter avec nous à propos de votre projet de formation ?
Vous voulez plus d'information sur une formation ou notre fonctionnement ?


Rappel Email

Nos forces

  • Des formations à taille humaine
  • Des formateurs passionnés
  • Des véritables workshop
Accéder au Manifeste

Nos clients

Voyage SNCF
SAP
Axa
Leboncoin.fr
La Poste
EADS

Nos formations en images

Sass et Compass
CasperJS
Ruby on Rails
Ruby

Formation Elm Avancé

Apprenez à développer des applications connectées à une API et intégrées à des projets JavaScript existants en utilisant le langage fonctionnel Elm !

Cette formation est destinée à des développeur·se·s ayant eu une première expérience avec Elm. Nous ferons quelques rappels sur le langage et son architecture, mais si vous débutez nous vous conseillons de suivre notre formation Elm.

Durant la formation Elm Avancé, vous apprendrez à :

  • mettre en place un système de navigation multi-pages,
  • interagir avec JavaScript, le navigateur et des librairies externes,
  • tester votre application avec elm-test et Cypress,
  • envoyer, récupérer et décoder des données serveur via une API,
  • organiser votre code et suivre un ensemble de bonnes pratiques lorsque votre application prend de l'ampleur,
  • paramétrer votre application en fonction de l'environnement cible (dev, intégration, production) et la mettre en ligne

Les deux journées s'articulent autour de cours, d'exercices et d'un projet fil rouge. Vous développerez alors un dashboard interactif d'analyse de données avec plusieurs pages. Il récupérera les données d'audience d'un site web (top pages, uniques visitors, bounce rate...) depuis une API serveur.

A l’issue de la formation Elm Avancé, vous repartirez avec le code source de votre projet, l'environnement de développement Elm ainsi que des tests unitaires et d'intégration.
Vous saurez tester cette application de façon pertinente et serez à l'aise pour la mettre en production avec les scripts fournis. Vous saurez alors comment adapter les pages et la source des données afin de créer votre propre dashboard, par exemple pour suivre les indicateurs importants pour votre équipe ou pour le produit de votre entreprise.

Les objectifs

  • Approfondir certains aspects de Elm, en particulier les commands, les subscriptions et les ports
  • Envoyer, récupérer et décoder des données serveur via une API
  • Interagir avec JavaScript, le navigateur et des librairies externes
  • Apprendre à paramétrer, tester et mettre en production une application Elm

Pré-requis

  • Avoir suivi notre formation Elm ou avoir une bonne expérience en programmation fonctionnelle
  • Avoir des connaissances en HTML, CSS et JavaScript
  • Apporter un ordinateur portable

Le programme de la formation Elm Avancé

Jour 1 - Navigation et communication avec une API

Introduction
  • Philosophie du langage
  • Programmation fonctionnelle et typage avec Elm
  • Environnement de développement
  • Architecture Model / View / Update
Pages et routing
  • Principes de base
  • Organisation du code
  • Browser.Navigation
  • Parsing d'URL
Mise en pratique
  • Création de plusieurs pages pour le dashboard
  • Création d'un menu de navigation
  • Gestion de différentes urls et déploiement d'une SPA
Récupération de données distantes via une API
  • Commands
  • Déclaration de requêtes
  • Utilisation du module Http
  • Gestion des réponses
Décodage JSON
  • Décodage de littérales
  • Décodage de records
  • Décodage de collections
Envoi des données vers un serveur
  • Encodage de données
  • Création d'une requête POST
  • Gestion des réponses
Mise en pratique
  • Récupération des données statistiques depuis une API
  • Mise à jour des indicateurs du dashboard en fonction des retours serveur
  • Sauvegarde côté serveur de préférences d'affichage du dashboard
  • Gestion des erreurs

Jour 2 - Interactivité, tests et mise en production

Interactions avec du code JavaScript
  • Ports
  • Subscriptions
  • Flags
  • Synchronisation avec Elm
Interactions avec le navigateur
  • Evénements clavier
  • Viewport
  • LocalStorage
Custom elements
  • Création de custom elements
  • Html.Events.on et gestion d'événements personnalisés
  • Détection de changements
Mise en pratique
  • Création d'une barre de recherche
  • Scroll automatique de la page
  • Sauvegarde côté client de préférences d'affichage du dashboard
  • Branchement du service Sentry pour tracker les erreurs
Tests automatiques
  • elm-test (tests unitaires et fuzzing)
  • Ajout de data-attributes
  • Cypress (tests d'intégration et end-to-end)
Compilation et déploiement pour la production
  • A propos de Debug.log
  • Chaîne de build, optimisation et minification
  • Déploiement d'une SPA
Mise en pratique
  • Mise en place d'une chaîne de tests automatiques
  • Déploiement en production d'un dashboard optimisé

Télécharger le programme

Le(s) formateur(s)

Cédric Soulas

Cédric Soulas

Cédric est adepte de la programmation fonctionnelle depuis 12 ans. Il a suivi un parcours Mathématiques-Informatique puis une formation ingénieur à Telecom ParisTech.
Il a été core developer sur Opa, un langage fonctionnel pour le web et développé avec OCaml (lire "Opa is a cousin of Reasonml, it pioneers many ideas […]"). Il a travaillé pendant 5 ans sur le compilateur vers JavaScript et le runtime des applications web générées.
Pendant toutes ces années, il a évangélisé et enseigné ce nouveau langage aux développeurs lors de meetups, de hackathons et de formations. Il a aussi formé des développeurs à la platforme de cloud computing OpenStack et à l'environement de développement Wakanda pour Angular/Ionic.

Aujourd'hui Cédric travaille à la fois en tant que Web Developer et Developer Advocate. Il enseigne la programmation fonctionnelle et la programmation réactive, en particulier via reactive.how où il produit des leçons et visualisations animées. Il développe maintenant des supports pédagogiques et des applications web avec Elm, pour le compte d'entreprises et pour ses projets personnels comme le récent "Launchpad for RxJS".

Voir son profil détaillé

Suivi de formation en option

A l'issue de la formation, nos formateurs peuvent aussi intervenir pour vous accompagner dans la mise en application des compétences acquises :

  • en répondant à vos questions lors de rendez-vous téléphoniques réguliers
  • en étant présents physiquement à l'amorce du projet
  • en réalisant un audit de vos pratiques quelques semaines/mois après la formation

Cette idée vous intéresse ? Faîtes-le nous savoir pour que nous trouvions la formule adaptée à votre situation.