IFT3225
PLAN DE COURS
Historique du Web
-
Présentation de la page du cours.
-
Apparition du Web.
-
Web vs. Internet.
-
Évolution des standards du Web.
-
Les navigateurs les plus populaires
XHTML
-
Présentation de XHTML 1.0.
-
Squelette d'une page xHTML 1.0 [test.xhtml]
-
Sa forme avec un lien de validation [validate.xhtml].
-
Exemple de document XHTML: [XHTML.html]
-
Méthode Get : [get.html]
-
Méthode Post: [post.html]
-
Formulaire : [form.html]
XHTML et HTML5
-
Quelques mots sur HTML5.
-
Lien utile : Learn to code HTML&CSS
Introduction à Bootstrap
-
Syntaxe générale d'une règle CSS.
-
Sélecteur CSS.
-
Exemple des sélecteurs : CSS.html
-
Lien utile : CSS : Opening Box Model
-
Important [page-avec-css.html] en CSS dont le style est [page.css]
-
Introduction Bootstrap
-
Principe de grille en Bootstrap [lien]
-
DTD et Relax NG Compact
-
Introduction XML.
-
Syntaxe d'une DTD.
-
Exemple DTD [cd.dtd] validant l'instance XML [cd-with-external-dtd.xml]
-
Exemple RNC Relax NG Compact
Introduction à XSLT
-
Introduction XSLT
-
Syntaxe XPath.
-
Exemple XSLT [cd-with-xsl.xml] dont le feuille de transformation est [cd.xsl]
JavaScript & DOM
-
Introduction JavaScript
-
Scriptage DOM.
-
Calculatrice [Calculette.html] [Calculette.js] [Calculette.css]
JQuery
-
Introduction jQuery
-
Écrire moins du code et avoir plus de fonctionnalité. [Illustration]
React vs. Angular Js
-
Introduction Ajax (Asynchronous JavaScript and XML)
-
Création d'un XMLHttpRequest Object
Introduction à Flask
-
Introduction à Flask.
-
Créer une application Web avec Flask et Python.
-
Introduire un appel vers une base données.
PHP et MySQL
-
Les paramètres de configuration d'une base de données [config.php]
-
Ouverture de connexion à une base de données [opendb.php]
-
Fermeture de connexion [closedb.php]
-
Host au diro pour étudiant IFT3225: www-ens.iro.umontreal.ca
-
Rappel rapide de MySQL au DIRO
-
Exemple simple PHP et MySQL [Exemple.php]
-
Un exemple un peu plus réaliste utilisant une table de fréquence:
-
Lecture de fichier et insertion dans une : [config-unigram.php] [create-unigram.php]
-
-
Utilisation du PDO :
-
une version plus inspirée utilisant un mécanisme d'identification (mySQL/PDO):
-
les bases : [account.sql], [account-session.sql]
-
la logique de gestion de la base: [config-account.php], [db_inc.php], [account_class.php]
-
utilisation primaire: [insert-account.php], [login-account.php], [logout-account.php], [sessionlogin-account.php], [delete-account.php]
-
frontaux: [myclub-tools.php], [myclub-frontal.php], [myclub-admin.php]
-
faisant usage de : [myclub-tools.php], [myclub-whom.php], [myclub-delete.php], [myclub-verif.php]
-
-
Introduction à la recherche d'information
-
Illustration du processus d’indexation en Recherche d’Information
Web sémantique