EN
Illustration : formation Avancée

Formation Avancée : HTML5/CSS3, JavaScript/DOM + Responsive Design

RWD

3 jours 9 h à 16 h 30 En ligne, Montréal, Québec

Mis à jour le

La formation Avancée en bref

Durée
3 jours
Horaire
9 h à 16 h 30
Format
Classe virtuelle en direct ou présentiel à Montréal et à Québec
Prix
1 499 $ par participant, ou 1 274 $ pour organismes publics et OBNL (taxes en sus)
Langue
Français

Doussou Formation et Avancée en quelques faits

Prochaines sessions de la formation Avancée

En ligne

Montréal

Hôtel Zéro 1 · 1, boulevard René-Lévesque Est

Québec

Programme de la formation Avancée

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

Vos formateurs Avancée

La formation est donnée par l’un des formateurs ci-dessous, selon les sessions. Tous suivent le même programme, avec les mêmes exercices et le même support de cours.

Portrait de M. Dumoulin

M. Dumoulin

Fort de 20 ans d'expérience en développement web autant dans de grandes comme petites entreprises, je vous transmet mon bagage complet dans un cours bien structuré. Je vous offre écoute et compréhension mais aussi des conseils avisé basé sur mon…

Voir le profil complet
Portrait de Mamadou DEMBELE

Scientifique de données

Mamadou DEMBELE

Mamadou Dembele est le fondateur, président et l’un des principaux formateurs de Doussou Formation. Titulaire d’un Master en ingénierie d’affaires de l’Université de Strasbourg et d’un Master 2 en systèmes d’information et communication informatique de l’Université de Haute-Alsace, il offre…

Voir le profil complet

Tarifs et informations pratiques

Tarif préférentiel

1 274 $ / participant

Organismes publics et OBNL · taxes en sus

Prix public

1 499 $ / participant

Entreprises et particuliers · taxes en sus

Informations pratiques

  • Durée : 3 jours
  • Horaire : 9 h à 16 h 30
  • Format : Classe virtuelle en direct ou présentiel à Montréal et à Québec
  • Paiement : en ligne (PayPal ou carte) à l’inscription, ou sur facture pour les organisations
Voir les dates et m’inscrire Soumission pour mon employeur

Formation Avancée en entreprise

Formez toute votre équipe en groupe privé, sur vos propres documents, dans vos locaux ou en classe virtuelle, aux dates qui vous conviennent.

Demander une offre

Avis des participants

97 % de satisfaction (évaluations de fin de formation, 120 évaluations) · Lire tous les témoignages

Pourquoi suivre cette formation Avancée

Objectifs : ce que vous saurez faire

  • Maîtriser HTML5/CSS3
  • Mettre en œuvre les techniques de conception de sites web adaptatifs

Prérequis

Bonnes connaissances en (X)HTML et CSS

Ce qui est inclus

  • Support de cours et fichiers d’exercices pour chaque participant
  • Attestation de participation
  • Possibilité de coaching personnalisé après la formation
  • En session publique en présentiel :
    • Thé et café
    • Dîner dans un restaurant à proximité
    • Stationnement (dans certaines villes)
    • Connexion Internet sans fil

Voir toutes les formations : Formations Webmestre Avancé

Intéressé par la formation Avancée ?

Soumission pour mon employeur M’inscrire maintenant