Référence: R86504

/

Mise à jour le

Bootstrap

Tech me up

Niveau de sortie : Sans niveau spécifique

Pour cette formation

1 session disponible

Consulter

Objectifs

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

Programme personnalisé en fonction des besoins du stagiaire :

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 éléments de mise en page

  • jumbotrons

  • en-têtes de pagne

  • vignettes

  • barres de progression

  • panels

  • objets média


6.Les scripts javascript intégrés

  • mise en place de javascript

  • transitions

  • modal

  • dropdown

  • scrollspy

  • tab

  • tooltip

  • popover

  • alert

  • button

  • collapse

  • carousel

  • affix


7.Ressources Bootstrap

  • export personnalisé de bootstrap

  • templates bootstrap

  • utiliser jQuery UI et jQuery Mobile

  • projets basés sur Bootstrap

  • outils de mise en page et de personnalisation


8.Annexe : introduction à LESS

  • mise en place

  • variables

  • opérations

  • mixins

  • règles imbriquées


Formation basée sur la pratique, comportant de nombreux exercices.

Certifications et métiers visés

Consulter le diplôme, titre ou certificat... délivrés en fin de formation ainsi que les métiers auxquels cette formation vous donne accès.

Résultats attendus

Attestation de fin de formation

1 session : Bootstrap

  • au

    Tech me up

    • Distanciel

    Formation professionnelle