Développement web

Exemples pour les cours de développement web INF3190 et INF5190

Licence

Les exemples sont publiés selon la licence libre Apache 2.0. Toute utilisation de ce matériel doit être conforme à la LICENSE.

Matériel

Bootstrap

Un exemple du framework Bootstrap est dans le répertoire /Bootstrap.

CSS

Les exemples de CSS sont dans le répertoire /CSS. Le répertoire contient aussi des fichiers HTML pour montrer l'intégration du CSS dans les documents HTML.

Flask

Les exemples pour le framework Flask sont dans le répertoire /Flask.

• Hello, World! : Une application Flask très simple affichant un Hello, World!.

• Structure de base : Une application Flask de base avec des routes simples et du templating élémentaire.

• Héritage de layout avec Jinja2 : Une application Flask utilisant la mécanique d'héritage de templates en Jinja2.

• POST-Redirect-GET : Une application Flask illustrant la soumission d'un formulaire HTML avec le patron POST-Redirect-GET. Cet exemple n'a pas de base de données, ni de validation des données du formulaire.

• BD SQLite : Une application Flask utilisant une base de données SQLite.

• Authentification et session : Une application Flask mettant en place une authentification avec salt et une gestion de session.

• Stockage d'images : Une application Flask mettant en place le téléversement et le stockage d'images dans la base de données.

• Services REST : Une application Flask mettant en place des services REST.

• Requêtes asynchrones : Une application Flask mettant en oeuvre des requêtes asynchrones de type Ajax.

• API complet : Une appication Flask mettant en oeuvre des services REST avec validation json-schema et documentation RAML.

HTML

Les exemples pour HTML sont dans le répertoire /HTML. On y retrouve plusieurs exemples pour les balises importantes du cours.

Javascript

Les exemples pour Javascript sont dans le répertoire /Javascript. On y retrouve plusieurs exemples de JS pour le front-end.

JSON

Les exemples pour JSON sont dans le répertoire /JSON. On y retrouve quelques exemples de documents JSON.

• Validation json-schema : Exemple de validation d'un document JSON avec la notation json-schema.

Python

Les exemples en Python sont dans le répertoire /Python.

• Authentification : Des exemples de code Python pour l'enregistrement et la vérification de mots de passe avec un salt.

• GMail : Un exemple de code Python pour envoyer un courriel par le serveur SMTP de Google.

• SQLite : Des exemples de manipulation des données stockées dans SQLite.

Responsive Design

Les techniques de base du responsive design sont présentées dans le répertoire /ResponsiveDesign.

XML

Les exemples pour XML sont dans le répertoire /XML. On y retrouve quelques exemples de documents XML.

• Validation DTD : Exemple de validation d'un document XML avec la notation DTD.

• Validation RELAX NG : Exemple de validation d'un document XML avec la notation RELAX-NG.

• Validation XSD : Exemples de validation d'un document XML avec la notation XSD.