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.

Front End & iOS Developer

sandy ludosky

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.

Course curriculum

  • 1

    Introduction

    • Bienvenue

    • Objectifs du cours & Pré-requis

    • Fichiers de Cours (download)

    • Présentation & Sommaire
  • 2

    Démarrer avec Bootstrap

    • Bootstrap, Comment ça marche ?

    • Télécharger Bootstrap
  • 3

    Le Système de Grille

    • Créer La Grille

    • Grille Basique

    • Grille Dynamique

    • Offsetting

    • Column Ordering
  • 4

    Classes CSS | mise en page rapide & facile

    • Typographie

    • Boutons & Liens Hypertext

    • Images

    • Images - suite

    • Tables

    • Formulaire
  • 5

    Composants CSS | mise en page avancée

    • Bannière (Jumbotron)

    • Barre de Navigation

    • En-tête (Header)

    • Labels

    • Panels

    • Lists Group

    • Wells

    • Thumbnails

    • Media Objects
  • 6

    Créez votre page

    • Instructions

    • Barre de Navigation

    • Banniere

    • Body & système de grille

    • Bas de Page (footer)
  • 7

    Personnaliser Twitter Bootstrap (& Bonus)

    • Page Adaptive

    • Design Alternatif

    • Glyphicons

    • Font Awesome

    • Google Font

    • W3validator