01 40 26 00 99 15 rue de turbigo - 75002 Paris Nous contacter

Développement Bootstrap 4 : styles, composants et WebApp responsive

Habiller rapidement des pages Web et des WebApps

Icon2018 module presentiel
ObjectifsDéfinir le rôle de Bootstrap 4Réaliser des mises en pages responsiveMaîtriser les styles génériques de Bootstrap 4Utiliser les composants Bootstrap 4Créer et personnaliser une application Web avec Bootstrap 4
Public concernéIntégrateurs, webdesigners et développeurs.
Pré-requisIl est nécessaire de maîtriser le HTML et d’avoir des notions de CSS. La connaissance de JavaScript n’est pas requise (les notions de base sont rappelées) mais facilitera l’accès à cette formation.
Programme

Définir le rôle de Bootstrap 4

Connaître les bases de HTML5 et CSS3

Maîtriser la notion de responsive design avec les Media Queries

Comprendre le rôle d‘un framework CSS

Comprendre le rôle de Bootstrap 4 et ses avantages

Savoir récupérer et installer Bootstrap dans ses projets

Connaître le support des navigateurs et leur compatibilité

Connaître les nouveautés de Bootstrap 4 et leur intérêt

Étude de cas : analyse de pages réalisées avec Bootstrap 4 et recommandation de sites

Réaliser des mises en pages responsive

Comprendre la notion de “Mobile First”

Maîtriser le système de grille de Bootstrap 4

Gérer les options et la taille des écrans

Maîtriser le décalage et l’imbrication des colonnes

Réaliser des mises en pages complexes avec Flexbox

Exercice : création de pages responsive (blog, page avec grille complexe)

Maîtriser les styles génériques de Bootstrap 4

Maîtriser la typographie : titres, listes, alignements, effets graphiques…

Mettre en pages des formulaires : form-group, inline…

Décorer effi cacement ses formulaires : input, textarea, checkboxes…

Enrichir ses formulaires avec des effets CSS sur les inputs, les icônes

Tout savoir sur les boutons : options, couleurs, tailles et états

Insérer des images et vidéos responsive

Maîtriser le “style atomique” en utilisant les classes utilitaires

Exercice : création et personnalisation de formulaires responsive (panier et formulaire de paiement)

Utiliser les composants Bootstrap 4

Gérer des choix avec le menu déroulant et le groupe de boutons

Organiser la navigation avec le composant navbar et les onglets

Structurer ses pages avec les cards et les groupes de listes

Se repérer avec les composants pagination et breadcrumbs (fil d’Ariane)

Informer avec les badges et jumbotron

Accompagner l’utilisateur avec les alertes et la barre de progression

Exercice : tester les composants dans une mini WebApp

Créer et personnaliser une application Web avec Bootstrap 4

Connaître les bases du langage SCSS

Compiler ses fi chiers *.less en *.css

Personnaliser Bootstrap 4

Créer sa propre version en compilant avec npm

Exercice : création d'un thème personnalisé à partir des sources de Bootstrap 4

Méthodes pédagogiquesAlternance de théorie, de démonstrations et de mise en pratique grâce à de nombreux exercices. Les apprenants élaborent la maquette d’une petite application Web, type back-office / Intranet.
Moyens techniquesMoyens spécifiques à cette formation :Logiciels : Sublime Text 3, plugins, le navigateur et ses outils de développement (Firefox ou Chrome)

Moyens génériques :

  • d’un poste de travail Mac ou PC de dernière génération équipé d’un écran plat 21” ou 27”
  • d’une tablette graphique
  • d’un iPad sur demande
  • d’une connexion très haut débit à Internet
  • d’une clé USB de 8 Go offerte en début de formation
  • Le poste du formateur est relié à un système de vidéo projection
  • 8 participants maximum par stage
  • 9 participants pour les formations certifiantes
  • Toutes les formations sont dispensées sur les dernières versions officielles de chaque logiciel
  • Un support de cours ou un livre est remis à l’issue des principaux stages
Suivi
  • Chaque apprenant bénéficie d’une hotline gratuite et illimitée par e-mail
  • Fiche d’évaluation, feuille d’émargement et attestation de présence
Profil du formateur

Développeur Web ayant plus de 10 ans d’expérience en enseignement.

Marketing Digital
Web
Médias sociaux
Voir toutes les formations

Bootstrap 4 : styles, composants et WebApp responsive

3 jours 21 heures 1 650 € HT

Sélectionner une date dans la liste :

Vous devez sélectionner une date

Sélectionner votre profil :

Vous devez sélectionner votre profil

Bootstrap 4 : styles, composants et WebApp responsive

3 jours 21 heures 1 390 €HT*


* Prix par jour (à partir de)

Organisez cette formation dans votre entreprise selon vos plannings et les disponibilités de nos intervenants (dates continues ou discontinues).

Cliquez ici pour plus d'informations

Ce tarif inclut :

  • La préparation pédagogique de la formation par notre équipe (validation des pré-requis, définition des objectifs et des compétences visées
  • Un entretien téléphonique avec le formateur
  • L’animation de cette formation dans vos locaux pour 3 stagiaires maximum
  • Les supports de cours (si prévus)
  • La gestion administrative de la formation (frais de dossier, devis, conventions…)

Ce tarif n’inclut pas :

  • La mise à disposition du matériel nécessaire au bon déroulé de la formation (ordinateurs, vidéo-projecteur, logiciels…),
  • De rendez-vous de préparation avec le formateur,
  • La conception de supports spécifiques,
  • Les éventuels frais de déplacement et d’hébergement du formateur.

Important :

  • Ces formations peuvent également être organisées dans nos salles de formation exclusivement pour vos collaborateurs (dans ce cadre, nous nous chargeons de tous les aspects logistiques).
  • Dans le cadre de formations « intra / sur mesure », la durée des formations peut bien sûr être modifiée selon vos impératifs et objectifs

Fermer

Demander un devis
L'avis des participants
La formation a été très satisfaisante grâce à un excellent formateur pédagogue et à l’écoute. Cela m'a permis de consolider mes connaissances.
Amrati A. - Webmaster (session du 1e au 3 mars 2017)