Durant cette formation Elm, vous apprendrez la programmation fonctionnelle et le typage statique dans le cadre du développement web. Vous découvrirez une solution où le langage de programmation et le framework web ne font qu'un. Vous vous appuierez sur le compilateur pour éviter les exceptions à runtime. Vous compilerez vers JavaScript des applications performantes et de taille réduite.

Les deux journées comportent de nombreux ateliers pratiques où vous développerez une application de pixel art. Vous générerez un plateau interactif, ajouterez des outils de dessin et menus de configuration, implémenterez la sauvegarde en base et le chargement des créations des autres participants. La programme comporte aussi des exercices optionnels, pour aller plus loin.

A l’issue de la formation, vous repartirez avec le code source de votre projet.

Nos sessions sont limitées à 6 participants : votre formateur est disponible pour vous accompagner individuellement. Ainsi, cette formation Elm est ouverte aux développeur·se·s back, front ou full-stack, avec ou sans première experience en Elm.

Les objectifs

• Comprendre l'architecture Elm et la philosophie du langage
• Découvrir le typage dans le cadre du développement d'applications web
• Manipuler un jeu de données en programmation fonctionnelle
• Récupérer et décoder des données issues d'une API

Pré-requis

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

Le programme de la formation Elm

Jour 1 - La programmation fonctionnelle pour le web

Introduction à Elm

• Philosophie du langage et environnement de développement
• Expressions let..in et if..then..else
• Fonctions, closure, pipe, curryfication
• List, record, tuple et Html
• Styling (inline / classes / librairies)
• Types alias

Mises en pratique
- Afficher un plateau vide de taille paramétrable
- Générer un plateau de 256 cases
- Ajouter les signatures de types dans le code

Création d'une application interactive

• Types personnalisés et modules
• Expression case..of et pattern matching
• Manipulation de Maybe
• Messages, actions utilisateurs et Html.Events

Mises en pratique :
- Pouvoir sélectionner une case et inverser toutes les cases du plateau
- Ajouter un menu de configuration de la taille du plateau
- Inverser une pièce du plateau et définir un module dédié

Jour 2 - Interagir avec des API externes

Commandes, encodage et sauvegarde

• Génération de nombres aléatoires avec une commande
• Encodage JSON
• Sauvegarde via une requête HTTP

Mises en pratique :
- Retourner l'une des pièces du plateau de façon aléatoire
- Encoder un plateau en JSON
- Sauvegarder un dessin en base de données

Récupération de données externes

• Techniques de décodage JSON
• Récupération de données via une requête HTTP
• Interaction avec JavaScript

Mises en pratiques :
- Développer un pinceau de dessin en pixel art
- Décoder les réponses de l'API
- Charger les créations des autres participants

Le(s) formateur(s)

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...
• 153 formations au catalogue, 1629 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