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

INF-208-TP

Info-alerte

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.

array(18) {
  ["id"]=>
  string(2) "27"
  ["titre"]=>
  string(0) ""
  ["description"]=>
  string(462) "Melody Harvey cumule plusieurs années d’expérience en développement web et occupe actuellement le poste de responsable de département TI chez Exportech. Elle agit également à titre d’experte de contenu TI pour la formation continue du Cégep Garneau et effectue des contrats à la pige en développement web. C’est une passionnée des technologies et elle a un intérêt élevé pour la communauté web de Québec."
  ["description_courte"]=>
  string(192) "Melody Harvey cumule plusieurs années d’expérience en développement web et occupe actuellement le poste de responsable de département TI chez Exportech. Elle agit également à titre ..."
  ["website_url"]=>
  string(0) ""
  ["facebook_url"]=>
  string(0) ""
  ["linkedin_url"]=>
  string(0) ""
  ["googleplus_url"]=>
  string(0) ""
  ["twitter_url"]=>
  string(0) ""
  ["active"]=>
  string(1) "1"
  ["views"]=>
  string(4) "1157"
  ["comments"]=>
  string(1) "0"
  ["active_comments"]=>
  string(1) "0"
  ["taux"]=>
  NULL
  ["image_id"]=>
  string(3) "507"
  ["created"]=>
  string(19) "2019-03-20 16:37:40"
  ["updated"]=>
  string(19) "2021-06-13 04:37:41"
  ["user_id"]=>
  string(5) "23252"
}

Melody Harvey

Melody Harvey cumule plusieurs années d’expérience en développement web et occupe actuellement le poste de responsable de département TI chez Exportech. Elle agit également à titre ...

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

À venir.

Ce cours est notamment offert dans le cadre de :

5. Perfectionnement lié au thème PROGRAMMATION AVANCÉE (INF-240-TP)

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

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiI1MTgiLCJ0aXRsZSI6IkRcdTAwZTl2ZWxvcHBlbWVudCBXZWIiLCJkZXNjcmlwdGlvbiI6IkxlcyBwYXJ0aWNpcGFudHMgZG9pdmVudFx1MDBhMGZvdXJuaXJcdTAwYTBsZXVyIHBvcnRhYmxlXG5FTiBSQUlTT04gREUgTEEgU0lUVUFUSU9OIEFDVFVFTExFLCBMRVMgQ09VUlMgREUgTEEgUFJFTUlcdTAwYzhSRSBTRVNTSU9OIFBPVVJSQUlFTlQgXHUwMGNhVFJFIERPTk5cdTAwYzlTIEVOIFRPVVQgT1UgRU4gUEFSVElFIFx1MDBjMCBESVNUQU5DRS5cbkFsbGlleiBjclx1MDBlOWF0aXZpdFx1MDBlOSwgZGVzaWduIGV0IHNhdm9pci1mYWlyZSBpbmZvcm1hdGlxdWUgYXZlYyBsJ0FFQyBlbi4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2RldmVsb3BwZW1lbnQtd2ViIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzUxOFwvcGFua2FqLXBhdGVsLTUxNTIxOS11bnNwbGFzaC5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjYwMDAiLCJpbWFnZV9oZWlnaHQiOiI0MDAwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMzUiLCJ0aXRsZSI6IkludHJvZHVjdGlvbiBhdSBkXHUwMGU5dmVsb3BwZW1lbnQgV2ViIiwiZGVzY3JpcHRpb24iOiJMZSBjb3VycyBJbnRyb2R1Y3Rpb24gYXUgZFx1MDBlOXZlbG9wcGVtZW50IFdlYiBzJ2FkcmVzc2UgXHUwMGUwIHVuZSBjbGllbnRcdTAwZThsZSBkXHUwMGU5c2lyYW50IHMnaW5pdGllciBhdSBwcm9jZXNzdXMgZGUgZFx1MDBlOXZlbG9wcGVtZW50IGRlIHNpdGUgV2ViLiBMZXMgc3VqZXRzIHN1aXZhbnRzIHNlcm9udCBhYm9yZFx1MDBlOXMgZGFucyBjZSBjb3VyczpcblxuTGVzIFx1MDBlOXRhcGVzIGRlIGNvbmNlcHRpb24gZXQgclx1MDBlOWFsaXNhdGlvbiBkJ3VuIHNpdGUgV2ViO1xuTGVzLi4uIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvaW50cm9kdWN0aW9uLWF1LWRldmVsb3BwZW1lbnQtd2ViIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMTI4XC9hbWFjdmo5ODkuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjA2NSIsInRpdGxlIjoiSFRNTDUgZXQgQ1NTMyAtIHBlcmZlY3Rpb25uZW1lbnQgcG91ciBpbnRcdTAwZTlncmF0ZXVyIGZyb250LWVuZCIsImRlc2NyaXB0aW9uIjoiXHUwMGEwTGVzIHBhcnRpY2lwYW50cyBkb2l2ZW50IGZvdXJuaXIgbGV1ciBwb3J0YWJsZS5cblx1MDBhMFxuQ2UgY291cnNcdTAwYTBzJ2FkcmVzc2UgXHUwMGUwIHVuZSBjbGllbnRcdTAwZThsZSBxdWkgZFx1MDBlOXNpciBwZXJmZWN0aW9ubmVyIHNlcyBjb25uYWlzc2FuY2VzIGRlcyBsYW5nYWdlcyBIVE1MIGV0IENTUywgdXRpbGlzXHUwMGU5cyBkYW5zIGwnaW50XHUwMGU5Z3JhdGlvbiBkJ2ludGVyZmFjZXMgdmlzdWVsbGVzIGRlIHNpdGUgV2ViLlxuUFJcdTAwYzlBTEFCTEVTOlx1MDBhMFxuSFRNTDUgRVQgQ1NTMy4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2h0bWwtZXQtY3NzLTIiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2ltYWdlc1wvZmNzYWVfZGVmYXVsdF9vZ19pbWFnZV9jb3Vycy5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjYwMCIsImltYWdlX2hlaWdodCI6IjMxNSJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjciLCJ0aXRsZSI6IkFuaW1lciBsZXMgbVx1MDBlOWRpYXMgc29jaWF1eCIsImRlc2NyaXB0aW9uIjoiTGVzIG1cdTAwZTlkaWFzIHNvY2lhdXggc2UgcG9zaXRpb25uZW50IGRlIGZhXHUwMGU3b24gbWFycXVcdTAwZTllIGRhbnMgdG91dGUgc3RyYXRcdTAwZTlnaWUgZGUgY29tbXVuaWNhdGlvbiBhY3R1ZWxsZS4gVm9pY2kgdW5lIGZvcm1hdGlvbiBxdWkgc2F1cmEgdm91c1x1MDBhMGd1aWRlclx1MDBhMHBhcm1pIGxlcyBlbmpldXgtcGhhcmVzIHBvdXIgdW5lIHV0aWxpc2F0aW9uIHBlcmZvcm1hbnRlIGRlIGNlcyBwbGF0ZWZvcm1lcyBXZWIgZW4gZW50cmVwcmlzZS4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2FsaW1lbnRlci1sZXMtcmVzZWF1eC1zb2NpYXV4IiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIxMzUxXC9hbHlmbXg5NDEuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjA4MiIsInRpdGxlIjoiU2hvcGlmeSAtIE1hIHByZW1pXHUwMGU4cmUgYm91dGlxdWUgZW4gbGlnbmUiLCJkZXNjcmlwdGlvbiI6IkRhbnMgY2UgY291cnMgdm91cyBhcHByZW5kcmV6IFx1MDBlMCBwbGFuaWZpZXIsIGNvbmNldm9pciBldCByXHUwMGU5YWxpc2VyIHVuZSBib3V0aXF1ZSBlbiBsaWduZS4gXHUwMGMwIGxhIGZpbiBkZSBjZSBjb3VycywgbGVzIHBhcnRpY2lwYW50cyBzZXJvbnQgY2FwYWJsZXMgZGUgY3JcdTAwZTllciwgY29uZmlndXJlciwgcGVyc29ubmFsaXNlciwgbWV0dHJlIGVuIGxpZ25lIGV0IHByb21vdXZvaXIgdW4gc2l0ZSBkZSB2ZW50ZSBlbiBsaWduZSBhdmVjLi4uIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvZGVwbG9pZW1lbnQtZGUtdm90cmUtYm91dGlxdWUtZW4tbGlnbmUiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2ltYWdlc1wvZmNzYWVfZGVmYXVsdF9vZ19pbWFnZV9jb3Vycy5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjYwMCIsImltYWdlX2hlaWdodCI6IjMxNSJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjI3MiIsInRpdGxlIjoiTGVzIHRlY2hub2xvZ2llcyBKYXZhU2NyaXB0IG1vZGVybmVzIiwiZGVzY3JpcHRpb24iOiJCaWVuIHF1ZSBKYXZhU2NyaXB0IGFpdCBwbHVzIGRlIDIwIGFucywgY2UgbGFuZ2FnZSBcdTAwZTAgcGx1c2lldXJzIHBhcmFkaWdtZXMgY29ubmFpdCB1biBlc3NvciBkZXB1aXMgcXVlbHF1ZXMgYW5uXHUwMGU5ZXMgcHJpbmNpcGFsZW1lbnQgZFx1MDBmYiBcdTAwZTAgbCdleHBsb3Npb24gZHUgd2ViIGV0IGRlcyBwXHUwMGU5cmlwaFx1MDBlOXJpcXVlcyBkZSBwbHVzIGVuIHBsdXMgcGVyZm9ybWFudHMuXG5DZXR0ZSBmb3JtYXRpb24gYSBwb3VyIGJ1dCBkJ2luaXRpZXIgbGUuLi4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9sZXMtdGVjaG5vbG9naWVzLWphdmFzY3JpcHQtbW9kZXJuZXMiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2ltYWdlc1wvZmNzYWVfZGVmYXVsdF9vZ19pbWFnZV9jb3Vycy5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjYwMCIsImltYWdlX2hlaWdodCI6IjMxNSJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMTciLCJ0aXRsZSI6Ikdlc3Rpb24gZGUgcHJvamV0IiwiZGVzY3JpcHRpb24iOiJMYSBmb3JtYXRpb25cdTAwYTBHZXN0aW9uIGRlIHByb2pldFx1MDBhMHZpc2UgXHUwMGUwIHByXHUwMGU5cGFyZXIgbGUgcGFydGljaXBhbnQgXHUwMGUwIGdcdTAwZTlyZXIgdW4gcHJvamV0LiBMYSB0aFx1MDBlOW1hdGlxdWUgZHUgY291cnMgc1x1MjAxOW9yaWVudGUgdmVycyBsYSBkXHUwMGU5ZmluaXRpb24sIGxhIHBsYW5pZmljYXRpb24sIGxcdTIwMTlvcmdhbmlzYXRpb24sIGxhIGNvb3JkaW5hdGlvbiwgbGUgY29udHJcdTAwZjRsZSBldCBsZSBzdWl2aSBkdSBwcm9qZXQuIElsIHBlcm1ldCBkZS4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2dlc3Rpb24tZGUtcHJvamV0cyIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMzBcL2FseW50aTI5LmJyaW9pbWFnZS5wbmciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL3BuZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjA3NSIsInRpdGxlIjoiT3B0aW1pc2F0aW9uIGR1IHJcdTAwZTlmXHUwMGU5cmVuY2VtZW50IFdlYiAtIFNFTyAmIEdvb2dsZSBhZHdvcmRzICIsImRlc2NyaXB0aW9uIjoiTGUgU0VPIHJlcHJcdTAwZTlzZW50ZSB1bmUgZGltZW5zaW9uIGluY29udG91cm5hYmxlIGRlIHRvdXRlIHN0cmF0XHUwMGU5Z2llIGRlIG1hcmtldGluZyBudW1cdTAwZTlyaXF1ZS4gQ2V0dGUgcHJhdGlxdWUgdmlzZSBcdTAwZTAgYXVnbWVudGVyIGxlIHBvc2l0aW9ubmVtZW50IGQndW5lIHByb3ByaVx1MDBlOXRcdTAwZTkgbnVtXHUwMGU5cmlxdWUgc3VyIGxlcyBlbmdpbnMgZGUgcmVjaGVyY2hlLCBjZSBxdWkgZW4gZmFpdCB1biBjYW5hbCBkJ2FjcXVpc2l0aW9uIHRyXHUwMGU4cy4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL3Nlby1vcHRpbWlzYXRpb24tcG91ci1sZXMtbW90ZXVycy1kZS1yZWNoZXJjaGUiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2ltYWdlc1wvZmNzYWVfZGVmYXVsdF9vZ19pbWFnZV9jb3Vycy5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjYwMCIsImltYWdlX2hlaWdodCI6IjMxNSJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjM1OSIsInRpdGxlIjoiRmlkXHUwMGU5bGlzZXIsIHB1aXMgcmVjcnV0ZXIgZWZmaWNhY2VtZW50IiwiZGVzY3JpcHRpb24iOiJGT1JNQVRJT04gRVQgQUNDT01QQUdORU1FTlQgSU5ESVZJRFVBTElTXHUwMGM5XG5DZXR0ZSBmb3JtYXRpb24sIGRcdTAwZTl2ZWxvcHBcdTAwZTllIGV0IG9mZmVydGUgZW4gcGFydGVuYXJpYXQgcGFyIENcdTAwZTlnZXBzICYgQ2llcyBcdTIwMTMgQ2FwaXRhbGUgbmF0aW9uYWxlIChyZWdyb3VwYW50IGxlcyBmb3JtYXRpb25zIGNvbnRpbnVlcyBkZXMgY1x1MDBlOWdlcHMgR2FybmVhdSwgTGltb2lsb3UgZXQgU2FpbnRlLUZveSwgdm91cyBwZXJtZXR0cmEgZFx1MjAxOVx1MDBlOXRlbmRyZSBsZXMuLi4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9maWRlbGlzZXItcHVpcy1yZWNydXRlci1lZmZpY2FjZW1lbnQiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjIzNTlcL2ZpY2hlX2ZpZGVsaXNlcl9ldF9yZWNydXRlcl9lZmZpY2FjZW1lbnRfMjAyMF8wOF8yNS5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjI1NTAiLCJpbWFnZV9oZWlnaHQiOiIzMzAwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjUiLCJ0aXRsZSI6IkNyXHUwMGU5YXRpb24gZXQgZ2VzdGlvbiBkZSBjYW1wYWduZXMgcHVibGljaXRhaXJlcyBudW1cdTAwZTlyaXF1ZXMiLCJkZXNjcmlwdGlvbiI6IkxhIHB1YmxpY2l0XHUwMGU5IG51bVx1MDBlOXJpcXVlIHByZW5kIGRlIHBsdXMgZW4gcGx1cyBkXHUyMDE5aW1wb3J0YW5jZSBkYW5zIGxlIGRcdTAwZTl2ZWxvcHBlbWVudCBkZXMgZW50cmVwcmlzZXMuIENlIGNvdXJzIHZpc2UgbGEgbWFcdTAwZWV0cmlzZSBkZXMgb3V0aWxzIHB1YmxpY2l0YWlyZXMgbWFqZXVycyB0ZWxzIEdvb2dsZSBBZHdvcmRzIGV0IEZhY2Vib29rIEFkcyBNYW5hZ2VyLCB0YW50IGF1IG5pdmVhdSBkZSBsYSBjclx1MDBlOWF0aW9uIHF1ZSBkZSBsYS4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NyZWF0aW9uLWV0LWdlc3Rpb24tZGUtY2FtcGFnbmVzLWFkd29yZHMiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjIwNzBcL2FseXlwcjQ1NC5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

Info alerte

J'aimerais recevoir un avis par courriel lors de la prochaine période d'inscription pour Développement Web avancé : CSS avancé et animations Web (INF-208-TP)

Cours à temps partiel
Certification : SOFEDUC. Attestation de réussite avec émission de 1.2 UEC ?
Durée: 12 heures
Emplacement: En classe
Coût : 247,50 $ ^{+ tx}
Tarif réduit financé par Services Québec: 25 $ ^{+ tx}
Début: À venir.
Horaire: De soir