
28
Mai
UNIQUEMENT DISPONIBLE EN FORMATION PERSONNALISÉE.
Description de la formation
Durant cette formation, nous allons vous apprendre à utiliser cette librairie de composants CSS (on parlera plus précisément de “framework”) souvent indispensable pour structurer/créer visuellement un site internet et notamment sur la partie mobile dite “responsive”.
Formation CPF
Selon votre situation professionnelle, que vous soyez salarié(e) ou encore demandeur d’emploi, cette thématique est éligible CPF (prise en charge OPCA possible).
Objectifs pédagogiques
- Comprendre ce qu’est le framework Boostrap.
- L’apport de Boostrap au CSS.
- Découvrir et utiliser les composants.
- Créer une page web en responsive webdesign.
Course Content
Curriculum is empty
Contenu de la formation
Présentation de Bootstrap
- Rappels CSS
- Notion de responsive design : les Media Queries
- Qu’est-ce qu’une bibliothèque CSS ?
- Bootstrap : Définition et objectif
Prise en main
- Récupérer et installer Bootstrap
- Exemples de pages réalisées avec Bootstrap
- Support des navigateurs et compatibilité
Grille responsive
- Explication du “Mobile First”
- Le système de grille de Bootstrap
- Options et tailles des écrans
- Décalage et imbrication des colonnes
Le texte
- Titres, listes, alignements, effets graphiques
- Mise en pages et formulaires : form-group, inline…
- Éléments de formulaires : input, textarea, checkboxes…
- Effets CSS sur les inputs, icônes
Les styles génériques
- Boutons : options, couleur, taille et états
- Images Responsive
- Classes CSS utilitaires : clearfix, show, hidden…
- Classes “responsive”
Exploration des composants
- Informer avec les icônes
- Choisir avec le menu déroulant et le groupe de boutons
- Naviguer avec le composant navbar
- Se repérer avec les composants pagination et breadcrumbs
- Informer avec les composants labels, badges et jumbotron
- Accompagner avec les alertes et la barre de progression
- Organiser avec les panels, les groupes de listes, les wells
Animer ses composants avec Javascript
- Utiliser les attributs “data-” ou JavaScript
- L’API des composants Bootstrap
- Créer une fenêtre modale
- Gérer les menus déroulants (composant Dropdown)
- Le composant Tab (onglets)
- Tooltip et Popover
- Afficher / masquer facilement avec Collapse
Personnaliser Bootstrap
- Version personnalisée en ligne
- Utilisation de LESS (lesscss.org)
- Les variables LESS
- L’imbrication
- Les mixins
- Les fonctions intégrées à LESS
- Compiler ses fichiers *.less en *.CSS
Formateur
Directeur et Responsable Pédagogique en Chef Kaligram
-- HT
FORMATION ÉLIGIBLE CPF
INFOS
- 2 jours de formation (14h)
- 1 PC ou Mac par stagiaire.
- Support de cours remis en fin de formation.
- Clé USB fournie
- Hotline 1 an après la formation
Share
Formations liées
28 mai 2018 / Circulez, y a rien à voir !
28 mai 2018 / Circulez, y a rien à voir !
28 mai 2018 / Circulez, y a rien à voir !
28 mai 2018 / Circulez, y a rien à voir !
28 mai 2018 / Circulez, y a rien à voir !
28 mai 2018 / Circulez, y a rien à voir !
-- HT
FORMATION ÉLIGIBLE CPF
INFOS
- 2 jours de formation (14h)
- 1 PC ou Mac par stagiaire.
- Support de cours remis en fin de formation.
- Clé USB fournie
- Hotline 1 an après la formation
Share