INF3190 — Introduction à la programmation Web (UQAM)

INF3190 - Introduction à la programmation Web

Plan de cours Été 2023

Horaires, locaux et enseignants
Version PDF du plan de cours

Responsable(s) du cours

Coordination

Beaudry, Éric
PK-4635
beaudry.eric@uqam.ca
http://ericbeaudry.uqam.ca/

Enseignement

Berger, Jacques
PK-4115
berger.jacques@uqam.ca
Groupes: 040

Description

Objectifs

Ce cours introduit à la conception et au développement Web, tant du côté client que serveur.

Sommaire du contenu

Les fondements du Web : navigateur, serveur, protocoles. Langages et normes du Web (HTML5, JavaScript, PHP, CSS). Introduction à un cadre d’applications (cadriciel, framework). Notions de conception d’interface et de logiciel en tant que service (Software as a service, SaaS).

Modalités d’enseignement

Ce cours comporte une séance obligatoire de laboratoire (2 heures).

Préalables académiques

Contenu détaillé

  1. Introduction. Historique et évolution du Web. Navigateurs Web. Structure d’un site Web. Principaux langages du Web : HTML, CSS et JavaScript. Architecture client-serveur. Protocoles réseaux HTTP et HTTPs. Organismes de standardisation et autorités liés au Web et à l’Internet : WHATWG, W3C, IETF, ICANN, CIRA, etc.
  2. Langage HTML. Évolution et versions. Structure et syntaxe d’un document HTML. Éléments et balises. Arbre DOM. Accessibilité Web. Encodages dont UTF-8. Aperçus d’outils d’édition, de validation et de diagnostique.
  3. Style et mise en forme. Langage de feuilles de style CSS. Motivation : séparation du contenu et du style. Historique, évolution, versions et niveaux. Inclusion CSS dans HTML. Syntaxe. Sélecteurs, hiérarchie, règles et priorité. Modèle de boîtes. Positionnement.
  4. Formulaires web. Témoins (Cookies). Méthodes GET et POST. Validation. Responsabilité frontend/backend.
  5. Programmation côté client. Motivation. Langage JavaScript. Validation de formulaires Web côté client. Injection de fragments HTML au chargement. Fonctions standards dans les navigateurs.
  6. Programmation côté client (suite). Manipulation dynamique de l’arbre DOM.
  7. Génération dynamique de ressources HTML côté serveur. Introduction des technologies backend. Routing.
  8. Examen de mi-session
  9. Application Web conventionnelle. Gestion des sessions. Templating. Aperçu de cadriciels.
  10. Multimédia. Formats d’image et de vidéo. Notions d’accessibilité du web. Amélioration du visuel avec un framework de présentation.
  11. Concepts de services web. REST. Format de données JSON. Utilisation du JSON dans la pile technologique. Invocation de services. Introduction à l’architecture en microservices.
  12. Application Web basée sur les techniques AJAX. Primitive XMLHttpRequest. Asynchronisme et gestion d’événements.
  13. Notions d’authentification et de sessions. Déploiement d’un site ou d’une application Web. Hébergement vs cloud.
  14. Développement web par composantes. Utilisations de patrons (templates). Application «monopage». Aperçu de cadriciels (frameworks) courants
  15. Examen final.

Modalités d’évaluation

Description sommaire Date Pondération
TP1 21 juin 2023 10%
TP2 12 juillet 2023 20%
TP3 2 août 2023 20%
Examen Intra 14 juin 2023 25%
Examen Final 9 août 2023 25%

Règles concernant le seuil de passage

Pour obtenir une note de passage (D ou mieux), l’étudiant doit obtenir: - au moins 50% dans la moyenne cumulée des examens; et - au moins 50% dans la moyenne cumulée aux travaux pratiques. Si l’un de ces seuils n’est pas atteint, la mention échec (E) sera attribuée.

Attribution des notes

Le notes seront normalisées.

Médiagraphie

Monitorat de programme

Le département d’informatique offre un service gratuit d’aide à la réussite s’adressant plus particulièrement aux étudiant.e.s du baccalauréat et du certificat en informatique. Il concerne principalement les cours de base comme INF1070, INF1120, INF1132, INF2120 et INF2171, mais, selon la connaissance du moniteur ou de la monitrice, un support dans d’autres cours peut également être offert.

Objectifs

Permettre aux étudiant.e.s de :

Informations

Information sur les Services à la vie étudiante

Services

Les services à la vie étudiante accompagnent les étudiantes et les étudiants dans la réussite de leur parcours universitaire.

Bureau

Bureau des services-conseils (soutien psychologique, bien-être aux études, information scolaire et insertion professionnelle, orientation, emploi): pour prendre rendez-vous, communiquez au 514 987-3185 ou par courriel à services-conseil@uqam.ca.

Aide financière

Bureau de l’aide financière: pour prendre rendez-vous, écrivez à aidefinanciere@uqam.ca.

Bourses d’études

Concernant les bourses, pensez à consulter Le Répertoire institutionnel des bourses d’études (RIBÉ) et écrivez à bourse@uqam.ca pour toute question.

Informations générales

Consultez les informations et l’ensemble des coordonnées et services offerts par les Services à la vie étudiante à l’adresse suivante: vie-etudiante@uqam.ca.

Politique d’absence aux examens

Reprise d’examen

L’autorisation de reprendre un examen en cas d’absence est de caractère exceptionnel. Pour obtenir un tel privilège, l’étudiant-e doit avoir des motifs sérieux et bien justifiés.

Conflits d’horaire

Il est de la responsabilité de l’étudiant.e de ne pas s’inscrire à des cours qui sont en conflit d’horaire, tant en ce qui concerne les séances de cours ou d’exercices que les examens. De tels conflits d’horaire ne constituent pas un motif justifiant une demande d’examen de reprise.

Procédure

L’étudiant.e absent.e lors d’un examen doit, dans les cinq (5) jours ouvrables suivant la date de l’examen, présenter une demande de reprise en utilisant le formulaire prévu, disponible sur http://info.uqam.ca/repriseexamen/.

Pièces justificatives

Dans le cas d’une absence pour raison médicale, l’étudiant.e doit joindre un certificat médical original et signé par le médecin décrivant la raison de l’absence à l’examen. Les dates d’invalidité doivent être clairement indiquées sur le certificat. Une vérification de la validité du certificat pourrait être faite. Dans le cas d’une absence pour une raison non médicale, l’étudiant.e doit fournir les documents originaux expliquant et justifiant l’absence à l’examen ; par exemple, lettre de la Cour en cas de participation à un jury, copie du certificat de décès en cas de décès d’un proche, etc. Toute demande incomplète sera refusée. Si la direction du programme d’études de l’étudiant.e constate qu’un.e étudiant.e a un comportement récurrent d’absence aux examens, l’étudiant.e peut se voir refuser une reprise d’examen.

Pour plus d’informations

Consulter la page http://info.uqam.ca/politiques.

Règlement numéro 18 sur les infractions de nature académique (extraits)

Tout acte de plagiat, fraude, copiage, tricherie ou falsification de document commis par une étudiante, un étudiant, de même que toute participation à ces actes ou tentative de les commettre, à l’occasion d’un examen ou d’un travail faisant l’objet d’une évaluation ou dans toute autre circonstance, constituent une infraction au sens de ce règlement.

La liste non limitative des infractions est définie comme suit :

Les règlements concernant le plagiat seront strictement appliqués. Pour plus de renseignements :

Politique no 16 visant à prévenir et combattre le sexisme et les violences à caractère sexuel

Les violences à caractère sexuel se définissent comme étant des comportements, propos et attitudes à caractère sexuel non consentis ou non désirés, avec ou sans contact physique, incluant ceux exercés ou exprimés par un moyen technologique, tels les médias sociaux ou autres médias numériques. Les violences à caractère sexuel peuvent se manifester par un geste unique ou s’inscrire dans un continuum de manifestations et peuvent comprendre la manipulation, l’intimidation, le chantage, la menace implicite ou explicite, la contrainte ou l’usage de force.

Les violences à caractère sexuel incluent, notamment :

Pour consulter la politique no 16

https://instances.uqam.ca/wp-content/uploads/sites/47/2018/05/Politique_no_16.pdf

Pour obtenir de l’aide, faire une divulgation ou une plainte

Bureau d’intervention et de prévention en matière de harcèlement
514-987-3000, poste 0886

Pour obtenir la liste des services offerts à l’UQAM et à l’extérieur de l’UQAM

https://harcelement.uqam.ca

Soutien psychologique (Services à la vie étudiante)

514-987-3185
Local DS-2110

CALACS Trêve pour Elles – point de services UQAM

514 987-0348
calacs@uqam.ca
http://trevepourelles.org

Service de la prévention et de la sécurité

514-987-3131

Politique no 44 d’accueil et de soutien des étudiant.e.s en situation de handicap 

Politique

Par sa politique, l’Université reconnait, en toute égalité des chances, sans discrimination ni privilège, aux étudiant.e.s en situation de handicap, le droit de bénéficier de l’ensemble des ressources du campus et de la communauté universitaire, afin d’assurer la réussite de leurs projets d’études, et ce, dans les meilleures conditions possibles. L’exercice de ce droit est, par ailleurs, tributaire du cadre réglementaire régissant l’ensemble des activités de l’Université.

Responsabilité de l’étudiant.e

Il incombe aux étudiant.e.s en situation de handicap de rencontrer les intervenant.e.s (conseiller.ère.s à l’accueil et à l’intégration du Service d’accueil et de soutien des étudiant.e.s en situation de handicap, professeur.e.s, chargé.e.s de cours, direction de programmes, associations étudiantes concernées, etc.) qui pourront faciliter leur intégration à la communauté universitaire ou les assister et les soutenir dans la résolution de problèmes particuliers en lien avec les limitations entraînées par leur déficience.

Service d’accueil et de soutien aux étudiant.e.s en situation de handicap

Le Service d’accueil et de soutien aux étudiant.e.s en situation de handicap (SASESH) offre des mesures d’aménagement dont peuvent bénéficier certains étudiant.e.s. Il est fortement recommandé aux de se prévaloir de ces services afin de réussir ses études, sans discrimination. Pour plus d’information, visiter le site de ce service : https://vie-etudiante.uqam.ca/etudiant-situation-handicap/nouvelles-ressources.html et celui de la politique institutionnelle d’accueil et de soutien aux étudiant.e.s en situation de handicap : https://instances.uqam.ca/wp-content/uploads/sites/47/2018/05/Politique_no_44.pdf

Il est important d’informer le SASESH de votre situation le plus tôt possible :