Ferme la recherche

Bootstrap - styles, composants et WebApp responsive

Descriptif

Durée de la formation

Durée 21 heures
En centre 21 heures

Session

du 02 déc. 2019 au 04 déc. 2019  - Paris - 2ème (75)
du 02 déc. 2019 au 04 déc. 2019  - Paris - 2ème (75)
Pour connaître les dates des prochaines sessions, veuillez contacter l'organisme de formation

Objectif de la formation

Habiller rapidement des pages Web et des WebApps :
- Définir le rôle de Bootstrap.
- Réaliser des mises en pages responsive.
- Maîtriser les styles génériques de Bootstrap.
- Utiliser les composants Bootstrap.
- Créer et personnaliser une application Web avec Bootstrap.

Description de la formation

Définir le rôle de Bootstrap :
- Connaître les bases de HTML5 et CSS3.
- Maîtriser la notion de responsive design avec les Media Queries.
- Comprendre le rôle d'une bibliothèque CSS.
- Comprendre le rôle de Bootstrap et ses avantages.
- Savoir récupérer et installer Bootstrap dans ses projets.
- Connaître le support des navigateurs et la compatibilité.
Étude de cas : analyse de pages réalisées avec Bootstrap 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.
- Savoir gérer les options et la taille des écrans.
- Savoir mélanger mobile, tablette et desktop.
- Maîtriser le décalage et l'imbrication des colonnes.
Exercice : création de pages responsive.
Maîtriser les styles génériques de Bootstrap :
- Maîtriser la typographie : titres, listes, alignements, effets graphiques...
- Mettre en page des formulaires : form
- group, inline...
- Décorer efficacement ses formulaires : input, textarea, checkboxes...
- Enrichir ses formulaires avec des effets CSS sur les inputs, les icônes.
- Tout savoir sur les boutons : options, couleur, taille et états.
- Insérer des images responsive.
Exercice : création et personnalisation de formulaires responsive.
Utiliser les composants Bootstrap :
- Informer avec les icônes.
- Gérer des choix avec le menu déroulant et le groupe de boutons.
- Organiser la navigation avec le composant navbar.
- Se repérer avec les composants pagination et breadcrumbs (fil d'Ariane).
- Informer avec les composants labels, badges et jumbotron.
- Accompagner l'utilisateur avec les alertes et la barre de progression.
- Structurer ses pages avec les panels, les groupes de listes, les wells.
Exercice : tester les composants dans une mini WebApp.
Créer et personnaliser une application Web avec Bootstrap :
- Personnaliser Bootstrap.
- Créer sa propre version personnalisée en ligne.
- Compiler ses fichiers *.less en *.CSS.
Exercice : créer une WebApp sur la base d'un wireframe imposé.

Conditions d'accès

Il 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.
Intégrateurs, webdesigners et développeurs.

Validation

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

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

Conception de contenus multimedias (voir la fiche métier)

Et après la formation ?

Retour à l'emploi des anciens stagiaires

FAIBLE

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 ?

Pyramyd NTCV

Lieu de formation

Pyramyd NTCV
15 Rue de Turbigo
Paris - 2ème

Calculez votre itinéraire

Centre de formation

Pyramyd NTCV
15 Rue de Turbigo
75002, Paris 2e

Toutes les formations et avis pour Pyramyd NTCV