Formation Avancée : HTML5/CSS3, JavaScript/DOM + Responsive Design
Introduction à la formation Avancée : HTML5/CSS3, JavaScript/DOM + Responsive Design
Pourquoi HTML5 ?
Format des balises
Les normes HTML, CSS, XHTML, XML, HTML5
Le W3C et les validateurs
La logique d’encodage, ISO-8859-1, UTF-8,..
Rappel sur les bases
Type des balises
syntaxe des règles de style
Positionnement css(relatif, absolu, flaot, display)
Atelier pratique : Créer un site XHTML/CSS
Passage en HTML5
Syntaxe, nouveau doctype et outils
structure et sémantique
Div et span
Nouvelles balises HTML5
Atelier pratique : Reconstruire notre site en HTML5/CSS3
Balises multimédias
inserer une image(Balises <figure>)
insérer une vidéo(Balises <video>)
insérer un son (Balises <audio>)
Compatibilité navigateur
Atelier pratique : Utiliser JavaScript pour contrôler les objets audio et video
Les formulaires
Nouveaux types pour <input>
Nouveaux attributs
Nouveaux éléments <output>,
Les validations de formulaire en HTML5v
Atelier pratique : Réaliser un formulaire HTML5
Dessiner : Création dynamique d’images en JavaScript
La balise Canvasv
SVGv
Tracer de formes(rectangle, cercle,,,,)
Couleurs, remplissages, dégradés
Atelier pratique : Améliorer la lecture de notre vidéo par une barre de progression
Géolocalisation
Vue d’ensemble
Se positionner (latitude, longitude)
CSS3
Vue d’ensemble
Syntaxe, préfixes CSS3
Coins arrondis
Ombres portés
Text-Shadow
Box-shadow
Dégradé linéaire
font-face
Sélecteur d’attribut
CSS3 :Transformations, transitions et animations
Rotation,
translation
Animations
Atelier pratique : Animer les différentes propriétés d’un élément
Découvrir JavaScript
Introduction à JavaScript
Concepts de base du Javascript
Notion d’événements
Gestion dynamique des CSS
Atelier pratique : Validation des champs de notre formulaire de contact
Document Object Model
Qu’est-ce que le DOM ?
Concept de noeud
Hiérarchisation des noeuds(Arbre DOM)
Les proprités de rélation
Les proprités d’état
Les méthodes d’accès aux noeuds
Firefox DOM Inspector
modification du contenu HTML
Modification du style des elements HTML
Atelier pratique : Créer une galerie photo
Faire du responsive design
Principe
Medias queries CSS 3
Atelier pratique : création d’un site multiplateforme (smartphone, tablette..)
Utiliser Bootstrap
Présentation de Bootstrap
Installation de Bootstrap
Le système de grille pour positionnement
Les layouts
Le responsive Design
Atelier pratique : créer une page avec Bootstrap
Les composants Bootstrap
Menus déroulants
Barres de navigation
Fil d’arianne
Autre(s) cours dans cette catégorie
→ Formation Responsive Web Design
→ Formation Foundation 5 | Cours à Montréal, Gatineau, Quebec
→ Formation Avancée : HTML5/CSS3, JavaScript/DOM + Responsive Design
Préalables :
Bonnes connaissances en (X)HTML et CSSObjectifs :
- Maîtriser HTML5/CSS3
- Mettre en œuvre les techniques de conception de sites web adaptatifs
En ligne
- 21/01/2026
- 22/01/2026
- 23/01/2026
- 04/02/2026
- 05/02/2026
- 06/02/2026
- 04/03/2026
- 05/03/2026
- 06/03/2026
- 18/03/2026
- 19/03/2026
- 20/03/2026
- 20/04/2026
- 21/04/2026
- 22/04/2026
- 04/05/2026
- 05/05/2026
- 06/05/2026
- 03/06/2026
- 04/06/2026
- 05/06/2026
- 17/06/2026
- 18/06/2026
- 19/06/2026
- 22/07/2026
- 23/07/2026
- 24/07/2026
- 05/08/2026
- 06/08/2026
- 07/08/2026
Montréal
- 07/01/2026
- 08/01/2026
- 09/01/2026
- 06/04/2026
- 07/04/2026
- 08/04/2026
- 08/07/2026
- 09/07/2026
- 10/07/2026
Québec
- 18/02/2026
- 19/02/2026
- 20/02/2026
- 20/05/2026
- 21/05/2026
- 22/05/2026
Tarifs
Informations pratiques
- Durée : 3 jour(s)
- Horaire : 9h à 16h30 (2 pauses café + 1h de dîner)
-
Format :
- En ligne (classe virtuelle en direct)
- Ou en présentiel, selon disponibilité
📄 Voir le plan de cours en PDF
Détails de l'inscriptionIntéressé·e par cette formation ?
Soumission gratuite et sans engagement
Inscription avec paiement par carte de crédit
FR
« Je tiens à vous remercier tous les deux d’avoir offert à mes ressources une excellente formation COBOL au cours des trois derniers jours.
Mamadou, merci d’avoir été si accommodant malgré le court préavis et d’avoir envoyé votre formateur à Gatineau pour ce cours personnalisé.
Nous avons hâte de poursuivre notre collaboration pour de futurs besoins de formation. »
(Traduit de l’anglais)
EN
“I want to thank you both for providing my resources with excellent COBOL training over the past 3 days. Mamadou, thank you for being so accommodating on such short notice and for sending your facilitator to Gatineau for this customized and personalized training course. We look forward to continuing our partnership for future training needs.”
FR
« Mamadou est venu nous aider à réorganiser notre panneau d’arrêt via un outil de rapport, Crystal Reports. Mamadou a réussi avec succès le travail de précision, au pixel près, puisque nous voulions un rapport similaire au design graphique original. Il nous a aidés à découper le projet par cycle et à intégrer le rapport à notre logiciel corporatif. La qualité que nous avons appréciée était le souci du détail et la constance. Mamadou a été très professionnel et connaît plusieurs autres technologies. Merci. »
EN
“Mamadou helped us reorganize our stop panel using a reporting tool, Crystal Reports. He successfully delivered precise, pixel-perfect work,
as we needed a report that matched the original graphic design. He helped us break the project down into cycles and integrate the report
into our corporate software. What we appreciated most was his attention to detail and consistency. Mamadou was very professional and
is knowledgeable in many other technologies. Thank you.”
(Translated from French)
FR
« Ce fut un plaisir de faire affaires avec Doussou Formation. Ce qui fait LA différence est le service personnalisé totalement à l'écoute des participants ainsi que l'adaptation aux besoins de formation. Flexibilité / Adaptabilité / Professionnalisme / Courtoisie. Merci ! »
EN
“It was a pleasure doing business with Doussou Formation. What truly makes THE difference is the personalized service, fully attentive
to participants, as well as the ability to adapt the training to their needs. Flexibility / Adaptability / Professionalism / Courtesy. Thank you!”
(Translated from French)