Responsive Design - UI-Layouts programmieren

Responsive Design Kurs

Programmierer stehen heute vor der Aufgabe, Websites zu gestalten, die für unterschiedlichste Geräte optimal geeignet sind – vom Smartphone, Tablet, klassischen Desktop-PC bis hin zum Fernseher. Am besten gleich für Android, iOS und Windows soll es sein. Das Zauberwort für geräte- und plattformübergreifendes Design heißt "Responsive Design".

Schulungsinhalt

In dieser Responsive Design Schulung lernen Sie grundlegende Techniken zu anpassungsfähigen Webdesign kennen und erhalten die besten Tipps und Tricks wie Sie diese in eigene Webprojekte einbauen können.

Zielgruppe CSS3 Schulung

Dieses Responsive Design Seminar ist für Web-Entwickler  und -designer mit Grundkenntnissen in HTML5 und CSS3 geeignet.
Sie haben noch keine Vorkenntnisse? Wir empfehlen vorab die HTML5 Schulung.

CSS3 Kurs Agenda

• CSS Grundlagen
  CSS-Selektoren
  Box-Modell
  Positionierung
  Element-Typen
  CSS-Einheiten
  Kaskadierung und Vererbung
• Moderne UI-Oberflächen erstellen
  Einführung in Responsive Web Design
  Desktop-First und Mobile-First
  Viewport und Breakpoints
  Struktur und Layout trennen
  Navigation erstellen
• Responsive Bilder
  Grafiken für unterschiedliche Auflösungen
  SVG-Grafiken
  picture-Element
• Responsive Design mit CSS3
  Medienspezifische Stylesheets
  Media Queries
  Float vs. Inline-Block
• CSS-Layout-Typen im Überblick
  Flexbox-Layout
  Grid-Layout
  Multiple Column Layout
• UI-Frameworks im Überblick
  jQuery UI
  Twitter Bootstrap