BOOTSTRAP, L’INDISPENSABLE

pexels-photo-160107
28
Mai
Réservez HT

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

Time: 2 days

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

Réservez 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

Télécharger le programme de formation

UNE QUESTION ? On vous répond ! Vous pouvez aussi appeler au 03 20 54 09 06 si vous n'êtes pas timide du téléphone. ;-)
Emmanuel vous répondra sous 24h.
Envoyer
X