Chapitre 1: Introduction – Déroulement du cours – Les outils nécessaires – Sublime Text Chapitre 2: Le HTML – Le HTML, c’est quoi ? – La syntaxe du HTML – Structure de base d’un fichier HTML – Les balises Meta – Les titres et paragraphes – Le formatage de texte – Les liens – Les images – Les listes – Les tableaux – Les formulaires – Les blocs et balises de structure Chapitre 3 : Le CSS – Où écrire le CSS ? – Syntaxe du CSS – Les id – Les class – Que choisir entre balise, id et class ? – Styliser du texte – Découvrons l’inspecteur de Firefox – Arrière-plans – Types de disposition des éléments (display) – Le display flex – Redimensionner et positionner des éléments – Les marges – Les bordures – Les éléments flottants – Les pseudo-class – Les transitions – Les media-queries Chapitre 4 : Le PHP et SQL – À quoi sert le PHP – Installation de Wamp – Syntaxe du PHP – Les variables – Les tableaux – Comparer des valeurs – Les conditions – Les boucles – Les fonctions – isset() et empty() – Variables superglobales : Les variables d’URL – Variables superglobales : Récupérer les données d’un formulaire – Variables superglobales : Récupérer des informations sur le client – Variables superglobales : Stocker des informations de session – Variables superglobales : Sauvegarder des informations dans des cookies – Introduction à MySQL et phpMyAdmin – Notre première requête SQL – L’objet PDO – Formater la date en SQL – Créer une page dynamique (avec SQL et variable d’URL) – Insérer des données dans la base de données – Mettre à jour des données dans la base de données – Supprimer des données de la base de données Chapitre 5 : Création d’un blog (HTML, CSS, PHP et SQL) – Introduction & Schéma du blog (layout) – Structure des fichiers (architecture) – Création de la base de données – Front-end – Création du menu du site – Front-end – Création de la navigation latérale (sidebar) – Front-end – Création du footer – Front-end – Création de la page d’articles – Création et sécurisation de l’espace d’administration – Espace d’administration – Ajouter des catégories – Espace d’administration – Ajouter des articles – Affichage des articles sur la page d’accueil (depuis la base de données) – Affichage dynamique des articles (page d’article unique) – Mise en place de l’espace commentaires – Affichage des catégories et des commentaires récents dans la sidebar – Tri des articles par catégorie – Mise en place de la barre de recherche pour les articles Chapitre 6: La Programmation Orienté Objet (POO) en PHP – Introduction à la POO – Notre première classe – Les attributs – Les méthodes – Le constructeur : une méthode particulière – Les méthodes et attributs statiques – La visibilité : public, protected et private – Les getters et setters – L’héritage – Charger ses classes automatiquement : spl_autoload_register() Chapitre 7: Boostrap – Introduction – À quoi ça sert – Qu’allons-nous apprendre et à qui s’adresse cette formation ? – Installer Boostrap – Installation via les fichiers sources – Installation via les CDN – La structure de Boostrap (Lay-out) – Les containers – La grille Bootstrap : Les lignes et les colonnes (rows et columns) – Gérer des lignes dont les colonnes sont de tailles égales – Imbriquer des lignes et colonnes – Modifier l’alignement des colonnes (vertical et horizontal) – Modifier l’ordre des colonnes – Décaler des colonnes (offset) – Espacer ses colonnes avec les gouttières (gutters) Notre premier projet : Reproduire Instagram – Notre 1er projet : Instagram – Place à la pratique – Dissection de l’interface d’Instagram – Le header – Les stories – Les postes – La sidebar Chapitre 8: Formater du contenu avec Bootstrap – Les textes – Les citations – Les images et figures – Les tableaux/em> – Les formulaires – Les attributs d’accessibilité (ARIA) Chapitre 9: Les composants Boostrap – Introduction de la section – Les boutons (button) – Les groupes de boutons (buttons group) – Les listes déroulantes (dropdown) – Les cartes (card) – Les menus de navigation (nav) – Les onglets (nav tabs) – Les barres de navigation / Menus principaux (navbar) – Les modales (ou “dialog” ou “popup”) (modal) – Les popovers & tooltips (pour apporter des précisions à un élément) – Les notifications (toasts) – Les fils d’Ariane (breadcrumb) – La pagination Second projet : Créer une boutique e-commerce – Le header – Le carousel – Les breadcrumbs & list group – Les cards – La pagination et le footer – Le toast Projet final : Reproduire Twitch – Place à la pratique – Le header : partie 1 – Le header : partie 2 – La sidebar : partie 1 – La sidebar : partie 2 – Le main : partie 1 – Le main : partie 2 – La modal