Ferme la recherche

Bootstrap (inclus la mise à jour Bootstrap 4)

Descriptif

Durée de la formation

Durée 14 heures
En centre 14 heures

Session

du 28 sept. 2020 au 29 sept. 2020  - Paris - 11ème (75)
+ autres sessions
du 28 sept. 2020 au 29 sept. 2020  - Paris - 11ème (75)
du 16 nov. 2020 au 17 nov. 2020  - Paris - 11ème (75)
du 11 janv. 2021 au 12 janv. 2021  - Paris - 11ème (75)

Objectif de la formation

Développer un site adapté aux différents supports : mobile, tablette et ordinateur (responsive design) plus rapidement avec le framework Bootstrap 3 et 4. Bootstrap est disponible sous licence Open Source.

Description de la formation

Journée 1 :
Découverte de Bootstrap
Introduction à Bootstrap
Historique des versions
Différence entre Bootstrap 3 et 4 et pourquoi les 2 versions sont toujours utilisés
Les préprocesseurs CSS Less et Sass dans Bootstrap
Développement d'un premier site avec Bootstrap 3
Utiliser un exemple de site Bootstrap 3 pour démarrer un projet
Interpréter la documentation officiel de Bootstrap 3
Normalisation du code entre tous les navigateurs (Normalize.css)
Installation de Bootstrap 3
Les container (.container et .container
- fluid)
Utilisation de la grille (grid) adapté au responsive design
Manipulation des lignes (.row) et colonnes par tailles d'écran (.col
- xs, .col
- sm, .col
- md, .col
- lg)
Mise en place du code HTML / CSS à l'aide de la documentation Bootstrap 3
Typographie
Les listes
Tableaux
Formulaires
Boutons
Images
Mise en place du code Javascript
Boite de dialogue de type pop
- up (Modal)
Liste déroulante (Dropdown)
Accordéon (Collapse)
Animation d'images et texte dans un carrousel (Carousel)
Fixer un élément ou un menu vers le haut lors d'un défilement de la page (Affix)
Composants principaux de Bootstrap 3
Utilisation de la police d'écriture Glyphicons
Menu de navigation (Navbar)
Bonne pratique pour modifier le code CSS de bootstrap sans modifier la feuille de style originale
Journée 2 :
Nouveautés de Bootstrap 4
Comprendre les différences et nouveautés majeurs de Bootstrap 4
Les flexbox dans Bootstrap 4
Non prise en charge des navigateurs IE8, IE9, iOS 6
Utilisation de l'unité de mesure rem au lieu de px principalement pour les textes
Taille de police globale augmentée de 14px à 16px (1 rem)
Réorganisation des grilles (5 niveaux de col
- ) par taille d'écran
Réécriture de la barre de navigation (Navbar) avec les flexbox
Utilisation des polices d'icônes pour afficher des icônes sur les pages
D'autres nouveautés à découvrir
Développement d'un second site avec Bootstrap 4 à partir d'un template

Conditions d'accès

Connaissance du HTML5 / CSS3
Informaticien, programmeur web

Validation

Attestation d'acquis ou de compétences;Attestation de suivi de présence

Donne accès au(x) métier(s) suivant(s)

Etudes et developpement informatique (voir la fiche métier)

Et après la formation ?

Retour à l'emploi des anciens stagiaires

SATISFAISANT

Conseils
Les questions à poser avant de choisir un centre de formation
  • Quels sont les profils des anciens stagiaires (niveau de formation, expérience professionnelle) ?
  • Est-il possible de visiter le centre ?
  • Quel type de public accueillez-vous en formation (salariés, demandeurs d’emploi, particuliers) ?
  • Peut-on obtenir une liste de ces anciens stagiaires pour les interroger sur cette formation ?
  • Comment aidez-vous les stagiaires à trouver un emploi ?

Aformation

Lieu de formation

Aformation
28 Rue du Chemin Vert
Paris - 11ème

Calculez votre itinéraire

Centre de formation

Aformation
28 Rue du Chemin Vert
75011, Paris 11e

Toutes les formations et avis pour Aformation