Formation Bootstrap

Le framework CSS de référence, afin de mettre en place des styles CSS plus rapidement

Objectifs pédagogiques

  • savoir utiliser Bootstrap pour mettre en place des interfaces front-end efficaces : utiliser les classes CSS, les composants, et les plugins fournis dans Bootstrap.
  • Savoir personnaliser Bootstrap.
Intéressés ? Contactez-nous

Bootstrap est un framework CSS, qui correspondait à l'origine à la feuille de styles CSS utilisée par Twitter pendant environ un an. Celle-ci est devenue open source depuis 2011 et depuis la communauté autour de ce projet n'a cessé de s'agrandir.

Bootstrap permet de réaliser des interfaces graphiques très rapidement. Il comprend un système de grille pour positionner efficacement les éléments, une série de styles prédéfinis, ainsi que des scripts javascript intégrés.

Par ailleurs, une série d'outils liés à Bootstrap permettent d'accélérer d'autant plus le temps de développement. C'est donc un outil très pratique à connaitre pour mettre en place des interfaces claires et agréables en peu de temps.

Programme

1 - Présentation de Boostrap

  • qu'est ce que Bootstrap ?
  • les concurrents
  • mise en place de Bootstrap
  • organisation des fichiers

2 - Le système de grille

  • structure HTML recommandée
  • grille et grille fluide
  • lignes et colonnes
  • classes utiles pour le responsive design

3 - Les styles CSS prédéfinis

  • typographie
  • blocs de code
  • tables
  • images
  • formulaires
  • helpers

4 - La navigation

  • boutons
  • boutons déroulants
  • groupes de boutons
  • boutons pills
  • onglets
  • listes
  • barre de navigation
  • fil d’Ariane
  • pagination

5 - Les formulaires

  • formulaires verticaux
  • formulaires horizontaux
  • champs des formulaires

6 - L'interactivité

  • mise en place de javascript
  • modal
  • dropdown
  • scrollspy
  • tab
  • tooltip
  • popover
  • alert
  • button
  • collapse
  • carousel

7 - Personnaliser Bootstrap

  • Introduction à SASS
  • Procédure pour personnaliser Boostrap

2 jours (14h)

en groupe,
en présentiel ou en distanciel

1000€ TTC

ref. BOOTSTRAP

Participants

Toute personne souhaitant s'initier au langage javacript.

Prérequis

Connaissances en HTML / CSS.

Modalités d'inscription

Dates
sur demande (réponse sous 2j)

Lieu
à distance

Alexandre Beaugrand

Linkedin

Développeur, formateur, et gérant de Tech Me Up, Alexandre assure depuis 13 ans de nombreuses formations à divers langages du développement web, relevant du front-end, comme du back-end : HTML5, CSS3, Javascript, VueJS, PHP, Wordpress, etc.

Au-delà de son activité de formation, il propose des tutoriels sur youtube, et s'interroge sur son blog sur l'évolution du développement web, afin de toujours proposer des formations de qualité, actuelles, et mises à jour régulièrement.

Outre ses formations, Alexandre développe fréquemment des sites pour divers clients, ou travaille sur ses side-projects tech qui mèlent Développement et Do It Yourself.

Nos formateurs