Realdolmen Education

Details

Using Bootstrap 3

This course is currently not scheduled on the open calendar, but can be organized on request.

Request Course

Duration

1 day(s)

Audience

Web developers who want to learn how to use Twitter's Bootstrap framework

Prerequisites

Elementary knowledge of JavaScript HTML and CSS

Objectives

Learn to use the Bootstrap framework

Methods

Classroom training with hands-on exercises

Description

The web is a very powerful platform. The combination of HTML, CSS and JavaScript has evolved in such a way that rich applications can be created that rival their native counterparts.

However, with that power, developers also face a challenge; being a good web developer means knowing how to combine programming, semantics and style and design into a quality result.

Using the popular Bootstrap framework, we can address the style and design aspect of modern web applications. The framework allows beautiful results to be achieved with minimal effort, provided that you know “the way it works”. Based on experience in the field, RealDolmen has detected that this is exactly where the problem lies: many developers want to use Bootstrap but don’t know the basics of how it works. The fact that you have to know some aspects of JavaScript, CSS and HTML to understand it, together with the “code sample” style of documentation does not help to alleviate this problem.

This is why RealDolmen now offers this mini-course, to do exactly what the frameworks promises: bootstrap developers’ skills in using the framework, so that the days of spending many hours of manually tweaking and tuning CSS files are finally over!

Contents

  • Introduction

    • Installing Bootstrap
    • Getting started
    • Usage concepts
  • Containers

  • The Grid system

  • Typographical elements

    • Headers
    • Decorations
    • Semantic elements
    • Lists
    • Tables
  • Forms

    • Inline
    • Horizontal and vertical forms
    • Validation
    • Buttons
  • Images and Icons

  • Layout elements

    • Tabs and Pills
    • Menus and Navigation bars
    • Paging and Dropdowns
    • Labels and Badges
    • Page components
    • Messages
  • Model dialogs and Alerts

  • Accordions

  • Carousels

  • Animations

  • JavaScript API

  • Themes