0345 4506120

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

Privacy Notice

In order to provide you with the service requested we will need to retain and use your contact information in accordance with our Privacy Notice. If you choose to provide us with this information you explicitly consent to us using the information as necessary to provide the request service to you. If you do not agree please do not proceed to request the service from us.

Marketing Permissions

Would you like to receive our newsletter and other information on products and services which we think will be of interest to you by email. We will always treat your information with care and in accordance with our Privacy Notice. You are free to withdraw this permission at any time.

 

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