Apprendre Bootstrap de A à Z [exercices et projet inclus]

Apprendre Bootstrap de A à Z [exercices et projet inclus]

Udemy
platform
Français
language
Online Education
category
6
students
4 hours
content
Nov 2022
last update
$19.99
regular price

What you will learn

Utiliser Bootstrap 5

Modifier les classes de Bootstrap

Créer ces propres classes Bootstrap

Purger son CSS

Utiliser Bootstrap avec SASS

Description

Dans cette formation en ligne nous allons voir Bootstrap 5.

Bootstrap est le Framework CSS le plus populaire du web parmi tous les Framework CSS .

Il est utilisé par les développeur et les entreprises ce qui fait que maîtriser Bootstrap c’est avoir une bonne corde à avoir dans son arc.

Il est plutôt simple à apprendre comme tous les Framework et il fonctionne grâce à son système de classes.

Les classes de Bootstrap comme toutes les classes des Framework nous donnent accès à une bibliothèque de composants front-end et grâce à cela nous pouvons très facilement créer et prototyper des sites web.

Ces fameuses classes contiennent tout sortes de modèles et de conception basé sur le HTML et le CSS.

Même s'il est plutôt simple à apprendre il est plutôt conseillé d’avoir des bases sur le HTML et le CSS avant d’apprendre un Framework. En effet grâce à ces bases votre apprentissage sera plus rapide et plus complet.


Plan de la formation:


  • Nous commencerons par apprendre comment installer Bootstrap (Il y a trois manières).

  • Nous verrons par la suite les classes de base à Bootstrap.

  • Nous continuerons par les éléments CSS de Bootstrap (les cartes, les listes, les boutons, les images , les tableaux ….)

  • Nous poursuivrons par les éléments JavaScript de Bootstrap (Slider, dropdown, accordéon, navbar, modale…)

  • Nous aurons une section sur la personnalisation de Bootstrap. Comment changer les valeurs des classes, comment créer nos propres classes, comment utiliser le préprocesseur SASS avec Bootstrap et comment purger son CSS.


Nous terminerons par deux projets de site web entièrement réalisé avec Bootstrap et le préprocesseur SASS.

Si tu es un(e) débutant(e), amateur ou simplement un développeur qui aimerait acquérir d’autres compétences , cette formation est faite pour vous


Content

Introduction

Introduction à la formation
Préparation à la formation

Les bases

Introduction à Bootstrap
Comment installer Bootstrap
Les couleurs
Typographies
Tailles et espacements
Displays et positions

Grid & Flexbox

Grid part.1
Grid part.2
Grid part.3
Flexbox

Eléments CSS

Images et tableaux
Les boutons
Les cartes
Navigation et breadcrumb
Les listes
Spinner et progressbar
Les formulaires
Les inputs part.1
Les inputs part.2

Eléments JavaScript

Slider
Dropdown et Accordéons
Modale
Navbar
Menu rideau
Tooltip et popover

Personnalisation

Installation de Bootstrap et SASS
Personnalisation
Créer ces propres classes
Segmenter sont code
Purge CSS

Projet final

Présentation du projet
Navigation
Header
Section 1
Section 2
Section 3
Section Tarifs
Section parallax
Section contact
Footer

Fin de la formation

Conclusion

Screenshots

Apprendre Bootstrap de A à Z [exercices et projet inclus] - Screenshot_01Apprendre Bootstrap de A à Z [exercices et projet inclus] - Screenshot_02Apprendre Bootstrap de A à Z [exercices et projet inclus] - Screenshot_03Apprendre Bootstrap de A à Z [exercices et projet inclus] - Screenshot_04

Related Topics

4898812
udemy ID
9/25/2022
course created date
9/26/2022
course indexed date
Bot
course submited by