MICROSOFTMICROSOFTTECHDAYS 2015TECHDAYS 2015

MAUVAISES PRATIQUES D'INTÉGRATION :MAUVAISES PRATIQUES D'INTÉGRATION :COMMENT ÉRADIQUER LE CHIENDENTCOMMENT ÉRADIQUER LE CHIENDENT

Par , et ,

Corinne Schillinger INSEOJérémie Patonnier Clever Age

DOCUMENTATIONDOCUMENTATIONPré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

ARBORESCENCEARBORESCENCEDé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

RÈGLES DE NOMMAGERÈGLES DE NOMMAGEAplanir les usagesAplanir les usages

•• Langue : anglais Langue : anglais ouou français français•• Casse : minuscule Casse : minuscule ouou majuscule majuscule•• Format : « - » Format : « - » ouou « _ » « _ » ouou camelCase camelCase•• Abandon des accents et espacesAbandon des accents et espaces

© Lizzy

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 de Usage parcimonieux de !important!important

© FluffyLtd

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.

HTMLHTMLSé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

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

MERCI :)MERCI :)DES QUESTIONS ?DES QUESTIONS ?

, et ,

Corinne Schillinger INSEOJérémie Patonnier Clever Age