Voici un tuto gratuit Bootstrap 3 qui vous permettra de découvrir ce framework CSS pour le déploiement de sites Internet.
Twitter Bootstrap est un ensemble de code HTML et classes CSS pré-définies pour permettre le développement facile et rapide de sites et applications web, adaptées a toutes tailles d'écran (responsive web design).
Le framework Bootstrap inclut des éléments prêts à l'emploi, comme des formulaires, des boutons, des outils de navigation et autres éléments interactifs, ainsi que des extensions Javascript très simples d'utilisation.
Au programme de ce tuto gratuit Bootstrap :
Voici les notions qui seront abordées dans ce tutoriel Bootstrap d'introduction :
- Une introduction au framework Bootstrap.
- Un guide d'installation des fichiers sources.
- Un guide d'utilisation avec des exemples à l'appui.
- Nous verrons une démonstration de développement de page web en seulement quelques étapes.
Outils
- Il est recommandé d'utiliser un navigateur web moderne comme Chrome ou Firefox.
- Nous utiliserons l'application en ligne CodePen. (lien de cours : http://codepen.io/SandyL/pen/EajYVR )
Table des matières de cette formation Bootstrap, CSS (durée : 29m19s)
-
Introduction | Bienvenue !
- Introduction 00:01:52
- CodePen | Guide d'utilisation 00:03:17
-
Demo | Créer une page avec Bootstrap
- Intro & Préparation 00:02:27
- Démarrer avec Bootstrap 00:04:12
-
CSS | Classes prédéfinies
- CSS | Typographie & Boutons 00:02:59
- CSS | Le Système de Grille 00:04:12
- Bas de Page (footer) 00:01:37
-
Composants CSS & Javacripts
- Composants CSS | Barre de Navigation 00:02:02
- Javascript | Fenêtre Modale 00:05:02
- Page Responsive 00:01:39
- Fichiers sourcestélécharger
- Certificat
Formateur : Sandy Ludosky
-
Bonjour, merci pour cette approche de Bootstrap que je n'ai jamais utilisé. Mais après avoir vue cette vidéo, je peux dire que ça donne envie. Je crois que je vais faire des essais pour voir tout ce que l'on peut faire avec Bootstrap. Encore merci et je vais allé voir vos tuto pour certainement en prendre d'autres pour encore plus me perfectionner. Cordialement Bipbip59
-
Très bon Tuto, merci...
-
Très précis et efficace, merci.
-
Avec quelle version de logiciel ce tuto est-il compatible ?
La dernière version de Bootstrap 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Matériels & OutilsUn navigateur web moderne comme Chrome et Firefox est recommandé. Nous utiliserons l'application web en ligne codepen.io. Le lien du cours est disponible à http://codepen.io/SandyL/pen/EajYVR. Les fichiers resources de Bootstrap seront revus et expliqués.
note moyenne
avis laissés