Linkedin Pixel Code ▷Cours: Transitions, Animations, Canvas, SVG, WebStorage |
cours-TRANSITION-ANIMATION-SVG-2024

Formation Transitions, Animations, Canvas, SVG, WebStorage

Cours en ligne, classe virtuelle (à distance), Montréal, Québec, Certifiante

Détails de l'inscription

Détails du cours

image_pdf

Rappel HTML5

Syntaxe, nouveau doctype et outils

format des balises

type des balises

structure et sémantique

Nouvelles balises HTML5

Atelier pratique : Créer un site en HTML5/CSS3

Le positionnement en CSS3

position relative

position absolue

float

display

box-sizing

multi-colonnes

Modèle de boîte flexible (flexbox model)

CSS3 :Transformations, transitions et animations

Rotation

translation

Atelier pratique : Animer les différentes propriétés d’un élément

CSS3 : animations

Animations

Atelier pratique : Animer les différentes propriétés d’un élément

JavaScript : 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

Présentation et introduction à <canvas>

Tracé de points et lignes

Tracé de courbes et de cercles

Intégration d’images

Gestion du texte

Mise en place d’un graphique de données

Création des barres de données

Bases de l’animation avec l’API Canvas

Le cas de IE < 9.0

SVG

Présentation de SVG

les objets géométriques

le texte

les couleurs

les remplissages et les gradients.

Les groupes (élément ).

Générateurs et outils SVG

SVG et interactivité

Intégration SVG dans des pages Web

Web Storage et sites hors ligne

Stockage local et stockage de session

Principes généraux de manipulation

Syntaxe JSON

manifest

indexedDB : base de données locale

Géolocalisation

Vue d’ensemble

Se positionner (latitude, longitude)

savoir manipuler l’API

API Google Map

L’approche AJAX

Pourquoi utiliser Ajax?

Comment cela fonctionne?

Construire une requête, pas à pas

L’objet XMLHttpRequest

L’objet XMLHttpRequest

Les proprietes: readyState, status, responseText, responseXML

Les methodes: open, send….

Gestion du retour (texte, XML ou JSON).

Comment utiliser XMLHttpRequest

Le problème de mémoire cache

XML – AJAX

Présentation du format XML

Structure d’un document XML

format des balises

Atelier pratique : recuperer et traiter un flux xml avec la requête AJAX

JSON – AJAX

Connaître le format JSON

parser une chaine JSON

Atelier pratique: mettre en place une autocompletion

Autre(s) cours dans cette catégorie

→ Formation Transitions, Animations, Canvas, SVG, WebStorage

→ Formation HTML5 / CSS3+ cours JavaScript




Avantages :

  • Un support de cours pour chaque participant.
  • Possibilité de coaching personnalisé après la formation.
  • Nous vous offrons en session publique:
    • Thé, café
    • Dîner dans un restaurant à proximité
    • Stationnement( seulement dans certaines villes)
    • La connexion internet sans-fil

Préalables :

Objectifs :

En ligne

    • 02/01/2026
    • 03/01/2026
    • 04/01/2026
    • 05/01/2026
    • 16/01/2026
    • 17/01/2026
    • 18/01/2026
    • 19/01/2026
    • 13/02/2026
    • 14/02/2026
    • 15/02/2026
    • 16/02/2026
    • 27/02/2026
    • 28/02/2026
    • 01/03/2026
    • 02/03/2026
    • 27/03/2026
    • 28/03/2026
    • 29/03/2026
    • 30/03/2026
    • 10/04/2026
    • 11/04/2026
    • 12/04/2026
    • 13/04/2026
    • 08/05/2026
    • 09/05/2026
    • 10/05/2026
    • 11/05/2026
    • 22/05/2026
    • 23/05/2026
    • 24/05/2026
    • 25/05/2026
    • 19/06/2026
    • 20/06/2026
    • 21/06/2026
    • 22/06/2026
    • 03/07/2026
    • 04/07/2026
    • 05/07/2026
    • 06/07/2026
    • 31/07/2026
    • 01/08/2026
    • 02/08/2026
    • 03/08/2026
    • 14/08/2026
    • 15/08/2026
    • 16/08/2026
    • 17/08/2026

Montréal

    • 13/03/2026
    • 14/03/2026
    • 15/03/2026
    • 16/03/2026
    • 05/06/2026
    • 06/06/2026
    • 07/06/2026
    • 08/06/2026

Québec

    • 30/01/2026
    • 31/01/2026
    • 01/02/2026
    • 02/02/2026
    • 24/04/2026
    • 25/04/2026
    • 26/04/2026
    • 27/04/2026
    • 17/07/2026
    • 18/07/2026
    • 19/07/2026
    • 20/07/2026

Tarifs

Tarif préférentiel
1 699
$ / participant·e
Organismes publics, OBNL
Prix public
1 999 $ / participant·e

Informations pratiques

  • Durée : 4 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'inscription

Intéressé·e par cette formation ?

Soumission gratuite et sans engagement

Cochez si vous êtes :
Captcha image

Inscription avec paiement par carte de crédit

Cochez si vous êtes :
Captcha image

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)