IFT 1005 - Design et développement Web

0. Introduction

Sébastien Roy, Université de Montréal

IFT 1005 - Design et développement Web

0. Introduction

Sébastien Roy, Université de Montréal
9 janvier 2023
 

Remerciements

Merci à Guy Lapalme et Louis Salvail pour avoir partager le matériel qu'ils ont monté pour IFT1005.

 


Le matériel de ce cours peut être réutilisé, sujet à la licence CC BY-SA 4.0.

Enseignant(s)

courrieldiscord
Sébastien Royroys@iro.umontreal.cablobule
Auxiliaire 1??
Auxiliaire 2??
Les auxiliaires seront déterminés très bientôt...

Horaire

Lundi15h30-18h301140 (AA)Théorie
Mercredi11h30-13h301340 (AA)Pratique
Attention: il y a un conflit d'horaire pour la dernière heure le lundi (17h30-18h30). L'horaire pourrait changer.

Fonctionnement

Ressources

Pas de livre pour le cours. L'internet suffira...

Les cours seront enregistrés.

Évaluation

Exercices (x11) 15
Devoir 1 (HTML+CSS) 15
Devoir 2 (SVG) 15
Devoir 3 (DOM+AJAX) 25
Intra (20 février) 15
Final (24 avril) 15

Évaluation

À noter... Faites vos travauxvous-même!

Google et StackOverflow

L'internet peut vous aider....

...mais peut aussi vous nuire!

C'est quoi ton langage préféré? ...Stack Overflow

Le matériel

Windows

  • Pas très network friendly
  • Pas d'éditeur de texte simple
  • Linux caché à l'intérieur... (WSL)
  • ...

Le matériel

Apple

  • Proche de Linux
  • Peu d'éditeurs texte simple
  • Terminal peu utilisé, mais pratique
  • Gestion des logiciels un casse-tête
  • ...

Le matériel

Linux

  • Ultime environnement de développement
  • Très network friendly
  • Plusieurs éditeurs de texte simple
  • Intimidant, mais incontournable

Les logiciels

Aucun autre logiciel! (sauf peut être wireshark, ...)

Au programme...

0. Introduction

Informations générales sur le cours.

Exercice 0 : Compte DIRO, ssh, ma première page web au DIRO!

Diapos

1. Internet

Qu'est-ce que l'internet? Ce n'est pas parce qu'on s'en sert tous les jours qu'on sait comment ça fonctionne...

Exercice 1 : traceroute, web devtools, Wireshark!

Diapos

2. Web

Qu'est-ce que le World Wide Web?

Exercice 2 : Concours d'URL

Diapos

3. XML

Structurer l'information par le balisage

Exercice 3 : On cuisine avec Sébastien

Diapos

4. HTML

Pages web avec HyperText Markup Language Exercice 4 : La publicité de M. Krab

5. CSS

Présentation avec Cascading Style Sheets Exercice 5 : La vengeance de Plankton (+animation css)

6. Structurer l'information

Sémantique, organisation, présentation... Exercice 6 : (à déterminer)

7. SVG

Le graphisme avec Scalable Vector Graphics Exercice 7 : Patience, ça charge

8. Design de sites web

Exercice 8 : Navigation de site web

9. DOM et Javascript

Le DOM (Document Object Model) et sa manipulation Exercice 9 : Roche, papiers, ciseaux!

10. Javascript et XML asynchrone

Exercice 10 : À déterminer

En pratique....

Les travaux ne sont pas remis sur Studium.

Vous avez un espace web au DIRO, c'est ce qu'on utilisera.

Exercice 0

Bon cours!