Le Web
Le développement web est un domaine très vaste, et il occupe une bonne partie des supports de ce site. Cette page est votre point d'entrée : tout ce qui touche au web y est référencé, du HTML au déploiement d'une application Laravel, en passant par PHP, la base de données, JavaScript, VueJS, les API et la sécurité.
Comment lire cette page
Si vous suivez les cours, la section « Les parcours » vous donne l'ordre conseillé. Le reste de la page est un annuaire : vous y retrouverez rapidement un cours, un complément, un aide-mémoire ou un TP précis.
Les parcours
Les parcours sont des pages qui listent les TP dans l'ordre dans lequel je vous conseille de les faire, avec les points étapes évalués. Ils s'enchaînent :
- Les fondamentaux du web : HTML, CSS, la mise en page, la maquette, un premier site en ligne.
- Les TP PHP de base : PHP, les formulaires et la base de données dès le début, la session, l'authentification, l'organisation du code, puis les premières classes (POO).
- Les TP PHP avancés : le MVC, puis Laravel jusqu'aux API et au déploiement.
- Les TP JavaScript : le JavaScript dans le navigateur, le DOM, l'Ajax, puis VueJS.
- La sécurité OWASP : les failles les plus courantes, comment les reconnaître et les corriger.
Et en transversal, quel que soit le parcours : le versionning avec Git et GitLab, utilisé pour tous les rendus.
Le poste de travail
- Installer un environnement de développement web (Windows, Linux, macOS) : éditeur, PHP, XAMPP ou WAMP, Git.
- Initiation à Git et utiliser GitLab, avec l'aide-mémoire Git.
HTML et CSS
- Les slides : introduction HTML et CSS.
- Les compléments : le mémo HTML et le complément CSS.
- Les frameworks CSS, avec Bootstrap et Tailwind.
- Maquetter un site avec Figma.
- Les TP et les évaluations : dans le parcours des fondamentaux du web.
PHP et la base de données
- Les slides : introduction PHP, la structure entry-point, PHP et la base de données, les bases de la sécurité du web, PHP et la POO, l'organisation du code.
- Les compléments : le complément PHP, le complément PHP et base de données, le complément sécurité, le complément PHP et POO.
- Les aide-mémoire : PHP, SQL, la POO, la modélisation UML.
- Les exercices : en classe et à la maison.
- Les TP, les TP de création et les évaluations : dans le parcours des TP PHP de base.
- Les jeux bonus : l'enquête PHP (algorithmes) et l'enquête SQL (requêtes).
Le MVC et Laravel
- Les slides : rappels PHP, le design pattern MVC, Laravel.
- Les compléments : le support MVC, le support Laravel.
- Les aide-mémoire : Mini MVC Sample, Laravel, les commandes Laravel.
- Les TP, du MVC pédagogique au déploiement : dans le parcours des TP PHP avancés.
- Le déploiement : déployer un site Laravel, avec l'intégration continue, avec Docker.
JavaScript et VueJS
- Les slides : introduction JavaScript, JavaScript avancé, les frameworks JavaScript, VueJS, les composants, NodeJS, TypeScript.
- Les compléments : le complément JavaScript, prise en main du JavaScript avancé.
- Les aide-mémoire : JavaScript et Ajax, VueJS, VueJS 3.
- Les TP : dans le parcours des TP JavaScript, puis les composants avec VueJS 3, HTMX et Larablog 2.0 (Ajax et VueJS).
Les API
- Les slides : introduction aux API, Python.
- L'aide-mémoire : les API.
- S'entraîner : le passage de paramètres.
- Créer des API : avec Laravel, avec Flask (Python), avec Bun.sh et ExpressJS (TypeScript).
- Consommer des API : depuis le JavaScript, depuis VueJS 3.
La sécurité
- Dès la première année : les bases de la sécurité du web et le complément sécurité (risque, menace, données filtrées, requêtes préparées, mots de passe hachés).
- En deuxième année : le parcours OWASP, les slides et la synthèse OWASP.
Les CMS
Pour réviser
- Les quiz d'entraînement : HTML et CSS, PHP, Laravel, API REST, VueJS, sécurité.
- Les aides mémoires, tous domaines confondus.