HTML5/CSS3 Perfectionnement
PDF 
Paris 
Classe virtuelle 35 heures sur 5 jours
à Paris & à distance
(Zoom, Google Meet, etc.)
2 000 HT / personne
Cette formation est finançable
avec votre CPF. Contactez-nous pour monter votre dossier !
QUALIOPI
8 stagiaires maximum par session.
Découvrez les autres engagements qualité qui font la marque de Ziggourat Formation
Objectifs de la formation
HTML5/CSS3 Perfectionnement
Cette formation vous permet d'utiliser les fonctions avancées du langage HTML5 et APIs pour le développement de documents web responsives et interactifs, à l’aide également de CSS3 et de Javascript.
Pré-requis
Avoir les bases des langages HTML/CSS.
Pour qui ?
Intégrateurs et développeurs front-end, webmestres, concepteurs de sites web.
Avoir suivi
Au programme
Introduction
- Histoire du HTML et du Javascript
- Définition et utilité de HTML/CSS/JavaScript, les langages du web
- Diversité des terminaux d'affichage (desktop, tablette, smartphone…)
- Structure d'un document HTML5
- Séparation entre contenu, présentation et interactions
- Déclaration de type de document (DTD)
- Rappel sur les syntaxes HTML et CSS3
- Utiliser la console du navigateur
Les nouveautés de HTML5 et CSS3
- Les nouvelles balises sémantiques et les APIs
- Balises audio et Vidéo (supports et formats)
- Principe général de la Géolocalisation
- Stockage local et stockage de session
- Canvas, SVG et Javascript
- Animations, filtres et fonctions avec CSS3
Principes du Responsive Web Design (RWD)
- Différence entre résolution et taille d'affichage
- Interface utilisateur (UI) et expérience utilisateur (UX)
- Détection du navigateur, du terminal, des fonctionnalités
- Mise en page fluide et adaptative
- Principe des media queries CSS
- Différence entre viewport et screen
- Points de rupture et règles conditionnelles
- Conception en grille CSS ou utilisation de Flexboxs
- Menus adaptatifs
- Tableaux et formulaires flexibles
- Entête HTTP et chaîne User-Agent
- Exemple de la class Mobile_Detect en PHP
- Modification dynamique des contenus avec Javascript
Polices web
- Intégrer des polices Web
- Adaptation des tailles de polices
- Colonnes multiples et césure
JavaScript
- Rappels sur la syntaxe Javascript et le DOM
- Frameworks et librairies utiles (jQuery, Backbone, …)
- Les interactions utilisateur (écouteurs d’événements)
- Les manipulation du DOM (ajout, modification, suppression, modifcations)
- Les animations avec Canvas
- Piloter les animations CSS avec Javascript
- AJAX pour communiquer avec le serveur
Méthode pédagogique
8 participants maximum, un poste par stagiaire et un support de cours est envoyé en fin de stage (vidéos tutorielles et/ou support spécifique). La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices applicatifs et/ou ateliers.
Modalité de validation des acquis
Évaluation continue via des exercices applicatifs et/ou des ateliers de mise en pratique. Évaluation en fin de stage par la complétion d'un questionnaire et/ou d'une certification officielle issue du Répertoire Spécifique. Émargement quotidien d'une feuille de présence (en présentiel ou en ligne). Complétion par le formateur/la formatrice d'un suivi d'acquisition des objectifs pédagogiques. Remise d'une attestation individuelle de réalisation.
Obtenir des informations
Formations similaires
Ces formations pourraient vous intéresser
