Bootstrap 3 – Develop Responsive Websites

$75.00 $49.99

Build your own responsive website using the powerful Bootstrap 3 platform.

In this Bootstrap 3 – Develop Responsive Websites 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.

Length: 4 hrs

This title is available in the
Total Training All-Access library.

Subscribe Now

Description

Bootstrap 3 – Develop Responsive Websites 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 Node.js 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. The material covers Bootstrap version 3.1.1 and 3.2.

Sample clip

 

Chapter 01: Introduction to the Course
Introduction to Bootstrap 3 (7:09)
Getting Started with Bootstrap 3 (6:39)
The Big Picture (14:51)
 
Chapter 02: Create a Marketing Website with Bootstrap 3
Overview of the Website (6:25)
The Home Page (9:25)
he Home Page Part 2 (12:03)
Debugging (7:00)
The Products Page (19:00)
The Details Page (12:38)
Customizations (16:38)
Responsive Design (12:35)
Production Notes (4:29)
 
Chapter 03: Developing Web Apps with Bootstrap 3
Web App UI Overview (2:51)
Web App Navs (9:04)
Web App Details (11:43)
 
Chapter 04: Theme Customization
Customization and Advanced Topics (2:45)
Creating a Custom Theme (19:57)
Dynamic Bootstrap Part 1 (19:26)
Dynamic Bootstrap Part 2 (12:49)
Review and Closing (4:34)

You may also like…