0845 450 6120

Bootstrap

This course explores the Bootstrap responsive framework – the most widely used HTML, CSS and JavaScript framework for the development of web applications that  look good on all devices.

In a practical, hands-on environment, delegates will learn how to integrate Bootstrap and use it to develop a responsive page layout.  They will learn how to exploit Bootstrap classes to style commonly used elements and to construct interactive components including buttons, menus, dialogues,  carousels and more.

The delegate will learn and acquire skills as follows:

  • Integrating Bootstrap
  • Creating responsive grid layouts
  • Styling common page elements
  • Customising Bootstrap classes
  • Creating navbars and other navigation elements
  • Creating interactive content using Bootstrap plugins

Who will the Course Benefit?

The Bootstrap course is aimed at those who want to develop professional-looking, responsive web applications.

Learning Objectives

By the end of the course delegates should be able to:

  • Deploy the Bootstrap framework either locally or via CDN
  • Construct a simple responsive web page using the Bootstrap grid system
  • Style common page elements using Bootstrap classes
  • Customise Bootstrap classes
  • Create navbars and other navigation elements
  • Create interactive content such as carousels and dialogues

Pre-Requisites

Requirements

Delegates should have a working knowledge of HTML & CSS or have attended the pre-requisite Web Development Foundation - HTML & CSS course.  Some knowledge of JavaScript would be beneficial but is not essential, this knowledge can be obtained by attendance on the JavaScript Web Development course.

Pre-Requisite Courses

  • Web Development Foundation - HTML & CSS

Course Content

Course Introduction

  • Administration and Course Materials
  • Course Structure and Agenda
  • Delegate and Trainer Introductions

Session 1: RESPONSIVE WEB DESIGN

  • Introduction to Responsive Design
  • The viewport Meta Tag
  • Responsive Design Guidelines
  • Media Queries

Session 2: INTRODUCTION TO BOOTSTRAP

  • The Bootstrap Framework
  • Integrating Bootstrap
  • Containers
  • The Bootstrap Grid System

Session 3: BOOTSTRAP UI

  • Typography
  • Images
  • Lists
  • Tables
  • Forms
  • Buttons
  • Glyphicons
  • Badges & Labels
  • Wells & Jumbotrons
  • Media Objects
  • Themes
  • Customising Bootstrap Classes

Session 4: BOOTSTRAP NAVIGATION

  • Navbars
  • Dropdowns
  • Tabs
  • Pagination & Breadcrumbs
  • Collapsibles

Session 5: BOOTSTRAP PLUGINS

  • Carousel
  • Modal
  • Tooltip & Popover
  • Scrollspy & Affix
  • Accessibility
One Month
Two Months
Three Months
More than Three Months
PRINCE2 Foundation & Practitioner
MSP Foundation & Practitioner
APMP Certificate
ITIL Foundation
Scrum in One Day
Certified ScrumMaster
ISTQB Software Test Foundation
Microsoft Project
BCS Business Analysis Practice
Other - Please Specify Below

Online Courses

You may prefer an online course if you are looking for a flexible and cost-effective solution. Online courses allow you to study at your own pace, at a time that suits you.

We have the following eLearning options available:

Our Customers Include