Laboratoire
Des labs pour expérimenter librement, et toutes les simulations des leçons en accès direct.
Les labs
M02 · Algorithmique
Atelier d'algorithmique
Pseudo-code du cours exécuté pas à pas : variables, Lire/Ecrire, fonctions, table de trace.
Ouvrir le lab → M02 · PythonLab Python
Un programme Python ligne par ligne : variables, appels de fonctions, input(), erreurs expliquées.
Ouvrir le lab → M03 · POOLab POO
Classes et objets en mémoire à chaque étape : self, attributs, références, héritage.
Ouvrir le lab → M04 · Web statiqueLab web
HTML, CSS et JavaScript avec aperçu en direct, tailles d’écran et console.
Ouvrir le lab → M06 · Bases de donnéesLab SQL
Une vraie base dans le navigateur : chaque requête décomposée en étapes FROM, JOIN, WHERE, GROUP BY, SELECT, ORDER BY.
Ouvrir le lab → M05 · JavaScriptLab JavaScript
JavaScript instruction par instruction : pile d’appels, valeurs renvoyées, événements de la page.
Ouvrir le lab → M07 · Web dynamiqueLab PHP
Un vrai PHP dans le navigateur : requête GET ou POST, puis le script ligne par ligne avec $_POST, $_SESSION, objets, PDO et le HTML produit.
Ouvrir le lab →M02 · Acquérir les bases de l'algorithmique
Voir le module A.1Analyser un problème avant d'écrire une ligne Exercice de classement A.2Découper un problème, de haut en bas ou de bas en haut Arbre de décomposition B.1La structure d'un algorithme : variables, constantes et affectation Atelier pas à pas B.2Conditions et boucles : Si, TantQue, Pour Atelier pas à pas B.3Fonctions, procédures et portée des variables Atelier pas à pas B.4Structurer les données : chaînes et tableaux Atelier pas à pas C.1De l'algorithme à Python : traduire ligne par ligne Python dans le navigateur C.2Manipuler les données en Python : listes, dictionnaires, fichiers Python dans le navigateur D.1Déboguer un programme Python et gérer les erreurs Python dans le navigateur D.2Déployer et documenter une solution Python Python dans le navigateur
M03 · Programmer en orienté objet
Voir le module A.1Introduire la programmation orientée objet Exercice de classement A.2Définir une classe : attributs et constructeur Python dans le navigateur A.3L'encapsulation : protéger les données d'un objet Python dans le navigateur A.4Créer un objet : instanciation et références Python dans le navigateur A.5Manipuler les méthodes Python dans le navigateur B.1L'héritage : réutiliser une classe existante Python dans le navigateur B.2Le polymorphisme : un même appel, des comportements différents Python dans le navigateur B.3L'abstraction : classes et méthodes abstraites Python dans le navigateur B.4Les interfaces : des contrats entre classes Python dans le navigateur C.1Coder une solution orientée objet complète Python dans le navigateur C.2Manipuler les données : collections d'objets et fichiers Python dans le navigateur C.3Utiliser les expressions régulières Python dans le navigateur C.4Administrer les exceptions Python dans le navigateur D.1Créer et importer des modules Python dans le navigateur D.2Utiliser et installer des bibliothèques Python dans le navigateur D.3Réaliser des interfaces graphiques avec Tkinter Exercice de classement
M04 · Développer des sites web statiques
Voir le module A.1Appréhender le langage HTML Bac à sable HTML/CSS A.2Produire du HTML avec Visual Studio Code Exercice de classement A.3Les éléments de base d'une page HTML Bac à sable HTML/CSS B.1Réaliser un site web statique Bac à sable HTML/CSS B.2Intégrer des formulaires Bac à sable HTML/CSS C.1Introduire le CSS : règles, sélecteurs et couleurs Bac à sable HTML/CSS C.2Les propriétés CSS : texte, boîtes, images et fonds Bac à sable HTML/CSS C.3Positionner les éléments : position, float et Flexbox Bac à sable HTML/CSS C.4Le responsive design et les media queries Bac à sable HTML/CSS C.5Animer avec CSS : transitions, transformations et keyframes Bac à sable HTML/CSS C.6Adapter un template à une charte graphique Bac à sable HTML/CSS D.1Intégrer Bootstrap et utiliser sa grille Bac à sable HTML/CSS D.2Les classes Bootstrap : texte, tableaux, formulaires et boutons Bac à sable HTML/CSS D.3Les composants Bootstrap : navbar, cartes, alertes et plus Bac à sable HTML/CSS E.1Déployer un site sur un intranet Exercice de classement E.2Mettre un site en ligne : hébergeur, nom de domaine et DNS Exercice de classement
M05 · Programmer en JavaScript
Voir le module A.1Langage compilé, langage de script : où se place JavaScript ? Exercice de classement A.2L'architecture client/serveur d'une application web Exercice de classement A.3Les outils du développeur JavaScript et les librairies Bac à sable JavaScript B.1Variables et types de données Bac à sable JavaScript B.1Opérateurs, lecture et écriture Bac à sable JavaScript B.2Les structures de contrôle : conditions et boucles Bac à sable JavaScript B.3Les fonctions et les fonctions fléchées Bac à sable JavaScript B.3Gérer les erreurs : les exceptions Bac à sable JavaScript B.4Créer et manipuler des objets Bac à sable JavaScript B.4Les tableaux : ajouter, chercher, trier, transformer Bac à sable JavaScript B.4Les objets natifs : Date, Math, RegExp et JSON Bac à sable JavaScript C.1L'arbre DOM : nœuds, parents et enfants Bac à sable JavaScript C.2Accéder aux éléments : les sélecteurs Bac à sable JavaScript C.3Créer, modifier et supprimer des éléments Bac à sable JavaScript D.1Les événements : réagir aux actions du visiteur Bac à sable JavaScript D.2Gérer un formulaire en JavaScript Bac à sable JavaScript E.1Découvrir jQuery Bac à sable JavaScript E.2Découvrir AJAX : charger des données sans recharger la page Bac à sable JavaScript
M06 · Manipuler des bases de données
Voir le module A.1Analyser le cahier des charges Exercice de classement A.2Dictionnaire de données et dépendances fonctionnelles Exercice de classement A.2Construire le Modèle Conceptuel de Données (MCD) Exercice de classement A.3Normaliser les données (1FN, 2FN, 3FN) Exercice de classement A.3Passer du MCD au MLD normalisé Console SQL B.1Exploiter un outil de modélisation Exercice de classement B.2Préparer le serveur MySQL Exercice de classement C.1Créer la base et les tables Console SQL C.1Les contraintes d'intégrité Console SQL C.2Insérer, modifier, supprimer : INSERT, UPDATE, DELETE Console SQL C.2Interroger : SELECT, WHERE, ORDER BY, LIMIT Console SQL C.2Calculer : fonctions, agrégats, GROUP BY, HAVING Console SQL C.2Les jointures : INNER, LEFT, RIGHT, auto-jointure Console SQL C.2Sous-requêtes et UNION Console SQL C.3Administrer la base de données Console SQL
M07 · Développer des sites web dynamiques
Voir le module A.1Le modèle client / serveur et le protocole HTTP Serveur PHP simulé A.2Introduire PHP : un langage qui fabrique des pages Serveur PHP simulé A.3Préparer l'environnement : XAMPP, Apache, PHP et VS Code Exercice de classement B.1Variables, constantes, types et instructions de sortie Serveur PHP simulé B.1Contrôle de flux : conditions et boucles Serveur PHP simulé B.1Écrire ses fonctions et découper le site avec include et require Serveur PHP simulé B.1Fonctions sur les chaînes de caractères et les dates Serveur PHP simulé B.1Formulaires : transmettre des données avec GET et POST Serveur PHP simulé B.1Variables d'environnement, passage de paramètres et redirections Serveur PHP simulé B.2Traiter les données : tableaux simples, associatifs et multidimensionnels Serveur PHP simulé B.2Manipuler des fichiers : lire, écrire, envoyer, supprimer, télécharger Serveur PHP simulé B.3L'orienté objet en PHP : classes, objets, encapsulation Serveur PHP simulé B.3Héritage, classes abstraites, interfaces et polymorphisme Serveur PHP simulé B.3Les méthodes magiques de PHP Serveur PHP simulé C.1Se connecter à MySQL avec PDO Serveur PHP simulé C.1Interroger la base depuis un formulaire : requêtes préparées Serveur PHP simulé C.1Ajouter, modifier, supprimer : le CRUD complet Serveur PHP simulé C.2Se souvenir du visiteur : cookies et sessions Serveur PHP simulé C.2Sécuriser l'application : injections, XSS, mots de passe, CSRF Serveur PHP simulé D.1Organiser le code : l'architecture MVC Serveur PHP simulé D.2Les services web : SOAP et REST, écrire une API JSON Serveur PHP simulé
M08 · S'initier à la sécurité des systèmes d'information
Voir le module A.1Qu'est-ce que la sécurité informatique ? Exercice de classement A.1Virus, vers, rançongiciels : les logiciels malveillants Exercice de classement A.1Droit d'auteur et licences des logiciels Exercice de classement A.2Les vulnérabilités des applications web et le XSS Serveur PHP simulé A.2Les attaques sur les sessions et les cookies Serveur PHP simulé A.2Les attaques sur le serveur web et les configurations par défaut Serveur PHP simulé A.2L'hameçonnage et les attaques par déni de service Exercice de classement A.3Se prémunir : antivirus, pare-feu et bonnes pratiques Exercice de classement B.1Les données personnelles et la loi 09-08 Exercice de classement B.2Protéger les données des utilisateurs dans l'application Serveur PHP simulé B.2Les droits d'accès des utilisateurs d'une application Serveur PHP simulé B.2Le cryptage des données : encoder, hacher, chiffrer Serveur PHP simulé C.1La politique de mots de passe Serveur PHP simulé C.1Gérer les rôles des utilisateurs Serveur PHP simulé C.1Chiffrement symétrique et asymétrique, clés publiques et privées Serveur PHP simulé C.2Le pare-feu réseau devant un serveur web Simulateur de pare-feu C.2Le pare-feu applicatif et le développement sécurisé Serveur PHP simulé