Développement rapide avec Bootstrap | Guide Complet

Bootstrap offre une vaste librairie de propriétés CSS pour le developpement rapide et facile de pages internet
4.3 (25 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
266 students enrolled
$19
$45
58% off
Take This Course
  • Lectures 41
  • Length 3 hours
  • Skill Level Beginner Level
  • Languages French
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 12/2014 French

Course Description

Bootstrap est une librairie de propriétés CSS et de fonctionalités jQuery qui permettent le développement rapide et facile de pages internet adaptives.
Avec un système de grille flexible, il est très simple de créer des mises en page aussi bien pour les écrans d'ordinateur de bureau que pour les smartphones.
Si vous faites vos premiers pas avec Bootstrap, ce tuto est le bon choix pour démarrer avec le célèbre framework. Ce cours complet va vous aider à comprendre l'intégration de sites internet adaptifs "responsifs" avec Bootstrap.

A l'aide de plusieurs examples et démonstrations, vous apprendrez à réaliser rapidement des sites internet adaptifs. Vous aurez aussi l'occasion de créer votre page. Les corrigés et explications seront disponibles en videos.


Qu'est ce que vous allez apprendre?

  • Intégrer Bootstrap & télécharger les fichiers ressources
  • Créer rapidement une mise en page flexible et responsive avec le système de grille
  • L'ensemble des propriétés Bootstrap avec les classes et composants CSS pré-établis
  • Ajouter des éléments intéractifs avec les extensions jQuery

En supplément, on ira plus loin avec les thèmes suivants:

  • Interface alternative
  • Glyphicons & Font Awesome
  • Google Font
  • L'inspector tool
  • W3C validator

Pré-requis

Des notions des languages HTML, CSS et Javascript aideront à mieux comprendre le concept du framework responsive.

Votre instructeur

Je suis Sandy et je suis a votre entière disposition si vous avez des questions. Ce cours a été conçu tout spécialement pour les débutants.
Je vous recommande de visionner les vidéos et de répéter les exercices plusieurs fois. "C'est en forgeant que l on devient forgeron", donc si vous mettez du coeur à l'ouvrage, vous progresserez davantage et les résultats seront là.

N'hésitez à me solliciter si vous avez besoins d'aide. Je répondrai dans les meilleurs délais.

What are the requirements?

  • Un minimum de connaissances des languages HTML, CSS et Javascript est requis
  • Vous aurez besoin d'un code editeur comme Sublime text ou Notepad ++

What am I going to get from this course?

  • Créer une page responsive adaptée à plusieurs tailles d'écran
  • Savoir utiliser les propriétés et composants CSS fournis par Bootstrap
  • Savoir intégrer les extensions jQuery pour rajouter des éléments dynamiques à une page internet
  • Comprendre le système de grille pour créer des mises en page simples et dynamiques

What is the target audience?

  • Ce cours est pour toutes personnes souhaitant faire ses premiers pas avec Bootstrap

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
Bienvenue!
Preview
01:25
01:24

Les fichiers de cours sont disponibles.

Téléchargez le fichier zip et sauvegarder à un endroit facilement accessible sur votre ordinateur.

Présentation & Sommaire
Preview
01:58
Section 2: Démarrer avec Bootstrap
Bootstrap, comment ça marche ?
Preview
03:08
Télécharger & intégrer Bootstrap
04:41
Section 3: Le Système de Grille
Créer la Grille
Preview
09:02
Grille Basique
07:41
Grille Dynamique
02:51
Offsetting
06:10
Column ordering
03:17
Section 4: Classes CSS | mise en page rapide & facile
Typographie
07:13
Boutons & Liens Hypertext
03:14
Images
01:58
Images - suite
04:45
Tables
03:27
Formulaires (forms)
05:57
Section 5: Composants CSS | mise en page avancée
Barre de Navigation
08:14
Bannière (Jumbotron)
05:06
En-tête (Page header)
01:26
Labels
02:34
Panels
03:01
List Groups
02:30
Wells
01:32
Thumbnails
04:54
Media Objects
02:35
Section 6: Créez votre page
Instructions
01:52
Barre de Navigation
06:23
Bannière
02:05
Body & Système de Grille
Preview
04:36
Bas de Page (footer)
01:43
Section 7: Extension jQuery | créer une page intéractive
Menu déroulant (dropdown.js)
03:35
Diaporama (carousel.js)
07:42
Fenêtre Modale (modal.js)
05:26
Info-bulle (tooltip.js)
05:49
Section 8: Personnaliser Twitter Bootstrap (& Bonus)
Design alternatif
12:37
Les Glyphicons
01:58
Font Awesome
03:09
Google Font
02:12
W3C validator
01:59
Page adaptive
06:02
Propriétés CSS | Aide Mémoire (PDF)
1 page

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Sandy Ludosky, Web Designer & Developer

My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.

I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.

Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.

On top of being a Udemy instructor, I am an avid learner of new technologies and digital stuff.

Ready to start learning?
Take This Course