Course Description

Let me introduce you to Bootstrap 3 : the lightweight and responsive framework for a better and faster mobile-friendly web development.

Lessons include:

  • Downloading and understanding the boostrap files
  • Review of the Bootstrap 3 files structure
  • Presentation and demonstration of the 12-column Grid System
  • Styling easily and quickly with Bootstrap built-in CSS classes
  • Adding functional components like navbars, responsive tables, forms...
  • Adding interactive elements with javascript plugins, like the carousel, the modal...
  • A 2-part design project featuring multiple examples of the Bootstrap 3 CSS styling and dynamic elements

Join me to learn about the open-source responsive framework Bootstrap 3.

By the end of the course, you will easily design sleek, mobile-ready websites with HTML, CSS and JavaScript.

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

    Intro to Bootstrap 3

    • Introduction

    • Project Overview

    • Demo Files

    • Course Files (download)
  • 2

    Getting Started With Bootstrap 3

    • Section Overview

    • Bootstrap files download

    • The Grid System

    • Grid System Demos - Part I

    • Grid System Demos - Part II
  • 3

    Bootstrap 101 : CSS & Components

    • Section Overview

    • CSS Classes - part I

    • CSS Classes - part II

    • CSS Classes - part III

    • Bootstrap Components - part I

    • Bootstrap Components - part II

    • Bootstrap Components - part III
  • 4

    Bootstrap 102 : Javascript Plugins

    • Section Overview

    • Accordion.js

    • Carousel.js

    • Tab.js

    • Affix.js
  • 5

    Project : CSS

    • Header

    • product Thumbnails

    • Images Gallery

    • Footer

    • Responsive Utilities
  • 6

    Project : JS

    • Section Overview

    • Slideshow - carousel.js

    • Modal.js

    • Popover.js

    • Tooltip.js

    • Scrollspy.js