Approfondir le développement Web (niveau intermédiaire)

INF-306-TP

Description

Vous apprendrez à concevoir et programmer des pages Web en utilisant les composantes qui en sont la base même : HTML, CSS... Vous aurez ainsi un fondement solide pour évoluer vers des formations plus poussées en développement Web et pourquoi pas ... en faire une carrière ? Car aujourd’hui, Internet fait partie intégrante de nos vies et offre de nombreuses opportunités !

Objectifs

Être capable de rédiger et de faire la conception graphique d’une page Web simple
Implémenter des comportements dynamiques simples avec Javascript
Savoir utiliser une bibliothèque CSS et Javascript pour accélérer le développement Front-End

Clientèle cible

Personnes désirant approfondir ses connaissances relatives au développement Web dans le but éventuel de s’orienter vers ce domaine ou d’ajouter des compétences à leur champs d’expertise (exemple : designer graphique).

Préalables

Avoir réussi le cours LE DÉVELOPPEMENT WEB POUR LES DÉBUTANTS (INF-206-TP)

Avoir acquis les compétences suivantes :

Comprendre le fonctionnement d’internet et les bases de la conception graphique
Comprendre comment une page Web est structurée et le rôle du HTML et du CSS
Être capable de rédiger et de faire la conception graphique d’une page Web simple

MATÉRIELS REQUIS

Un ordinateur (Mac ou PC), une connexion internet, une caméra Web et un micro fonctionnel

Notes de cours et volume(s) suggéré(s)

La documentation développeur :

MDN (Mozilla Developper Network) : https://developer.mozilla.org/en-US/
W3 Schools : https://www.w3schools.com
Devdocs : https://devdocs.io

Quand on est bloqué :

google.com
stackoverflow

Pour tester et pratiquer :

codepen.io
freecodecamp.org
https://www.frontendmentor.io

Contenu

Approfondissons le HTML et le CSS

Balises HTML avancées (tables et forms)
CSS : les principales propriétés
CSS : les sélecteurs
CSS : Positionnement (flexbox)

Introduction à Boostrap

Les bibliothèques CSS
Pour comprendre Bootstrap
Installation de Bootstrap
La barre de navigation
Présentation du projet
La disposition graphique Bootstrap
Les containers
Les boutons Bootstrap

Programmation Javascript

Pourquoi Javascript ?
Les alertes : ajouter un comportement à notre page Web
Les types de données
Les variables
Les chaines de caractères
Les nombres
Les fonctions
Opérateurs logiques
Les boucles

Ajouter du dynamisme à nos pages Web

Introduction au DOM
Sélectionner des éléments HTML
Manipuler et changer le style des éléments HTML
Modifier le texte et le contenu des propriétés
Manipuler les attributs de éléments HTML

Introduction à jQuery

Les bibliothèques Javascript : pourquoi ?
Installation de jQuery
Utiliser jQuery pour développer plus rapidement
Découvrir d’autres bibliothèques JS

*L'ordre des sujets abordés pourrait varier

FORMATEUR

Samuel GUSTAVE a étudié en France à l’ESTE (École Supérieure de Technologie Électronique – Ecole d’ingénieur) et a obtenu un baccalauréat en génie électrique. Il est ensuite venu à l’Université de Sherbrooke pour suivre les cours de la maîtrise en génie électrique.

En presque 20 ans d’expérience dans le domaine informatique, il a occupé plusieurs emplois dans la gestion de systèmes informatiques bancaires, la maintenance des systèmes et la programmation. Il a particulièrement développé une expertise dans les IDE Windev/Webdev (www.pcsoft.fr) avec lesquels il a eu l’occasion de concevoir et maintenir des applications Windows et Web dans les secteurs de la santé et de la foresterie.

À travers les années, il a pu intervenir dans des technologies aussi diverses que variées telles que : HTML, CSS, PHP, Javascript, Python, Java, C#, C++, et bien sûr Windev /Webdev.

Il est toujours enthousiaste à l’idée de transmettre sa passion du développement logiciel et d’aider ses étudiants à mettre en pratique leurs acquis par des méthodologies d’apprentissage dynamiques et innovatrices.

Horaire et coûts

Du 6 mai au 10 juin 2024 (les lundis de 18 h à 21 h)

Durée : 15 heures
Du 6 mai 2024 au 10 juin 2024

EN LIGNE

Autofinancé
Coût : 302,50 $ ^{+ tx}

Formulaire d'inscription Brio

Services Québec ⁽¹⁾
Coût : 75 $ ^{+ tx}

Formulaire d'inscription Brio

Conditions d'admission au TARIF RÉDUIT FINANCÉ par Services Québec

Pour les formations de perfectionnement financées par Services Québec et offertes à 5$/h, vous êtes admissible uniquement si vous respectez tous les critères suivants:

Vous résidez dans la région de la Capitale-Nationale ou de Chaudière-Appalaches (Québec, Canada) ou travaillez pour une entreprise située sur l’un de ces territoires;
La formation choisie est en lien avec votre emploi actuel ou votre domaine d’études;
Vous êtes en emploi dans une entreprise privée ou un OBNL, travailleur(se) autonome ou en période d’arrêt de travail d’un emploi saisonnier;
Moins de 100 personnes travaillent pour votre employeur;
Vous ne travaillez pas pour un ministère, un organisme ou une agence du gouvernement provincial ou fédéral, une municipalité ou un établissement d’enseignement;
Vous n’êtes pas sans emploi ou aux études à temps plein;
Vous n’êtes pas prestataire de la CNESST ou de la SAAQ.

Notez que le nombre maximal d'inscriptions provenant d'une même entreprise est limité à 3 par groupe et que le nombre de personnes employées sera vérifié avec l'information disponible au Registraire des entreprises du Québec.

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

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMTciLCJ0aXRsZSI6Ikdlc3Rpb24gZGUgcHJvamV0IiwiZGVzY3JpcHRpb24iOiJFeHBsb3JleiBsYSBnZXN0aW9uIGRlIHByb2pldCEgMzkgaGV1cmVzIGRlIGZvcm1hdGlvbi4gQ291cnMgZW4gbGlnbmUgXHUwMGUwIHRlbXBzIHBhcnRpZWwuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXZlei12b3VzIGVuIGxpZ25lLiBcbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2dlc3Rpb24tZGUtcHJvamV0cyIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMzBcL2d2aGtoaTc5OS5icmlvaW1hZ2UuanBlZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiOTYwIiwiaW1hZ2VfaGVpZ2h0IjoiNTQwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMTQiLCJ0aXRsZSI6IkxlIGN5Y2xlIGNvbXB0YWJsZSBpbmZvcm1hdGlzXHUwMGU5IChTYWdlIDUwKSIsImRlc2NyaXB0aW9uIjoiSW5zY3JpcHRpb25zIGVuIGxpZ25lLiBPcHRpbWlzZXogdm9zIG9wXHUwMGU5cmF0aW9ucyBkdSBjeWNsZSBjb21wdGFibGUgaW5mb3JtYXRpc1x1MDBlOSBwb3VyIFNhZ2UgNTAhIDI0IGhldXJlcyBkZSBjb3VycyBcdTAwZTAgdGVtcHMgcGFydGllbCwgZW4gbGlnbmUuIEF0dGVzdGF0aW9uIFNPRkVEVUMuXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9sZS1jeWNsZS1jb21wdGFibGUtaW5mb3JtYXRpc2UtYWNvbWJhLWV0LXNhZ2UtNTAiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjM5XC9hdGp5bmo0NDEuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyNTgiLCJ0aXRsZSI6IkNvbXB0YWJpbGl0XHUwMGU5IGV0IGdlc3Rpb24iLCJkZXNjcmlwdGlvbiI6IkRldmVuZXogYXNzaXN0YW50IGNvbXB0YWJsZVwvdGVjaG5pY2llbiBlbiBjb21wdGFiaWxpdFx1MDBlOSBldCBwbHVzIGVuY29yZS4gRFx1MDBlOWNvdXZyZXogbm90cmUgQUVDIGVuIGNvbXB0YWJpbGl0XHUwMGU5IGV0IGdlc3Rpb24uIEluc2NyaXB0aW9ucyBlbiBsaWduZSEiLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb21wdGFiaWxpdGUtZXQtZ2VzdGlvbiIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yNThcL0FFQ19Db21wdGFiaWxpdCVDMyVBOV9ldF9nZXN0aW9uLmpwZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiI3NDQ0IiwidGl0bGUiOiJHZXN0aW9uIGR1IHRyYW5zcG9ydCBldCBsb2dpc3RpcXVlIChBRUMpIiwiZGVzY3JpcHRpb24iOiJNYVx1MDBlZXRyaXNleiBsJ2V4cFx1MDBlOWRpdGlvblwvclx1MDBlOWNlcHRpb24gZGVzIG1hcmNoYW5kaXNlcyBldCBwbHVzIGVuY29yZS4gRFx1MDBlOWNvdXZyZXogbGUgcHJvZ3JhbW1lIGNvbXBsZXQhIEluc2NyaXB0aW9uIGVuIGxpZ25lLiBGb3JtdWxlIGRlIGNvdXJzIGh5YnJpZGUuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvZ2VzdGlvbi1kdS10cmFuc3BvcnQtZXQtbG9naXN0aXF1ZSIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC83NDQ0XC9BRUNfR2VzdGlvbl9kdV90cmFuc3BvcnRfZXRfbG9naXN0aXF1ZS5wbmciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL3BuZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI3OCIsInRpdGxlIjoiSWxsdXN0cmF0b3IgQ0MgLSBDb25jZXB0aW9uIGdyYXBoaXF1ZSAoZFx1MDBlOWJ1dGFudCkiLCJkZXNjcmlwdGlvbiI6IkNvbmNlcHRpb24gZ3JhcGhpcXVlIChkXHUwMGU5YnV0YW50KS4gSWxsdXN0cmF0b3IgQ0MuIEluc2NyaXZlei12b3VzIGVuIGxpZ25lISBEXHUwMGU5Y291dnJleiBsYSBmaWNoZSBjb21wbFx1MDBlOHRlIGR1IGNvdXJzLiBDb3VycyBlbiBsaWduZSAoMTVoKS4gQXR0ZXN0YXRpb24gU09GRURVQy4gT3V2ZXJ0IFx1MDBlMCB0b3VzLiBcbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvbmNlcHRpb24tZ3JhcGhpcXVlLWlsbHVzdHJhdG9yIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzEyNTcxXC9hc3Fld3I1MDMuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxODciLCJ0aXRsZSI6Ikdlc3Rpb24gZGVzIHN0b2NrcyAoQUVDKSIsImRlc2NyaXB0aW9uIjoiVW5lIGNhcnJpXHUwMGU4cmUgdm91cyBhdHRlbmQgZW4gZ2VzdGlvbiBkZXMgc3RvY2tzISBJbnNjcmlwdGlvbnMgZXQgY291cnMgZW4gbGlnbmUuIERpdmVyc2VzIG9wcG9ydHVuaXRcdTAwZTlzIGQnZW1wbG9pLiBGb3JtdWxlIGRlIGNvdXJzIGh5YnJpZGUuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvZ2VzdGlvbi1kZXMtc3RvY2tzIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIxOTcxXC9jZ3FucWg5NDIuYnJpb2ltYWdlLmpwZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiI4MCIsInRpdGxlIjoiT3B0aW1pc2F0aW9uIGR1IHJcdTAwZTlmXHUwMGU5cmVuY2VtZW50IFdlYiAtIFNFTyAmIEdvb2dsZSBhZHdvcmRzIiwiZGVzY3JpcHRpb24iOiJBcHByZW5leiBsJ2Vzc2VudGllbCBzdXIgbGUgclx1MDBlOWZcdTAwZTlyZW5jZW1lbnQgd2ViIChTRU8pIGV0IEdvb2dsZSBBZHMuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIENvdXJzICgxOGgpIGV0IGluc2NyaXB0aW9ucyBlbiBsaWduZS4gQ29uc3VsdGV6IGxhIGZpY2hlIGNvbXBsXHUwMGU4dGUgZHUgY291cnMuIFxuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvc2VvLW9wdGltaXNhdGlvbi1wb3VyLWxlcy1tb3RldXJzLWRlLXJlY2hlcmNoZSIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMjA3NVwvYmJjY3J1MzguYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMzQiLCJ0aXRsZSI6IkxlcyBlc3NlbnRpZWxzIGR1IExlYW4gTWFuYWdlbWVudCBhcHBsaXF1XHUwMGU5cyBhdXggUE1FIiwiZGVzY3JpcHRpb24iOiJGYW1pbGlhcmlzZXotdm91cyBhdmVjIGxlIExFQU4gbWFuYWdlbWVudC4gVGVjaG5pcXVlcyBkZSBnZXN0aW9uIGVmZmljYWNlcy4gQXR0ZXN0YXRpb24gU09GRURVQy4gSW5zY3JpcHRpb24gZXQgY291cnMgKDIxaCkgZW4gbGlnbmUuIENvbnN1bHRleiBsYSBmaWNoZSBkdSBjb3VycyBpY2kuIFxuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvbGVhbi1tYW5hZ2VtZW50IiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMjg2XC9hbWFoZXQ0MzAuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMTAiLCJ0aXRsZSI6Ik1hcmtldGluZyBldCBkXHUwMGU5dmVsb3BwZW1lbnQgZGVzIGFmZmFpcmVzIiwiZGVzY3JpcHRpb24iOiIxMiBoZXVyZXMgZGUgY291cnMgZW4gbGlnbmUuIFRlbXBzIHBhcnRpZWwuIEFwcHJvZm9uZGlzc2V6IHZvcyBjb25uYWlzc2FuY2VzIGVuIGFuYWx5c2UgZGUgbWFyY2hcdTAwZTksIHN0cmF0XHUwMGU5Z2llcyBjb21tZXJjaWFsZXMgZXQgcGx1cyBlbmNvcmUhIFZvaXIgbm9zIHByb2NoYWluZXMgaW5zY3JpcHRpb25zLiBBdHRlc3RhdGlvbiBTT0ZFRFVDLlxuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvdmVudGVzLWV0LWRldmVsb3BwZW1lbnQtZGVzLWFmZmFpcmVzIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyMjg3XC9hbWNla204NjYuYnJpb2ltYWdlLnBuZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvcG5nIiwiaW1hZ2Vfd2lkdGgiOiIxOTIwIiwiaW1hZ2VfaGVpZ2h0IjoiMTA4MCJ9

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIzMTIiLCJ0aXRsZSI6Ikdvb2dsZSBTZWFyY2ggQ29uc29sZSIsImRlc2NyaXB0aW9uIjoiIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvZ29vZ2xlLXNlYXJjaC1jb25zb2xlIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzIyNDM2XC9laXd0cnkxMzQuYnJpb2ltYWdlLmpwZWciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6Ijk2MCIsImltYWdlX2hlaWdodCI6IjU0OCJ9

Info alerte

J'aimerais recevoir un avis par courriel lors de la prochaine période d'inscription pour Approfondir le développement Web (niveau intermédiaire) (INF-306-TP)

Cours à la carte
Durée: 15 heures
Emplacement: En ligne
Coût : 302,50 $ ^{+ tx}
Tarif réduit financé par Services Québec: 75 $ ^{+ tx}
Début de la prochaine cohorte :
Le lundi 6 mai 2024

Pour plus d'information

Secteurs : Transport, approvisionnement, immobilier, juridique, design, langues, entrepreneuriat, sécurité & sûreté

Marie Julie Coulombe
418-688-8310 poste2422
mjcoulombe@cegepgarneau.ca

Secteurs : Administration, bureautique, ressources humaines & Technologies de l'information

Thomas Baril Lessard
418-688-8310 poste 2270
tbaril-lessard@cegepgarneau.ca

En tout temps, vous pouvez également communiquer avec le secrétariat de la formation continue au 418-687-5851 ou par courriel au dfc@cegepgarneau.ca.

Site web : progressez.ca