eyJpZCI6IjQ0IiwiaWRlbnRpZmlhbnQiOiJjb3ZpZC1ub3RpY2UiLCJpc19tYWluIjoiMCIsInRpdHJlIjoiSG9yYWlyZSByXHUwMGU5Z3VsaWVyIiwiY29udGVudSI6IjxwPkxlIHBhdmlsbG9uIGRlIGxhIGZvcm1hdGlvbiBjb250aW51ZSBlc3Qgb3V2ZXJ0IHNlbG9uIGwnaG9yYWlyZSByXHUwMGU5Z3VsaWVyIDogZHUgbHVuZGkgYXUgdmVuZHJlZGkgZGUgN2gzMCBcdTAwZTAgMjFoMzAgXHUwMGUwIGwnZXhjZXB0aW9uIGR1IHZlbmRyZWRpIG9cdTAwZjkgbGEgZmVybWV0dXJlIHMnZWZmZWN0dWUgXHUwMGUwIDE3aC48XC9wPlxuPHA+UHJlbmV6IG5vdGUgcXVlIGwnXHUwMGU5cXVpcGUgZWZmZWN0dWUgZHUgdFx1MDBlOWxcdTAwZTl0cmF2YWlsIGRlIGZhXHUwMGU3b24gcG9uY3R1ZWxsZSBldCBxdSdpbCBlc3QgcHJcdTAwZTlmXHUwMGU5cmFibGUgZGUgcHJlbmRyZSByZW5kZXotdm91cyBhdmFudCBkZSB2b3VzIHByXHUwMGU5c2VudGVyIHN1ciBwbGFjZS48XC9wPlxuPHA+RW4gdG91dCB0ZW1wcywgdm91cyBwb3V2ZXogY29tbXVuaXF1ZXIgYXZlYyBub3VzIHBhciBjb3VycmllbCBhdSA8YSBocmVmPVwibWFpbHRvOmRmY0BjZWdlcGdhcm5lYXUuY2FcIj5kZmNAY2VnZXBnYXJuZWF1LmNhPFwvYT4gb3UgcGFyIHRcdTAwZTlsXHUwMGU5cGhvbmUgYXUgNDE4LTY4Ny01ODUxLjxcL3A+XG48cD5Wb3VzIHBvdXZleiBcdTAwZTlnYWxlbWVudCByZWpvaW5kcmUgbFx1MjAxOWVuc2VtYmxlIGR1IHBlcnNvbm5lbCBlbiBhcHBlbGFudCBkaXJlY3RlbWVudCBcdTAwZTAgbGV1ciBwb3N0ZSB0XHUwMGU5bFx1MDBlOXBob25pcXVlICg8YSBocmVmPVwiaHR0cHM6XC9cL2JvdHRpbi5jZWdlcGdhcm5lYXUuY2FcL1wiIHRhcmdldD1cIl9ibGFua1wiPmJvdHRpbiBkdSBwZXJzb25uZWw8XC9hPikuIEF2YW50IGRlIHZvdXMgcHJcdTAwZTlzZW50ZXIgYXUgQ1x1MDBlOWdlcCwgYXNzdXJleiB2b3VzIGRlIHByZW5kcmUgY29ubmFpc3NhbmNlIGRlcyBtZXN1cmVzIHNhbml0YWlyZXMgZW4gdmlndWV1ci48XC9wPiIsInBhcmVudF9zZWN0aW9uX2lkIjpudWxsLCJjbGFzc2VzIjoiIiwiY3JlYXRlZCI6IjIwMjEtMDQtMjcgMDk6MzM6NDgiLCJ1cGRhdGVkIjoiMjAyMi0wNC0yOCAxNjoyNjoxMCIsInVybCI6IiIsImxvZ3MiOiI1OCJ9

Développement Web avancé : CSS avancé et animations Web | Technologies de l'information

Logo Cégep Garneau

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

Ce cours est notamment offert dans le cadre de :


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

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMTciLCJ0aXRsZSI6Ikdlc3Rpb24gZGUgcHJvamV0IiwiZGVzY3JpcHRpb24iOiJFeHBsb3JleiBsYSBnZXN0aW9uIGRlIHByb2pldCEgMzkgaGV1cmVzIGRlIGZvcm1hdGlvbi4gQ291cnMgZW4gbGlnbmUgXHUwMGUwIHRlbXBzIHBhcnRpZWwuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXZlei12b3VzIGVuIGxpZ25lLiBcbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2dlc3Rpb24tZGUtcHJvamV0cyIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMzBcL2FseW50aTI5LmJyaW9pbWFnZS5wbmciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL3BuZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMDkiLCJ0aXRsZSI6IkxlcyBcdTAwYzl0YXRzIGZpbmFuY2llcnMgOiBsZXMgY29tcHJlbmRyZSBldCBsZXMgYW5hbHlzZXIiLCJkZXNjcmlwdGlvbiI6IkwnZXNzZW50aWVsIHBvdXIgY29tcHJlbmRyZSBldCBhbmFseXNlciBsZXMgXHUwMGU5dGF0cyBmaW5hbmNpZXJzLiAxMiBoZXVyZXMgZGUgY291cnMgZW4gbGlnbmUuIFRlbXBzIHBhcnRpZWwuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXB0aW9ucyBlbiBsaWduZS4gXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9sZXMtZXRhdHMtZmluYW5jaWVycy1sZXMtY29tcHJlbmRyZS1ldC1sZXMtYW5hbHlzZXIiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjMzXC9hdmhod3Q0NzcuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiI3NDQ2IiwidGl0bGUiOiJHZXN0aW9uIGRlIGwnYXBwcm92aXNpb25uZW1lbnQgKEFFQykiLCJkZXNjcmlwdGlvbiI6IlBsdXNpZXVycyBvcHBvcnR1bml0XHUwMGU5cyBkZSBjYXJyaVx1MDBlOHJlLiBEZXZlbmV6IGV4cGVydCBlbiBnZXN0aW9uIGRlIGwnYXBwcm92aXNpb25uZW1lbnQuIEluc2NyaXZlei12b3VzIGVuIGxpZ25lLiBDb25zdWx0ZXogbGEgZmljaGUgY29tcGxcdTAwZTh0ZSBkdSBjb3Vycy4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9nZXN0aW9uLWRlLWxhcHByb3Zpc2lvbm5lbWVudCIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvaW1hZ2VzXC9mY3NhZV9kZWZhdWx0X29nX2ltYWdlX2NvdXJzLmpwZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiNjAwIiwiaW1hZ2VfaGVpZ2h0IjoiMzE1In0=
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMTg0MyIsInRpdGxlIjoiVGVjaG5pcXVlcyBlbiBnZXN0aW9uIGRlIGxcdTIwMTloYWJpdGF0aW9uIHBvdXIgbGVzIFByZW1pXHUwMGU4cmVzIE5hdGlvbnMgYXUgUXVcdTAwZTliZWMiLCJkZXNjcmlwdGlvbiI6IkxlIHByb2dyYW1tZSBwZXJtZXQgZFx1MjAxOWFjcXVcdTAwZTlyaXIgZGVzIGNvbXBcdTAwZTl0ZW5jZXMgZXNzZW50aWVsbGVzIHBvdXIgZ1x1MDBlOXJlciBsZXMgcHJvamV0cywgbGVzIGFjdGl2aXRcdTAwZTlzIGV0IGxlcyBwcm9ncmFtbWVzIGRlIGxvZ2VtZW50IHN1ciBsZXMgY29tbXVuYXV0XHUwMGU5cyBhdXRvY2h0b25lcy5cbklsIHBlcm1ldCBcdTAwZTlnYWxlbWVudCBkZSBkXHUwMGU5dmVsb3BwZXIgZGVzIGhhYmlsZXRcdTAwZTlzIHByb2Zlc3Npb25uZWxsZXMgYWRhcHRcdTAwZTllcyBhdXguLi4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC90ZWNobmlxdWVzLWVuLWdlc3Rpb24tZGUtbGhhYml0YXRpb24tcG91ci1sZXMtcHJlbWllcmVzLW5hdGlvbnMtZHUtcXVlYmVjIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9pbWFnZXNcL2Zjc2FlX2RlZmF1bHRfb2dfaW1hZ2VfY291cnMuanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiI2MDAiLCJpbWFnZV9oZWlnaHQiOiIzMTUifQ==
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI2MiIsInRpdGxlIjoiR2VzdGlvbiBkZXMgc3RvY2tzIDogc3RyYXRcdTAwZTlnaWVzIGV0IG91dGlscyIsImRlc2NyaXB0aW9uIjoiQ29tcHJlbmV6IGV0IGFuYWx5c2V6IGxhIGdlc3Rpb24gZGVzIHN0b2Nrcy4gT3B0aW1pc2V6IHZvcyBzdHJhdFx1MDBlOWdpZXMuIEluc2NyaXB0aW9ucyBldCBjb3VycyBlbiBsaWduZS4gQXVjdW4gcHJcdTAwZTlhbGFibGUgcmVxdWlzLiBDb250YWN0ZXotbm91cy4gQXR0ZXN0YXRpb24gU09GRURVQy5cbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2dlc3Rpb24tZGVzLXN0b2Nrcy0xLXN0cmF0ZWdpZXMtZXQtb3V0aWxzIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMDU1XC9iY3l5cW81NDcuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjEzMSIsInRpdGxlIjoiTWljcm9wcm9ncmFtbWUgQ291cnRhZ2UgaW1tb2JpbGllciBjb21tZXJjaWFsIiwiZGVzY3JpcHRpb24iOiJEXHUwMGU5Y291dnJleiBsZXMgb2JqZWN0aWZzIGRlIG5vdHJlIEFFQy4gU3RyYXRcdTAwZTlnaWVzIGRlIGdlc3Rpb24gYWRhcHRcdTAwZTllcy4gSW5zY3JpcHRpb24gZXQgY291cnMgZW4gbGlnbmUuIENvbnN1bHRleiBsYSBmaWNoZSBkdSBwcm9ncmFtbWUgaWNpLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJ0YWdlLWltbW9iaWxpZXItY29tbWVyY2lhbC0yIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMTMxXC9uYXN0dWgtYWJvb3RhbGViaS0yODQ4ODItdW5zcGxhc2guanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiIyMzAxIiwiaW1hZ2VfaGVpZ2h0IjoiMTUzNiJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjMiLCJ0aXRsZSI6IkJsb2NrY2hhaW4gc2ltcGxpZmlcdTAwZTllIiwiZGVzY3JpcHRpb24iOiJEXHUwMGU5Y291dnJleiBsJ1x1MDBlOWNvc3lzdFx1MDBlOG1lIEJsb2NrY2hhaW4gZXQgc2VzIHBhbnMgc3RyYXRcdTAwZTlnaXF1ZXMuIENvbnRlbnUgdmFyaVx1MDBlOSwgcHJhdGlxdWUgZXQgdGhcdTAwZTlvcmlxdWUuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXB0aW9ucyBldCBjb3VycyBlbiBsaWduZS4gMjFoIGRlIGNvdXJzLiBcbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2ludHJvZHVjdGlvbi1hLWxhLXRlY2hub2xvZ2llLWJsb2NrY2hhaW4iLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjIxMzhcL2FtYWN2ajk4Ny5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjQiLCJ0aXRsZSI6IkFmdGVyIEVmZmVjdHMgQ0MgLSBMJ2Vzc2VudGllbCBkdSBtb3Rpb24gZGVzaWduIChkXHUwMGU5YnV0YW50KSIsImRlc2NyaXB0aW9uIjoiTCdlc3NlbnRpZWwgZHUgbW90aW9uIGRlc2lnbiBwb3VyIGRcdTAwZTlidXRhbnQuIFBvdXIgZGVzaWduZXJzIGZyb250LWVuZCwgZGVzaWduZXJzIGdyYXBoaXF1ZXMsIGNoZWZzIGRlIHByb2pldCwgZFx1MDBlOXZlbG9wcGV1cnMgLkF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXB0aW9ucyBlbiBsaWduZS4gXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9wcmVtaWVyZS1wcm8tZXQtYWZ0ZXItZWZmZWN0cy1jYy1sZXNzZW50aWVsLWR1LW1vbnRhZ2UtdmlkZW8tZXQtbW90aW9uLWRlc2lnbi1kZWJ1dGFudCIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMjMwM1wvYXJkZ2Z5MzcuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjYiLCJ0aXRsZSI6IkN5YmVyc1x1MDBlOWN1cml0XHUwMGU5IC0gbm90aW9ucyBkZSBjb250cmUtbWVzdXJlcyBldCBzdXJmYWNlIGRcdTIwMTlhdHRhcXVlIiwiZGVzY3JpcHRpb24iOiJQbHVzIHN1ciBsZSBjb25jZXB0IGV0IGxlcyBwcmF0aXF1ZXMgZGUgY3liZXJzXHUwMGU5Y3VyaXRcdTAwZTkgKG1lbmFjZXMsIHByb3RlY3Rpb24sIGV0Yy4pLiA5IGhldXJlcyBkZSBjb3VycyBlbiBsaWduZS4gSW5zY3JpdmV6LXZvdXMgc3VyIG5vdHJlIHNpdGUhIEF0dGVzdGF0aW9uIFNPRkVEVUMuXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jeWJlcnNlY3VyaXRlIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMzA3XC9hbW9obnIzMDkuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiI5NjAiLCJpbWFnZV9oZWlnaHQiOiI1NDAifQ==
eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMTYiLCJ0aXRsZSI6IkluaXRpYXRpb24gXHUwMGUwIGxhIGNvbXB0YWJpbGl0XHUwMGU5IiwiZGVzY3JpcHRpb24iOiJDb3VycyBlbiBsaWduZS4gTm90aW9ucyBkZSBiYXNlIGRlIGxhIGNvbXB0YWJpbGl0XHUwMGU5LiBBbmFseXNlIGV0IHRyYWl0ZW1lbnRzIGRlIGRvbm5cdTAwZTllcyBjb21wdGFibGVzLiAyMWggZGUgY291cnMuIFRlbXBzIHBhcnRpZWwuICBJbnNjcmlwdGlvbnMgZW4gbGlnbmUuIEF0dGVzdGF0aW9uIFNPRkVEVUMuXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9pbml0aWF0aW9uLWEtbGEtY29tcHRhYmlsaXRlIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMzg2XC9iZ3ZuYXgzMjIuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiI3MjAiLCJpbWFnZV9oZWlnaHQiOiI3MjAifQ==
  • Cours à temps partiel
    Logo SOFEDUCCertification : 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: 24 $ + tx
  • Début de la prochaine cohorte : À venir.
  • Horaire: De soir

Pour plus d'information


Progressez jusqu'à vous renouveler, vous réaliser, vous retrouver et vous réinventer.

Développez vos compétences grâce à la formation
continue du Cégep Garneau

Logo Cégep Garneau
Milieu de travail d'exception en 2017 Cégep sans fumée
Logo Facebook Logo Twitter

Pavillon Simonne-Monet-Chartrand
1530, boul. de l'Entente
Québec (Québec) G1S 4S7

Téléphone : 418 687-5851
Sans frais : 1-866-311-1057
Télécopieur : 418 688-0375
dfc@cegepgarneau.ca