Create a responsive webpage with Bootstrap, HTML & CSS

Course Created by Sandy Ludosky
Hi!
My name is Sandy.
I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.

  •   Lifetime access to all lessons!
  •   30 days money back guarantee!
  •   Accessible via iPhone, iPad and Android (soon!)

In 3 chapters, get up to speed with the lightweight and responsive framework for a better and faster mobile-friendly web development.

Lessons include:
  • Downloading and understanding the Bootstrap 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...

Course Objectives

  • You will learn to build complexe and dynamic site layouts with the 12-column Grid System
  • You will learn how to design your site quickly with CSS buill-in classes and other functional components
  • You will learn how to override the Boostrap styling with your custom style
  • You will understand how to incorporate javascript plugins and add interactive elements to your site
  • By the end of this course, you will know how to design better and faster mobile-friendly websites

Who Is This For?

Course Outline

Chapter 1: Getting Started

  • Lesson 1
    Intro & Welcome!
    00:49
  • Lesson 2
    Instructions & Materials

Chapter 2: The Grid System

  • Lesson 3
    SECTION 2 - overview
    00:45
  • Lesson 4
    Bootstrap Files Download
    04:32
  • Lesson 5
    The Grid System
    07:13
  • Lesson 6
    Demos & Exercises | Part I
    09:01
  • Lesson 7
    Demos & Exercises | Part II
    11:18

Chapter 3: CSS Components

  • Lesson 8
    SECTION 3 - overview
    00:49
  • Lesson 9
    CSS - Part 1
    14:27
  • Lesson 10
    CSS - Part 2
    13:38
  • Lesson 11
    CSS - Part 3
    09:38
  • Lesson 12
    Components - Part 1
    14:36
  • Lesson 13
    Components - Part 2
    10:58
  • Lesson 14
    Components - Part 3
    09:54

Chapter 4: Javascript Plugins

  • Lesson 15
    SECTION 4 - overview
    00:50
  • Lesson 16
    The Carousel | Slideshow
    06:56
  • Lesson 17
    Accordion.js plugin
    08:31
  • Lesson 18
    Tab.js
    07:18
  • Lesson 19
    Affix.js
    04:13

  •   Lifetime access to all lessons!
  •   30 days money back guarantee!
  •   Accessible via iPhone, iPad and Android (soon!)