Introduction au développement Web

INF-206-TP

Description

Cette formation vous permettra de vous initier aux bases du développement Web.

Aujourd’hui, Internet fait partie intégrante de nos vies et offre de nombreuses opportunités de carrière. En suivant cette formation, vous apprendrez à concevoir et programmer des pages Web en utilisant les composantes qui en sont la base même : HTML, CSS et Javascript. 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 ?

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.

Objectifs

Comprendre le fonctionnement d’internet, comment une page Web est structurée et le rôle du HTML, CSS et Javascript
Être capable de rédiger et de faire la conception graphique d’une page Web simple
Implémenter des comportements dynamiques simples avec Javascript

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 :

Être en mesure d’utiliser les fonctionnalités de base d’un système d’exploitation (fonctions courantes);
Être familier avec les logiciels de base (Suite Office, Word, Excel, etc.);
Être capable de naviguer sur Internet, faire une recherche, naviguer sur les réseaux sociaux.

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

Le fonctionnement d’Internet et introduction au HTML

L’internet : comment ça marche?
Anatomie d’une page Web
Installation et configuration des outils de développement
Introduction au langage HTML
Réalisation d’une page personnelle
Les tables et formulaires
Publiez votre première page Web

La conception graphique : Introduction au CSS

Introduction au CSS (en ligne, interne et externe)
Présentation du projet
Solutionner les bogues du CSS
Les sélecteurs, classes vs Ids
Introduction au design graphique (la couleur, la typographie, l’importance de l’UI et de l’UX)
Les principales propriétés
Les divs et le positionnement

Introduction à Bootstrap

Les librairies CSS : comprendre Bootstrap
Installation de Bootstrap
La barre de navigation
Présentation du projet
La disposition graphique Bootstrap
Les conteneurs
Les boutons Bootstrap

Introduction à la programmation Javascript

Pourquoi Javascript ?
Les alertes : ajouter un comportement à notre page Web
Les types de données
Les variables
Les chaînes 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
Pour aller plus loin

*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 19 janvier au 16 février 2023 (les jeudis de 18 h à 21 h)

Durée : 15 heures
Du 19 janvier 2023 au 16 février 2023

EN LIGNE

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

Formulaire d'inscription Brio

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

Formulaire d'inscription Brio

(1) Conditions d'admission au financement par Services Québec

La formation doit être en lien avec l’emploi de l’individu et/ou le domaine d’études.

- - - - - - - - - - - - - - - - - - - - -

Clientèles admissibles*

Travailleur autonome ou en emploi résidant ou travaillant sur le territoire de la région de la Capitale-Nationale, incluant la clientèle qui s’inscrit dans le cadre des formations « en ligne ».

Clientèles inadmissibles

Personne sans emploi;
Étudiant à temps plein;
Travailleur des ministères, organismes et agences du gouvernement du Québec;
Travailleur des ministères et organismes du gouvernement fédéral;
Travailleur des établissements de formation des réseaux d’enseignement secondaire, collégial et universitaire;
Travailleur employé par les municipalités;
Prestataire de la CNESST et de la SAAQ.

*Pour chaque formation, le nombre maximal de clients provenant d'une même entreprise est limité à 3.

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

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMTciLCJ0aXRsZSI6Ikdlc3Rpb24gZGUgcHJvamV0IiwiZGVzY3JpcHRpb24iOiJFeHBsb3JleiBsYSBnZXN0aW9uIGRlIHByb2pldCEgMzkgaGV1cmVzIGRlIGZvcm1hdGlvbi4gQ291cnMgZW4gbGlnbmUgXHUwMGUwIHRlbXBzIHBhcnRpZWwuIEF0dGVzdGF0aW9uIFNPRkVEVUMuIEluc2NyaXZlei12b3VzIGVuIGxpZ25lLiBcbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2dlc3Rpb24tZGUtcHJvamV0cyIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMzBcL2FseW50aTI5LmJyaW9pbWFnZS5wbmciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL3BuZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyNTgiLCJ0aXRsZSI6IkNvbXB0YWJpbGl0XHUwMGU5IGV0IGdlc3Rpb24iLCJkZXNjcmlwdGlvbiI6IkRldmVuZXogYXNzaXN0YW50IGNvbXB0YWJsZVwvdGVjaG5pY2llbiBlbiBjb21wdGFiaWxpdFx1MDBlOSBldCBwbHVzIGVuY29yZS4gRFx1MDBlOWNvdXZyZXogbm90cmUgQUVDIGVuIGNvbXB0YWJpbGl0XHUwMGU5IGV0IGdlc3Rpb24uIEluc2NyaXB0aW9ucyBlbiBsaWduZSEiLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb21wdGFiaWxpdGUtZXQtZ2VzdGlvbiIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yNThcL0FFQ19Db21wdGFiaWxpdCVDMyVBOV9ldF9nZXN0aW9uLmpwZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiMTkyMCIsImltYWdlX2hlaWdodCI6IjEwODAifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiI1MTgiLCJ0aXRsZSI6IkRcdTAwZTl2ZWxvcHBlbWVudCBXZWIiLCJkZXNjcmlwdGlvbiI6IkZhaXRlcyBjYXJyaVx1MDBlOHJlIGVuIGRcdTAwZTl2ZWxvcHBlbWVudCB3ZWIhIENvbnN1bHRleiBsYSBmaWNoZSBjb21wbFx1MDBlOHRlIGRlIG5vdHJlIEFFQy4gSW5zY3JpdmV6LXZvdXMgZW4gbGlnbmUhIFx1MDBjYXRlcy12b3VzIGFkbWlzc2libGUgYXUgcHJvZ3JhbW1lPyIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2RldmVsb3BwZW1lbnQtd2ViIiwidHlwZSI6InByb2R1Y3QiLCJpbWFnZV91cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jb3Vyc1wvaW1hZ2VcLzUxOFwvcGFua2FqLXBhdGVsLTUxNTIxOS11bnNwbGFzaC5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjYwMDAiLCJpbWFnZV9oZWlnaHQiOiI0MDAwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxNDAiLCJ0aXRsZSI6IkV4Y2VsIGRcdTAwZTlidXRhbnQiLCJkZXNjcmlwdGlvbiI6IkNvdXJzIGVuIGxpZ25lIEV4Y2VsIGRcdTAwZTlidXRhbnQuIDEyaCBkZSBjb3Vycy4gVGVtcHMgcGFydGllbC4gSW5zY3JpcHRpb25zIGVuIGxpZ25lISBBdWN1biBwclx1MDBlOWFsYWJsZSByZXF1aXMuIERcdTAwZTljb3V2cmV6IGxlcyBzdWpldHMgZXhwbG9yXHUwMGU5cyEgQXR0ZXN0YXRpb24gU09GRURVQy5cbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NoaWZmcmllci1lbGVjdHJvbmlxdWUtZGVidXRhbnQiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMTczMTRcL2FseWx4bjUyMy5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMTM0OCIsInRpdGxlIjoiV29yZFByZXNzIGRcdTAwZTlidXRhbnQgLSBnZXN0aW9uIGRlIGNvbnRlbnUgZCd1biBzaXRlIHdlYiIsImRlc2NyaXB0aW9uIjoiUG91ciBhcHByZW5kcmUgXHUwMGUwIGdcdTAwZTlyZXIgbGUgY29udGVudSBkJ3VuIHNpdGUgV29yZFByZXNzIHBvdXIgZFx1MDBlOWJ1dGFudC4gRFx1MDBlOWNvdXZyZXogbGEgZmljaGUgY29tcGxcdTAwZTh0ZSBkdSBjb3VycyBpY2khIEluc2NyaXB0aW9ucyBldCBjb3VycyBlbiBsaWduZS4gQXR0ZXN0YXRpb24gU09GRURVQy5cbiIsInVybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL3dvcmRwcmVzcy1kZWJ1dGFudCIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMTM0OFwvZGV2ZWxvcHBlbWVudF93ZWJfd29yZHByZXNzLW1pbi5qcGciLCJpbWFnZV90eXBlIjoiaW1hZ2VcL2pwZWciLCJpbWFnZV93aWR0aCI6IjUxODQiLCJpbWFnZV9oZWlnaHQiOiIzNDU2In0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjciLCJ0aXRsZSI6IkFuaW1lciBsZXMgbVx1MDBlOWRpYXMgc29jaWF1eCIsImRlc2NyaXB0aW9uIjoiVG91dCBzdXIgbCdhbmltYXRpb24gZWZmaWNhY2UgZGVzIG1cdTAwZTlkaWFzIHNvY2lhdXguIENvdXJzIGV0IGluc2NyaXB0aW9ucyBlbiBsaWduZS4gT3V2ZXJ0IFx1MDBlMCB0b3VzISBEXHUwMGU5Y291dnJleiBsYSBmaWNoZSBjb21wbFx1MDBlOHRlIGR1IGNvdXJzLiBBdHRlc3RhdGlvbiBTT0ZFRFVDLlxuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvYWxpbWVudGVyLWxlcy1yZXNlYXV4LXNvY2lhdXgiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjEzNTFcL2FseWZteDk0MS5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIxMjEiLCJ0aXRsZSI6IlJcdTAwZTlkYWN0aW9uIFdlYiIsImRlc2NyaXB0aW9uIjoiSW5zY3JpcHRpb25zIGV0IGNvdXJzICgxOCBoZXVyZXMpIGVuIGxpZ25lLiBOb3Rpb25zIGVzc2VudGllbGxlcyBwb3VyIG1hXHUwMGVldHJpc2VyIGxhIFJcdTAwZTlkYWN0aW9uIFdlYiAobW90ZXVycyBkZSByZWNoZXJjaGUsIHB1YmxpYyBjaWJsZSwgZXRjLikuIEF0dGVzdGF0aW9uIFNPRkVEVUMuXG4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9hdGVsaWVyLWRlLXJlZGFjdGlvbi13ZWIiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjIwMjNcL2FtYXFpcjczNy5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJicmlvZWxlbWVudCIsInJlbGF0ZWRfaWQiOiIzNCIsInRpdGxlIjoiU2hvcGlmeSAtIE1hIHByZW1pXHUwMGU4cmUgYm91dGlxdWUgZW4gbGlnbmUiLCJkZXNjcmlwdGlvbiI6IkRcdTAwZTlwbG95ZXogZXQgZW50cmV0ZW5leiB2b3RyZSBwcm9wcmUgc2l0ZSBhdmVjIFNob3BpZnkuIEluc2NyaXB0aW9ucyBldCBjb3VycyAoMTVoKSBlbiBsaWduZS4gQXR0ZXN0YXRpb24gU09GRURVQy4gQ291cnMgY29tcGxldC4gRFx1MDBlOWNvdXZyZXogbGVzIHByXHUwMGU5YWxhYmxlcy4gIFxuIiwidXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvZGVwbG9pZW1lbnQtZGUtdm90cmUtYm91dGlxdWUtZW4tbGlnbmUiLCJ0eXBlIjoicHJvZHVjdCIsImltYWdlX3VybCI6Imh0dHBzOlwvXC9mYy5jZWdlcGdhcm5lYXUuY2FcL2NvdXJzXC9pbWFnZVwvMjIwODJcL2JibXV6YTc0NC5icmlvaW1hZ2UucG5nIiwiaW1hZ2VfdHlwZSI6ImltYWdlXC9wbmciLCJpbWFnZV93aWR0aCI6IjE5MjAiLCJpbWFnZV9oZWlnaHQiOiIxMDgwIn0=

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjI1OCIsInRpdGxlIjoiQ2VydGlmaWNhdCBlbiBhY3R1YWxpc2F0aW9uIGRlIGNvbXBcdTAwZTl0ZW5jZXMgZW4gRGVzaWduIGV0IGludFx1MDBlOWdyYXRpb24gV2ViIiwiZGVzY3JpcHRpb24iOiJBY3R1YWxpc2V6IHZvcyBjb21wXHUwMGU5dGVuY2VzIGVuIGRlc2lnbiBldCBpbnRcdTAwZTlncmF0aW9uIHdlYiEgRm9ybXVsZSBkZSBjb3VycyBoeWJyaWRlLiBJbnNjcml2ZXotdm91cyBlbiBsaWduZS4gVm9pciBsYSBmaWNoZSBkdSBjZXJ0aWZpY2F0LiAiLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9jZXJ0aWZpY2F0LWVuLWFjdHVhbGlzYXRpb24tZGUtY29tcGV0ZW5jZXMtZW4tZGVzaWduLWV0LWludGVncmF0aW9uLXdlYiIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvY291cnNcL2ltYWdlXC8yMjI1OFwvZmFuY3ljcmF2ZS0yNzc3NTYtdW5zcGxhc2gxLmpwZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiNTE5MyIsImltYWdlX2hlaWdodCI6IjM0NjIifQ==

eyJyZWxhdGVkX2VsZW1lbnQiOiJjb3VycyIsInJlbGF0ZWRfaWQiOiIyMjI4NCIsInRpdGxlIjoiQ29vcmRpbmF0aW9uIGR1IGNvbW1lcmNlIFx1MDBlOWxlY3Ryb25pcXVlIChBRUMpIiwiZGVzY3JpcHRpb24iOiJEZXZleiBleHBlcnQgZW4gY29vcmRpbmF0aW9uIGRlIGNvbW1lcmNlIFx1MDBlOWxlY3Ryb25pcXVlIChnZXN0aW9uLCBwcm9qZXRzLCBldGMuKS4gSW5zY3JpcHRpb24gZXQgY291cnMgKDY3NWgpIGVuIGxpZ25lLiBEXHUwMGU5Y291dnJleiBsYSBmaWNoZSBkZSBsJ0FFQy4iLCJ1cmwiOiJodHRwczpcL1wvZmMuY2VnZXBnYXJuZWF1LmNhXC9hZWMtZW4tY29vcmRpbmF0aW9uLWR1LWNvbW1lcmNlLWVsZWN0cm9uaXF1ZSIsInR5cGUiOiJwcm9kdWN0IiwiaW1hZ2VfdXJsIjoiaHR0cHM6XC9cL2ZjLmNlZ2VwZ2FybmVhdS5jYVwvaW1hZ2VzXC9mY3NhZV9kZWZhdWx0X29nX2ltYWdlX2NvdXJzLmpwZyIsImltYWdlX3R5cGUiOiJpbWFnZVwvanBlZyIsImltYWdlX3dpZHRoIjoiNjAwIiwiaW1hZ2VfaGVpZ2h0IjoiMzE1In0=

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 : 302,50 $ ^{+ tx}
Tarif réduit financé par Services Québec: 30 $ ^{+ tx}
Début de la prochaine cohorte :
Le jeudi 19 janvier 2023