Développement rapide avec Bootstrap | Guide Complet
4.5 (31 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.
331 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Développement rapide avec Bootstrap | Guide Complet to your Wishlist.

Add to Wishlist

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.5 (31 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.
331 students enrolled
Created by Sandy Ludosky
Last updated 1/2015
French
Current price: $10 Original price: $45 Discount: 78% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 3 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
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
View Curriculum
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 ++
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.

Who is the target audience?
  • Ce cours est pour toutes personnes souhaitant faire ses premiers pas avec Bootstrap
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 41 Lectures Collapse All 41 Lectures 02:48:11
+
Introduction
3 Lectures 04:47

Les fichiers de cours sont disponibles.

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

Preview 01:24

+
Démarrer avec Bootstrap
2 Lectures 07:49

Télécharger & intégrer Bootstrap
04:41
+
Le Système de Grille
5 Lectures 29:01

Grille Basique
07:41

Grille Dynamique
02:51

Offsetting
06:10

Column ordering
03:17
+
Classes CSS | mise en page rapide & facile
6 Lectures 26:34
Typographie
07:13

Boutons & Liens Hypertext
03:14

Images
01:58

Images - suite
04:45

Tables
03:27

Formulaires (forms)
05:57
+
Composants CSS | mise en page avancée
9 Lectures 31:52
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
+
Créez votre page
5 Lectures 16:39
Instructions
01:52

Barre de Navigation
06:23

Bannière
02:05


Bas de Page (footer)
01:43
+
Extension jQuery | créer une page intéractive
4 Lectures 22:32
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
+
Personnaliser Twitter Bootstrap (& Bonus)
7 Lectures 27:57
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
About the Instructor
Sandy Ludosky
4.3 Average rating
1,118 Reviews
15,840 Students
20 Courses
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.