Home > Kursübersicht > Responsive Design Schulung

Karlsruhe Responsive Design - UI-Layouts programmieren

Lernen Sie alles, was Sie wissen müssen um Websites für unterschiedliche Endgeräte zu gestalten.
einmalig 899(inkl. MwSt.: 1069,81)
Spar-Abo ab 199 € / Monat (inkl. MwSt.: 236,81)
2 Tage oder 4x halbtags
Digitale Form
Level Fortgeschritten Termin wählen

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.

Kundenbewertungen

"Sehr zufrieden - viele praktische Beispiele mit guten Erklärungen vom Trainer"

UI-Layouts Programmierungskurs in Wien

"Trainer war sehr kompetent und ging auch auf Fragen hervorragend ein."

Responsive Design Schulung in Düsseldorf

5/ 5 stars
Responsive Design
Rated 5/5 based on 17 customer reviews

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