Learn Web Design with Bootstrap 3 for the Complete Beginner
0.0 (0 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.
1 student enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn Web Design with Bootstrap 3 for the Complete Beginner to your Wishlist.

Add to Wishlist

Learn Web Design with Bootstrap 3 for the Complete Beginner

Learn how to create responsive web sites utilizing one of the worlds most popular responsive web design frameworks.
0.0 (0 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.
1 student enrolled
Created by Will Wallace
Last updated 9/2016
Current price: $12 Original price: $40 Discount: 70% off
3 days left at this price!
30-Day Money-Back Guarantee
  • 3 hours on-demand video
  • 6 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion

Training 5 or more people?

Get your team access to Udemy's top 2,000 courses anytime, anywhere.

Try Udemy for Business
What Will I Learn?
  • Develop fully responsive websites.
  • Understand grid layouts.
  • Styling Bootstrap with CSS.
  • Bootstrap components for use in your sites.
  • Understanding basics of JQuery plugins
View Curriculum
  • You can learn with absolutely NO HTML or CSS experience!
  • A Mac/Windows/Linux based OS

Welcome to Bootstrap 3 for the Complete Beginner!

This course will cover nearly every feature Bootstrap 3 has to offer! Don't worry, this course will take you step by step through Bootstrap and will help you to master the essentials to responsive framework! Say goodbye to all those expensive freelance web designers or poorly made web-generated content, and say hello to a 100% responsive, personal, beautiful website that is 100% made by YOU.

This course will cover most of the Bootstrap 3 framework, Bootstrap grid (emphasized), integrating other frameworks (such as FontAwesome), adding JavaScript plugins to your webpage, basic CSS design, CDN's, and content optimized for web.

This course is 100% for beginners. So no previous knowledge or terminology is required for this course! Thats right, you will learn it all!

This course has a few requirements that are 100% free and covered by the first few videos, so nothing extra is required to be purchased. Small frameworks, graphics, HTML editors, and project files will be included. Project files will include everything we have covered in videos, so you can toy with anything we have done!

You can expect to complete this course in less than 2 weeks! However, these videos will ALWAYS be helpful to return to no matter how experienced you become. You will become very acquainted with Bootstrap 3 by the end of this course.

This course will take you step-by-step through the entire process. Yep thats right, through everything. From installing HTML editors, to download frameworks, utilizing CDN's, file hierarchy, to much more! This course was specifically designed for the complete beginner in Bootstrap after all!

This course offers many hours of content, which guarantees we cover almost everything Bootstrap has to offer us. Responsive web design is becoming highly desired in todays industry, learn it for yourself and expand on your web design knowledge and be ahead of the game!

Who is the target audience?
  • This course is designed for the complete beginner who would like to learn Bootstrap 3, or who would like to expand their knowledge on the subject.
  • This course is for anyone who wants to design their own custom responsive websites!
  • This course is for anyone who wants to make money with web design.
  • This course is not for someone expecting to learn back-end development, JavaScript(much), or PHP.
Compare to Other Bootstrap Courses
Curriculum For This Course
32 Lectures
2 Lectures 01:01

Introduction to the course, and overview of what we will be covering and what we will be able to accomplish when this course has been completed.

Preview 00:36

A small thank you note from Will Wallace.

Thank you for purchasing this course!
Getting Started with Bootstrap 3
7 Lectures 46:05

We will be installing a free HTML editor and setting up our project file hierarchy. We will be using this throughout the course.

Preview 07:08

Here we will be creating our very first HTML page with Bootstrap and ensuring Bootstrap has been properly configured.

Preview 06:05

In this lecture we will learn what CDN's are and how they will benefit us.


This is a quiz over what you have learned about CDN's.

CDN's Quiz
2 questions

In this lecture we integrate CDN's into our HTML file and utilize FontAwesome

Integrating CDN's

In this lecture we will be examining the basic principles of bootstrap grids and getting a general idea of how they work.

How Grids Work

Pop quiz over bootstrap grids

Bootstrap Grids Quiz
1 question

In this lecture we will be using grids to create a fluid layout.

Using Grids

Grid Order & Example Code
Creating Our First Website - Project
4 Lectures 23:29

Here we will create a Navbar, links, and set our Brand. We will also learn the difference between Bootstraps static navbar and the Fixed navbar, as well as locations we can place a navbar.

Creating a Navbar - Static vs. Fixed

After this lecture, students will be able to create grids for fluid content in Bootstrap.

Creating Columns for Content

This video lecture will teach students how to utilize Bootstraps jumbotron, different button styles, and add content to our site to complete it and allow us to continue with styling it.

Creating Jumbotrons, Buttons, and Content

Project files for our first bootstrap website.

Our First Website - Project Files
Adding Custom Style Sheets
8 Lectures 45:30

This lecture will familiarize us with CSS, what it is, how to use it, and how it helps us.

Introduction to CSS and Custom CSS setup

This is a short quiz over CSS, what it is, what it does, and how it helps us.

CSS Quiz
1 question

In this video we will be using several online sources to find quality colors that are ready to be used with CSS. We will also learn how to pull colors from other websites for use in our own.

Finding Flat Colors and Using Chrome Color Picker

This lecture will show us how to style Bootstrap navbar elements to our likings.

Custom Styled Navbar

This lecture brings information on how to style DIV's. Allowing us to set full-width and full-height backgrounds, padding, margins, colors, and more.

Styled DIV's

This lecture provides us the necessary information to add custom styled fonts using CSS via a CDN or fonts stored locally on your computer. This lecture utilizes Google Fonts as our CDN.

Custom WebFonts from CDN and Local Machine

In this video students will learn to import already made CSS files, and use those styles in our website.

Importing CSS and Applying Styles

In this video we will use CSS to vertically center elements in a DIV.

Vertically Centering Elements

Completed Project Files for Adding Custom Style Sheets Section.

Adding Custom Style Sheets - Project Files
Continuing Our Website - Project 2
7 Lectures 37:04

In this lecture we will learn how to set full height and full width background images

Setting Background Images with CSS

Create additional DIV's with various grid layouts and style them using CSS

Creating Additional DIV's for Content

In this mini-lecture, students will be utilizing what they have learned in the previous lectures and practicing it in continuing our website project.

Updating Navbar Links

Create input-groups to create forms in Bootstrap.

Creating Forms

Add images and apply CSS to make them responsive.

Adding Images

This is a quiz over adding images in Bootstrap.

Adding Images Quiz
2 questions

Embed Youtube videos in a responsive manner.

Embedding Youtube Videos

Project files for 'Continuing Our Website - Project 2'

Continuing Our Website - Project Files
JQuery Plugins
4 Lectures 13:31

In this lecture, you will learn how to download JQuery plugins, and properly set them up for use with our website.

Downloading Plugins and Proper Setup

In this video you will learn how to initialize the plugin with JavaScript and view it in our website.

Initialization in HTML

In this lecture students will be able to detect and debug JavaScript errors that JQuery plugins commonly cause.

Debugging JavaScript Plugins Through Console

Project files for the 'JQuery Plugins' section.

JQuery Plugins - Project Files
About the Instructor
Will Wallace
0.0 Average rating
0 Reviews
1 Student
1 Course
Web Designer, Programmer, UI/UX Designer

My name is Will Wallace! 

I am a certified CompTIA A+ computer technician; I also am certified by Adobe for use of Adobe Premiere Pro. 

In mid 2015 I solely operated a web design business to serve local businesses, which I later closed due to family/friend issues in mid 2016. The overall profit of the business was considered a success.

Every once in a while I do small projects for the BukkitDev and SpigotMC minecraft communities, creating plugins to add additional functionality to online game servers.