Création de pages Web

Matières

• Bootstrap
  • Les breakpoints
  • Les containers
  • Les classes display de Bootstrap 5
  • Utilisation des couleurs
  • Utilitaires pour les textes
  • Utilitaires de sizing
  • Utilitaires padding et margins
  • Les ombres
  • Projet Restaurant
  • Les tables
  • Les Cards dans Bootstrap 5
    • Utiliser les Cards dans une Grille Bootstrap 5
  • Grille responsive
    • Exercice - Grille - 02
    • Grille responsive optimisée
• CSS
  • CSS: en haut, en bas, à gauche, à droite
  • Les sélecteurs CSS
    • Les principaux sélecteurs de base
    • Les principaux sélecteurs de base - Exemples
    • Les sélecteurs - Exercices 01
    • Les sélecteurs - Exercices 02
    • Les sélecteurs - Exercices 03
    • Combiner des sélecteurs CSS
  • Aide mémoire CSS
• Les outils pour créer du HTML
  • La console développeur des navigateurs
  • Visual Studio Code
• HTML
  • Exercice Bob l'éponge
  • Exercice - Les Briques
  • Exercice - La fiche Film
  • Exercice - Tables NINJA Solution
  • Exercice - Tables
  • Les formulaires HTML
    • Les formulaires HTML (exercices) 🧢
    • Les formulaires - envoyer ses données
    • Les formulaires - Partie 2
    • Les formulaires et Javascript - Exercice
    • Les formulaires HTML (exercice complet) 🧢
  • Le Box Model
    • Explorer le Box Model
  • Cheat Sheet / Aide mémoire HTML
  • HTML - La balise DIV
  • HTML - L'approche Mobile First
  • HTML - Le Responsive Web Design
  • Créer un site complet - Composants
    • Site complet: Processeur
    • Site complet: Processeur (CPU)
    • Site complet: Mémoire vive (RAM)
    • Site complet: Stockage – SSD / NVMe
    • Site complet: Alimentation (PSU – Power Supply Unit)
    • Site complet: Carte graphique – GPU / IGP
    • Site complet: Carte mère
    • Site complet: Refroidissement (CPU / boîtier)
    • Site complet: Boîtier (case)
    • Site complet: Carte réseau & interfaces (RJ45 / Wi-Fi)
    • Site complet: Réseau local (LAN)
    • Site complet: Modem, routeur et Internet
    • Site complet: Système d’exploitation
    • Site complet: Carte son
    • Site complet: Imprimantes
    • Site complet: Claviers
    • Site complet: Souris
    • Site complet: Tablettes graphiques
    • Site complet: Périphériques MIDI
    • Travail de groupe - Composants (TQ INFO)
    • Site complet: Streaming Vidéo
• Javascript
  • JavaScript - Boucles for
    • JavaScript - Boucles for (Solutions)
  • Introduction à la Console Développeur
  • JavaScript - L'objet document
  • JavaScript - Les formulaires
  • 🎯 Bases de Javascript: Carnet d'objectifs
  • 💪🏻 JavaScript - Boucles for - Exercices
  • JavaScript - Syntaxe et variables
    • JavaScript - Exercices de base
  • JavaScript - Les opérateurs mathématiques
  • JavaScript - Les conditions if/else
    • 🥸 Démo: La condition `if`
  • JavaScript - Les conditions if/else if/else
  • JavaScript - Vérifier plusieurs conditions en même temps
    • 🥸 Démo JS: ET / &&
    • 🥸 Démo JS: OU / ||
    • 🥸 Démo JS: Tables de vérité
  • JavaScript - Les conditions
    • 🥸 Démo JS: La condition `if`