développement full stack - github pages · développement full stack stagedem1 maxhalford...
TRANSCRIPT
![Page 1: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/1.jpg)
développement full stackStage de M1
Max Halford12 août 2016
CMI SID
![Page 2: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/2.jpg)
introduction
∙ Lieu - Paris (20ème puis 12ème)∙ Thème - Le développement web dit “full stack”∙ Notions - Web, data science, B2C2B, start-up, features, agile∙ Superviseur - Raphaël Kolm
1 / 21
![Page 3: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/3.jpg)
développement orienté produit
![Page 4: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/4.jpg)
cycle de vie d’une feature
1. Inception2. Implémentation3. Review tech et produit4. Mise en production
Ping-pong permanent entre les différentes phases!
3 / 21
![Page 5: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/5.jpg)
objectifs business
∙ Taux de conversion∙ Taux de rétention∙ Taux de repeat∙ Amélioration du funnel∙ Targeting via le SEO∙ Faire en sorte que le business model soit compris∙ Améliorer les process
4 / 21
![Page 6: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/6.jpg)
git flow
5 / 21
![Page 7: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/7.jpg)
développement frontend
![Page 8: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/8.jpg)
page recherche
7 / 21
![Page 9: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/9.jpg)
presets et tags
8 / 21
![Page 10: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/10.jpg)
wireframe
9 / 21
![Page 11: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/11.jpg)
développement backend
![Page 12: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/12.jpg)
logs
11 / 21
![Page 13: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/13.jpg)
validation de payloads
∙ Rendre l’API imperméable∙ Etre clair sur les routes API exposées∙ Instaurer de la cohérence et de la transparence∙ Soulever les problèmes d’“hypocrisie”
12 / 21
![Page 14: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/14.jpg)
intégration continue
∙ Encourager une culture test-centered∙ Promouvoir les tests end-to-end∙ Eviter les mises en production comportant des bugs∙ Système de phases:
1. Test lancés en local (pre-commit)2. Build de l’application avec Docker puis lancement des tests3. Interdire les pushs qui ne passent pas les tests
13 / 21
![Page 15: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/15.jpg)
data science
![Page 16: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/16.jpg)
regroupement d’utilisateurs
∙ Les utilisateurs ont plusieurs adresses emails et téléphones∙ Besoin de relier des pseudo-utilisateurs∙ Possibilité de regrouper par entreprises∙ De nombreuses applications, potentiellement
15 / 21
![Page 17: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/17.jpg)
diagramme de venn
∙ (A, 1), (B, 1), (B, 2) forment une seule entité∙ (A, 1) et (B, 2) font partis de la même entité alors qu’ils n’ont rienen commun
∙ (1, B) est un “maillon”
16 / 21
![Page 18: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/18.jpg)
intuition
1. On considère (A, 1)2. On relie (A, 1) à (B, 1) (même
numéro)3. On considère (B, 1)4. On relie (B, 1) à (B, 2) (même
lettre)5. On considère (B, 2)6. Tout les points ont été
considérés
17 / 21
![Page 19: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/19.jpg)
pseudocode (1)
function chain(index (int), cluster (list), depth (int))new_user← users[index]if cluster.length == 0 then
cluster← [new_user]end iffor all key, value in new_user do
for all i, user in users doif user.key == value then chain(i, cluster+user, depth+1)end if
end forend forif depth == 0 then
clusters.append(cluster)end if
end function
18 / 21
![Page 20: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/20.jpg)
pseudocode (2)
users← [{email: [email protected], number: 0628251338}...]clusters← []repeatchain(0, [], 0)until users.length > 0
19 / 21
![Page 21: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/21.jpg)
analyse de l’interaction avec la carte
20 / 21
![Page 22: développement full stack - GitHub Pages · développement full stack StagedeM1 MaxHalford 12août2016 ... ∙ Thème -Ledéveloppementwebdit“fullstack” ∙ Notions -Web,datascience,B2C2B,start-up,features,agile](https://reader035.vdocuments.site/reader035/viewer/2022081606/5e9dce8d3caf8b222e0cfa02/html5/thumbnails/22.jpg)
Merci pour votre attention
21 / 21