/bootstrap4-css3-codingdojo

Primary LanguageHTMLMIT LicenseMIT

Coding Dojo 2018

Template de site static builder avec Webpack 3. Techno utilisées:

  • Webpack
  • ES6
  • Bootstrap 4
  • Font Awesome 4
  • Sass
  • Live reload using Browsersync

Build

Prérequis:

npm install

Développeme

npm run start

Livraison

npm run build

Objectif

Ajouter les bonnes classes bootstrap et CSS3 pour aboutir à la même présentation que le corrigé. La version finale devra être responsive

Fonctionnalités présentées pendant le coding dojo

Navbar

  • Utiliation de navbar-expand-lg, fixed-top et navbar-dark
  • Utilisation de data-toggle
  • Utilisation de data-spy="scroll"
  • dropdown-menu
  • scss (mixin, extend)
  • Utilisation des animations
  • Utilisation des assets de display en fonction des breakpoint sm, md, lg
  • Utilisation des mixins media-breakpoint-up et media-breakpoint-down de bootstrap

Header

Section formulaire

  • Utilisation des form-row vs row
  • Visualisation de validation primaire et validation customisée
  • Utilisation des assets de spacing
  • Utilisation des propiétés des inputs (length, required, ...)

Section layout

  • Gestion d'une variable bootstrap pour la couleur et réutilisation de celle-ci sur différentes classes bootstrap
  • Utilisation des assets de spacing
  • Spécialisation des assets de spacing en fonction d'un breakpoint
  • Utilisation du stretch de flex et les flexbox

Footer

  • Pas de fonctionnalité spécifique