Développement Web avancé : CSS avancé et animations Web Archive

INF-208-TP

Fiche de cours archivée : Prendre note que cette fiche de cours est présentée à titre indicatif, puisqu'elle a été offerte auparavant, mais fait maintenant partie de nos archives de cours. Aucune offre en lien avec ce cours n'est disponible actuellement. Pour plus d'information, veuillez contacter la personne ressource indiquée dans la section ci bas « Besoin d'information ou de conseils? ». Merci pour votre compréhension.

Description

Les participants doivent fournir leur portable

Les nouvelles propriétés CSS sont de plus en plus supportées par les navigateurs modernes. Celles-ci facilitent et agrémentent grandement l’intégration de site web. Par ailleurs, l’exploitation grandissant du CSS exige des feuilles de styles bien ordonnées et optimisées grâce à des méthodologies d’intégration comme le CSS orienté objet.

Au travers de concepts mis concrètement en pratique, les participants apprendront à maîtriser divers concepts et outils ayant pour but d’optimiser leurs méthodes de travail en développement web :

Exploitation des nouvelles propriétés CSS
CSS orienté objet
Animation web
Optimisation des animations web avec Google Dev Tool

Si vous désirez découvrir de nouvelles propriétés CSS et méthodologies de travail qui vous permettront de créer des animations et d’améliorer l’intégration de vos sites web, ce cours est fait pour vous.

Compétences visées

Connaître et appliquer les propriétés Flexbox;
Connaître et appliquer les propriétés Grid;
Connaître et appliquer les nouvelles propriétés de transformation;
Optimiser l'intégration CSS à l’aide de méthodologie tels que BEM, OOCSS et SMACSS;
Connaître et choisir des techniques d’animation : transition, keyframes, animation de SVG, animation avec Javascript, Canvas, etc.

Horaire et coûts

Ceux qui ont consulté cette fiche ont également consulté :

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMzYiLCJ0aXRsZSI6IkhvbWUgU3RhZ2luZyAxIC0gUG91ciB2ZW5kcmUgcmFwaWRlbWVudCBkZXMgclx1MDBlOXNpZGVuY2VzIHN1ciBsZSBtYXJjaFx1MDBlOSBkZSBsJ2ltbW9iaWxpZXIiLCJkZXNjcmlwdGlvbiI6Ikluc2NyaXB0aW9ucyBldCBjb3VycyBlbiBsaWduZSEgTm90aW9ucyBzdXIgbGUgSG9tZSBTdGFnaW5nIDogbGEgZFx1MDBlOWZpbml0aW9uLCBsZXMgaW5mb3JtYXRpb25zIHJlbGF0aXZlcyBhdSBidWRnZXQgZXQgcGx1cyBlbmNvcmUuIEF1Y3VuIHByXHUwMGU5YWxhYmxlLiBBdHRlc3RhdGlvbiBTT0ZFRFVDLlxuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvaG9tZS1zdGFnaW5nLTEiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvNjVcL2FsemRiYzYyNS5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMDkiLCJ0aXRsZSI6IkxlcyBcdTAwYzl0YXRzIGZpbmFuY2llcnMgOiBsZXMgY29tcHJlbmRyZSBldCBsZXMgYW5hbHlzZXIiLCJkZXNjcmlwdGlvbiI6IkwnZXNzZW50aWVsIHBvdXIgY29tcHJlbmRyZSBldCBhbmFseXNlciBsZXMgXHUwMGU5dGF0cyBmaW5hbmNpZXJzLiAxMiBoZXVyZXMgZGUgY291cnMgZW4gbGlnbmUuIFRlbXBzIHBhcnRpZWwuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXB0aW9ucyBlbiBsaWduZS4gXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9sZXMtZXRhdHMtZmluYW5jaWVycy1sZXMtY29tcHJlbmRyZS1ldC1sZXMtYW5hbHlzZXIiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjMzXC9hdmhod3Q0NzcuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI4MyIsInRpdGxlIjoiUGhvdG9zaG9wIENDIC0gQ3JcdTAwZTlhdGlvbiBldCB0cmFpdGVtZW50IGQnaW1hZ2VzIiwiZGVzY3JpcHRpb24iOiJDb3VycyBldCBpbnNjcmlwdGlvbnMgZW4gbGlnbmUuIE91dmVydCBcdTAwZTAgdG91cyEgUGhvdG9zaG9wIENDIChkXHUwMGU5YnV0YW50KS4gQ3JcdTAwZTlhdGlvbiBldCB0cmFpdGVtZW50IGQnaW1hZ2VzLiBBdHRlc3RhdGlvbiBTT0ZFRFVDLiBDb25zdWx0ZXogbGEgZmljaGUgY29tcGxcdTAwZTh0ZSBkdSBjb3Vycy4gXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC90cmFpdGVtZW50LWRpbWFnZXMtcGhvdG9zaG9wIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzEyNTc0XC9jaGZma3kxODAuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI0MSIsInRpdGxlIjoiTGUgdHJhaXRlbWVudCBkZSBsYSBwYWllIiwiZGVzY3JpcHRpb24iOiJNYVx1MDBlZXRyaXNleiBsZSB0cmFpdGVtZW50IGRlIGxhIHBhaWUgZ3JcdTAwZTJjZSBcdTAwZTAgbm90cmUgY291cnMgZW4gbGlnbmUuIFRlbXBzIHBhcnRpZWwuIDM2IGhldXJlcyBkZSBjb3Vycy4gSWRcdTAwZTlhbCBwb3VyIGxlcyBwcm9mZXNzaW9ubmVscyBlbiBhZG1pbmlzdHJhdGlvbi4gXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9sZS10cmFpdGVtZW50LWRlLWxhLXBhaWUiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMTI2ODFcL2FtYWhldDQzNC5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxODciLCJ0aXRsZSI6Ikdlc3Rpb24gZGVzIHN0b2NrcyAoQUVDKSIsImRlc2NyaXB0aW9uIjoiVW5lIGNhcnJpXHUwMGU4cmUgdm91cyBhdHRlbmQgZW4gZ2VzdGlvbiBkZXMgc3RvY2tzISBJbnNjcmlwdGlvbnMgZXQgY291cnMgZW4gbGlnbmUuIERpdmVyc2VzIG9wcG9ydHVuaXRcdTAwZTlzIGQnZW1wbG9pLiBGb3JtdWxlIGRlIGNvdXJzIGh5YnJpZGUuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvZ2VzdGlvbi1kZXMtc3RvY2tzIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIxOTcxXC9jZ3FucWg5NDIuYnJpb2ltYWdlLmpwZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjEiLCJ0aXRsZSI6IlJcdTAwZTlkYWN0aW9uIFdlYiIsImRlc2NyaXB0aW9uIjoiSW5zY3JpcHRpb25zIGV0IGNvdXJzICgxOCBoZXVyZXMpIGVuIGxpZ25lLiBOb3Rpb25zIGVzc2VudGllbGxlcyBwb3VyIG1hXHUwMGVldHJpc2VyIGxhIFJcdTAwZTlkYWN0aW9uIFdlYiAobW90ZXVycyBkZSByZWNoZXJjaGUsIHB1YmxpYyBjaWJsZSwgZXRjLikuIEF0dGVzdGF0aW9uIFNPRkVEVUMuXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9hdGVsaWVyLWRlLXJlZGFjdGlvbi13ZWIiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjIwMjNcL2FtYXFpcjczNy5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjEzMSIsInRpdGxlIjoiQ291cnRhZ2UgaW1tb2JpbGllciBjb21tZXJjaWFsIiwiZGVzY3JpcHRpb24iOiJEXHUwMGU5Y291dnJleiBsZXMgb2JqZWN0aWZzIGRlIG5vdHJlIEFFQy4gU3RyYXRcdTAwZTlnaWVzIGRlIGdlc3Rpb24gYWRhcHRcdTAwZTllcy4gSW5zY3JpcHRpb24gZXQgY291cnMgZW4gbGlnbmUuIENvbnN1bHRleiBsYSBmaWNoZSBkdSBwcm9ncmFtbWUgaWNpLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJ0YWdlLWltbW9iaWxpZXItY29tbWVyY2lhbC0yIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMTMxXC9uYXN0dWgtYWJvb3RhbGViaS0yODQ4ODItdW5zcGxhc2guanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiIyMzAxIiwiaW1hZ2VfaGVpZ2h0IjoiMTUzNiJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIzMjkiLCJ0aXRsZSI6IlN0cmF0XHUwMGU5Z2llIG51bVx1MDBlOXJpcXVlOiByYXlvbm5lciBzdXIgbGUgV2ViIGV0IGxlcyByXHUwMGU5c2VhdXggc29jaWF1eCIsImRlc2NyaXB0aW9uIjoiIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvc3RyYXRlZ2llLW51bWVyaXF1ZS1yYXlvbm5lci1zdXItbGUtd2ViLWV0LWxlcy1yZXNlYXV4LXNvY2lhdXgiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjI0NDdcL2ZvZ25iaTQ1My5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6Ijk2MCIsImltYWdlX2hlaWdodCI6IjY2NSJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIzNTkiLCJ0aXRsZSI6IkxhIGJvXHUwMGVldGUgXHUwMGUwIG91dGlscyBkJ3VuIGFjaGV0ZXVyIChwcm9jZXNzdXMgZCdhcHByb3Zpc2lvbm5lbWVudCkiLCJkZXNjcmlwdGlvbiI6IkxlIGNvdXJzXHUwMGEwTGEgYm9cdTAwZWV0ZSBcdTAwZTAgb3V0aWxzIGQndW4gYWNoZXRldXJcdTAwYTBwclx1MDBlOXNlbnRlIGV0IGV4cGxpcXVlIGwnZW5zZW1ibGUgZGVzIFx1MDBlOXRhcGVzIGR1IHByb2Nlc3N1cyBkJ2FwcHJvdmlzaW9ubmVtZW50IHF1ZSBsJ2FjaGV0ZXVyIGRvaXQgclx1MDBlOWFsaXNlciBkYW5zIHVuIHByb2pldCBkJ2FjcXVpc2l0aW9uIGRlIGJpZW5zIG91IGRlIHNlcnZpY2VzLlx1MDBhMCBMZXMgZGl4IFx1MDBlOXRhcGVzIHN1aXZhbnRlcyBzb250Li4uIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvbGEtYm9pdGUtYS1vdXRpbHMtZHVuLWFjaGV0ZXVyIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyNDU4XC9ndnJqdHkzNjIuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIzMTciLCJpbWFnZV9oZWlnaHQiOiIyMDUifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI0NzAiLCJ0aXRsZSI6IkxlYW4gTWFuYWdlbWVudCA6IG91YmxpZXogbGVzIGNlaW50dXJlcyAgISAgRGluZXItY29uZlx1MDBlOXJlbmNlIiwiZGVzY3JpcHRpb24iOiIiLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9sZWFuLW1hbmFnZW1lbnQtb3VibGllei1sZXMtY2VpbnR1cmVzLSIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMjUyM1wvbnhxaWR1MzQ5XzEuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

Cours à la carte
Durée: 12 heures
Emplacement: En classe
Coût : 247,50 $ ^{+ tx}
Tarif réduit financé par Services Québec: 24 $ ^{+ tx}
Début de la prochaine cohorte : À venir.
Horaire: De soir