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

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

Copy of Tooling Front End

By mdartic

Copy of Tooling Front End

  • 143