Introduction au développement Web

INF-206-TP

Info-alerte

Description

Le cours Introduction au développement Web s'adresse à une clientèle désirant s'initier au processus de développement de site Web. Les sujets suivants seront abordés dans ce cours:

Les étapes de conception et réalisation d'un site Web;
Les principaux outils technologiques du développement Web;
Les bases de l'intégration avec HTML et CSS;
Les bases de la programmation avec JavaScript;

Cette formation donne un avant-goût pour le programme AEC Développement Web.

Formateur(s) et formatrice(s)

array(19) {
  ["id"]=>
  string(2) "27"
  ["titre"]=>
  string(0) ""
  ["brioformateur_id"]=>
  string(1) "7"
  ["description"]=>
  string(433) "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) "1301"
  ["comments"]=>
  string(1) "0"
  ["active_comments"]=>
  string(1) "0"
  ["image_id"]=>
  string(3) "507"
  ["created"]=>
  string(19) "2019-03-20 16:37:40"
  ["updated"]=>
  string(19) "2021-10-19 00:46:44"
  ["first_name"]=>
  string(6) "Melody"
  ["last_name"]=>
  string(6) "Harvey"
}

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 ...

Objectifs

Connaître les étapes de conception et réalisation d'un site Web;
Comprendre la base de l'intégration avec HTML et CSS;
Comprendre la base de la programmation avec JavaScript;
Se préparer à suivre une formation plus poussée en développement Web.

Clientèle cible

Personnes désirant s’initier au développement Web dans le but éventuel de s’orienter vers ce domaine ou d’ajouter cette compétence à leur champs d’expertise (exemple : designer graphique).

Préalables

Des connaissances de base de l’informatique et de l’internet sont nécessaires

Matériels requis

Aucun

Contenu

Processus de production

Les étapes du développement Web
Côté client / côté serveur
Les métiers du Web

La base de HTML

Anatomie de la balise HTML
Les balises avec attributs
Le squelette de la page Web

La base du CSS - Règle de style

Règles de style
Les attributs HTML class et id
L’inspecteur – Outil de débogage
Le style en cascade
L’élément div
Hiérarchie des fichiers

La base de la programmation avec JavaScript

Le langage JavaScript
Principes de base de la programmation
jQuery (une bibliothèque de JavaScript)

Librairies et framework d'intégration

Installation de Materialize
Les couleurs et autres composantes

*L'ordre des sujets abordés pourrait varier

Horaire et coûts

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

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiI1MTgiLCJ0aXRsZSI6IkRcdTAwZTl2ZWxvcHBlbWVudCBXZWIiLCJkZXNjcmlwdGlvbiI6IkxlcyBwYXJ0aWNpcGFudHMgZG9pdmVudFx1MDBhMGZvdXJuaXJcdTAwYTBsZXVyIHBvcnRhYmxlXG5FTiBSQUlTT04gREUgTEEgU0lUVUFUSU9OIEFDVFVFTExFLCBMRVMgQ09VUlMgREUgTEEgUFJFTUlcdTAwYzhSRSBTRVNTSU9OIFBPVVJSQUlFTlQgXHUwMGNhVFJFIERPTk5cdTAwYzlTIEVOIFRPVVQgT1UgRU4gUEFSVElFIFx1MDBjMCBESVNUQU5DRS5cbkFsbGlleiBjclx1MDBlOWF0aXZpdFx1MDBlOSwgZGVzaWduIGV0IHNhdm9pci1mYWlyZSBpbmZvcm1hdGlxdWUgYXZlYyBsJ0FFQyBlbi4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2RldmVsb3BwZW1lbnQtd2ViIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzUxOFwvcGFua2FqLXBhdGVsLTUxNTIxOS11bnNwbGFzaC5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjYwMDAiLCJpbWFnZV9oZWlnaHQiOiI0MDAwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMTciLCJ0aXRsZSI6Ikdlc3Rpb24gZGUgcHJvamV0IiwiZGVzY3JpcHRpb24iOiJMYSBmb3JtYXRpb25cdTAwYTBHZXN0aW9uIGRlIHByb2pldFx1MDBhMHZpc2UgXHUwMGUwIHByXHUwMGU5cGFyZXIgbGUgcGFydGljaXBhbnQgXHUwMGUwIGdcdTAwZTlyZXIgdW4gcHJvamV0LiBMYSB0aFx1MDBlOW1hdGlxdWUgZHUgY291cnMgc1x1MjAxOW9yaWVudGUgdmVycyBsYSBkXHUwMGU5ZmluaXRpb24sIGxhIHBsYW5pZmljYXRpb24sIGxcdTIwMTlvcmdhbmlzYXRpb24sIGxhIGNvb3JkaW5hdGlvbiwgbGUgY29udHJcdTAwZjRsZSBldCBsZSBzdWl2aSBkdSBwcm9qZXQuIElsIHBlcm1ldCBkZS4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2dlc3Rpb24tZGUtcHJvamV0cyIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMzBcL2FseW50aTI5LmJyaW9pbWFnZS5wbmciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL3BuZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjciLCJ0aXRsZSI6IkFuaW1lciBsZXMgbVx1MDBlOWRpYXMgc29jaWF1eCIsImRlc2NyaXB0aW9uIjoiTGVzIG1cdTAwZTlkaWFzIHNvY2lhdXggc2UgcG9zaXRpb25uZW50IGRlIGZhXHUwMGU3b24gbWFycXVcdTAwZTllIGRhbnMgdG91dGUgc3RyYXRcdTAwZTlnaWUgZGUgY29tbXVuaWNhdGlvbiBhY3R1ZWxsZS4gVm9pY2kgdW5lIGZvcm1hdGlvbiBxdWkgc2F1cmEgdm91c1x1MDBhMGd1aWRlclx1MDBhMHBhcm1pIGxlcyBlbmpldXgtcGhhcmVzIHBvdXIgdW5lIHV0aWxpc2F0aW9uIHBlcmZvcm1hbnRlIGRlIGNlcyBwbGF0ZWZvcm1lcyBXZWIgZW4gZW50cmVwcmlzZS4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2FsaW1lbnRlci1sZXMtcmVzZWF1eC1zb2NpYXV4IiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIxMzUxXC9hbHlmbXg5NDEuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI5MyIsInRpdGxlIjoiV29yZFByZXNzIGRcdTAwZTlidXRhbnQgLSBnZXN0aW9uIGRlIGNvbnRlbnUgZCd1biBzaXRlIHdlYiIsImRlc2NyaXB0aW9uIjoiQ2UgY291cnMgZFx1MjAxOWluaXRpYXRpb24gcGVybWV0IGF1eCBwYXJ0aWNpcGFudHMgZGUgc1x1MjAxOWFwcHJvcHJpZXIgbGVzIGJhc2VzIGR1IGdlc3Rpb25uYWlyZSBkZSBjb250ZW51cyBXZWIgbGUgcGx1cyB1dGlsaXNcdTAwZTkgZGFucyBsZSBtb25kZSA6IFdvcmRQcmVzcy4gQXBwcmVuZXogXHUwMGUwIGluc3RhbGxlciwgY29uZmlndXJlciBldCBtZXR0cmUgZW4gbGlnbmUgZGVzIGNvbnRlbnVzLCBnXHUwMGU5cmVyIGxhIG5hdmlnYXRpb24sIGluc3RhbGxlciBldC4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL3dvcmRwcmVzcy1kZWJ1dGFudCIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMTM0OFwvYXN5Y2F4MTUyLmJyaW9pbWFnZS5wbmciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL3BuZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyNTgiLCJ0aXRsZSI6IkNvbXB0YWJpbGl0XHUwMGU5IGV0IGdlc3Rpb24iLCJkZXNjcmlwdGlvbiI6IkwnYXR0ZXN0YXRpb24gZCdcdTAwZTl0dWRlcyBjb2xsXHUwMGU5Z2lhbGVzIENvbXB0YWJpbGl0XHUwMGU5IGV0IGdlc3Rpb24gZm9ybWUgZGVzIGZpbmlzc2FudHMgcG9seXZhbGVudHMgZGFucyB1biBkb21haW5lIHRyXHUwMGU4cyByZWNoZXJjaFx1MDBlOSBwYXIgbGVzIGluZHVzdHJpZXMgZGUgcHJvZHVjdGlvbiBldCBsZXMgZW50cmVwcmlzZXMgZGUgc2VydmljZXMuXG5MZSBwcm9ncmFtbWUgZCdBRUMgZW4gQ29tcHRhYmlsaXRcdTAwZTkgZXQgZ2VzdGlvbiBlc3QgZFx1MDBlOXJpdlx1MDBlOS4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvbXB0YWJpbGl0ZS1ldC1nZXN0aW9uIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9pbWFnZXNcL2Zjc2FlX2RlZmF1bHRfb2dfaW1hZ2VfY291cnMuanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiI2MDAiLCJpbWFnZV9oZWlnaHQiOiIzMTUifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjI4NCIsInRpdGxlIjoiQ29vcmRpbmF0aW9uIGR1IGNvbW1lcmNlIFx1MDBlOWxlY3Ryb25pcXVlIiwiZGVzY3JpcHRpb24iOiJQb3VyIHZvdXMgaW5zY3JpcmUgOiBWb3VzIGRldmV6IGFzc2lzdGVyIE9CTElHQVRPSVJFTUVOVCBcdTAwZTAgdW5lIHNcdTAwZTlhbmNlIGQnaW5mb3JtYXRpb24gXG5EZXB1aXMgcXVlbHF1ZXMgYW5uXHUwMGU5ZXMsIGxlIG1vbmRlIGR1IGNvbW1lcmNlIGRlIGRcdTAwZTl0YWlsIGVzdCBlbiBwcm9mb25kZSBtdXRhdGlvbi5cdTAwYTAgVW5lIHByb3BvcnRpb24gc2FucyBjZXNzZSBjcm9pc3NhbnRlIGRlIGNvbnNvbW1hdGV1cnMgZWZmZWN0dWUgbGV1cnMgYWNoYXRzIGVuLi4uIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvYWVjLWVuLWNvb3JkaW5hdGlvbi1kdS1jb21tZXJjZS1lbGVjdHJvbmlxdWUiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2ltYWdlc1wvZmNzYWVfZGVmYXVsdF9vZ19pbWFnZV9jb3Vycy5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjYwMCIsImltYWdlX2hlaWdodCI6IjMxNSJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjEiLCJ0aXRsZSI6IlJcdTAwZTlkYWN0aW9uIFdlYiIsImRlc2NyaXB0aW9uIjoiQ2V0IGF0ZWxpZXIgcGVybWV0IGRlIGRcdTAwZTl2ZWxvcHBlciBkZXMgY29tcFx1MDBlOXRlbmNlcyBzcFx1MDBlOWNpZmlxdWVzIGxpXHUwMGU5ZXMgXHUwMGUwIGxcdTIwMTlhbmFseXNlIGV0IFx1MDBlMCBsYSByXHUwMGU5ZGFjdGlvbiBkZSB0ZXh0ZXMgZGVzdGluXHUwMGU5cyBhdSBXZWIuIFx1MDBjMCBsXHUyMDE5YWlkZSBkXHUyMDE5ZXhlcmNpY2VzIHByYXRpcXVlcywgbFx1MjAxOWFwcHJlbmFudCBzZXJhIGFtZW5cdTAwZTkgXHUwMGUwIGV4cFx1MDBlOXJpbWVudGVyIGRlcyB0ZWNobmlxdWVzIGx1aSBwZXJtZXR0YW50IGRlLi4uIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvYXRlbGllci1kZS1yZWRhY3Rpb24td2ViIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMDIzXC9hbWFxaXI3MzcuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjI1OCIsInRpdGxlIjoiQ2VydGlmaWNhdCBlbiBhY3R1YWxpc2F0aW9uIGRlIGNvbXBcdTAwZTl0ZW5jZXMgZW4gRGVzaWduIGV0IGludFx1MDBlOWdyYXRpb24gV2ViIiwiZGVzY3JpcHRpb24iOiJcdTAwYTAqKioqXHUwMGEwUG91ciB2b3VzIGluc2NyaXJlIDogVm91cyBkZXZleiBhc3Npc3RlciBPQkxJR0FUT0lSRU1FTlQgXHUwMGUwIHVuZSBzXHUwMGU5YW5jZSBkJ2luZm9ybWF0aW9uICoqKipcbkNlIHByb2dyYW1tZSBzXHUyMDE5YWRyZXNzZSBcdTAwZTAgZGVzIGdlbnMgcG9zc1x1MDBlOWRhbnQgdW4gZGlwbFx1MDBmNG1lIHRlY2huaXF1ZSBvdSBkZSBsXHUyMDE5ZXhwXHUwMGU5cmllbmNlIGRlIHRyYXZhaWwgZW4gZ3JhcGhpc21lLCBpbmZvZ3JhcGhpZSwgZGVzaWduIGRcdTIwMTlpbXByZXNzaW9uLC4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NlcnRpZmljYXQtZW4tYWN0dWFsaXNhdGlvbi1kZS1jb21wZXRlbmNlcy1lbi1kZXNpZ24tZXQtaW50ZWdyYXRpb24td2ViIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMjU4XC9mYW5jeWNyYXZlLTI3Nzc1Ni11bnNwbGFzaDEuanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiI1MTkzIiwiaW1hZ2VfaGVpZ2h0IjoiMzQ2MiJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjUiLCJ0aXRsZSI6IkNyXHUwMGU5YXRpb24gZXQgZ2VzdGlvbiBkZSBjYW1wYWduZXMgcHVibGljaXRhaXJlcyBudW1cdTAwZTlyaXF1ZXMiLCJkZXNjcmlwdGlvbiI6IkxhIHB1YmxpY2l0XHUwMGU5IG51bVx1MDBlOXJpcXVlIHByZW5kIGRlIHBsdXMgZW4gcGx1cyBkXHUyMDE5aW1wb3J0YW5jZSBkYW5zIGxlIGRcdTAwZTl2ZWxvcHBlbWVudCBkZXMgZW50cmVwcmlzZXMuIENlIGNvdXJzIHZpc2UgbGEgbWFcdTAwZWV0cmlzZSBkZXMgb3V0aWxzIHB1YmxpY2l0YWlyZXMgbWFqZXVycyB0ZWxzIEdvb2dsZSBBZHdvcmRzIGV0IEZhY2Vib29rIEFkcyBNYW5hZ2VyLCB0YW50IGF1IG5pdmVhdSBkZSBsYSBjclx1MDBlOWF0aW9uIHF1ZSBkZSBsYS4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NyZWF0aW9uLWV0LWdlc3Rpb24tZGUtY2FtcGFnbmVzLWFkd29yZHMiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjIwNzBcL2JiY2FoZDY0OC5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiI1NzIiLCJ0aXRsZSI6IkhUTUw1IGV0IENTUzMgLSBMJ2Vzc2VudGllbCBkZSBsJ2ludFx1MDBlOWdyYXRpb24gd2ViICIsImRlc2NyaXB0aW9uIjoiTGEgZm9ybWF0aW9uIHZpc2UgXHUwMGUwIGVuc2VpZ25lciBsZSBsYW5nYWdlIEhUTUwgcXVpIHBlcm1ldCBkZSBiYWxpc2VyIGxlcyBcdTAwZTlsXHUwMGU5bWVudHMgZCd1biBzaXRlIHdlYiBldCBsZSBsYW5nYWdlIENTUyBxdWkgcGVybWV0IGQnZW4gXHUwMGU5dGFibGlyIGxlIHN0eWxlIGdyYXBoaXF1ZS4gVm91cyBhcHByZW5kcmV6IGxlcyBib25uZXMgcHJhdGlxdWVzLCBsZXMgb3V0aWxzIGV0IHRlY2hub2xvZ2llcyB1dGlsaXNcdTAwZTlzIGRhbnMgbGUgZG9tYWluZS4uLiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2RldmVsb3BwZW1lbnQtd2ViLWh0bWwtZXQtY3NzIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9pbWFnZXNcL2Zjc2FlX2RlZmF1bHRfb2dfaW1hZ2VfY291cnMuanBnIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9qcGVnIiwiaW1hZ2Vfd2lkdGgiOiI2MDAiLCJpbWFnZV9oZWlnaHQiOiIzMTUifQ==

Info alerte

J'aimerais recevoir un avis par courriel lors de la prochaine période d'inscription pour Introduction au développement Web (INF-206-TP)

Cours à temps partiel
Certification : SOFEDUC. Attestation de réussite avec émission de 1.5 UEC ?
Durée: 15 heures
Emplacement: En ligne
Coût : 289,30 $ ^{+ tx}
Tarif réduit financé par Services Québec: 15 $ ^{+ tx}
Début de la prochaine cohorte : À venir.
Horaire: De soir