BOOTSTRAP par TECH ME UP
Lieu(x)
En centre (69)
Durée
Total : 14 heures
Financement
Demandeur d’emploi
Salarié
Prix
Nous contacter
Cette formation vous intéresse ?
Description générale
Programme personnalisé en fonction des besoins du stagiaire :/n
1.Présentation de Boostrap/n
- qu'est ce que Bootstrap ?
- les concurrents
- mise en place de Bootstrap
- organisation des fichiers2.Le système de grille/n
- structure HTML recommandée
- grille et grille fluide
- lignes et colonnes
- classes utiles pour le responsive design3.Les styles CSS prédéfinis/n
- typographie
- blocs de code
- tables
- images
- formulaires
- helpers4.La navigation/n
- boutons
- boutons déroulants
- groupes de boutons
- boutons pills
- onglets
- listes
- barre de navigation
- fil d'Ariane
- pagination5.Les éléments de mise en page/n
- jumbotrons
- en
- têtes de pagne
- vignettes
- barres de progression
- panels
- objets média6.Les scripts javascript intégrés/n
- mise en place de javascript
- transitions
- modal
- dropdown
- scrollspy
- tab
- tooltip
- popover
- alert
- button
- collapse
- carousel
- affix7.Ressources Bootstrap/n
- export personnalisé de bootstrap
- templates bootstrap
- utiliser jQuery UI et jQuery Mobile
- projets basés sur Bootstrap
- outils de mise en page et de personnalisation8.Annexe : introduction à LESS/n
- mise en place
- variables
- opérations
- mixins
- règles imbriquées
Formation basée sur la pratique, comportant de nombreux exercices./n
/n
1.Présentation de Boostrap/n
- qu'est ce que Bootstrap ?
- les concurrents
- mise en place de Bootstrap
- organisation des fichiers2.Le système de grille/n
- structure HTML recommandée
- grille et grille fluide
- lignes et colonnes
- classes utiles pour le responsive design3.Les styles CSS prédéfinis/n
- typographie
- blocs de code
- tables
- images
- formulaires
- helpers4.La navigation/n
- boutons
- boutons déroulants
- groupes de boutons
- boutons pills
- onglets
- listes
- barre de navigation
- fil d'Ariane
- pagination5.Les éléments de mise en page/n
- jumbotrons
- en
- têtes de pagne
- vignettes
- barres de progression
- panels
- objets média6.Les scripts javascript intégrés/n
- mise en place de javascript
- transitions
- modal
- dropdown
- scrollspy
- tab
- tooltip
- popover
- alert
- button
- collapse
- carousel
- affix7.Ressources Bootstrap/n
- export personnalisé de bootstrap
- templates bootstrap
- utiliser jQuery UI et jQuery Mobile
- projets basés sur Bootstrap
- outils de mise en page et de personnalisation8.Annexe : introduction à LESS/n
- mise en place
- variables
- opérations
- mixins
- règles imbriquées
Formation basée sur la pratique, comportant de nombreux exercices./n
/n
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./n
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./n
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./n
- ci est devenue open source depuis 2011 et depuis la communauté autour de ce projet n'a cessé de s'agrandir./n
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./n
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./n
Centre(s)
- Lyon - 3ème (69)
Secteur(s)
Formation proposée par : TECH ME UP
À découvrir