Il vous est certainement déjà arrivé d'éprouver un profond découragement en ouvrant un fichier sur lequel vous aviez à travailler. Absence de commentaires, de formatage, de hiérarchisation ou de logique organisationnelle, les raisons qui peuvent vous faire haïr l'auteur du document (et le web) sont nombreuses... Une fois passé le stade du désarroi initial, vous avez la charge de transformer le bourbier innommable sur lequel on vous demande d'intervenir en un fichier compréhensible, fonctionnel et surtout maintenable. Et comme il n'est souvent ni souhaitable, ni envisageable de repartir de zéro, laissons le Roundup® de côté pour voir ensemble quels leviers vous pouvez actionner pour travailler dans de bonnes conditions et fournir à votre client un livrable qui ne vous fasse pas profondément honte et ne provoque pas l'ire de vos collègues ou successeurs.

1. MICROSOFTMICROSOFT
TECHDAYS 2015TECHDAYS 2015
MAUVAISES PRATIQUES D'INTÉGRATION :MAUVAISES PRATIQUES D'INTÉGRATION :
COMMENT ÉRADIQUER LE CHIENDENTCOMMENT ÉRADIQUER LE CHIENDENT
Par ,
et ,
Corinne Schillinger INSEO
Jérémie Patonnier Clever Age

2. DOCUMENTATIONDOCUMENTATION
Préparer un terreau fertilePréparer un terreau fertile
•• Expression des besoinsExpression des besoins
•• Cahier des chargesCahier des charges
•• Spécification fonctionnelleSpécification fonctionnelle
•• Spécification techniqueSpécification technique
•• Document d'architectureDocument d'architecture
© Stéfan

3. ARBORESCENCEARBORESCENCE
Dégrossir la hiérarchie de fichiersDégrossir la hiérarchie de fichiers
•• Groupement logiqueGroupement logique
•• Organisation en dossiers et sous-dossiersOrganisation en dossiers et sous-dossiers
•• Intitulés cohérentsIntitulés cohérents
© Luke Jones

4. RÈGLES DE NOMMAGERÈGLES DE NOMMAGE
Aplanir les usagesAplanir les usages
•• Langue : anglaisLangue : anglais ouou françaisfrançais
•• Casse : minusculeCasse : minuscule ouou majusculemajuscule
•• Format : « - »Format : « - » ouou « _ »« _ » ouou camelCasecamelCase
•• Abandon des accents et espacesAbandon des accents et espaces
© Lizzy

5. CSS & PRÉPROCESSEURCSS & PRÉPROCESSEUR
Éviter les plantes vénéneusesÉviter les plantes vénéneuses
•• Modification des sources (pas des CSS générées)Modification des sources (pas des CSS générées)
•• Création de mixins clairs et concisCréation de mixins clairs et concis
•• Usage parcimonieux deUsage parcimonieux de !important!important
© FluffyLtd

6. JAVASCRIPTJAVASCRIPT
Élaguer le superfluÉlaguer le superflu
•• Analyse des scripts tiers invasifsAnalyse des scripts tiers invasifs
•• Traque des bibliothèques muti versionsTraque des bibliothèques muti versions
•• Fractionnement des fichiers monolithiquesFractionnement des fichiers monolithiques
© ap.

7. HTMLHTML
Sélectionner de belles plantesSélectionner de belles plantes
•• Choix judicieux des élements HTML5Choix judicieux des élements HTML5
•• Déclaration de l'encodage & et des entités HTMLDéclaration de l'encodage & et des entités HTML
© Earthworm

8. ET APRÈS ?ET APRÈS ?
Prendre plaisir à jardinerPrendre plaisir à jardiner
•• Travail progressifTravail progressif
•• Documentation régulièreDocumentation régulière
•• Pre-commit et intégration continuePre-commit et intégration continue
© Ken and Nyetta

9. MERCI :)MERCI :)
DES QUESTIONS ?DES QUESTIONS ?
,
et ,
Corinne Schillinger INSEO
Jérémie Patonnier Clever Age