Les bases de HTML, CSS et JavaScript

Créer des sites web modernes répondant aux attentes des utilisateurs et moteurs de recherche.

Développeur back ou webmaster/communiquant souhaitant maîtriser les bases du développement web front-end

Bonne connaissance de la micro-informatique 

Introduction à l'Éditeur de Code Visual Studio Code 

• Présentation de Visual Studio Code 
• Configuration de l'éditeur : linter, formatter, raccourcis clavier

Introduction à HTML 

• Historique du web 
• Anatomie d’une requête HTTP 
• Les balises de base du HTML 
• Les principaux apports du HTML 5 
• L’importance du HTML pour le SEO 
• L’importance du HTML pour l’accessibilité 
• Le web sémantique 
• Introduction aux « web components » 
• Mise en application / TP

Introduction à CSS 

• Historique de CSS 
• Le principe de la cascade 
• Import de styles externes 
• Les sélecteurs, les pseudos-class 
• Les principales propriétés des CSS1, 2 et 3 
• Les animations (transitions et keyframes) 
• Le responsive avec les média queries 
• Tests de responsive design 
• Les fonctions (calc, rgba, linear-gradient, etc.) 
• Le préprocesseur SASS (imbrication, variables, mixins, imports) 
• Méthode BEM pour organiser son code
• Mise en application / TP

Introduction à JavaScript 

• Historique de JavaScript 
• Instructions, expressions et structures de contrôle 
• Variables (déclaration, portée, types, nommage) 
• Les fonctions (fonctions fléchées, callbacks, fonctions anonymes immédiates, closures) 
• Les objets, les prototypes, les nouvelles syntaxes de class, l’héritage, l’encapsulation, le polymorphisme 
• Les tableaux et les principales méthodes associées 
• Le DOM 
• La gestion des événements 
• La gestion des formulaires avec l’objet FormData 
• La gestion des exceptions 
• L’asynchrone avec les promesses, XMLHttpRequest et fetch
• Mise en application / TP

Performance et Optimisation 

• Techniques de mise en cache 
• Minification et compression 

Accessibilité Web 

• Principes d'accessibilité et découvertes des principaux critères du RGAA 
• TP : Testez votre site avec des outils d'accessibilité 

SEO et Analytics 

• Techniques SEO pour le HTML 
• Utilisation des outils d'analyse web 
• Analyse des performances SEO 

Web Components et Custom Elements 

• Introduction aux Web Components 
• Création de Custom Elements 
• Découverte du Shadow DOM
• Mise en application / TP

Bilan de fin de formation et évaluation des acquis