Note préliminaire

À l’intérieur de ce cours, tu pourras améliorer les interfaces HTML statiques vues dans le cours Web : Client 1 pour les enrichir d’une meilleure expérience utilisateur. L’utilisation du JavaScript te permettra de contrôler le comportement de la page web du côté client.

Vu son importance, cette compétence est développée dès la première année afin d’introduire les bases du développement web. Les notions vues dans ce cours permettront d’ajouter du dynamisme et de l’interactivité aux interfaces web. Par la suite, elles seront reprises afin d’être incorporées dans le développement d’applications web (Web: serveur 1 et Web: serveur 2).

Ce cours t’offrira également l’occasion de développer tes habiletés en communication verbale et écrite, à t’organiser, à écouter, à questionner et à te questionner.

Objectifs d’apprentissage et contenus essentiels

Méthodologie

Je commencerai le cours par une brève révision des concepts vus en Web : Client 1, avant d’introduire le langage de programmation JavaScript.

Par la suite, nous exploiterons JavaScript pour rendre interactives des pages web. Cela nous permettra de mettre en place des formulaires avancés utilisant des validations personnalisées et des éléments dynamiques.

Finalement, nous développerons des applications JavaScript interactives qui combinent tous ces éléments pour permettre à l’utilisateur de manipuler des données.

Vous êtes responsable de votre réussite, je suis là pour vous guider et vous aider dans votre apprentissage. N'hésitez pas à expérimenter et me contacter pour vos questions spécifiques.

Présence aux cours, laboratoires et examens (règlement pédagogique 3)

La présence aux cours (théorie, laboratoires, stages...) est obligatoire et l’enseignant est tenu de la vérifier et de la consigner.

Lorsqu’un enseignant constate l’absence d’un étudiant et que celle-ci est justifiée, il peut offrir ou imposer des mesures de récupération appropriées.

L'étudiant qui s'absente à plus de 10% des périodes d'un cours s'expose à se voir refuser l'accès au cours et aux évaluations. Pour ma part, je prendrai les présences à chacun des cours.

L'étudiant absent à une évaluation sommative se verra attribuer la note zéro pour cette évaluation. Selon le motif à l'origine de cette absence, l’enseignant concerné décide, s'il y a lieu, des mesures à prendre en vue de compléter l'évaluation.

L’enseignant peut refuser l'accès à son cours à tout élève qui se présente en retard sans motif raisonnable.

L’enseignant peut exclure de son cours tout élève qui en entrave la bonne marche.

Fraude

Le plagiat, la fraude, la tentative de fraude ou la coopération à de tels actes entraînent des pénalités pouvant aller jusqu'à l'attribution de la note zéro.

L'utilisation des outils d'intelligence artificielle et LLM n'est pas prescrite mais doit s'inscrire dans une démarche d'apprentissage responsable et délibérée. L'inclusion d'artéfacts produits par ces outils lors de la remise d'un travail pourrait être considérée comme du plagiat.

Netiquette

La netiquette est appliquée selon les recommandations des services pédagogiques pour encadrer les échanges via les plateformes numériques utilisées au département.

Évaluation des apprentissages

Sauf indications contraires, les ressources suivantes sont disponibles lors des examens: les notes de cours de l'enseignant, la documentation officielle des outils utilisés et une feuille de note originale, manuscrite, recto seulement.

Dans le cheminement du cours, mes interventions formatives prendront la forme d'encadrement personnalisé lors des exercices et des laboratoires effectués en classe.

Ci-dessous, un calendrier des évaluations sommatives qui auront lieu pendant la session. Je t’indique à quelle semaine l’évaluation a lieu, le type d’évaluation, ainsi que l’objectif visé par cette évaluation.

Réussite du cours

Pour réussir ce cours, tu dois obtenir un cumulatif de 60% sur l’ensemble des évaluations sommatives. Aucune évaluation de reprise n’est prévue.

Une pénalité de 10% sera appliquée par jour de retard pour la remise des travaux, excepté s'il est précisé qu'aucun retard n'est permis pour un travail spécifique.

Suite à une évaluation sommative, tu peux me demander une révision de note dans les 5 jours ouvrables suivant la réception du résultat cette évaluation. Je m’engage à te donner une réponse dans les 5 jours suivants.

Une attention particulière sera portée sur la qualité du français écrit et oral lors des évaluations sommatives pour un poids maximum de 10% de l’évaluation.

Les règles définies dans la RDEA s’appliquent, toutefois les précisions de ce plan de cours ont préséance, le cas échéant.

Évaluation terminale

Objectif

Programmer la logique applicative du côté client.

Nature

L’étudiant devra démontrer sa capacité à programmer une interface web interactive selon les normes en vigueur.

À l’aide de maquettes, de contenus multimédias et d’indications techniques, l’étudiant devra produire une ou des pages web dynamiques.

Contexte de réalisation

Pour réaliser une interface web interactive.

À partir de documents multimédias (images, polices, etc).

À l’aide d’un éditeur de texte, d’un navigateur web.

Critères essentiels

Manipulation adéquate des objets du modèle DOM.

Programmation appropriée d’appels asynchrones.

Programmation correcte des interactions entre l’interface Web et l’utilisatrice ou l’utilisateur.

Utilisation systématique des techniques de validation de données des formulaires Web.

Formulaires Web conformes aux exigences d’utilisabilité.

Ressources

Écouteurs

Notes de cours
http://jh.shawinigan.info

Livre Eloquent JavaScript (GRATUIT)
https://eloquentjavascript.net/

Mécanique interne du navigateur
https://www.html5rocks.com/tutorials/internals/howbrowserswork/

Parcours du développeur web client
https://roadmap.sh/frontend

Guide du développement web client
https://frontendmasters.com/guides/front-end-handbook/2024/

Formation interactive
https://learnjavascript.online/

MDN JavaScript
https://developer.mozilla.org/en-US/docs/Learn/JavaScript

JavaScript.info
https://javascript.info/

Wes Bos JavaScript Notes
https://wesbos.com/javascript