Vidéo
Formation Bootstrap Créer des sites Web Responsives
À propos de cette formation
Niveau intermédiaire requis
Description
En suivant cette formation, vous apprendrez à habiller vos pages et à les enrichir de composants interactifs avec Bootstrap 5 afin de rendre vos sites attractifs et adaptatifs.
En savoir plus
Objectifs pédagogiques
- Intégrer Bootstrap dans un projet Web.
- Maîtriser les composants et les plug-ins du framework Bootstrap.
- Développer des sites Web responsive.
Contenu de la formation
- Présentation du framework
- Vue d'ensemble du framework Bootstrap.
- L'apport de Bootstrap par rapport à CSS.
- Les éléments du kit Bootstrap (grilles, Normalize.css, icônes, plug-ins jQuery...).
- Comprendre l'arborescence des différents fichiers : feuilles de style, JavaScript...
- Lier une page Web à la feuille de style de base de Bootstrap.
- Les feuilles de style de Bootstrap
- Les CSS pour les éléments textuels et les images.
- Les CSS pour les éléments de formulaires et les tableaux.
- Utilisation des polices icônes pour afficher des icônes sur les pages.
- Les CSS pour la mise en page, les blocs de texte.
- Personnaliser sa feuille de style.
- Les grilles
- Comprendre le concept de grille.
- Les grilles adaptatives (le Responsive Web Design, Media Queries, positionnement...).
- Organisation de la grille. Manipuler les grilles.
- Flexbox dans Bootstrap.
- Disposition des colonnes.
- L'ordre des blocks.
- Les composants de base
- Les deux fichiers JavaScript nécessaires.
- Les marges de chaque block.
- Les menus responsives améliorés.
- Les composants de navigation et de pagination.
- Les boutons, les badges, les alertes.
- Les barres de progression.
- Les tableaux, les listes d'éléments.
- Les plug-ins jQuery de Bootstrap
- Les fenêtres modales. Les accordéons. Le carrousel de photos.
- La barre de navigation. Les onglets. Les menus déroulants.
- Les champs d'auto-complétion.
- Intégration de plug-ins externes (Datepicker...).
- Les cards conteneurs flexibles et extensibles.
Suivi de l'exécution et évaluation des résultats
- Feuille de présence signée en demi-journée, Évaluation des acquis tout au long de la formation, Questionnaire de satisfaction, Attestation de stage à chaque apprenant.
Diplôme / Certification
Pas de certification
Vidéo
L'organisme de formation
TechnoWide
Siège social: MERIGNAC CEDEX
Public concerné
Développeurs souhaitant utiliser Bootstrap pour le développement de sites web.
Pré-requis
Connaissance en HTML et CSS et avoir des notions de JavaScript.
Conditions d'accès
Accessibilité
Les personnes atteintes de handicap souhaitant suivre cette formation sont invitées à nous contacterdirectement, afin d'étudier ensemble les possibilités de suivre la formation.
Capacité
1 à 10 personnes
Délai d'accès
3 semaines
Plus qu'une formation !
Équipe pédagogique
Votre formateur est un consultant et architecte logiciel avec plus de 10 d'expériences pédagogiques et techniques.
Ressources pédagogiques
- Moyens pédagogiques : Réflexion de groupe et apports théoriques du formateur, Travail d'échange avec les participants sous forme de réunion-discussion, Utilisation de cas concrets issus de l'expérience professionnelle, Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques, Remise d'un support de cours.
- Moyens techniques en Présentiel : Accueil des stagiaires dans une salle dédiée à la formation, équipée d'ordinateurs, d'un vidéo projecteur d'un tableau blanc et de paperboard.
- Moyens techniques en Distanciel : A l'aide du logiciel Teams, un micro et une caméra pour l'apprenant, Suivez une formation en temps réel et entièrement à distance. Lors de la classe en ligne, les apprenants interagissent et communiquent entre eux et avec le formateur. Les formations en distanciel sont organisées en Inter-Entreprise comme en Intra-Entreprise. L'accès à l'environnement d'apprentissage (support de cours, labs) ainsi qu'aux preuves de suivi et d'assiduité (émargement, évaluation) est assuré.
Formation
Autres formations qui peuvent vous intéresser
Connectez-vous !
Retrouvez vos formations, financements et Organismes préférés dans l'onglet
Pour conserver vos favoris, créer votre compte gratuit.
Se connecter