Integration web : qualite & productivite FTW

1 588 vues

Publié le

Mettre en ligne une nouvelle image, corriger un bogue CSS, ajouter une fonctionnalité JavaScript, ou encore mettre à jour un bout de code HTML sont autant de problématiques d'intégration que de nombreux développeurs doivent gérer au quotidien. Mais lorsque les demandes s’amoncellent, il s'agit d'être productif avant tout… Fort heureusement, il existe un certain nombre de bonnes pratiques faciles à appliquer et pléthore d'outils sur lesquels s'appuyer pour déléguer les tâches répétitives chronophages.

Cette session se propose de faire le tour de quelques éléments incontournables dans la boîte à outils de l'intégrateur afin de voir comment gagner en qualité sans pour autant faire une croix sur la rapidité d'exécution.

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
1 588
Sur SlideShare
0
Issues des intégrations
0
Intégrations
111
Actions
Partages
0
Téléchargements
5
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Integration web : qualite & productivite FTW

  1. 1. Corinne Schillinger MIX-IT 2015 Intégration web qualité & productivité FTW
  2. 2. Corinne Schillinger @schillinger
  3. 3. Automatiser les 
 tâches rébarbatives Les applications ○ mixture [mixture.io] : Mac & Windows - Gratuit ○ prepros [prepros.io] : Linux, Mac & Windows - 29$ ○ codekit [incident57.com/codekit] : Mac - 32$ Les outils en ligne de commande ○ grunt [gruntjs.com] ○ gulp [gulpjs.com] ○ brunch [brunch.io]
  4. 4. Emmet :
 Éditer du code HTML & CSS Plugin disponible pour 27 éditeurs de code dont eclipse/aptana, brackets, dreamweaver, editplus, komodo edit, notepad++, pspad, sublime text, textmate, vim, webstorm … ! [emmet.io/download]
  5. 5. CSSComb :
 Uniformiser du code CSS [csscomb.com] plugin disponible pour grunt, brunch & sublime text
  6. 6. Autoprefixer :
 Appliquer les préfixes vendeurs [github.com/postcss/autoprefixer] plugin disponible pour grunt, gulp, brunch & sublime text ! /! Respecter la dernière syntaxe recommandée par le W3C /!
  7. 7. CSSLint :
 Analyser la qualité du code CSS [csslint.net] plugin disponible pour grunt, gulp & sublime text
  8. 8. CSSCSS :
 Identifier les règles redondantes [zmoazeni.github.com/csscss/] plugin disponible pour grunt & gulp
  9. 9. JSHint :
 Détecter les erreurs JavaScript [jshint.com] plugin disponible pour grunt, gulp, brunch & sublime text
  10. 10. Ressources en ligne :
 Trouver des infos fiables ○ caniuse [caniuse.com] : Tableau de compatibilité ○ wiki du W3C [w3.org/wiki/HTML & w3.org/wiki/CSS] :
 Description des balises HTML & propriétés CSS ○ mdn [developer.mozilla.org] : Documentation collaborative /! ne JAMAIS utiliser W3Schools comme ressource
  11. 11. Merci ! des questions ? Corinne Schillinger @schillinger MIX-IT 2015

×