Certification Microsoft programmation en HTML5 avec JavaScript et CSS3 - HTML5 et CSS3 les fondamentaux par PLB Consultant

* Les bases du web.
Fonctionnement d'un échange entre navigateur et serveur.
Les protocoles http et https.
Navigateurs Web.
Différents langages Web.
Logiciels pour coder et mettre en ligne.
L'inspecteur de code.
Ressources web utiles.
* HTML 5.
Définition et rôle de HTML.
Les balises.
Structure de base d'un document.
Comment écrire son premier document HTML.
Les balises principales.
Hiérarchie et imbrication des éléments, parents / enfants, tabulations.
Nouvelles normes HTML5 d'écriture.
* CSS 3.
Le CSS, défintion.
HTML, CSS : le fond/ la forme.
Rôle du CSS.
Lier une feuille de style à une page HTML.
Arborescence de projets web, structure des dossiers standards.
Principe de base.
Principales propriétés CSS.
Mise en forme du texte, paragraphes et caractères.
Nommer ses styles : classes, identifiants.
Les sélecteurs CSS.
Quelques sélecteurs CSS avancés.
Nouvelles propriétés et syntaxes CSS3.
Pseudo classes.
Préfixes et compatibilité.
* Structurer une page avec HTML et CSS.
Blocs et divisions.
Modèle de boite CSS.
Positionnement.
Principaux modes de positionnement :
- Float : principe de positionnement et protection des conteneurs.
- Flexbox : principe moderne, compatibilité des navigateurs.
- Comparatif Float/Flex.
* Formulaires.
Éléments et fonctionnement d'un formulaire.
Méthodes d'envoi et traitement.
Champs de formulaire.
Nouveaux types de champs HTML5.
* Graphisme avancé.
Polices de caractères personnalisées.
Couleurs avancées et dégradés.
Ombres et opacité.
Bordures et arrière
- plans avancés.
* Compatibilité des technologies.
Tester la compatibilité du navigateur.
La compatibilité d'une technologie.
* Outils, méthodes d'optimisation et bonnes pratiques.
Contrôler la compatibilité des technologies.
Compatibilité CSS : autoprefixer.
Écriture de code avec auto complétion avec Emmet.
Introduction aux préprocesseurs.
Compilation et minification des fichiers.
Outils d'analyse de performance avec Google Speed.
Optimisation des images.
Définition d'un CDN.
Validation W3C.
Faire de la veille : bénéfices, outils.
* Les Frameworks CSS
Les styles de base avec Normalize.css.
Une base saine avec HTML5 Boilerplate.
Approche de twitter Bootstrap et Foundation
* Responsive Web Design.
Introduction au RWD, enjeux, état des lieux.
Principe de base.
Mise en place des bases code.
Un design fluide.
Les media queries.
Fonctions utiles (calc).
Outils utiles au responsive.
Créer une grille responsive.
Conception de structure fluide.
Coupures avec les media queries et les breakpoints
Tests sur navigateurs et mobile en temps réel.
* HTML/CSS avancé.
Animations et transformations.
Vectoriel.
Nouvelles balises audio/video .
Techniques.
* Mise en ligne.
Transfert des fichiers via FTP.
Configuration de son hébergement.

- Utiliser dès maintenant les nouveautés du web, en restant rétro
- compatible.
- Tirer parte des nouveautés, et ainsi alléger les besoins en JavaScript.
- Faire de la vidéo, du son et des animations, sans Flash.
- Faire du graphisme avancé et certaines images, sans Photoshop.
- Améliorer son référencement dans les moteurs de recherche.
- Adapter l'affichage des versions mobile / tablette (responsive design).
- Optimiser vos sites pour un chargement plus rapide.
- Définir quelle technologie de mise en page est la plus adaptée au projet.
- Utiliser des outils pour coder plus rapidement et automatiser les tâches de déploiement.
- Tester facilement vos sites sur de nombreux navigateurs et sur mobile pour valider sa conformité.
- Faire une veille efficace pour suivre le rythme effréné des nouvelles possibilités.