Kurzbeschreibung

Mit dem Siegeszug des Responsive Webdesign hat sich auch der Workflow bei der Erstellung von Websites erheblich verändert. Vor allem Konzepter und Designer empfinden das als Herausforderung, da statische Mockups, Wireframes und Layouts nicht die notwendige Flexibilität des Endprodukts abbilden können. An die Stelle der Wireframes sind interaktive Prototypen getreten, die mit HTML und CSS erstellt werden und im Idealfall sogar bis zum fertigen Produkt weiterentwickelt werden. Hergestellt werden diese Prototypen entweder von einem Frontend-Entwickler oder mit Hilfe sogenannter CSS Frameworks. Diese Frameworks beinhalten zahlreiche Website-Elemente sowie ein flexibles Gestaltungsraster und erleichtern die Erstellung eines Prototypen erheblich. Das populärste CSS Frameworks nennt sich »Bootstrap« und kann heute fast als Brachenstandard bezeichnet werden.

In diesem praxisorientierten Seminar lernen Sie wie Website-Prototypen und »Klick-Dummies« mit Bootstrap erstellt werden. Anhand anschaulicher Beispiele lernen Sie die notwendigen HTML- und CSS-Grundlagen kennen, ohne tiefer als notwendig in den Code einsteigen zu müssen. Sie erfahren wie das Gestaltungsraster von Bootstrap funktioniert, welche Module und Funktionen es gibt und wie Sie vorgefertigte Elemente individualisieren. Nach diesem Schulungstag sind Sie in der Lage Website-Prototypen mit Bootstrap zu erstellen. Ihre Kollegen aus der Abteilung »Frontend« werden es Ihnen danken.

Agenda

  • HTML- CSS- & Responsive Design-Grundlagen
  • Die Funktionsweise von CSS Frameworks
  • Überblick Bootstrap
  • Das Gestaltungsraster von Bootstrap – Zeilen, Spalten und Einrückungen
  • Die Module und Komponenten von Bootstrap
  • Bootstrap herunterladen und »installieren«
  • Bootstrap-Module verwenden und individualisieren
  • Header, Sektionen, Teaser-Elemente und Panels verwenden
  • Slider und Bildergalerien einbinden
  • Navigationselemente und Schaltflächen einbauen
  • Accordions, Tooltips & Co. einbauen
  • Formulare integrieren
  • Verschiedene Website-Beispiele mit Bootstrap erstellen
  • Bootstrap-Skinning
  • Templating

Voraussetzungen & Zielgruppe

Dieses Seminar richtet sich an Konzepter und Designer ohne bzw. mit geringen HTML- und CSS-Kenntnissen, die Websites oder Prototypen mit Bootstrap erstellen möchten.

Solide EDV-Kenntnisse und ein eigenes Notebook mit installiertem Google Chrome Browser, sowie einem beliebigen Code Editor (z. B. dem kostenlosen Editor Brackets) sind notwendig um die Übungen dieses Workshop live mitmachen zu können. Die Sprache des Seminars ist Deutsch. Die Schulungsunterlagen werden ebenfalls in deutscher Sprache bereitgestellt.

Veranstaltungsort & Verpflegung

Das Seminar findet in der »WeiberWirtschaft« in der Anklamer Str. 38 in Berlin-Mitte statt.

Fotos des Seminarraums in der Weiberwirtschaft Berlin. Fotos: Weiberwirtschaft

Der Eingang befindet sich im Durchgang vom 1. Innenhof in den 2. Innenhof rechts im Aufgang. Sie finden die Seminarräume im 4. OG. Ein Aufzug ist vorhanden.

Kaffee, Tee, kalte Getränke, Obst und Gebäck stehen Ihnen den ganzen Schulungstag über zur Verfügung. In der Mittagspause gehen Sie gemeinsam mit dem Dozenten und den anderen Teilnehmern in einem Restaurant in der Nähe des Seminarraums essen. Dort werden neben fleischhaltigen auch vegetarische und vegane Gerichte angeboten. Die Kosten sind im Seminarpreis enthalten.

Dozent

Jonas HellwigJonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben UX/UI-, Frontend- & Responsive Design hat er sich auf Workflow-Optimierungen im Design-Prozess spezialisiert und ist Gründer der Agentur kulturbanause® (kulturbanause.de). Auf blog.kulturbanause.de veröffentlicht er interessante Artikel, Tipps und Tutorials zum Thema Web Design. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Website-Projekten.

Kunden-Feedback zu unseren öffentlichen Schulungen

Am 26.11. habe ich dem Tagesseminar Responsive Web Design - Die technische Umsetzung - mit Jonas Hellwig (kulturbanause) teilgenommen. Ich bin mit dem Anliegen angereist, als Lehrender meinen aktuellen Kenntnisstand zu überprüfen und durch die Erfahrungen und Entwicklungen aus der Agenturpraxis zu ergänzen. Das Seminar hat meine Erwartungen vollständig erfüllt. Dem Referenten ist es gelungen, den gepackten Stoff didaktisch augezeichnet aufzuarbeiten und trotz seiner manchmal vorhandenen Komplexität verständlich und nachvollziehbar zu vermitteln. Eine umfangreiche digitale Seminardokumentation hilft, die Inhalte noch einmal zu rekapitulieren.

Dezember 2015, Prof. Andreas Baumgart, Hochschule für Angewandte Wissenschaften Hamburg

Angenehmer und entspannter Workshop, der fachlich und didaktisch absolut überzeugt. Sehr empfehlenswert!

April 2019, Anna Kalus-Gossner, Webdesignerin, SWR

Das war ein wirklich toller WordPress-Workshop!

Januar 2016, Carsten Baucke, Mediengestalter – Quelle

Ich bin sehr geflasht von dieser Schulung. Perfekter Ausgleich zwischen Praxis und Background-Wissen. Für ein besseres Workflow-Verständnis kann ich diesen Workshop allen empfehlen, die Online-Projekte managen müssen.

November 2018, Kristina Vogel, Projektmanagerin Digital/UX/UI, K12 GmbH

Meine Erwartungen an den Kurs wurden zu 100% erfüllt. Jonas schafft es einfach komplexe Dinge kurzweilig und gut verständlich zu vermitteln. Am besten hat mir die »gelebte Flexibilität« bei den Themen gefallen. Durch die überschaubare Anzahl an Teilnehmern war viel Raum für Fragen da und es wurde nicht einfach die Agenda nach Plan herunter gespult. Danke für zwei tolle Tage, ich komme wieder – keine Frage ☺

November 2017, Holger Neuner, Inhaber 47GradNord – Agentur für Internetlösungen

Unsere Agentur in Berlin realisiert vom durchgestylten One-Pager bis zur funktionalen Konzern-Website Projekte mit sehr unterschiedlichem Umfang. Wir haben u.a. mit folgenden Kunden erfolgreich zusammengearbeitet: