Tooling FRONT
Formation Fullstack ENSEEIHT 2016-2017
Mathieu DARTIGUES
Mathieu DARTIGUES
Développeur chez Makina Corpus
- AngularJS
- React
- VueJS
- Leaflet, d3
- Gulp, Grunt, Webpack et npm !
- Tests
- Intégration continue
- mais aussi... PHP, Java,
Talend, Qlikview...
- 10 ans dans les services d'urgences
- un peu de secteur bancaire, de logistique
- et...pas mal de logiciel libre
Demandez le programme !
Matinée
- les présentations
- create-react-app
- le projet
- les fonctionnalités
- l'utilisation
- webpack from scratch
- reprise de
create-react-app - js / css / build
- reprise de
Après-midi
- un peu d'histoire
- les outils principaux
- navigateurs
- éditeurs
- les tasks runners
- les linters
- les tests (plus tard)
- la chaîne d'intégration (plus tard)
- scratchy webpack bis
create-react-app
create-react-app
from scratch
Un peu d'histoire...
Dis papa, c'est quoi Internet ?
Dis papa, comment on fait les sites web ?
Avant, on faisait comme ça...
Et même comme ça aussi...
Maintenant, c'est plutôt comme ça
Avec des outils adaptés
Les outils du développeur front-end
Les navigateurs
Les éditeurs
Les tasks runners
et/ou
module bundlers
Les linters
Les tests
La chaîne d'intégration
create-react-app
from scratch
mais en mode corrigé
Quelques ressources utiles...
https://auth0.com/blog/bootstrapping-a-react-project/
https://www.smashingmagazine.com/2017/02/a-detailed-introduction-to-webpack/
Crédits photos
- Manuel & Louis by Studio Lily
- Photos Dreamweaver : http://cdn.toptenreviews.com/rev/scrn/large/48961-adobe-dreamweaver7.jpg
- Photos Frontpage : https://i.ytimg.com/vi/QUfBVkdz8fQ/maxresdefault.jpg
- Photos Sublime Text https://static.pexels.com/photos/270360/pexels-photo-270360.jpeg