- Leren door doen
- Trainers met praktijkervaring
- Klassikale trainingen
- Gedetailleerd cursusmateriaal
- Duidelijke inhoudsbeschrijving
- Maatwerk inhoud mogelijk
- Trainingen die doorgaan
- Kleine groepen
In de cursus Bootstrap CSS van SpiralTrain leren de deelnemers responsive front ends voor mobile en desktop web applicaties te ontwikkelen met de nieuwste versie van het populaire CSS Framework Bootstrap . In de cursus wordt ingegaan op Bootstrap features als Sass variabelen en mixins, het responsive grid systeem, voorgedefinieerde componenten en krachtige JavaScript plugins.
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.
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.
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.
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.
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.
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.
Kennis en ervaring met HTML en de basis principes van Cascading Style Sheets (CSS) zijn vereist.
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.
De deelnemers krijgen na het goed doorlopen van de cursus een officieel certificaat Bootstrap CSS.
Module 1 : Bootstrap Intro |
Module 2 : Bootstrap Projects |
Module 3 : Bootstrap Components |
|
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 |
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 |
Grid System Tables Forms Buttons Pulldown Menus Cards versus Panels Progress Bars Flexbox Module Child Boxes Page Templates Containers Columns |
Module 4 : Layouts |
Module 5 : Forms |
Module 6 : Styling |
|
Basic Containers Fluid Containers Utilizing Width Without Containers Multiple Containers Headings Inserting Rows Inserting Columns Interlace Columns Order Column Column Classes |
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 |
Size and Appearance Use of Symbols Text Colour Background Colour Responsive Images Thumbnails Element Alignment Centering Divider Lines Deactivation Jumbotron |
Deze bedrijven en instanties waren u al voor:
Deze bedrijven waren u voor:
