Programmation Web (IT103)
Ce cours présente les différentes architectures et technologies utilisées pour développer des applications Web.
Plan du cours
Voici le plan du cours. Les slides d'introduction au module sont disponibles ici.
1. Introduction
- Internet
- Le Web
- Les styles d'applications Web
2. HTML
- Présentation du langage
- Document, éléments et attributs
- Squelette d'un document
- Les différentes catégories d'éléments
- Manipulation
3. CSS
- Présentation du langage
- Règles, sélecteurs, blocs et déclarations
- Héritage et priorités
- Positionnement
- Le modèle de boîtes
- Déclarations usuelles
- Manipulation
4. PHP
- Présentation du langage
- Générer du HTML
- Accéder au contenu des requêtes HTTP
- Les sessions applicatives
- Interroger une base de données
- Manipulation
5. SQL
- Présentation des SGBDR
- Le modèle entité-relations
- Création de la structure de la base
- Manipulation des données
- Intégration avec PHP
- Manipulation
Travaux pratiques
Voici les sujets des séances de travaux pratiques :
Projets
Voici les archives des projets.
Ressources en ligne
Voici les différentes ressources disponibles en ligne pour approfondir le cours. Malheureusement, vous allez vite vous rendre compte que toutes ces ressources sont en anglais, mais c'est le prix à payer pour profiter d'une documentation de qualité et à jour, get over it! Personnellement j'aime beaucoup les ressources de Mozilla ou du W3C.
- Le Mozilla Developper Network propose plusieurs cours en lignes ainsi que des documentations de références sur HTML, CSS et JavaScript
- WebPlatform propose plusieurs cours en lignes ainsi que des documentations de références sur HTML, CSS et JavaScript
- Le wiki du W3C propose plusieurs cours en lignes ainsi que des documentations de références sur HTML, CSS et JavaScript
- SitePoint propose des documentations de références sur HTML, CSS et JavaScript
- W3Schools propose plusieurs cours en lignes ainsi que des documentations de références sur HTML, CSS, JavaScript et PHP.
- Can I Use? permet de visualiser rapidement quels navigateurs supportent une fonctionnalité donnée de HTML, CSS ou JavaScript.
- Le manuel officiel de PHP est très bien réalisé.
- sql.sh (en français, une fois n'est pas coutume) possède un très bonne dpcumentation sur la langage SQL.
- La documentation du site de MySQL sur mysqli permet d'avoir une vision globale des différentes fonctions disponibles.
Validation de pages
Les validateurs (X)HTML et CSS du W3C vous permettent de vous assurer que vos pages web sont correctes,
Cheat sheets
Ces cheat sheets vous servirons d'aides mémoires très pratiques pendant que vous développez. Merci à leurs auteurs respectifs.
Outils et librairies
- Pour éditer le code source, je vous conseille Visual Studio Code.
- Pour débugger votre code HTML, CSS ou JavaScript les outils pour développeurs du navigateur Google Chrome et de Firefox sont très pratiques.
- Développer une application Web sur votre ordinateur personnel nécessite l'installation d'un serveur d'Apache, de MySQL et de PHP. Ces trois logiciels sont faciles à installer sur Linux (via le système de paquets) ou Mac OS X (via MacPorts ou Homebrew). Sous Windows, vous pouvez utiliser WampServer.
- La librairie Bootstrap permet d'écrire du HTML et du CSS avancé de manière beaucoup plus simple. Elle vaut le coup d'oeil (et est notamment utilisée au sein de ce site).
- Vous pouvez trouver la documentation de la librairie
mysqli
sur cette page (colonne Procedural interface).