Develop Responsive Websites with Bootstrap 3

Build your own responsive website using the powerful Bootstrap 3 platform.
4.0 (5 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.
116 students enrolled
$75
Take This Course
  • Lectures 21
  • Contents Video: 3.5 hours
    Other: 0 mins
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2014 English

Course Description

Use the powerful platform of Bootstrap 3 to build and design your own responsive website.

In the Develop Responsive Websites with Bootstrap 3 course, we will walk you through the popular Bootstrap HTML and CSS framework. Bootstrap helps build websites that look beautiful on mobile, tablet, and desktop browsers.

Develop Responsive Websites with Bootstrap 3 covers a wide range of use cases from simple marketing websites, to web application UI's to dynamic websites using a CSS pre-processor that builds Bootstrap on the fly.

What You Will Learn

In the course, you will learn about various stylized components of Bootstrap 3 including Navbars, Buttons, Panels, Images, Accordions, Modal dialog boxes and the like, while building two demonstration web sites. You will also learn about the underlying architecture including the layout grid, responsive techniques, typography, and utility functions for layout, hardcopy print and screen readers.

Projects

By the end of this course you will have created a beautifully designed responsive website for your portfolio. After taking the course and creating the project website, you will be able to take what you've learned and create virtually any other type of website on the web today.

You will also create your own custom web application UI.

Bootstrap Customization

Customization of Bootstrap is introduced in simple CSS overrides, expanded upon with 3rd-party Javascript functions (for high-resolution Retina images), and developed finally in the creation of your own Bootstrap template. You will also learn about CSS debugging techniques which are helpful in customizing Bootstrap with its CSS pre-processor language LESS. In the last two lessons, you will create a dynamic version of one of the demo websites with a NodeJS server and on-demand compiled Bootstrap LESS. Example code is provided for each lesson.

Pre-Requsites

Pre-requisites are some HTML and CSS familiarity, and basic web concepts. Javascript knowledge is helpful.

What are the requirements?

  • Basic knowledge of HTML and CSS
  • JavaScript knowledge is helpful

What am I going to get from this course?

  • To create a working responsive website
  • To understand web development and web application development using Bootstrap 3
  • To create a custom web application UI

What is the target audience?

  • Web developers
  • Web designers

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction to the Course
07:09

Download the code for this course here.

Getting Started with Bootstrap 3
Preview
06:39
The Big Picture
14:51
Section 2: Create a Marketing Website with Bootstrap 3
Overview of the Website
06:25
The Home Page
09:25
The Home Page Part 2
12:03
Debugging
07:00
The Products Page
19:00
The Details Page
12:38
Customizations
16:38
Responsive Design
12:36
Production Notes
04:29
Section 3: Developing Web Apps with Bootstrap 3
Web App UI Overview
02:51
Web App Navs
09:04
Web App Details
11:43
Section 4: Theme Customization
Customization and Advanced Topics
02:45
Creating a Custom Theme
19:57
Dynamic Bootstrap Part 1
19:26
Dynamic Bootstrap Part 2
12:49
Section 5: Conclusion
Review and Closing
04:34
Request a Course
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Stone River eLearning, 180,000+ Happy Udemy Students | 320,000+ Students Worldwide

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 320,000 students currently taking Stone River eLearning courses. We currently offer 125+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.

Ready to start learning?
Take This Course