une stack elm & elixir pour faire des tests

11
34 AVENUE DE L’OPÉRA > 75002 PARIS > FRANCE > WWW.OCTO.COM Une stack Elm & Elixir pour faire des tests UNE STACK ELM & ELIXIR POUR FAIRE DES TESTS - BBL OCTO - MAI 2017

Upload: nicolas-carlo

Post on 17-Mar-2018

119 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Une stack Elm & Elixir pour faire des tests

34 AVENUE DE L’OPÉRA > 75002 PARIS > FRANCE > WWW.OCTO.COM

Notice

Couverture

TextePolices : - Titre : Arial – 18pts- Sous-titre : Arial – 18pts

Une stack Elm & Elixir pour faire des tests

UNE STACK ELM & ELIXIR POUR FAIRE DES TESTS - BBL OCTO - MAI 2017

Page 2: Une stack Elm & Elixir pour faire des tests

2OCTO TECHNOLOGY > THERE IS A BETTER WAY

Notice

VisuelPour remplacer un visuel :- 1 clic gauche sur l’image- Dans la barre d’outils qui

apparait en haut, cliquer sur “remplacer l’image”

- Importer le nouveau visuelPour recadrer un visuel : - 1 clic gauche sur l’image- Dans la barre d’outils qui

apparaît en haut, cliquer sur l’icône

- Déplacer le visuel dans la cadre ou rogner le cadre en déplaçant les taquets noirs

ContenuLors de l’ajout de cette slide, les bullet points n’apparaissent pas automatiquement. Pour ce faire : - Sélectionner la zone de

texte- Cliquer sur l’icône de liste à

puces : @nicoespeon

Page 3: Une stack Elm & Elixir pour faire des tests

3OCTO TECHNOLOGY > THERE IS A BETTER WAY

Notice

VisuelPour remplacer un visuel :- 1 clic gauche sur l’image- Dans la barre d’outils qui

apparait en haut, cliquer sur “remplacer l’image”

- Importer le nouveau visuelPour recadrer un visuel : - 1 clic gauche sur l’image- Dans la barre d’outils qui

apparaît en haut, cliquer sur l’icône

- Déplacer le visuel dans la cadre ou rogner le cadre en déplaçant les taquets noirs

ContenuLors de l’ajout de cette slide, les bullet points n’apparaissent pas automatiquement. Pour ce faire : - Sélectionner la zone de

texte- Cliquer sur l’icône de liste à

puces :

Comment je

fais du TDD

avec une stack

Elixir + Elm

Page 4: Une stack Elm & Elixir pour faire des tests

4OCTO TECHNOLOGY > THERE IS A BETTER WAY

Notice

VisuelPour remplacer un visuel :- 1 clic gauche sur l’image- Dans la barre d’outils qui

apparait en haut, cliquer sur “remplacer l’image”

- Importer le nouveau visuelPour recadrer un visuel : - 1 clic gauche sur l’image- Dans la barre d’outils qui

apparaît en haut, cliquer sur l’icône

- Déplacer le visuel dans la cadre ou rogner le cadre en déplaçant les taquets noirs

ContenuLors de l’ajout de cette slide, les bullet points n’apparaissent pas automatiquement. Pour ce faire : - Sélectionner la zone de

texte- Cliquer sur l’icône de liste à

puces :

Hop hop hop !

Comment t’as fait

pour avoir une stack

Elixir + Elm ?

Page 5: Une stack Elm & Elixir pour faire des tests

5OCTO TECHNOLOGY > THERE IS A BETTER WAY

Notice

VisuelPour remplacer un visuel :- 1 clic gauche sur l’image- Dans la barre d’outils qui

apparait en haut, cliquer sur “remplacer l’image”

- Importer le nouveau visuelPour recadrer un visuel : - 1 clic gauche sur l’image- Dans la barre d’outils qui

apparaît en haut, cliquer sur l’icône

- Déplacer le visuel dans la cadre ou rogner le cadre en déplaçant les taquets noirs

ContenuLors de l’ajout de cette slide, les bullet points n’apparaissent pas automatiquement. Pour ce faire : - Sélectionner la zone de

texte- Cliquer sur l’icône de liste à

puces :

Comment mettre en

place une stack

Elixir + Elm

qui permette de

faire des tests ?

Page 6: Une stack Elm & Elixir pour faire des tests

6OCTO TECHNOLOGY > THERE IS A BETTER WAY

Notice

VisuelPour remplacer un visuel :- 1 clic gauche sur l’image- Dans la barre d’outils qui

apparait en haut, cliquer sur “remplacer l’image”

- Importer le nouveau visuelPour recadrer un visuel : - 1 clic gauche sur l’image- Dans la barre d’outils qui

apparaît en haut, cliquer sur l’icône

- Déplacer le visuel dans la cadre ou rogner le cadre en déplaçant les taquets noirs

ContenuLors de l’ajout de cette slide, les bullet points n’apparaissent pas automatiquement. Pour ce faire : - Sélectionner la zone de

texte- Cliquer sur l’icône de liste à

puces :

Elm

Fonctionnel Fonctionnel

Front-end (=> JS) Back-end (=> Erlang)

Typage statique Typage Dynamique

“No runtime error” “Let it crash”

Beginner-friendly Pattern-matching

Elixir

Page 7: Une stack Elm & Elixir pour faire des tests

7OCTO TECHNOLOGY > THERE IS A BETTER WAY

Notice

VisuelPour remplacer un visuel :- 1 clic gauche sur l’image- Dans la barre d’outils qui

apparait en haut, cliquer sur “remplacer l’image”

- Importer le nouveau visuelPour recadrer un visuel : - 1 clic gauche sur l’image- Dans la barre d’outils qui

apparaît en haut, cliquer sur l’icône

- Déplacer le visuel dans la cadre ou rogner le cadre en déplaçant les taquets noirs

ContenuLors de l’ajout de cette slide, les bullet points n’apparaissent pas automatiquement. Pour ce faire : - Sélectionner la zone de

texte- Cliquer sur l’icône de liste à

puces :

Framework Web Elixir

Équivalent RoR pour Ruby

Mix = build tool Elixir

Phoenix

Page 8: Une stack Elm & Elixir pour faire des tests

8OCTO TECHNOLOGY > THERE IS A BETTER WAY

Notice

VisuelPour remplacer un visuel :- 1 clic gauche sur l’image- Dans la barre d’outils qui

apparait en haut, cliquer sur “remplacer l’image”

- Importer le nouveau visuelPour recadrer un visuel : - 1 clic gauche sur l’image- Dans la barre d’outils qui

apparaît en haut, cliquer sur l’icône

- Déplacer le visuel dans la cadre ou rogner le cadre en déplaçant les taquets noirs

ContenuLors de l’ajout de cette slide, les bullet points n’apparaissent pas automatiquement. Pour ce faire : - Sélectionner la zone de

texte- Cliquer sur l’icône de liste à

puces :

Phoenix

Mettre en place une stack Elixir + Elm

/static

Elm

Page 9: Une stack Elm & Elixir pour faire des tests

9OCTO TECHNOLOGY > THERE IS A BETTER WAY

Notice

VisuelPour remplacer un visuel :- 1 clic gauche sur l’image- Dans la barre d’outils qui

apparait en haut, cliquer sur “remplacer l’image”

- Importer le nouveau visuelPour recadrer un visuel : - 1 clic gauche sur l’image- Dans la barre d’outils qui

apparaît en haut, cliquer sur l’icône

- Déplacer le visuel dans la cadre ou rogner le cadre en déplaçant les taquets noirs

ContenuLors de l’ajout de cette slide, les bullet points n’apparaissent pas automatiquement. Pour ce faire : - Sélectionner la zone de

texte- Cliquer sur l’icône de liste à

puces :

Live Coding

Page 10: Une stack Elm & Elixir pour faire des tests

10OCTO TECHNOLOGY > THERE IS A BETTER WAY

Notice

VisuelPour remplacer un visuel :- 1 clic gauche sur l’image- Dans la barre d’outils qui

apparait en haut, cliquer sur “remplacer l’image”

- Importer le nouveau visuelPour recadrer un visuel : - 1 clic gauche sur l’image- Dans la barre d’outils qui

apparaît en haut, cliquer sur l’icône

- Déplacer le visuel dans la cadre ou rogner le cadre en déplaçant les taquets noirs

ContenuLors de l’ajout de cette slide, les bullet points n’apparaissent pas automatiquement. Pour ce faire : - Sélectionner la zone de

texte- Cliquer sur l’icône de liste à

puces :

Notre Starter Kit

github.com/nicoespeon/starter-kit-phoenix-elm

Page 11: Une stack Elm & Elixir pour faire des tests

11OCTO TECHNOLOGY > THERE IS A BETTER WAY

Notice

VisuelPour remplacer un visuel :- 1 clic gauche sur l’image- Dans la barre d’outils qui

apparait en haut, cliquer sur “remplacer l’image”

- Importer le nouveau visuelPour recadrer un visuel : - 1 clic gauche sur l’image- Dans la barre d’outils qui

apparaît en haut, cliquer sur l’icône

- Déplacer le visuel dans la cadre ou rogner le cadre en déplaçant les taquets noirs

ContenuLors de l’ajout de cette slide, les bullet points n’apparaissent pas automatiquement. Pour ce faire : - Sélectionner la zone de

texte- Cliquer sur l’icône de liste à

puces :

Des questions ?