Formation Transitions, Animations, Canvas, SVG, WebStorage
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
→ Formation HTML/CSS, HTML5 – CSS3
Préalables :
Objectifs :
Montréal :
05/12/2024 au 08/12/202419/12/2024 au 22/12/2024
16/01/2025 au 19/01/2025
Québec :
28/11/2024 au 01/12/202405/12/2024 au 08/12/2024
30/01/2025 au 02/02/2025
Gatineau / Ottawa :
22/11/2024 au 25/11/202428/11/2024 au 01/12/2024
28/11/2024 au 01/12/2024
Moncton :
28/11/2024 au 01/12/2024Classe virtuelle (en ligne) :
05/12/2024 au 08/12/202419/12/2024 au 22/12/2024
16/01/2025 au 19/01/2025
1699 $
par participant.e
1399 $
Promotion d'été :,
s'applique
aux formations à distance,
le paiement doit se faire directement sur notre site
-> M'INSCRIRE MAINTENANT
Durée :4 jour(s)
Horaires : 9h-16h30, 2 pauses café, 1 heure pour dîner.
Lieux: Montréal, Gatineau / Ottawa , ville de Québec.
Prix régulier: 1999 $
*Le tarif préférentiel s'applique si vous inscrivez au moins deux participants à la même session.
“ I want to thank you both for providing my resources some excellent training(Cobol) 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 customised and personalised training course. We’ll look forward to continuing our partnership for future training needs. “
“J’ai grandement apprécié les méthodes d’enseignement du prof. Le fait que nous soyons un petit groupe a grandement facilité les apprentissages. Il s’adapte à son audience et les exercices sont formateurs. Je recommande fortement. “
“ 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!“