Découverte de Bootstrap 3

Video2Brain | 02h 44m | 04 février 2014 | French | AVC 1280x720 25.000 fps | AAC 128 Kbps 44.1 KHz | 726.25 MB

Genre: eLearning

Le framework Bootstrap est maintenant un outil incontournable du designer moderne. Apprenez à vous en servir pour habiller simplement des designs de site ou pour réaliser des maquettes fonctionnelles. Votre formateur Julien Moulin vous aide ainsi à réaliser une maquette complète à partir d'un brief client générique.

Plongez-vous dans l'habillage de pages web avec Bootstrap ! Devenu l'indispensable du développeur front-end depuis ses premières versions, cet outil actuellement dans sa troisième mouture est aujourd'hui le framework le plus utilisé en terme d'intégration. Avec ses capacités responsive, sa mise en place facile et tous ses composants, Bootstrap est simple et agréable à utiliser pour mettre en pages des designs web.

Découvrez-le sous sa version 3 et passez en revue les bases de l'habillage, le système de grille et les composants les plus couramment utilisés. En partant d'un brief client, vous créerez votre maquette fonctionnelle et apprendrez à designer des pages de tout type tel que blog, les mises en avant, les formulaires et la présentation d'offres en onglet.

Julien Moulin vous propose dans cet atelier formation une vue d'ensemble des meilleurs composants disponibles dans Bootstrap. Vous vous familiariserez ainsi avec les concepts que vous utiliserez au quotidien.

Vue d'ensemble de la formation :

Introduction à la découverte de Bootstrap 3

Pour bien démarrer, apprenez-en plus sur Bootstrap et découvrez le potentiel d'un tel environnement de travail. Plongez-vous dans cet univers et sous sa dernière mouture !

Installer Bootstrap 3

Afin de pouvoir commencer à travailler, ce chapitre vous montre comment télécharger et relier l'outil à vos designs. Voyez comment vous y prendre dès maintenant.

Utiliser le système de grille

La grille est un élément central de Bootstrap : elle vous permet de configurer une mise en page complexe mais avec simplicité. Suivez ce chapitre de la formation qui vous guide à ce sujet.

Connaître le style Bootstrap

Bootstrap 3 vous permet d'utiliser des styles prédéfinis pour décorer rapidement vos éléments et donc votre page. Ce chapitre vous explique par des exemples simples comment utiliser les différents styles.

Créer la structure générale d'une page

Ce chapitre vous définit les bases d'un design classique que tout site se doit de respecter. Header, footer et contenu, ces trois parties de la page web n'auront plus de secret pour vous.

Réaliser la page des offres

Dans cette partie de la formation, vous allez explorer le composant Tabs et apprendrez à structurer du contenu dans un espace restreint.

Créer sa page blog

Le blog dispose de critères intéressants à étudier. Il comporte généralement des billets et des panneaux. Bootstrap 3 vous offre des composants qui répondent à ces besoins.

Organiser sa page de compte

Vous découvrirez dans ce chapitre que cette page web vous permettra de vous pencher sur le concept de présentation des informations en tableau. Julien Moulin vous accompagne dans cette démarche.

Créer des contacts et des alertes

Vous allez dans cette partie construire un formulaire, intégrer une image, créer le colonage et enfin insérer un bandeau d'alerte.