Bootstrap 4

Découvrez comment accélérer votre développement front-end en utilisant le framework Bootstrap.

Nécessite une familiarité avec HTML et CSS (que vous pouvez apprendre dans le cours de base Web).

Description du cours

Vous voulez utiliser le framework Bootstrap pour votre prochain projet, mais vous ne savez pas comment démarrer? Ce cours vous aidera à utiliser Bootstrap pour la première fois pour créer des mises en page et des composants. Que vous souhaitiez utiliser Bootstrap avec Drupal ou un autre CMS, vous aurez les connaissances de base pour créer des modèles et écrire du HTML qui tire parti de Bootstrap. Nous verrons également comment utiliser le langage d'extension SASS pour CSS et comment compiler votre SASS en CSS.

Notez que ce cours couvrira Bootstrap 4.

Objectifs d'apprentissage

Vous repartirez du cours avec la connaissance de:

  • Pourquoi utiliser un framework CSS
  • Techniques pour implémenter un système de grille avec Bootstrap
  • Composants Bootstrap - comment créer une navigation, des boutons et des éléments communs avec Bootstrap
  • Syntaxe SASS et compilation de SASS en CSS
  • Utilisation de la documentation Bootstrap et des exemples
  • Utilisation de variables Bootstrap

Programme

  • Comment ajouter Bootstrap à un projet
  • Introduction au système de grille Bootstrap
  • Création de mises en page pour différents appareils et tailles d'écran
  • Construire différents composants avec Bootstrap (boutons, navigation, cartes)
  • Ajout de comportements Javascript avec Bootstrap
  • Utiliser SASS pour créer nos feuilles de style
  • Compiler SASS en CSS
  • S'assurer que votre CSS est performant
  • Assurez-vous que votre HTML est accessible

Qui tirera le meilleur parti de ce cours

Ce cours est idéal pour tous ceux qui sont familiers avec HTML et CSS et qui souhaitent développer leurs compétences de développement front-end et être en mesure d'implémenter des thèmes basés sur Bootstrap.

Environnements de développement

Vous aurez besoin d'un éditeur pour écrire le code installé sur votre ordinateur portable (par exemple Notepad ++, Atom, Sublime). Vous aurez également besoin d'un accès admin sur votre machine pour installer d'autres programmes pendant le cours.