Bootstrap 5 : Le Guide Complet

Développez vos sites responsive avec Bootstrap 5 : reproduisez Instagram, créez un e-commerce et devenez 100% autonome !

What you'll learn
Développer des sites web professionnels avec Bootstrap 5
Créer des layouts complexes avec la grille de Bootstrap
Utiliser tous les composants de Bootstrap dans vos interfaces
Utiliser toutes les classes de Bootstrap pour enjoliver vos sites en un clin d'oeil
Créer 3 projets uniques
Personnaliser le thème de Bootstrap avec du CSS
Requirements
Connaissances de base en HTML
Connaissances de base en CSS
Avoir des notions de JS est un plus mais n'est pas requis
Description
Bienvenue dans ce guide complet sur la dernière version en date de Bootstrap : Bootstrap 5 !Avec deux formateurs cumulant plus de 10 ans d'expérience dans l'apprentissage du développement et du design sur le web, vous allez apprendre toute la théorie nécessaire à l'utilisation de cet outil ainsi que créer trois projets uniques : la page d'accueil d'Instagram, une boutique e-commerce, ainsi que le site de streaming Twitch. Vous serez guidé pas à pas et, à la fin de ce cours, vous serez 100% autonome ! Vous serez donc capable de développer vos propres sites internet et applications web avec Bootstrap 5 et ce peu importe leur complexité.Le plus beau dans tout ça c'est que vous avez uniquement besoin de connaissances de base en HTML et CSS pour suivre ce cours.Prêt à créer vos premiers sites internet avec Bootstrap ?

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Bootstrap : à quoi ça sert ?

Lecture 3 Qu'allons-nous apprendre et à qui s'adresse cette formation ?

Section 2: Installer Bootstrap

Lecture 4 Installation via les fichiers sources

Lecture 5 Installation via les CDN

Section 3: La structure de Bootstrap (Layout)

Lecture 6 Les containers

Lecture 7 La grille Bootstrap : Les lignes et les colonnes (rows et columns)

Lecture 8 Gérer des lignes dont les colonnes sont de tailles égales

Lecture 9 Imbriquer des lignes et colonnes

Lecture 10 Modifier l'alignement des colonnes (vertical et horizontal)

Lecture 11 Modifier l'ordre des colonnes

Lecture 12 Décaler des colonnes (offset)

Lecture 13 Espacer ses colonnes avec les gouttières (gutters)

Section 4: Notre premier projet : Reproduire Instagram

Lecture 14 Notre 1er projet : Instagram

Lecture 15 Place à la pratique

Lecture 16 Dissection de l'interface d'Instagram

Lecture 17 Le header

Lecture 18 Les stories

Lecture 19 Les postes

Lecture 20 La sidebar

Section 5: Formater du contenu avec Bootstrap

Lecture 21 Les textes

Lecture 22 Les citations

Lecture 23 Les images et figures

Lecture 24 Les tableaux

Lecture 25 Les formulaires

Lecture 26 Les attributs d'accessibilité (ARIA)

Section 6: Les composants Bootstrap

Lecture 27 Introduction de la section

Lecture 28 Les boutons (button)

Lecture 29 Les groupes de boutons (buttons group)

Lecture 30 Les listes déroulantes (dropdown)

Lecture 31 Les cartes (card)

Lecture 32 Les menus de navigation (nav)

Lecture 33 Les onglets (nav tabs)

Lecture 34 Les barres de navigation / Menus principaux (navbar)

Lecture 35 Les modales (ou "dialog" ou "popup") (modal)

Lecture 36 Les popovers & tooltips (pour apporter des précisions à un élément)

Lecture 37 Les notifications (toasts)

Lecture 38 Les fils d'Ariane (breadcrumb)

Lecture 39 La pagination

Section 7: Notre second projet : Créer une boutique e-commerce

Lecture 40 Notre 2ème projet : une boutique e-commerce

Lecture 41 Place à la pratique

Lecture 42 Le header

Lecture 43 Le carousel

Lecture 44 Les breadcrumbs & list group

Lecture 45 Les cards

Lecture 46 La pagination et le footer

Lecture 47 Le toast

Section 8: Projet final : Reproduire Twitch

Lecture 48 Projet final : Twitch

Lecture 49 Place à la pratique

Lecture 50 Le header : partie 1

Lecture 51 Le header : partie 2

Lecture 52 La sidebar : partie 1

Lecture 53 La sidebar : partie 2

Lecture 54 Le main : partie 1

Lecture 55 Le main : partie 2

Lecture 56 La modal

Who this course is for:
Développeurs web débutants intéressés par Bootstrap,Développeurs voulant apprendre Bootstrap par la pratique,Développeurs cherchant à créer des sites et applications web professionnels facilement