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 :

Partie II – Démarrer avec Bootstrap4 :

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

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

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

Partie VI – 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

 

PS :

Dans le but de vous apporter de la valeur ajoutée et de mettre à votre disposition un document contenant tous les chapitres énumérés en haut que vous pouvez utiliser à tout moment, nous avons travaillé sur un ebook qui sera proposé en téléchargement gratuitement, l’ebook est prêt il reste la mise en page et la relecture. Bientôt l’ebook sera mis à votre disposition, merci.

Débuter le cours

Laisser un commentaire

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.