Le bootstrap
-
Bootstrap est un ensemble d’outils gratuits permettant de créer des pages Web et des logiciels.Applications Web comprenant des fonctions HTML, CSS et JavaScript permettant de générer et d’afficher des formulaires, des boutons, des onglets, des colonnes et d’autres éléments nécessaires à la conception Web.
- Le Bootstrap est un framework développé par l’équipe du réseau social Twitter. Proposé en open source (sous licence MIT), ce framework utilisant les langages HTML, CSS et JavaScript fournit aux développeurs des outils pour créer un site facilement. Ce framework est pensé pour développer des sites avec un design responsive, qui s’adapte à tout type d’écran, et en priorité pour les smartphones.
- Avec Bootstrap, les développeurs Web peuvent se concentrer sur le travail de développement, sans se soucier de la conception, et obtenir rapidement un site Web de belle apparence. Inversement, il offre aux concepteurs Web une base solide pour la création de thèmes Bootstrap intéressants.
- Bootstrap est une boîte à outils open source pour le développement avec HTML, CSS et JS. Protégez rapidement vos idées ou construisez votre application entière avec nos variables Sass et mixins, notre système de grille réactif, de nombreux composants prédéfinis et de puissants plug-ins basés sur jQuery.
- Bootstrap a été crée en 2011 par Mark Otto et Jacob Thornton, deux salariés de l’entreprise Twitter. Son objectif au départ était de Proposer une bibliothèque de composants standard qui permettrait d’accélérer et d’uniformiser le développement des interface coté utilisateur.
- Cette série de tutoriels Bootstrap est destinée aux professionnels et aux amateurs de développement web. Une bonne connaissance des standards HTML5 et CSS3 est nécessaire et aussi des notions de JavaScript et de jQuery sont utiles.
- Cette série de tutoriels Bootstrap contient de nombreux exemples illustrant la création d’applications Web intéressantes à l’aide de Bootstrap 4 et la maîtrise du framework front-end.
- Nous commençons par une introduction au framework Bootstrap et un environnement permettant de créer une page Web simple. Nous couvrons ensuite le système de grille, les composants Bootstrap de base, les éléments HTML et les composants de personnalisation pour un développement réactif et mobile.
Bootstrap est une boîte à outils puissante – une collection d’outils HTML, CSS et JavaScript permettant de créer et de créer des pages Web et des applications Web. C’est un projet libre et open source, hébergé sur GitHub , et créé à l’origine par (et pour) Twitter .
À la fin de ce cours, vous serez familiarisé avec les bases du développement d’un plug-in pour le framework et le monde Bootstrap, qui est populaire pour le développement rapide de sites Web frontaux.
01- Présentation de bootstrap
02- Mise en oeuvre de bootstrap
03- Les grilles Bootstrap
04- Mise en forme des éléments
- Typographie
- Les listes Bootstrap
Travaux dirigés
05- Les tableaux et boutons
06- Les images et les objets media
- Le composant media Bootstrap
- Les images en Bootstrap
Travaux pratiques
07- Les composants Jumbotron, Cards et Carousels
08- Les composants "Spinners"
09- Les éléments de navigation
10- Les formulaires
11- Autres modules
12- Exercices et TP
Travaux pratiques