Intégration web - Les bonnes pratiques

-

Livres
416 pages
Lire un extrait
Obtenez un accès à la bibliothèque pour le consulter en ligne
En savoir plus

Description

Intermédiaire entre le chef de projet, le designer et le développeur, intégrateur web (ou développeur front-end) est un métier à part entière. Maillon indispensable dans la création de sites, il rassemble tous les éléments pour monter les pages et livrer un site performant, accessible et utilisable. Son travail nécessite tout autant de compétences techniques en HTML, CSS et JavaScript qu'une bonne appréhension de la qualité web (ergonomie, accessibilité, performance...).



S'appuyant sur l'expérience de l'auteur, souvent appelée à la rescousse sur des projets mal engagés, ce livre offre aux intégrateurs débutants, comme aux plus expérimentés, un recueil précieux des meilleures pratiques, méthodes et outils pour améliorer et réussir leurs intégrations dans le respect des standards du Web.



Une référence pour tous les créateurs de sites web !



Avec une préface d'Elie Sloïm et Laurent Denis.




"Avec le mouvement d'industrialisation des métiers du Web, chaque métier voit émerger un livre de référence. Pour l'intégrateur web, c'est chose faite grâce à ce livre, qui représente un jalon important dans l'histoire de cette discipline en évolution permanente !"

Elie Sloïm, Président de Temesis et Directeur des projets Opquast et Openweb.





  • Bien préparer son projet


    • Organiser son espace de travail


    • S'équiper des bons outils


    • Mettre en place l'environnement de test




  • Elaborer un socle HTML solide


    • Adopter HTML5


    • Concevoir les fondations


    • Construire la structure


    • Injecter le contenu


    • Incorporer les images




  • Habiller le contenu grâce aux CSS


    • Réviser les bases


    • Définir une convention d'écriture


    • Organiser le code CSS


    • Prendre connaissance des facteurs d'optimisation


    • Contrôler et déboguer


    • Préparer la livraison (ou la mise en ligne)




  • Peaufiner les détails

Sujets

Informations

Publié par
Date de parution 25 octobre 2012
Nombre de visites sur la page 264
EAN13 9782212177220
Langue Français

Informations légales : prix de location à la page 0,0165 €. Cette information est donnée uniquement à titre indicatif conformément à la législation en vigueur.

Signaler un problème
DESIGN
Préface d’ÉlieSloïm& LaurentDenis
CorinneSchillinger
Intégration web Les bonnes pratiques
L E G U I D E D E S U R V I E D E L’ I N T É G R A T E U R !
Intégration web
« Avec le mouvemenT d’indusTrialisaTion des méTiers du Web, chaque méTier voiT émerger un livre de référence. Pour l’inTégraTeur web, c’esT chose faiTe grâce à ce livre, qui représenTe un jalon imporTanT dans l’hisToire de cete discipline en évoluTion permanenTe ! » Élie Sloïm, Président de Temesis et Directeur des projets Opquast et Openweb
DESIGN
Intermédiaire entre le chef de projet, le designer et le développeur,intégrateur web(ou développeurfrontend) est un métier à part entière. Maillon indispensable dans la création de sites, il rassemble tous les éléments pour monter les pages et livrer un siteperformant, accessible et utilisable. Son travail nécessite tout autant de compétences techniques en HTML, CSS et JavaScript qu’une bonne appréhension de la qualité web (ergonomie, accessibilité, performance…). S’appuyant sur l’expérience de l’auteur, souvent appelée à la rescousse sur des projets mal engagés, ce livre offre aux intégrateurs débutants, comme aux plus expérimentés, un recueil précieux des meilleures pratiques, méthodes et outils pour améliorer et réussir leurs intégrations dans le respect des standards du Web. Une référence pour tous les créateurs de sites web !
AU SOMMAIRE
Intégratrice senior et Experte AccessiWeb en Éva luation,Corinne Schillingers’est forgée une solide expérience dans le domaine du développement frontendavant de créer son entreprise, Inseo, en 2009. Ayant à cœur de promouvoir les standards et la qualité web, elle a intégré l’association Paris Web en 2011, rejoint l’équipe éditoriale du Train de 13h37 et partage son expérience en animant régu lièrement des ateliers à l’occasion d’évènements dédiés à la conception web.
Bien préparer son projetEspace de travailOutils : éditeurs et inspecteurs de code, préprocesseurs, systèmes de gestion de versions…Environnement de test : le « cas » Internet ExplorerÉlaborer un socle HTML solideHTML5Fondations : compatibilité avec IE, styles CSS et interactions JavaScript, méta donnéesStructure : balisage, sémantique et rôles ARIA, liens d’évitementContenu : fautil utiliser un framework ?Images : formats, images adapta tives, alternatives textuellesHabiller le contenu grâce aux CSSSchémas de positionnement, cascade, propriétés abrégéesConvention d’écriture : instruc tions, blocs de déclarations, commentaires…Organiser les règles CSSFacteurs d’optimisationConcevoir la feuille de stylesContrôler le rendu et l’accessibilitéPréparer la livraison.
Code G13370 ISBN 978-2-212C-o13n3c7e0p-t7ion Nord Compo
Intégrationweb : les bonnespraîques L E G U I D E D E S U R V I E D E L' I N T É G R A T E U R !
Dans la collection Design Web
Dans la collection A Book Apart
Chez le même éditeur
Dans la collection Design Web
Dans la collection A Book Apart
Chez le même éditeur
Conné Schngé
Intégration web : les bonnes praîques L E G U I D E D E S U R V I E D E L' I N T É G R A T E U R !
P  È  à c é d ’ É   é S  o  m & L à u  é n  D é n  s
ÉDïTïONS EYROLLES 61, bd Sàn-Gémàn 75240 Pàs Cédéx 05 www.édons-éyoés.com
Rémécéméns â Vgné Càpé (://çéékîé.çom) pou sés usàons d’ouvéué dé pàés é â Rénàud Scàpn pou à Èàsàon dés pcogàmmés.
En àppcàon dé à o du 11 màs 1957,  és néd dé épodué nÈgàémén ou pàéémén é pÈsén ouvàgé, su quéqué suppo qué cé so, sàns àuosàon dé ’Èdéu ou du Céné Fànçàs d’Expoàon du Do dé Copé, 20, ué dés Gànds Augusns, 75006 Pàs.
© Goupé Eyoés, 2012 ïSBN : 978-2-212-13370-7
PRÉFACE Ràppééz-vous. ï y à quéqués ànnÈés, à pupà dés wébmàsés (cà on és àppé-à éncoé commé céà) usàén dés ogcés commé Déàmwéàvé, Fonpàgé ou Homéà pou cÈé éu sés ïnéné. Cés ogcés WYSïWYG(What You See Is What You Get)péméàén dé àé du codé pus ou mons popé pou un nàvgàéu uà-màjoàé, én ’occuéncé, ïnéné Expoé. À céé Èpoqué, ’nÈgàéu n’éxsà pàs é é wébmàsé n’àvà pàquémén béson d’àucuné compÈéncé spÈcîqué n d’àucuné omàon :  Èà én péné nvénon dé son mÈé, dé sés ous é dé sés échnoogés. C’és àos qué son àvÈés succéssvémén és éués dé syés é à sÈpààon du ond é dé à omé. Lé pocéssus dé cÈàon dé sé wéb s’és àos dÈcoupÈ én déux phàsés succéssvés : é désgn pus ’nÈgàon. Cés déux àcvÈs on ongémps ÈÈ àssumÈés pà dés pésonnés àux poîs smàés, àvàn qué chàcun dés déux mÈés né sé consué pogéssvémén.
ïnÈgàéu on-énd és àujoud’hu un và mÈé é Conné Schngé nous é pouvé â àvés ’éxposÈ dÈàÈ dé son usàon dés échnoogés, dé sés mÈhodés, àppochés, pocéssus, sàndàds é pàqués. ï s’y déssné înàémén un vÈàbé Ècosysèmé, un énsémbé dé éàons éné mÈés du Wéb, où ’nÈgàéu joué un ôé cÈ.
L’nÈgàéu à uné oncon pvo éné puséus compÈéncés. On pénsé mmÈdàé-mén àu dÈcoupàgé é â ’nÈgàon HTML-CSS, àns qu’àu dÈvéoppémén JàvàScp côÈ cén. En sus, on u démàndé dé màsé d’àués compÈéncés béàucoup pus vàÈés : à géson dé à compàbÈ munàvgàéu, à màsé dés quésons dé péomàncés, d’éxpÈéncé usàéu, à psé én compé d’ARïA én màèé d’àccéss-bÈ, é chox dé écou ou non â HTML5, éc.
L’nÈgàéu do jongé àvéc és éxgéncés du ÈÈéncémén, dé à péomàncé, dé ’égonomé, dé ’àccéssbÈ, dé à ypogàphé, éc. ï do én oué gÈé à dvésîcà-on dés mÈdàs é dés modés d’néàcon : déskop, mobé, àbéés. Bénô,  dévà céànémén àssumé à gÈnÈàsàon du àcé.
En àn qué « quàcéns », nous né pouvons qué conîmé cé Èà dé à : osqué nous àvàons su és bonnés pàqués dé à quàÈ wéb, bon nombé d’éné éés sé concénén su à phàsé d’nÈgàon.
ï N T É G R AT ï O N W E B : L E S B O N N E S P R AT ï Q U E S
L’nÈgàéu on-énd do donc sàvo màsé un gànd nombé dé sàndàds, dé bonnés pàqués, dé compÈéncés, dé mÈhodés, àuss bén du pon dé vué échnqué qué mànàgÈà. ï Èà pus qué émps dé àssémbé ous cés ÈÈméns dàns un vé.
Jusqu’â pÈsén, és ouvàgés éxsàns sé concénàén pncpàémén su dés sujés échnqués, commé CSS, HTML, JàvàScp. Lâ és à océ dé ’àuéu : én pus dé posé és bàsés, dé omàsé é dé dÈémné cé qu és dé ’odé du sàvo mnmà dé ’nÈgàéu, éé à su dÈpàssé à échnqué pou àbodé cés sujés sous ’àngé mÈé.
Là pubcàon dé vés commé céu dé Conné Schngé és ’un dés nombéux sgnés qué é pocéssus d’ndusàsàon és én màché. Aos, ou, à connàssàncé échnqué és ondàménàé, màs, non, éé né suI pàs. Dés éxpés échnqués,  én éxsé béàucoup, màs dés pésonnés qu compénnén à phosophé qu sous-énd és échnqués é à àçon dé és dÈpoyé son béàucoup pus àés. C’és pouquo  àu àé béàucoup pus on.
Aujoud’hu, nous énévoyons é momén où ’nÈgàéu và énîn dévo àé àu-déâ dé à échnqué. ï és dÈsomàs céu qu do àccodé dés voons souvén dscodàns, éné és éxgéncés du désgn, du ÈÈéncémén, dé à DSï... ï comméncé â én àcquÈ és moyéns àvéc ’ndusàsàon du Wéb. ï és àppéÈ â dévén dé pus én pus un mànàgé dé souons, àppuyÈ su uné màsé gouéusé dés échnqués é suou dés cÈs dé dÈcson.
D’uné céàné mànèé, àu mêmé é qué és àués poéssonnés du pojé wéb, ’nÈgàéu dévén un vÈàbé gésonnàé dé squés. Lés squés àuxqués  do àé àcé é qu’ séà dé pus én pus àménÈ â gÈé son pàcuèémén cqués pou és céns é és usàéus înàux.
Avéc céé Èvouon, ’nÈgàéu sé sévà dfÈémmén dé sés ÈÈéncés échnqués àcuéés. ï àuà àémén â podué du codé : é cœu dé son mÈé séà dé chos dés souons. ï n’és dÈjâ pus un smpé éxÈcuàn opÈàonné :  u évén dé pus én pus souvén d’àbé su é chox dés omàs, su céu d’un àméwok JàvàScp, voé d’un àméwok CSS, ou mêmé su à dÈcson quàn àu CMS â usé.
Au émé dé céé màuàon du mÈé, sà compÈéncé popémén échnqué pouà àos êé ÈsévÈé àux séus càs où uné céàné omé d’éxpésé séà équsé pou dés souons su mésué.
P R É F A c E
Gàgéons qué s é mouvémén d’ndusàsàon dés mÈés du Wéb sé pousu,  àu s’àéndé â ’Èmégéncé dé vés dé ÈÈéncé su chàcun dés pncpàux mÈés du Wéb. Pou cé qu és du mÈé d’nÈgàéu, ’ouvàgé qué vous àvéz éné és màns séà â ’Èvdéncé ’un dé cés vés dé ÈÈéncé é, àu mnmum, un jàon mpoàn dàns ’hsoé dé cé mÈé én Èvouon pémànéné.
Éé Som (PÈsdén dé Téméss, Décéu dés pojés Opquàs é Opénwéb) é Làuén Déns (Expé àccéssbÈ)
Vïï