Bootstrap CSS

Cursus Bootstrap CSS

In de cursus Bootstrap CSS leer je de fundamenten van CSS en hoe je deze kunt toepassen binnen het Bootstrap Framework. We bespreken belangrijke concepten zoals CSS selectors, tags, ID's, classes en attributes. Daarnaast komen het Box Model, de Viewport en absolute en relatieve units aan bod, waardoor je een solide basis hebt voor het toepassen van stijlen in webontwikkeling.

Bootstrap Framework

Een belangrijk onderdeel van de cursus is de aandacht voor de voordelen van het Bootstrap Framework. Je leert hoe je gebruik kunt maken van starter templates en de integratie van JavaScript en Sass. Dit zal je helpen om efficiënter en effectiever te werken aan je webprojecten.

Bootstrap Grid System

Het Bootstrap Grid Systeem is essentieel voor het structureren van je webpagina's. We besteden aandacht aan het gebruik van Bootstrap elementen zoals Tables, Columns, Forms, Containers en Panels, evenals Buttons en Menu's. Tevens behandelen we de Flexbox Module en Child Boxes, zodat je flexibele en responsieve layouts kunt creëren.

Bootstrap Layout

In deze cursus leer je hoe je een Bootstrap Layout kunt bouwen met Containers, Rows en Columns. We bespreken het gebruik van Forms in Bootstrap, waaronder input elementen, check en radio buttons, select boxes, navigation bars en tool bars. Dit stelt je in staat om interactieve en gebruiksvriendelijke interfaces te ontwikkelen.

Bootstrap Styling

Tenslotte focussen we op Bootstrap Styling, waar je leert om met kleuren en lettertypen te werken, element alignment toe te passen, en responsieve afbeeldingen en jumbotrons in te voegen. Door deze vaardigheden te beheersen, ben je in staat om aantrekkelijke en moderne webpagina's te creëren.
Voor meer informatie over de basis van HTML, die een goede aanvulling vormt op deze cursus, kun je onze cursus HTML Fundamentals bekijken. Daarnaast kun je op de officiële Bootstrap website meer leren over de mogelijkheden van het framework.

Doelgroep Cursus Bootstrap CSS

De cursus Bootstrap CSS is bedoeld voor Web Designers en Developer die het Bootstrap CSS Framework willen gebruiken bij de ontwikkeling van responsive Web Applicaties.

Voorkennis Cursus Bootstrap CSS

Kennis en ervaring met HTML en de basis principes van Cascading Style Sheets (CSS) zijn vereist.

Uitvoering Training Bootstrap CSS

De concepten worden behandeld aan de hand van presentatie slides. Demo projecten worden gebruikt om de concepten te verduidelijken. De theorie en de demos worden afgewisseld met hands-on oefeningen. De cursustijden zijn van 9.30 tot 16.30.

Certificering Cursus Bootstrap CSS

De deelnemers krijgen na het goed doorlopen van de cursus een officieel certificaat Bootstrap CSS.

Modules

Module 1 : Bootstrap Intro

• Bootstrap Framework
• Basic Syntax
• CSS Selectors
• Tags and ID's
• Classes
• Attributes
• Logical Selection
• Box Model
• Blocks of the Box
• Set Viewport
• Absolute Units
• Relative Units

Module 2 : Bootstrap Projects

• Bootstrap Advantages
• Starter Template
• Inserting JavaScript
• Normalizing
• Rebooting
• Static Site Generator
• Converting Base Template
• Installing Harp.js
• Sass in Harp
• Project Setup
• Setup Layout
• Deploying Projects

Module 3 : Bootstrap Components

• Grid System
• Tables
• Forms
• Buttons
• Pulldown Menus
• Cards versus Panels
• Progress Bars
• Flexbox Module
• Child Boxes
• Page Templates
• Containers
• Columns

Module 4 : Layouts

• Basic Containers
• Fluid Containers
• Utilizing Width
• Without Containers
• Multiple Containers
• Headings
• Inserting Rows
• Inserting Columns
• Interlace Columns
• Order Column
• Column Classes

Module 5 : Forms

• Form Structure
• Form Elements
• Single Line Forms
• Check Boxes and Radio Buttons
• Horizontal Forms
• Navigation Bar
• Input Elements
• Select Elements
• Semantic Buttons
• Drop Down Menus
• Toolbars

Module 6 : Styling

• Size and Appearance
• Use of Symbols
• Text Colour
• Background Colour
• Responsive Images
• Thumbnails
• Element Alignment
• Centering
• Divider Lines
• Deactivation
• Jumbotron