Développement Front-End
Bootstrap
Objectif
Intégrer Bootstrap dans un projet Web
Maîtriser les composants et les plug-ins du framework Bootstrap
Développer des sites web responsive
Connaissances en HTML et CSS et notions de JavaScript
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.
Alternance entre apports théoriques et exercices pratiques (en moyenne 30 à 50%)
Remise d'un support de cours.
Moyens techniques
Modalités d'évaluation
Feuille de présence signée en demi-journée,
Evaluation des acquis tout au long de la formation,
Questionnaire de satisfaction,
Attestation de stage à chaque apprenant,
Positionnement préalable oral ou écrit,
Evaluation formative tout au long de la formation,
Evaluation sommative faite par le formateur ou à l'aide des certifications disponibles
Modalités distance
A l’aide d’un logiciel (Teams, Zoom…), d’un micro et éventuellement d’une caméra les apprenants interagissent et communiquent entre eux et avec le formateur.
Sessions organisées en inter comme en intra entreprise.
L’accès à l’environnement d’apprentissage ainsi qu’aux preuves de suivi et d’assiduité (émargement, évaluation) est assuré.
Pour toute question avant et pendant le parcours, assistance technique à disposition au 04 67 13 45 45.
Profil formateur
Nos formateur sont des experts dans leurs domaines d'intervention
Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité.
Accessibilité
Les personnes en situation d'handicap sont invitées à nous contacter directement, afin d'étudier ensemble les possibilités de suivre la formation.
Pour tout renseignement, notre référent handicap reste à votre disposition : mteyssedou@ait.fr
Développeurs souhaitant utiliser Bootstrap pour le développement de sites web
Compte personnel de formation
La formation n'est pas compatible avec le Compte personnel de formation
Sessions inter-entreprises
La formation est compatible avec l’organisation en session inter-entreprises
Programme 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