Conception et intégration de sites Web adaptatifs Archive

INF-131-TP

Info-alerte

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

La conception de sites web réactifs à la taille de l'appareil utilisé pour la consultation est un sujet d'actualité encore en 2018. Que ce soit pour avoir plusieurs mode d'affichage selon le périphérique ou pour le pointage général de l'OMR (Optimisation des Moteurs de Recherche), le design réactif est une corde que tous bons développeurs devraient avoir à son arc.

Le cours s'adresse aux personnes qui ont déjà une base en intégration (HTML et CSS).

Le cours fait un survol des notions liées au "Responsive Web Design" :

Optimisation des éléments multimédias;
Utilisation d’une structure logicielle favorisant l'utilisation : d'une grille adaptative et des notions de JavaScript et de CSS permettant l'intégration d'un site qui s'adaptera à la taille de l'écran sur lequel il s'affiche.

Préalables

Connaissance HTML - Connaissance CSS - Bonne capacité d'abstracion

Compétences visées

Revue des bases de CSS
Les périphériques
Adaptatif vs Réactif
FlexBox
Les points de rupture
Les cadres de développement populaires

Horaire et coûts

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

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyNTgiLCJ0aXRsZSI6IkNvbXB0YWJpbGl0XHUwMGU5IGV0IGdlc3Rpb24iLCJkZXNjcmlwdGlvbiI6IkRldmVuZXogYXNzaXN0YW50IGNvbXB0YWJsZVwvdGVjaG5pY2llbiBlbiBjb21wdGFiaWxpdFx1MDBlOSBldCBwbHVzIGVuY29yZS4gRFx1MDBlOWNvdXZyZXogbm90cmUgQUVDIGVuIGNvbXB0YWJpbGl0XHUwMGU5IGV0IGdlc3Rpb24uIEluc2NyaXB0aW9ucyBlbiBsaWduZSEiLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb21wdGFiaWxpdGUtZXQtZ2VzdGlvbiIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yNThcL0FFQ19Db21wdGFiaWxpdCVDMyVBOV9ldF9nZXN0aW9uLmpwZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI2NiIsInRpdGxlIjoiRGV2ZW5pciBzcFx1MDBlOWNpYWxpc3RlIGRcdTIwMTlFeGNlbCAobml2ZWF1IDMpIiwiZGVzY3JpcHRpb24iOiIxMmggZGUgY291cnMgZW4gbGlnbmUuIFRlbXBzIHBhcnRpZWwuIERcdTAwZTljb3V2cmV6IGxlcyBvYmplY3RpZnMgZHUgY291cnMgRXhjZWwgYXZhbmNcdTAwZTkhIENvdXJzIEV4Y2VsIGludGVybVx1MDBlOWRpYWlyZSBwclx1MDBlOWFsYWJsZS4gQXR0ZXN0YXRpb24gU09GRURVQy4gSW5zY3JpcHRpb24gZW4gbGlnbmUuXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jaGlmZnJpZXItZWxlY3Ryb25pcXVlLWF2YW5jZSIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yNjdcL2FsenZybzg5Mi5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMzciLCJ0aXRsZSI6IkFwcHJvZm9uZGlyIHNlcyBjb25uYWlzc2FuY2VzIGVuIEV4Y2VsIChuaXZlYXUgMikiLCJkZXNjcmlwdGlvbiI6IjEyaCBkZSBjb3VycyBlbiBsaWduZS4gVGVtcHMgcGFydGllbC4gRFx1MDBlOWNvdXZyZXogbGVzIG9iamVjdGlmcyBkdSBjb3VycyBFeGNlbCBpbnRlcm1cdTAwZTlkaWFpcmUhIENvdXJzIEV4Y2VsIGRcdTAwZTlidXRhbnQgcHJcdTAwZTlhbGFibGUuIEF0dGVzdGF0aW9uIFNPRkVEVUMuICBJbnNjcmlwdGlvbiBlbiBsaWduZS4gXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jaGlmZnJpZXItZWxlY3Ryb25pcXVlLWludGVybWVkaWFpcmUiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjc0XC9hbHp2cm84OTMuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiI1MTgiLCJ0aXRsZSI6IkRcdTAwZTl2ZWxvcHBlbWVudCBXZWIiLCJkZXNjcmlwdGlvbiI6IkZhaXRlcyBjYXJyaVx1MDBlOHJlIGVuIGRcdTAwZTl2ZWxvcHBlbWVudCB3ZWIhIENvbnN1bHRleiBsYSBmaWNoZSBjb21wbFx1MDBlOHRlIGRlIG5vdHJlIEFFQy4gSW5zY3JpdmV6LXZvdXMgZW4gbGlnbmUhIFx1MDBjYXRlcy12b3VzIGFkbWlzc2libGUgYXUgcHJvZ3JhbW1lPyIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2RldmVsb3BwZW1lbnQtd2ViIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzUxOFwvcGFua2FqLXBhdGVsLTUxNTIxOS11bnNwbGFzaC5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjYwMDAiLCJpbWFnZV9oZWlnaHQiOiI0MDAwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIzMjIiLCJ0aXRsZSI6IkhUTUw1IGV0IENTUzMgLSBMJ2Vzc2VudGllbCBkZSBsJ2ludFx1MDBlOWdyYXRpb24gV2ViIiwiZGVzY3JpcHRpb24iOiJMYSBmb3JtYXRpb24gdmlzZSBcdTAwZTAgZW5zZWlnbmVyIGxlIGxhbmdhZ2UgSFRNTCBxdWkgcGVybWV0IGRlIGJhbGlzZXIgbGVzIFx1MDBlOWxcdTAwZTltZW50cyBkJ3VuIHNpdGUgd2ViIGV0IGxlIGxhbmdhZ2UgQ1NTIHF1aSBwZXJtZXQgZCdlbiBcdTAwZTl0YWJsaXIgbGUgc3R5bGUgZ3JhcGhpcXVlLiBWb3VzIGFwcHJlbmRyZXogbGVzIGJvbm5lcyBwcmF0aXF1ZXMsIGxlcyBvdXRpbHMgZXQgdGVjaG5vbG9naWVzIHV0aWxpc1x1MDBlOXMgZGFucyBsZSBkb21haW5lLi4uIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvZGV2ZWxvcHBlbWVudC13ZWItaHRtbC1ldC1jc3MiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvNTcyXC9mZnR0b3o5OC5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjY0MCIsImltYWdlX2hlaWdodCI6IjcyMCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxNDAiLCJ0aXRsZSI6IkFwcHJlbmRyZSBsZXMgYmFzZXMgZFx1MjAxOUV4Y2VsIChuaXZlYXUgMSkiLCJkZXNjcmlwdGlvbiI6IkNvdXJzIGVuIGxpZ25lIEV4Y2VsIGRcdTAwZTlidXRhbnQuIDEyaCBkZSBjb3Vycy4gVGVtcHMgcGFydGllbC4gSW5zY3JpcHRpb25zIGVuIGxpZ25lISBBdWN1biBwclx1MDBlOWFsYWJsZSByZXF1aXMuIERcdTAwZTljb3V2cmV6IGxlcyBzdWpldHMgZXhwbG9yXHUwMGU5cyEgQXR0ZXN0YXRpb24gU09GRURVQy5cbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NoaWZmcmllci1lbGVjdHJvbmlxdWUtZGVidXRhbnQiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMTczMTRcL2FseWx4bjUyMy5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjciLCJ0aXRsZSI6IkFuaW1lciBsZXMgbVx1MDBlOWRpYXMgc29jaWF1eCIsImRlc2NyaXB0aW9uIjoiVG91dCBzdXIgbCdhbmltYXRpb24gZWZmaWNhY2UgZGVzIG1cdTAwZTlkaWFzIHNvY2lhdXguIENvdXJzIGV0IGluc2NyaXB0aW9ucyBlbiBsaWduZS4gT3V2ZXJ0IFx1MDBlMCB0b3VzISBEXHUwMGU5Y291dnJleiBsYSBmaWNoZSBjb21wbFx1MDBlOHRlIGR1IGNvdXJzLiBBdHRlc3RhdGlvbiBTT0ZFRFVDLlxuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvYWxpbWVudGVyLWxlcy1yZXNlYXV4LXNvY2lhdXgiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjEzNTFcL2FseWZteDk0MS5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjEiLCJ0aXRsZSI6IlJcdTAwZTlkYWN0aW9uIFdlYiIsImRlc2NyaXB0aW9uIjoiSW5zY3JpcHRpb25zIGV0IGNvdXJzICgxOCBoZXVyZXMpIGVuIGxpZ25lLiBOb3Rpb25zIGVzc2VudGllbGxlcyBwb3VyIG1hXHUwMGVldHJpc2VyIGxhIFJcdTAwZTlkYWN0aW9uIFdlYiAobW90ZXVycyBkZSByZWNoZXJjaGUsIHB1YmxpYyBjaWJsZSwgZXRjLikuIEF0dGVzdGF0aW9uIFNPRkVEVUMuXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9hdGVsaWVyLWRlLXJlZGFjdGlvbi13ZWIiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjIwMjNcL2FtYXFpcjczNy5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI4MCIsInRpdGxlIjoiT3B0aW1pc2F0aW9uIGR1IHJcdTAwZTlmXHUwMGU5cmVuY2VtZW50IFdlYiAtIFNFTyAmIEdvb2dsZSBhZHdvcmRzIiwiZGVzY3JpcHRpb24iOiJBcHByZW5leiBsJ2Vzc2VudGllbCBzdXIgbGUgclx1MDBlOWZcdTAwZTlyZW5jZW1lbnQgd2ViIChTRU8pIGV0IEdvb2dsZSBBZHMuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIENvdXJzICgxOGgpIGV0IGluc2NyaXB0aW9ucyBlbiBsaWduZS4gQ29uc3VsdGV6IGxhIGZpY2hlIGNvbXBsXHUwMGU4dGUgZHUgY291cnMuIFxuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvc2VvLW9wdGltaXNhdGlvbi1wb3VyLWxlcy1tb3RldXJzLWRlLXJlY2hlcmNoZSIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMjA3NVwvYmJjY3J1MzguYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMzUiLCJ0aXRsZSI6IkxlIGRcdTAwZTl2ZWxvcHBlbWVudCBXZWIgcG91ciBsZXMgZFx1MDBlOWJ1dGFudHMiLCJkZXNjcmlwdGlvbiI6IkRcdTAwZTl2ZWxvcHBleiB1bmUgc3RyYXRcdTAwZTlnaWUgYXhcdTAwZTllIHN1ciBsJ2V4cFx1MDBlOXJpZW5jZSBjbGllbnQgKENYKS4gSW5zY3JpcHRpb25zIGV0IGNvdXJzIGVuIGxpZ25lLiBBdHRlc3RhdGlvbiBTT0ZFRFVDLiBBdWN1biBwclx1MDBlOWFsYWJsZS4gQ29uc3VsdGV6IG5vdHJlIGZpY2hlIGNvbXBsXHUwMGU4dGUuIFxuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvaW50cm9kdWN0aW9uLWF1LWRldmVsb3BwZW1lbnQtd2ViIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMTI4XC9hbWFjdmo5ODkuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

Cours à la carte
Certification : SOFEDUC. Attestation de réussite avec émission de 1.8 UEC ?
Durée: 18 heures
Emplacement: En classe
Coût : 297 $ ^{+ tx}
Tarif réduit financé par Services Québec: 31 $ ^{+ tx}
Début de la prochaine cohorte : À venir.