Responsive Websites with Bootstrap 3 Online Course

Responsive Websites with Bootstrap 3 Online Courses in South Africa

2KO offers an online computer course called Build your own responsive website using the powerful Bootstrap 3 platform. 2KO Africa delivers top-quality computer training across most IT Platforms, as well as a large catalogue of online courses which are available internationallyfrom the comfort of home or work. 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

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-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




Course Introduction


Introduction to Bootstrap 3


Getting Started with Bootstrap 3


The Big Picture


Create a Marketing Website with Bootstrap 3


Overview of the Website

The Home Page

The Home Page Part 2


The Products Page

The Details Page


Responsive Design

Production Notes


Developing Web Apps with Bootstrap 3

Web App UI Overview

Web App Navs

Web App Details


Theme Customization

Customization and Advanced Topics

Creating a Custom Theme

Dynamic Bootstrap Part 1

Dynamic Bootstrap Part 2



Starting and Closing