Formation Qualité web : les bonnes pratiques front-end

PROGRAMME DE LA 1ERE JOURNEE DE FORMATION : Qualité web et référencement naturel Bonnes pratiques et qualité web Définition d'une bonne pratique
Les référentiels Opquast : des référentiels publics, des critères rigoureux
Démarche de qualité Web
Méthodologie : le model VPTCS
Introduction au référencement naturel A quoi sert le référencement ?
Historique du référencement et de la recherche sur le Web Préparation de base pour le référencement naturel L'importance du contenu
Bonnes pratiques Opquast associées
La sémantique HTML
Les balises "meta"
Focus sur l'évolution sémantique de HTML4 à HTML5
Les nouvelles balises Accélérer le référencement Sitemap et Robot
Description et structure
Les bonnes pratiques Opquast associées
Les annuaires
AdWords
Principes, Affichage, Interface
Les réseaux sociaux
Usages et objectifs Améliorer le positionnement L'importance des liens entrants
La pyramide du SEO Cibler le référencement Donner du sens au contenu
Les Microformats, RDFa et Microdata
Les snippets Comment surveiller son référencement ? Google Analytics
Google Webmastertools Travaux pratiques Un audit SEO PROGRAMME DE LA 2NDE JOURNEE DE FORMATION : L'accessibilité Introduction Qu'est-ce que l'accessibilité ?
Qui est concerné ?
Les principaux référentiels d'accessibilité en France et à l'international Les outils de navigation et assistances techniques Les navigateurs
Les aides techniques
Lecteurs d'écran, plages braille, loupes d'écran, Etc. Les règles de base de l'accessibilité Web Les erreurs usuelles de desig
Les erreurs usuelles d’intégration
Le Référentiel Général d'Accessibilité pour les Administrations (RGAA)
L'importance de la structure sémantique
Le DOM, titres, liens, images et contenus multimédia, tableaux, formulaires, etc. L'utilisation du Accessible Rich Internet Applications (ARIA) Les impacts de JavaScript
La recommandation ARIA
Mise en pratique
Rendre une page accessible PROGRAMME DE LA 3EME JOURNEE DE FORMATION : La performance côté client Introduction L'évolution des infrastructures
L'évolution des sites Web
L'utilisateur n'aime pas attendre Impact de la performance sur la satisfaction utilisateur
Le paradoxe du mobile
Distinguer performance brute et performance perçue Analyser la performance d'un site Illustration au travers d'un cas concret
La cascade des chargements
Illustrations
Décomposition d'une requête
Que mesurer ? Les outils d'analyse Les différents types d'outils
WebPageTest
Les navigateurs (IE9 developer tool, Webkit, Speed tracer, etc.)
Les outils de recommandation : Yahoo! Y!Slow, Google Page Speed
Opquast Webperf Optimiser la performance Réduire la latence réseau
Supprimer les bloquages
Réduire le poids des ressources : minification
Réduire le nombre de requêtes : concaténation, sprites, code "inline"
Augmenter le nombre de requêtes simultanées
Les outils La compatibilité multi-navigateur Evolution du marché des navigateurs
Les principaux pièges à éviter
les préfixes CSS
Les principes de codage JavaScript
Utilisation des standards HTML5, CSS3, JavaScript
L'outillage indispensable
Modernizr
jQuery
Pré-processeur CSS
Mise en pratique
Créer un document de base