Yeoman workflow

816 vues

Publié le

Simple french presentation of the Yeoman tools

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
816
Sur SlideShare
0
Issues des intégrations
0
Intégrations
58
Actions
Partages
0
Téléchargements
8
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Yeoman workflow

  1. 1. YEOMANModern web app workflowmercredi 1 mai 13
  2. 2. whoamiLouis-Michel Couture ( twitter @louim )Développeur web chez Chalifour / Nebbiomercredi 1 mai 13
  3. 3. Une combinaison d’outilsmercredi 1 mai 13
  4. 4. Yeoman : permet de «scaffolder» une nouvelle application web.Crée la configuration de Grunt, et «pull» les Grunt tasksBower : Gestionnaire de dépendances. S’occupe de téléchargeret de gérer les scripts requis.Grunt : Build, preview, test. Permet de developper en local, derouler la suite de test, et compiler une version «production».mercredi 1 mai 13
  5. 5. One command to rule (install) them all:npm install -g yoSass + Compass optionnel si souhaité.Installationmercredi 1 mai 13
  6. 6. FeaturezzLightning-fast scaffoldingGreat build processAutomatically compile CoffeeScript & CompassAutomatically lint your scriptsBuilt-in preview serverAwesome Image OptimizationKiller package managementPhantomJS Unit Testingmercredi 1 mai 13
  7. 7. Exemple de workflow Angularnpm install -g generator-angular generator-karmayo angularbower install angular-uigrunt testgrunt servergruntmercredi 1 mai 13
  8. 8. Les Générateursmercredi 1 mai 13
  9. 9. GénérateursFonctionne à la manière du Scaffolding dans Rails.yo angular:controller myControlleryo angular:directive myDirectiveyo angular:filter myFilterPermet de démarrer rapidement un projet.Supporte plusieurs types de projetsmercredi 1 mai 13
  10. 10. Générateurswebappangularbackbonebbb (backbone boilerplate)emberchromeappchrome-extensionbootstrapmochakarmamercredi 1 mai 13
  11. 11. GénérateursPour ceux qui sont vraiment meta, il existe un générateur degénérateur. (generatorception)Permet de générer des générateur selon le besoin spécifiquemercredi 1 mai 13
  12. 12. Bowermercredi 1 mai 13
  13. 13. BowerGestion de dépendances facile, Côté client.bower search <something>bower install <something>bower listbower update <something>mercredi 1 mai 13
  14. 14. BowerListe complète des packages disponible:http://sindresorhus.com/bower-components/mercredi 1 mai 13
  15. 15. Gruntmercredi 1 mai 13
  16. 16. GruntJavascript task runnerPermet de créer et d’automatiser des opérations sur le projet.grunt testgrunt servergruntmercredi 1 mai 13
  17. 17. GruntCompile: Coffee, SASS/CompassLiveReloadJslintWebServerAnything elsemercredi 1 mai 13
  18. 18. DEMO!mercredi 1 mai 13

×