HTML & CSS – Fortgeschrittene Techniken

In dieser Schulung vertiefen wir vorhandene HTML/CSS-Kenntnisse. Wir beschäftigen uns u.a. mit Responsive Design, anspruchsvolleren Layouts und interessanten Gestaltungseffekten. Nach dem Hands-On-Prinzip zeigen wir, wie benutzerfreundliche und robuste Websites erstellen werden.

Kurzbeschreibung

Aufbauend auf soliden Grundkenntnissen werden Sie in diesem Workshop die Prinzipien von CSS anhand diverser in sich abgeschlossener Übungen erarbeiten. Sie vertiefen Ihr Wissen über Positionierung, Layoutmodelle, Typografie und Gestaltung, lernen neue Selektoren, Animationsmöglichkeiten und Workflow-Konzepte kennen und bekommen zahlreiche Tools und Tricks gezeigt, die Ihnen die tägliche Arbeit spürbar erleichtern werden. Und um auch für die Zukunft gewappnet zu sein, werfen Sie einen Blick auf die spannendsten experimentellen CSS-Funktionen.

Inhalte der HTML- & CSS-Schulung

Die folgende Inhalte sind unsere Empfehlung für einen fundierten Einstieg in das Thema bzw. werden häufig gewünscht. Der Umfang beträgt, abhängig von den Vorkenntnissen und dem Anteil praktischer Übungen, meist zwischen 8h – 24h. Gerne passen wir die Agenda auf Ihre individuellen Anforderungen hin an, bzw. beziehen aktuelle Praxisprojekte mit ein. Wir stimmen uns dazu im Vorfeld der Schulung persönlich mit Ihnen ab.

Positionierung und Layoutmodelle
- Die Kaskade verstehen
- Floats und Positionierungen verstehen
- Display Inline-Block
- Display-Table
- Content Choreography
- Das Grid Layout Module
- Flexbox
- Die Box-Modelle von CSS
CSS Selektoren
- Attribut-Selektoren
- Kind- und Geschwister-Selektoren
- Nth-Of-Selektoren
- Der Target-Selektor
- CSS4-Selektoren
Farbe, Gestaltung und Effekte
- Komplexe Verläufe
- Muster mit CSS
- Komplexe Hintergrundgestaltung mit CSS
- Schatten
- Data-URIs und Code-generierte Grafiken
- Shapes
- Blend Modes
- Filter
- Counter
- Berechnungen mit CSS
- CSS-Variablen
- Animationen mit CSS
- 3D & 2D-Transformationen
- Webfonts und Icon-Fonts
- SVG-Animationen
Media Types und Media Queries
- Druckausgaben
- Responsive Design
- Mobile First
Workflow und CSS-Konzepte
- CSS Spezifität
- Das SMACSS-Konzept
- Das DRY-Konzept
- ACSS – Atomic CSS
- Sass und SCSS
- CSS Feature Queries & Modernizr
- Media Queries und Element Queries

Voraussetzungen der Teilnehmer

HTML- und CSS-Kenntnisse werden vorausgesetzt. Die einzelnen Übungen werden gemeinsam im Code-Editor erarbeitet, daher sind solide EDV-Kenntnisse ebenfalls Bedingung für dieses Seminar.

Dozent: Jonas Hellwig

Jonas Hellwig ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Feedback zu unseren Schulungen

Vielen Dank für die tolle Zusammenarbeit! Die Erstellung unseres Design Systems mithilfe von Adobe XD und die reibungslose Migration zu Figma verliefen optimal. Die Design-Komponenten-Bibliothek bildet eine perfekte Grundlage für zukünftige Entwicklungen und unsere neuen Projekte. Das äußerst strukturierte und effiziente Vorgehen hat nicht nur dazu beigetragen, dass wir uns bestens in die Materie eingearbeitet haben, sondern hat auch die Übernahme optimal vorbereitet und erleichtert – ganz abgesehen davon, dass es auch noch viel Spaß gemacht hat!
Als Behörde ist für uns besonders die gründliche und kontinuierliche Überprüfung im Hinblick auf Barrierefreiheit von großer Bedeutung. Auch in diesem Bereich erhielten wir stets optimale Beratung und viele wertvolle Tipps.
Wir freuen uns bereits auf die kommenden Projekte, die wir gemeinsam mit Jonas realisieren können.

November 2023, Beate Köferl, Landesamt für Finanzen – FinanzIT BAYERN
Vielen Dank für die Schulungen und vor allem für die Flexibilität bei der Gestaltung der Inhalte. Ich hätte nicht gedacht, dass alle unsere Mitarbeiter:innen, trotz unterschiedlicher Vorkenntnisse, so viel dazu lernen und jetzt auch in der Praxis umsetzen können! Deshalb, wie die Schweizer sagen: «Dankaaa tuuuusig an Jonas und das kulturbanause-Team!»

November 2023, Jeanine Moser, Kernbrand AG
Nochmal vielen Dank und großes Lob für die Schulung letzte Woche. Ich habe viel gelernt und es war sehr inspirierend für mich!

April 2023, Sophie Riehm, RTS Rieger Team