Programmation Web
Ce cours présente les différentes architectures et technologies utilisées pour développer des applications Web.
Plan du cours
Exemple du cours
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.
- 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.
- Le manuel officiel de PHP est très bien réalisé.
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 les éditeurs suivants : Atom, Brackets ou Visual Studio Code.
- Pour débugger votre code HTML, CSS ou JavaScript les outils pour développeurs du navigateur Google Chrome sont très pratiques. Pour Firefox l’addon Firebug est très utilisé.
- Développer une application Web sur votre ordinateur personnel nécessite l’installation d’un serveur Web et du moteur PHP. Ces deux logiciels sont faciles à installer sur Linux (via le système de paquets) ou Mac OS X (via MacPorts ou Homebrew). Sous Windows et MAC, vous pouvez utiliser MANP.
- 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).
- La librairie JQuery permet d’écrire du code JavaScript beaucoup plus facilement. Je vous conseille aussi de la regarder.
Publication sur le serveur Web de l’Enseirb-Matmeca
Pour cette manipulation, vous devez tout d’abord avoir activé vos pages personnelles à l’adresse https://aaa.ipb.fr/. En outre vous devez avoir lu la documentation qui décrit comment envoyer vos pages sur le serveur de l’Enseirb-Matmeca : https://vvv.enseirb-matmeca.fr, dont voici les grande lignes:
- Pour placer des scripts sur le serveur vous devez vous connecter via WebDAV sur le serveur. Pour cela vous devez utiliser l’url
davs://LOGIN.davpedago.enseirb.fr
sous Linux ou https://LOGIN.davpedago.enseirb.fr
sous MacOS ou Windows. Bien entendu il faut remplacer LOGIN
par votre login. Le user/password pour vous connecter est celui de l’Enseirb-Matmeca.
- Pour accéder au script depuis un navigateur il faut se connecter à l’url
http://LOGIN.vvvpedago.enseirb.fr/SCRIPT.PHP
en remplaçant LOGIN
par votre login et SCRIPT.PHP
par le chemin relatif vers votre script depuis la racine du serveur.
N’oubliez pas que quand vous développez du code serveur, vous devez nécessairement consulter vos pages depuis le serveur pour voir le résultat, et non en local comme on faisait auparavant pour les applications statiques.