Objectifs de la formation Bootstrap
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.
À qui s’adresse cette formation ?
Public :
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 création de page web avec Bootstrap
Contenu du cours Bootstrap
Les technologies Front End
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
Bases HTML & CSS
HTML, un langage de balises
CSS la mise en forme
Quelques balises de bases et principe de fonctionnement
Mise en place de Bootstrap
Télécharger Bootstrap
La documentation
Quelques exemples tout prêts
Bootstrap
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
Aller plus loin avec Bootstrap
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