BootStrap
Formation créée le 06/08/2021. Dernière mise à jour le 26/03/2024.
Version du programme : 1
Programme de la formation
Bootstrap qui est une référence en matière de framework CSS facilite la création de sites web responsive. Durant ce stage vous serez amenés à étendre vos compétences en CSS et HTML pour pourvoir enrichir et habiller vos pages web de composants interactifs.
Objectifs de la formation
- Maîtriser les différents outils et plug-ins du Framework Bootstrap.
- Développer des sites web selon plusieurs modes responsives.
- Réaliser des pages web selon votre propre design pour rendre vos interfaces utilisateur attractives.
Profil des bénéficiaires
Pour qui
- Développeurs web souhaitant utiliser Bootstrap pour le développement de sites
Prérequis
- Avoir des connaissances en JAVA
Contenu de la formation
-
Présentation du framework Bootstrap
- Introduction du framework Bootstrap.
- Installation du framework Bootstrap
- Les avantages de BootStrap par rapport à CSS.
- Les différents outils de Bootstrap (grilles, Normalize.css, icônes, plug-ins jQuery...).
- Comprendre le fonctionnement des différents fichiers : feuilles de style, JavaScript...
-
Les feuilles de style de Bootstrap
- Utiliser les CSS pour les éléments textuels, d'images, de formulaires et de tableaux.
- Savoir employer des polices icones.
- Utiliser les CSS pour la mise en page, les blocs de texte.
- Apprendre à personnaliser sa feuille de style.
- TP : Personnalisation des différents éléments d¿une page Web avec les CSS de Bootstrap.
-
Les grilles
- Intégrer le concept de grille.
- Maîtriser les grilles adaptatives (le Responsive Web Design, Media Queries, positionnement...), statistiques et élastiques.
- Apprendre à organiser et manipuler des grilles.
- Créer une page multigrille.
- TP : Créer une page Web responsive basée sur une grille.
-
Les composants de base
- Apprendre à utiliser les menus déroulants.
- Maîtriser les composants de navigation et de pagination.
- Savoir utiliser les boutons, les badges, les alertes, les barres de progression, les tableaux et les listes d'éléments.
- TP : Concevoir une page Web d¿un site comprenant plusieurs composants Bootstrap.
-
Les plug-ins jQuery
- Utiliser les différents plug-ins JQuery (fenêtres modales, accordéons, carrousel de photos¿)
- Apprendre à employer des champs d'auto-complétion.
- Intégrer des plug-ins externes (Datepicker...).
- Tp : Intégration d¿effets visuels modernes sur une page web via les plug-ins jQuery associés à la librairie Bootstrap.
-
Analyse des modèles Bootstrap
- Travail d'analyse sur des modèles construits à partir de Bootstraps.
- Conception d'un site avec un des modèles.
- Concevoir une page à partir d'un modèle en surchargeant le fichier CSS.
- Utiliser des fichiers LESS avec un préprocesseur et un serveur Nodejs.
- TP : Concevoir un site depuis un modèle Bootstrap.
Équipe pédagogique
Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.
Suivi de l'exécution et évaluation des résultats
- En amont de la formation : entretien permettant l’analyse des besoins des participants et/ou questionnaire de positionnement
- L’évaluation des compétences est réalisée : - Par des exercices pratiques et/ou mises en situation, tout au long de la formation - Par un exercice de synthèse et/ou un questionnaire d’auto-évaluation et/ou une certification, en fin de formation
- Feuille de présence émargée par demi-journée par les stagiaires et le formateur
- Formulaires d'évaluation de la formation à chaud et à froid (3mois après la session)
- Certificat de réalisation
- Attestation de fin de formation avec relevé des compétences acquises.
- DANS LE CAS DE FORMATIONS A DISTANCE Il est nécessaire que le stagiaire : - Possède un PC ou un Mac, avec le logiciel installé dans la bonne version - Une connexion internet stable d’au moins 8Mo/s - Un navigateur Web récent - Zoom ou Teams devra être installé (accompagnement possible)
Ressources techniques et pédagogiques
- Exposés, aides visuelles, support de cours, exercices pratiques d’utilisation
- Questions/réponses entre les stagiaires et le formateur
- En présentiel : ordinateurs Mac ou PC, connexion internet, tableau blanc/paperboard, vidéoprojecteur, partage de documents
- A distance : logiciel de visio-conférence, partage d’écran formateur et stagiaire, partage de documents
Capacité d'accueil
Entre 1 et 8 apprenants
Délai d'accès
2 semaines
Accessibilité
Les personnes atteintes de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d’étudier ensemble les possibilités de suivre la formation.
Délai d'accès : Les inscriptions doivent être réalisées une semaine avant le début de la formation.
La formation peut être suivie :
- En inter-entreprises : 2 à 6 personnes. Session maintenue si 2 personnes confirmées.
- En intra-entreprise : 1 à 8 personnes
- Individuellement : planifiée selon les disponibilités de chacun
Horaires et rythmes :
- En présentiel : 9h à 17h, journées consécutives ou non
- A distance : sessions de 2h sur lundi 9h au samedi 12h
Lieu de formation :
- Sur site client
- A distance