Elm est un langage fonctionnel statiquement typé qui compile vers JavaScript. N’importe quelle application Elm peut alors s'intégrer avec un projet JavaScript existant, interagir avec l’API du navigateur et communiquer avec des librairies externes.

Durant cette formation Elm, vous apprendrez les bases du langage Elm, ainsi que les clés de la programmation fonctionnelle et du typage statique dans le cadre du développement web.
Avec Elm, vous découvrirez une solution accessible, où le langage de programmation et le framework web ne font qu'un. Vous vous appuierez sur le compilateur pour détecter les erreurs dès la sauvegarde du code source et éviter des exceptions à runtime. Vous obtiendrez alors des applications performantes et de taille réduite.

Les deux journées s'articulent autour de cours, d'exercices et d'un projet fil rouge. Vous créerez alors un dashboard interactif d'analyse de données, afin de comprendre l'architecture "Model / View / Update". Et pour vous exercer à la programmation fonctionnelle, vous calculerez des indicateurs statistiques (top pages, unique visitors, bounce rate...) à partir de données d'audience d'un site web.

Cette formation Elm s'adresse à tous développeur·se·s back, front ou full-stack curieux·se·s de découvrir de nouveaux paradigmes en développement web.
Si vous avez déjà eu une première expérience avec Elm, notre formation Elm Avancé peut peut-être vous intéresser !

A l’issue de la formation, vous repartirez avec le code source de votre projet, les tests unitaires, l'environnement de développement Elm et les scripts pour le mettre en ligne.
Vous pourrez ainsi adapter les pages et le jeu de 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

• Comprendre l'architecture Elm et la philosophie du langage
• Apprendre les bases du langage Elm
• Découvrir le typage dans le cadre du développement d'applications web
• Manipuler un jeu de données en programmation fonctionnelle

Pré-requis

• Avoir une première expérience de programmation côté client ou côté serveur
• Avoir des connaissances en HTML et CSS
• Apporter un ordinateur portable

Le programme de la formation Elm

Jour 1 - La programmation fonctionnelle pour le web

Introduction à Elm

• Philosophie du langage
• Environnement de développement
• Compilation vers JavaScript

Découverte du langage

• Expressions, fonctions et closures
• Pipe operators
• List, record, tuple
• Modules
• Comparaison avec JavaScript

Programmation fonctionnelle

• Immutabilité, fonctions pures, fonctions d'ordre supérieur
• Curryfication, ordre des arguments
• List vs Array
• Mapping, filtering, combining
• List.foldr vs List.foldl

Typage statique

• Types alias, records extensibles
• Types personnalisés
• Type Maybe
• Signature de type
• Les Pattern matching, destructuring, métacaractère

Mise en pratique

• Création de différents types pour décrire le jeu de données
• Mapping du jeu de données en programmation fonctionnelle
• Filtrage, transformation et tri du jeu de données

Jour 2 - Création d'une page web interactive

Construction d'une page

• Introduction aux modules Html et Html.Attributes
• Création d'une View à partir d'un Model initial
• Comparaison avec le markup HTML
• Styling (inline / classes / librairies)

Mise en pratique

• Construction et design de la page principale du dashboard
• Affichage visuel d'indicateurs clés à partir de données initiales

Model View Udpate

• Architecture et cycle de vie d'une application Elm
• Fonctions init, view et update
• Messages et Html.Events
• Comparaison avec JavaScript

Mise en pratique

• Ajout d'une barre d'outils pour naviguer dans les données statistiques
• Modification de la page en fonction des actions utilisateurs
• Gestion des erreurs

Le(s) formateur(s)

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.