- Durée
- 2 jours
- Niveau
- Fondamental
- Modalités
- Présentiel / Distanciel
Description de la formation Bootstrap
Bootstrap est un framework front-end qui facilite la création d'interfaces web responsives grâce à un ensemble de composants, de styles et de mécanismes de mise en page prêts à l'emploi. Il permet de construire rapidement des pages adaptées aux différents formats d'écran tout en s'appuyant sur les standards du Web.
Cette formation présente les fondamentaux de Bootstrap, depuis sa mise en œuvre jusqu'à l'utilisation de sa grille de mise en page, de ses composants d'interface et de ses outils de personnalisation pour la conception d'applications et de sites web responsives.
Objectifs pédagogiques
Ce cours a été conçu pour approcher simplement les technologies HTML et CSS grâce à la librairie Bootstrap qui permet de concevoir des pages web très rapidement sans avoir besoin d'être un expert en HTML CSS ou de connaitre ces technologies par coeur. Bootstrap permet de créer des pages web en un clin d'oeil sans devoir réinventer la roue et peut servir de base pour les concepts ou servir de base solide pour démarrer un projet web.
Bootstrap vous permettra d'agencer des pages web adaptées à tout écran (responsive web design) contenant des menus, boutons, colonnes et pleins d'autres éléments sans devoir le faire à la main.
Programme
Contenu du cours, module par module
5 modules
- Fonctionnement client serveur
- Que sont HTML et CSS
- Bootstrap, Foundation et les autres frameworks web
- Pourquoi utiliser Bootstrap ?
- Limites du framework
- Bootstrap et JS
- Responsive Web Design et Bootstrap
- Les évolution de Bootstrap, de la v1 à la V4
- HTML, un langage de balises
- CSS la mise en forme
- Quelques balises de bases et principe de fonctionnement
- Télécharger Bootstrap
- La documentation
- Quelques exemples tout prêts
- la base HTML
- La grille de mise en page (layout)
- Contenu (typographie, images...)
- Les composents
- Utilitaires et aide à la mise en page
- Responsive web design
- Éléments interactifs avec Javascript
- Personnaliser les styles de base
- Ajouter ses styles
- Le générateur Bootstrap
- Les thèmes Bootstap et places de marché
Travaux pratiques
Cette formation sera ponctuée de TP pour une meilleure assimilation des connaissances. Vous verrez notamment:
- La création d'une page web d'un site de voyage responsive
- La création d'une application web plein écran
Programme mis à jour le 01/10/2024
Public concerné
Pour tous ceux qui veulent savoir monter une page web sans forcément avoir des compétences techniques Web.
Pour les chefs de projets qui veulent réaliser une maquette opérationnelle rapidement, les designers non développeurs et tout autre profil débutant qui souhaiterait s'initier au web front-end en toute facilité.
Prérequis
Avoir des bases en HTML CSS si ce n'est pas la cas vous pouvez suivre une version plus complète de cette formation qui vous enseigne en plus les bases du HTML5/CSS3 voir la formation Bootstrap : l'essentiel
J’évalue mes connaissances pour vérifier que je dispose des prérequis nécessaires pour profiter pleinement de cette formation en faisant le test de prérequis.
Faire le testFinancement
Cette formation peut être prise en charge par votre entreprise, seule ou avec l’appui de son opérateur de compétences. Nous fournissons le devis et les pièces attendues par l’OPCO.
Formations liées
- HTML5, CSS3, l'essentielRéf. IHTM2 joursFondamentalProchaine session : 21 déc.1 590 €
- HTML5, CSS3, Responsive - Création de pages webRéf. IHTS3 joursFondamentalProchaine session : 21 déc.2 090 €
- Créer des CSS dynamiques avec SassRéf. SECP2 joursIntermédiaireProchaine session : 14 déc.1 590 €
- Cypress - Automatiser les tests des applications web avec CypressRéf. CYPR2 joursFondamentalProchaine session : 10 juin1 590 €