1. Home
  2. Courses
  3. Web
  4. Twitter-bootstrap

Online Kurs omTwitter Bootstrap

Kurs i att designa webbgränssnitt med Twitter Bootstrap

Fakta om kursen

Kursens namn
Twitter Bootstrap
Längd
1 dagar
Nivå
Beginner
Målgrupp
Utvecklare av webbapplikationer
Förkunskaper
God erfarenhet av att programmera i HTML/CSS
Verktyg
  • NodeJS, JetBrain WebStorm IDE, Google Chrome

Online

Du sitter bekvämt hemma och deltar i kursen över internet. Läraren undervisar på svenska. Om du önskar du kursen på engelska, kontakta oss så skapar vi ett kursdatum för dig där kursen ges på engelska via Zoom.
Pris: 4,000 kr (€380)

Klassrum

Våra klassrum finns centralt i Stockholm. Läraren undervisar på svenska.
Pris: 11,000 kr

Vi ger 20% rabatt för tillkommande deltagare från samma företag vid samma kurs-tillfälle.

Företagsinternt

Du kan också beställa kursen som företagsintern. Då kommer vi till er och håller kursen i era lokaler. Alternativt så håller vi kursen online om ni så önskar. Ni väljer om ni vill ha kursen på svenska eller engelska. Skicka en kurs-förfrågan via knappen nedan.

Företagsintern Kurs

Twitter Bootstrap har omformat web UI design i grunden. Från att ha varit en konstart få förunnad, så har det blivit hur enkelt som helst att bygga en komplex web UI med nestlade kolumner, widgets och mycket mer.

Denna praktiskt inriktade kurs vänder sig till dig som snabbt behöver bli produktiv och förstå hur man använder Bootstrap på ett effektivt sätt.

Detta får du lära dig på kursen

  • Skapa olika typer av layout baserat på grids
  • Kunna skapa innehåll med bootstrap cards
  • Designa navigerings element, såsom tabbade paneler och sidomenyer
  • Hantera font icons

Kursinnehåll

Background and Overview

  • Why Twitter Bootstrap is awesome
  • Bootstrap components
  • HTML5 doctypes
  • Viewports
  • Containers
  • Installation and linkage of Bootstrap

Typography

  • Simple span and block elements
  • Standardized color system
  • Buttons
  • Images
  • Tables
  • Helper CSS classes

Page Layout

  • Grid system
  • Navbars
  • Sidebars

Font Icons

  • What is a font icon and why is it smart use
  • Glyphicons
  • Fontawesome
  • Simple icon markup
  • Icons within other components

Components

  • Dropdown menues
  • Button groups
  • Labels and badges
  • Breadcrumbs
  • Alerts
  • Progressbars
  • Panels and wells

Widgets

  • Tabbed panes
  • Scrollspy
  • Tooltips and popovers
  • Modal popups
  • Alerts
  • Collapsible panes and accordions
  • Carousel

Bootstrap Themes

  • Where to find themes
  • What to expect from commercial themes

Brief about Build Tools

  • Why you need a build tool
  • Node JS and its package mananger NPM
  • Bower
  • Gulp
  • Building a Bootstrap site using gulp