Prise en main de la nouvelle version de Bootstrap

Souhaitez-vous créer une application web responsive (une application web qui s’adapte aux écrans des smartphones, tablettes et ordinateurs) ? Souhaitez-vous intégrer un Popup (une boîte modale) sur vos pages web ou encore réaliser un effet carrousel  dans votre application web et bien d’autre effets d’animation sur votre site web ? Vous êtes au bon endroit ! Grâce aux différentes leçons proposées dans ce cours, vous apprendrez gratuitement comment se servir de la bibliothèque Bootstrap pour réaliser des pages web responsives et aussi de jolis effets d’animation. Si vous pensez que créer des pages web qui ont un rendu net sur les écrans des PC, des tablettes et smartphones est trop compliqué et que ce n’est pas à votre portée. Soyez rassuré(e) ! La bibliothèque Bootstrap est simple à maitriser et en plus ce cours ponctué des exemples pratiques est adapté aux personnes débutantes en programmation web.

Objectifs pédagogiques :

• Maitriser la bibliothèque Bootstrap 4.1.3
• Etre en mesure de créer des applications web responsive
• Etre en mesure de créer un thème Bootstrap4
• Réaliser des effets d’animation avec Bootstrap
• Transformer une maquette en page web responsive

Pré-requis :

• Avoir une connaissance des langages HTML et CSS
• Avoir sur son ordinateur les versions récentes des navigateurs modernes (pour tester le comportement des pages web réalisés sur chacun de ces navigateurs)

Table des Matières :

Partie I – Introduction :

• Historique de Bootstrap
• Pourquoi utiliser Bootstrap ?

Partie II – Démarrer avec Bootstrap4 :

• Téléchargement de Bootstrap
• Le contenu du package de Bootstrap
• Téléchargement de jQuery
• Chargement de Bootstrap4 et jQuery sur une page HTML

Partie III – Système de grille et le FlexBox de Bootstrap4 :

• Comprendre le système de grille de Bootstrap
• Les options et les possibilités offertes par la grille de Bootstrap
• Mise en page avec la Flexbox de Bootstrap (Flexible Box/Conteneur flexible)
• Gérer les alignements avec Bootstrap
• Gérer les marges internes (les paddings) et les marges externes(les margins) avec Bootstrap

Partie IV –Les Couleurs et Menu de navigation avec Bootstrap4 :

• Définir les couleurs et les bordures à l’aide de Bootstrap
• Réaliser une barre de navigation avec Bootstrap
• Réaliser un breadcrumb avec Bootstrap
• Les dropdowns (Sous Menu)

Partie V – Les autres composants graphiques liés à la navigation et l’application de la typographie avec Bootstrap:

• Les navs (Composants graphiques de navigation) de Bootstrap
• La pagination de Bootstrap
• Appliquer la typographie avec Bootstrap

Partie VI – Styliser les images à l’aide de Bootstrap :

• Styliser les images à l’aide de Bootstrap

Partie VII – Les tableaux, les formulaires, les cartes(cards) et les médias :

• Réaliser des tableaux avec Bootstrap
• Réaliser des formulaires avec Bootstrap
• Les cartes (Cards)
• Les médias

Partie VIII – Les autres composants graphiques :

• Le Jumbotron
• Les Popovers
• Les Tooltips

Partie IX –  Réaliser des effets d’animations avec Bootstrap4:

• Réaliser un Popup (Une boîte modale) avec Bootstrap4
• Réaliser un carrousel à l’aide de Bootstrap4
• Réaliser une barre de progression à l’aide de Bootstrap4

Partie X – Les icônes et Bootstrap4

• Les icônes et Bootstrap4

Partie XI – Un point sur la documentation de Bootstrap4

• Documentation de Bootstrap4

Débuter le cours J’envoie régulièrement des astuces et techniques peu connus sur le développement web à un groupe privé de personnes… Je leur envoie des contenus gratuits, des tutoriels sur Bootstrap et ils bénéficient aussi de mes propres créations (thèmes premiums, composants et éléments d’interface). Ils sont aussi mis au courant dès que les thèmes premiums et plugins premiums sont au tarif promotionnel sur les meilleures marketplaces. Une fois inscrit, tu reçois gratuitement  mon livre Prise en main de Bootstrap 4 et un thème premium. Clique ici pour rejoindre le groupe privé et bénéficier de tous ces avantages.