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
    • Grille responsive optimisée
    • Exercice - Grille - 02
• 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 03
    • Les sélecteurs - Exercices 02
    • Combiner des sélecteurs CSS
  • Aide mémoire CSS
• Les outils pour créer du HTML
  • Visual Studio Code
  • La console développeur des navigateurs
• HTML
  • Exercice - Tables NINJA Solution
  • Cheat Sheet / Aide mémoire HTML
  • HTML - La balise DIV
  • 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
  • HTML - L'approche Mobile First
  • Le Box Model
    • Explorer le Box Model
  • Exercice Bob l'éponge
  • Exercice - Les Briques
  • Exercice - La fiche Film
  • Exercice - Tables
  • Les formulaires HTML
    • Les formulaires - Partie 2
    • Les formulaires et Javascript - Exercice
    • Les formulaires - envoyer ses données
    • Les formulaires HTML (exercice complet) 🧢
    • Les formulaires HTML (exercices) 🧢
• Javascript
  • 💪🏻 JavaScript - Boucles for - Exercices
  • 🎯 Bases de Javascript: Carnet d'objectifs
  • JavaScript - La console développeur
  • JavaScript - Syntaxe et variables
    • JavaScript - Exercices de base
  • JavaScript - La saisie utilisateur
  • JavaScript - Les conditions
    • 🥸 Démo JS: La condition `if`
  • JavaScript - Combiner plusieurs conditions
  • JavaScript - La boucle for
  • JavaScript - La boucle while
  • JavaScript - Les fonctions
  • JavaScript - Manipuler le DOM
  • JavaScript - Manipuler le style et les images avec JavaScript
    • JavaScript - Manipuler le style et les images (exercices 🦾)
  • JavaScript - Les formulaires
  • JavaScript - Réagir aux évènements
  • JavaScript - Tableaux, objets et JSON
  • JavaScript - Projet intégrateur