Home   Schulung > EDV > Programmierung > CSS

Als Designer und Entwickler lernen Sie, ein „Responsive Design“-fähiges Layout für alle gängigen Browsern zu entwickeln, dass es auch auf mobilen Endgeräten passend skaliert dargestellt wird.

Bootstrap - Responsive Design mit Bootstrap

Ziel
Als Designer und Entwickler lernen Sie, ein „Responsive Design“-fähiges Layout für alle gängigen Browsern zu entwickeln, dass es auch auf mobilen Endgeräten passend skaliert dargestellt wird.
Schulungsinhalte


· Einführung in Bootstrap
Das Framework Bootstrap im Überblick . Geeignete Entwicklungsbereiche . Vorteile von Grid Systemen und Responsive Design . Komponenten des Frameworks . beinhaltende jQuery Plugins

· CSS Bestandteil
das Grid-System . Grid Raster, row/col Struktur und Offset Verwendung . Verschachtelungen im Grid-System . Anpassung/Steuerung für phone/table/desktop/large desktop

· Typografie, Tabellen in Bootstrap
Typografie in Bootstrap allgemein (h1, h2, h3, h4, h5, h6, body) . Formatierungsklassen (lead, Betonungen, Ausrichtung, Listen) . weitere Elemente (pre,code,blockquote, … etc) . Tabellentypen, normal, bordered, stripped . responsive Nutzung . Betonungen von Zeilen

· Formulare in Bootstrap
allgemeine Formatierung . Formulararten inline, horizontal . unterstützte Feldtypen . Nutzung von checkbox­-, radio­- und select­-Feldern . Feldformatierungen und Hilfetexte

· Buttons in Bootstrap
Button Varianten und Größen . Button Zustände und unterstützte Elemente

· Helfer­ und Responsiveklassen
Helferklassen erläutern . Responsive Klassen erläutern . Mediaprintklassen

· Komponenten von Bootstrap
Komponenten . Glyphicons . Dropdownmenü Funktionen

· JavaScript/jQuery PlugIns
Nutzung der JavaScript API . Konflikte verhindern/zusätzliche Frameworks nutzen . Funktionen über Events anbinden . Einzelne Plugins im Detail

· Bootstrap vorbereiten/anpassen
Bootstrap konfigurieren . bereitgestellte Dateien und Strukturen . Bootstrap einbinden

· Responsive Design
Denkweise von Responsive Design . Nutzung von Media Queries . Unterschiede zwischen mobiler Website und responsiver Website . Beispiele/Besonderheiten in responsive Design

· LESS Einführung + Bootstrap Einbindung
Vorteile / Nachteile von LESS . Besonderheiten . LESS im Alltag . LESS einbinden js/php . Bootstrap Entwicklung in LESS .
Zielgruppe
Designer, Webentwickler, Entwickler von webbasierten Applikationen.
Voraussetzungen
Fundierte Kenntnisse in HTML, HTML5, CSS und grundlegende Kenntnisse in JavaScript werden vorausgesetzt.
Ausschließlich als Inhouse-Schulung
Dieses Seminar bieten wir ausschließlich als Inhouse-Seminar in Ihren Räumlichkeiten oder bei uns in Münster an.
Seminardaten
Schulung-Nrbootstra
Dauer2 Tage
Mindest TN Zahl2
Inhouse-Schulung
Dieses Seminar bieten wir Ihnen als Inhouse-Seminar oder -coaching vor Ort in Ihren Räumlichkeiten an.

Rufen Sie uns bitte an:

+4925198 110 99 0
QRCode zu dieser Schulung

Aktuelle Termine
Garantierte Durchführung Garantierte Durchführung!