Wir bieten nun einen Gruppenrabatt an! Buche 2 Teilnehmer:innen und der/die Dritte ist kostenfrei.
HTML & CSS Schulung/Seminar/Workshop
Der beste Weg mit HTML & CSS zu starten
106 Teilnehmer:innen haben teilgenommen
Öffentliche Schulung
3 - 6 Tage
3 Termine
Vor Ort, als auch Remote
inkl. Teilnahme Zertifikat
Gruppenrabatt verfügbar
Inhouse Schulung
Individuell
Flexibel vereinbar
inkl. Teilnahme Zertifikat
Vor Ort, als auch Remote
Deutsch/Englisch möglich
Masterclass
Lernen, wann und wo du möchtest
Lerntempo selbst bestimmen
Ask-Me-Anythings Sessions
Deutsch/Englisch möglich

Kundenreferenzen

RWE Group Business Services GmbH, Dortmund
STRATO AG, Berlin
Allianz
Robert Bosch GmbH, Stuttgart
Schenker AG, Essen
Commerzbank AG, Frankfurt
CompuGroup Medical Software GmbH, Koblenz
Condor Flugdienst GmbH, Oberursel
Consorsbank, Nürnberg
E-Plus Mobilfunk GmbH, Düsseldorf
Südwestrundfunk, Stuttgart
ETECTURE GmbH, Frankfurt am Main
EXXETA AG, Karlsruhe
Fast Lane Institute for Knowledge Transfer GmbH, Hamburg
FH Dortmund, Kamen

Über HTML & CSS

Seit dem Erscheinen von HTML und CSS haben diese Technologien eine lange Entwicklung vollzogen. Was anfangs zur statischen Anzeige von Dokumenten gedacht war, hat seit dem Erscheinen von HTML5 und CSS3 seinen Siegeszug durch das Web angetreten. Mittlerweile werden diese Technologien nicht nur im klassischen Web eingesetzt, sondern finden auch Einzug in Bereichen wie Healthcare und Automotive.

Ist dieser Kurs etwas für Dich?

Web-Apps stehen heutzutage nicht mehr im Schatten nativer Apps, auch dank HTML5 und CSS3. Umso wichtiger ist es deshalb diese grundlegenden Technologien zu verstehen und zu beherrschen. Viele Teams verschwenden Zeit in die Entwicklung von Features, welche der Browser bereits mitbringt.

Auch durch die EU Richtlinie für die Umsetzung digitaler Barrierefreiheit werden solide Kenntnisse in HTML & CSS absolut essentiell. In der Richtlinie werden alle öffentlichen Stellen der Mitgliedsstaaten der EU dazu verpflichtet, die Umsetzung der Anforderungen an einen barrierefreien Zugang zu ihren Websites (inklusive Intranet und Downloads und mobilen Anwendungen sicherzustellen; danach muss eine Webseite oder App wahrnehmbar, bedienbar, verständlich und robust gestaltet sein. Siehe auch Barrierefreiheit auf Konformitätsstufe AA (WCAG 2.0).

Wissen aus der Praxis.

Wir sind selbst Entwickler:innen und wissen, welche Probleme zuerst in der echten Welt auftreten werden. Deshalb arbeiten wir mit Beispielen, die aus der echten Welt stammen. Diese haben wir dann auf den Kern reduziert, um diese leicht vermitteln zu können.

Der Praxis-Anteil liegt dabei bei 60%.

Download Agenda

CSS Grundlagen

  • CSS Kaskade und Spezifität
  • CSS Selektoren
  • Ausrichten von Inhalten
  • Verschiedene Layout Modelle
  • Das Box-Modell und Box-Sizing
  • Pseudo-Klassen und Pseudo-Elemente
  • Zentrieren von Elementen
  • CSS Flexbox

Animationen und besondere Effekte

  • CSS Transitions und Transforms
  • CSS Animations
  • Schriften, Formatierung und Effekte
  • Backgrounds und Farbverläufe

Responsiveness

  • Responsive Design
  • CSS Units verstehen
  • Das Arbeiten mit Media Queries
  • Mobile First vs. Desktop First

Weiterführende Themen

  • Accessibility (a11y)
  • CSS Grid
  • Custom CSS Properties
  • BEM

Typische Fragen, die wir beantworten

  • Wie strukturiere ich meine Anwendung, damit ich langfristig eine wartbare Basis meines Quellcodes habe?
  • Welche verschiedenen Möglichkeiten von Layouts habe ich? Was ist Flexbox?
  • Welche modernen Möglichkeiten habe ich meine Webseite effektiv mit HTML & CSS zu entwickeln?
  • Wie erstelle ich Template die responsive sind?
  • Wie mache ich meine Template maschienenlesbar (SEO)?
  • Wie erstelle ich Formulare und Validierungen?
  • Wie kann ich Animationen verwenden?
  • Was ist BEM? Blocks Elements Modifiers?
  • Welche IDE benutze ich am besten?

Leistungen

Du erhältst Zugriff auf alle Unterlagen und Zusatzmaterialien aus unserem Workshop. Dies wird über unser virtuelles Klassenzimmer organisiert.

Mit deinem Teilnehmer:in-Account hast du da lebenslangen Zugriff - auch auf Updates! In unseren öffentlichen Schulungen sind ebenfalls Essen und Trinken für die komplette Veranstaltungszeit enthalten. An den meisten Standorten konnten wir es dazu auch einrichten, dass wir auch ein vegetarisches Menü anbieten können. Falls das für dich wichtig ist, kontaktier uns doch bitte vorher via E-Mail ob das am jeweiligen Standort möglich ist.

Voraussetzungen

Dies ist ein Kurs für Anfänger. Grundlagen in HTML/CSS sind nicht zwingend erforderlich jedoch empfohlen, um auf fortgeschrittene Themen tiefer eingehen zu können.

Technische Voraussetzung für den Workshop ist ein Notebook mit Windows, Linux oder MacOSX. Es sind einige Browser-Plugins zur Analyse und besseren Verständnis zu installieren. Weiterhin wird ein Login auf den gängigen Platformen wie GitHub und Codepen empfohlen. Hierzu bekommst du eine Schritt-für-Schritt Anleitung nach deiner Anmeldung zu diesem Workshop.

Die Meinung unserer Teilnehmer:innen zählt.

Nach jeder HTML & CSS Schulung bitten wir unsere Teilnehmer:innen um Feedback. Aus insgesamt 1745 auf Workshops.DE abgegeben Bewertungen erreichen wir aktuell eine durchschnittliche Bewertung von 4.7 Sternen.

Alle Bewertungen anzeigen
Illustration eines/einer Teilnehmer:in HTML & CSS
Anonym
Remote,

Jetzt weiß ich wie man Elemente zentriert. :)

Illustration eines/einer Teilnehmer:in HTML & CSS
Alex Dick
Remote,

Sehr informativ !

Illustration eines/einer Teilnehmer:in HTML & CSS
Anonym
Remote,

Ich habe mit diese Schulung die Grundlagen für HTML und CSS wiederholt, so kann ich ein bessere Verständnis über WEB design und kann diese neu Sachen in meine Arbeit verwenden.

Illustration eines/einer Teilnehmer:in HTML & CSS
Tobias Rendler
Remote,

Der Kurs ist eine super Einführung in die Thematik HTML+CSS und motiviert zum Arbeiten mit den Elementen.

Code Mentoring

  • Optimale Betreuung nach dem Kurs
  • Ask-Me-Anything-Sessions mit deinen Trainer:innen
  • Möglichkeit für Code-Reviews
  • Fragen und Unklarheiten werden gelöst
  • Booster für dein neues Wissen
  • Lernen am eigenen Projekt

Classroom und tolle Lerntools

  • Austausch zwischen Teilnehmer:innen und Trainer:innen.
  • Vorbereitungsanleitung vor dem Workshop.
  • Slides, Aufgaben und Zusatzmaterial.
  • Alle Materialien auch nach der Schulung im Zugriff.
  • Didaktisch für Lernerfolg optimiert.
Illustration mit einem Laptop und einem Abspielsymbol
Kalender Illustration

Hier kannst du buchen.

Wenn Vor-Ort Schulungen aufgrund von COVID-19 nicht möglich sind, können unsere Schulungen vollständig remote durchgeführt werden.

Erhalte alle Neuigkeiten zu kommenden Terminen.

Termin Radar aktivieren
Individuell Masterclass • Lerne Wann und Wo du willst Mehr Informationen
Individuell HTML & CSS Intensiv-Schulung • Inhouse oder Remote Zur Anfrage
2022
09.11 - 16.11
09:00 - 13:00 Uhr
09.11. - 16.11.2022
Frühbucherrabatt (Noch 12 Tage)
🇩🇪
Deutsch
Remote
6 Tage
1574 € 1749 €
Zur Buchung
2023
01.02 - 08.02
09:00 - 13:00 Uhr
01.02. - 08.02.2023
Frühbucherrabatt
🇩🇪
Deutsch
Remote
6 Tage
1574 € 1749 €
Zur Buchung
2023
14.06 - 21.06
09:00 - 13:00 Uhr
14.06. - 21.06.2023
Frühbucherrabatt
🇩🇪
Deutsch
Remote
6 Tage
1574 € 1749 €
Zur Buchung

Termine & Inhouse-Buchungen

Du möchtest einen Termin flexibel vereinbaren und die Preise wissen? Dann kannst du uns eine Anfrage stellen.

HTML & CSS Inhouse Termin anfragen

Häufige Fragen und Antworten.

Unsere On-Site Schulungen beginnen im Normalfall um 9:00 Uhr und enden um 16:30 Uhr.

Unsere öffentlichen Remote Schulungen finden in der Regel über 6 halbe Tage am Vormittag von 9 bis 13 Uhr statt. Das ermöglicht laufende Projektarbeit nicht ganz liegen lassen zu müssen oder sich auch um die Betreuung der Kinder zu kümmern.

Andere Variationen sind natürlich auch sehr flexibel umzusetzen und können gerne gemeinsam erarbeitet werden.

Ja. Am Ende jeder unserer Schulungen erhält der Teilnehmer:in ein signiertes Teilnahme-Zertifikat.

Unsere Trainings können auf Deutsch oder Englisch gehalten werden. Die öffentlichen Termine werden auf Deutsch gehalten, außer es ist explizit anders vermerkt. Für In-House Trainings kann bei der Anfrage ein Hinweis auf die gewünschte Sprache angegeben werden. Die Unterlagen und Aufgaben sind komplett auf Englisch verfügbar.

Ja. Wir haben intensiv an einem Setup gebaut welches euch die Möglichkeit bietet an unseren Workshops auch Remote teilzuhaben. Wir haben mit unserem virtuellen Classroom eh schon eine sehr gute Infrastruktur welche diesen Modus sehr gut unterstützt. Unsere Slides sind immer online und werden auch nach euerer Teilnahme aktualisiert. Auch nach der Schulung habt ihr dauerhaft Zugriff auf diese. Weiterhin lassen sich die Aufgaben über ein Online-Interface aufzurufen und von uns freischalten. Wir haben hier einige Aufgaben ergänzt, welche euch für die Durchführung eines Remote-Workshops vorbereiten.

Wir nutzen hierbei neben unserem Classroom das Online-Meeting Tool “Zoom”. Innerhalb der Vorbereitung ist auch ein Test-Link aufgeführt welche euch diese Technologie testen lässt. Der Remote-Workshop ist darauf konzipiert, dass wir alle an verschiedenen Orten sitzen und jeder mit seinem eigenen Rechner mitarbeitet. Ihr könnt euch natürlich auch in einem Meeting-Raum bei euch Treffen und den Trainer:innen dazu schalten aber sowohl die Technologischen Lösungen klappen besser wenn jeder im Home-Office ist, als auch eure sozialen Kontakte sind geringer und ihr verringert das Risiko euch und andere anzustecken.

Auch Screenshare von allen Teilnehmer:innen oder die Freigabe eurer IDE ist in Verbindung mit Visual Studio Code Live Share sehr einfach möglich. Der/Die Trainer:in kann so auf Wunsch und mit eurer Freigabe den Zugriff auf euere aktuelle Entwicklungsumgebung bekommen und euch dort direkt Helfen, falls ihr einmal bei einer Aufgabe hängt.

Code Mentoring ist eine Ergänzung zum gebuchten Kurs und beinhaltet Ask-Me-Anything-Sessions mit deinen Trainer:innen. In den Sessions kannst du Fragen und mögliche Unklarheiten klären, die während des Kurses entstanden sind. Außerdem kannst du Code-Schnipsel abgeben und reviewen lassen und weiterführende Fragen zum Kursthema stellen.