Code a Responsive Website with Bootstrap 3

Learn to hand-code your first responsive website with this popular, free and open-source framework in 3 hours | taught by Brad Hussey Watch Intro Video
  • 26 Videos
  • 1 Text
  • 3.5 hrs

Course Curriculum

Preparation
19:09
Welcome & What is Bootstrap 3? FREE
Project Walkthrough FREE
About the Course Files
Download the Course Files
Get your Project Going! FREE
Show Content
Hand Coding the HTML5 Markup
09:01
Coding the General Layout & Structure
Show Content
The Navigation Bar
24:44
Coding the Navigation Bar
Coding the Dropdown Menus
Show Content
The Sliding Carousel
33:30
Exporting the Carousel Assets from Photoshop
Coding the Carousel
Styling the Carousel
Show Content
The Big Callout
26:51
Coding the Callout
Styling the Callout
Using jQuery to display an Alert Box
Show Content
The 3-Row Feature Section
14:30
Exporting the Badge assets from Photoshop
Coding the Feature Section
Styling the Feature Section
Show Content
The "Tabbable" Content
14:03
Coding the Tab Markup
Show Content
The Modal
23:28
Coding the Modal container
Coding the Form
Coding the Tooltip & Popover with jQuery
Show Content
The Typography Section
05:28
Coding the Typography Content
Show Content
The Course Featurettes
12:15
Coding the Thumbnails
Styling the Thumbnails
Show Content
The Footer
06:37
Coding the Footer
Styling the Footer
Show Content
The Take-Away
02:33
Moving Forward
Show Content

Course description

Do you want to learn how to build a responsive, mobile-friendly and beautiful website using HTML5, CSS3 and jQuery? Look no further! You're in the right place.
A Simple Step-by-Step Guide

This course is a simple, step-by-step tutorial that will arm you with the appropriate skills and knowledge to start building your very own responsive websites using the newly released Twitter Bootstrap 3 — a popular, free, mobile-first, open-source framework.

Dive Right In

We will dive into hand-coding custom responsive layouts, sliding carousels, beautiful buttons, device-specific elements, scalable font icons, and so much more! This course includes all HTML5, CSS3, jQuery, and even Photoshop files for you to use for free in your own websites & applications.

The First Bootstrap 3 Course on Udemy!

This is the very first Bootstrap 3 course launched on Udemy. It's one-of-a-kind, and takes a very hands-on approach. So, what are you waiting for? Let's get ahead of the game and get started right now!

Check out the Final Product

View the website you will be building in this course by visiting this link on your mobile device: http://bradhussey.ca/course/bootstrap/

Category: Development / Web Development

    • Computer
    • Text Editor (TextWranger, Espresso, or Coda recommended)
    • Very basic knowledge of HTML & CSS
    • Over 28 lectures and 3 hours of content!
    • In this course, you will learn the fundamentals of Twitter Bootstrap and how to take advantage of it's amazing features
    • By the end of the course, you will have built a fully-responsive webpage with Bootstrap 3
    • You will learn how to code a jQuery Sliding Carousel
    • You will be introduced to the Bootstrap 3 "grid", and how to hand-code any layout at hyper speeds
    • You will know how to add flair and to your layout using Bootstrap 3 components, such as: CSS3 Buttons, Icon Fonts, Device-Specific Text & Elements, Panels and so much more
    • You will learn how to embed a responsive Google Map right on your website
    • You will become familiar with popular tactics to engage your users with compelling call to actions, beautiful typography, and sexy buttons
    • Web Design Students
    • Web, Graphic & Print Designers
    • Front-End Developers
    • Back-End Developers
    • Computer Programmers
    • Marketers
    • People wanting to upgrade their knowledge on Bootstrap 3
Read More

Instructor

Brad Hussey
Brad Hussey

Brad Hussey is a passionate and experienced web designer, developer & entrepreneur. Originally from Yellowknife, Northwest Territories. Brad is a graduate of theInteractive Design program at Capilano University in Vancouver, British Columbia.

No stranger to the industry, Brad began working professionally as a web designer during his first year at University and has had the privilege of working with numerous businesses, large and small, across North America. Brad works as a web developer at his company Brightside Studios and blogs about minimalism & location independence.