Realdolmen Education

Details

Using Bootstrap 4

Deze cursus is momenteel niet ingepland op de open kalender, maar kan op aanvraag georganiseerd worden.

Cursus aanvragen

Aantal dagen

1 day(s)

Using Bootstrap 4

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

  • Understand The Challenges Of Web Design
    • The Internet - Facts
    • The Internet - Today's Challenges
    • Responsive Website Design - A New Paradigm
    • Responsive Design - Challenges
    • Responsive Design - Facts & Consequences
    • Responsive Websites - A New Design Paradigm
    • Why Bootstrap for Responsive Design?
  • Bootstrap Overview
    • What is Bootstrap?
    • How To Use Bootstrap?
  • Bootstrap 4 Setup
    • Bootstrap Setup
    • Bootstrap Setup via Content Delivery Network
    • Bootstrap Setup of downloaded sources
  • Bootstrap 4 Grid System
    • Bootstrap Responsive Grid System
    • Bootstrap Grid System: Containers
    • Bootstrap Grid System: Rows
    • Bootstrap Grid System: Columns
    • Bootstrap Grid System: Media queries
    • Grid layout for Multiple Viewports
    • Utility classes for display, spacing & size
    • Utility classes for Alignment
    • Flex
    • Flex Direction
    • Flex Alignment
    • Flex Fill
    • Flex Grow and shrink
    • Flex ordering
    • Flex auto margins
    • Flex wrapping
  • Bootstrap 4 Basic Content Elements
    • Typography in Bootstrap 4
    • Color management in Bootstrap 4
    • Bootstrap 4 Classes for tables
  • Bootstrap 4 Components
    • Bootstrap 4 Selected components
    • Drawing attention
    • Images
    • Buttons
    • Button groups
    • Button groups - Button toolbar
    • Badges
    • Cards
    • Bootstrap 4 Navbar
    • Bootstrap 4 Forms
    • Form Layout
    • Form Validation
    • Form Input Groups
    • Dropdowns
    • Carousel
    • Modal Forms
    • Modal