📣  Home-Office? Wir bieten euch auch Remote-Workshops an! :)

Inhouse Anfrage

HTML & CSS Intensiv-Schulung

ZurĂŒck zur Schulung Informationsseite
Anfrage zur Inhouse Schulung

Eine Beispiel-Agenda zum Thema HTML & CSS befindet sich unter diesem Formular. Typischerweise geht diese Schulung ĂŒber 3 Tage.

Hinweis: Sie können Ihre Einwilligung jederzeit für die Zukunft per E-Mail an info@workshops.de widerrufen.
HTML & CSS
Intensiv-Schulung
HTML & CSS Schulung/Seminar/Workshop

Ablauf:

  1. Sie schicken uns eine Anfrage.
  2. Wir melden uns wunschgemĂ€ĂŸ bei Ihnen und klĂ€ren die Rahmenbedingungen.
  3. Wir wÀhlen den Trainer aus, der am Besten zur Ihrem Schwerpunkt passt.
  4. Der Trainer meldet sich bei Ihnen oder einem Team-Mitglied und klÀrt Themen der Schulung ab.

Themen / Agenda - Beispiel

Dies ist unsere empfohlene Agenda fĂŒr das Thema HTML & CSS. Wir verfĂŒgen darĂŒber hinaus ĂŒber weiteres Kursmaterial, um Themen einfach auszutauschen.

Grundlagen HTML und CSS

Dieser Workshop beginnt mit den Grundlagen, vermittelt aber auch fortgeschrittene Konzepte. Er ist fĂŒr Neulinge im Bereich Webentwicklung gedacht, welche die Grundlagen schnell und effizient verstehen wollen. Alle Themenpunkte sind didaktisch ausgearbeitet und bieten sowohl ErklĂ€rungen der theoretischen Konzepte als auch Beispielaufgaben, um das gelernte direkt anzuwenden und eigene Erfahrungen zu machen. Viele Teilnehmer buchen diesen Workshop als Grundlage fĂŒr fortgeschrittene Kurse zur Webentwicklung z.B. mit Angular oder React.

  • EinfĂŒhrung
  • Das Box-Modell und Box-Sizing
  • CSS Selektoren und Performance
  • CSS Kaskade und SpezifitĂ€t
  • CSS Units verstehen
  • Verschiedene Layout Modelle
  • Backgrounds und FarbverlĂ€ufe
  • Schriften, Formatierung und Effekte
  • Ausrichten von Inhalten
  • Zentrieren von Elementen
  • CSS Flexbox
  • CSS Grid

Professionelles Entwickeln mit HTML und CSS

Nachdem die Grundlagen verstanden sind, widmen wir uns Themen die uns helfen unsere Web-Anwendungen schick und trotzdem performant darzustellen. Weiterhin werden wir lernen , wie professionelle Entwicklung mit diesen Technologien aussieht. Hierzu gehhört ein tiefes VerstÀndnis des Browsers und deren Renderer, Werkzeuge zum Debugging und der Einsatz PrÀprozessoren. Zuletzt schauen wir uns den Architektur-Stil Atom Design an, der gerade im Zeitalter der komponentenbasierten Entwicklung oft eine gute Wahl ist.

  • Responsive Design
  • Accessibility (a11y)
  • CSS Transitions und Animations
  • Eigene Ladeanimationen erstellen
  • Das Arbeiten mit Media Queries
  • Mobile First vs. Desktop First
  • CSS Performance Optimierung
  • Chrome Devtools fĂŒr Performance-Analyse
  • Crashkurs Browser-Rendering
  • Performante Animationen und Transitions
  • Tooling und Workflow
  • PrĂ€prozessoren(SASS)
  • Statische Codeanalyse fĂŒr CSS
  • Atomic CSS

HĂ€ufige Fragen und Antworten.

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

Bei Remote-Schulungen teilen wir die Kurse nach Wunsch gerne auf mehrere halbe Tage auf. So finden unsere Vormittags-Kurse von 9:00 bis 12:00 statt und unsere Nachmittags-Kurse von 14:00 - 17:00. Das ermöglicht laufende Projektarbeit nicht ganz liegen lassen zu mĂŒssen oder sich auch um die Betreuung der Kinder zu kĂŒmmern.

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 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 Trainer 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.

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
G DATA Software AG, Bochum
GALERIA Kaufhof GmbH, Köln
Hays AG, Mannheim
HOTEL DE AG, NĂŒrnberg
JIMDO GmbH, Hamburg
MT AG, Ratingen
MyHammer AG, Berlin
Raiffeisen Schweiz, St. Gallen
rocket-media GmbH & Co KG, DinkelsbĂŒhl
EnBW Energie Baden-WĂŒrttemberg AG, Karlsruhe
Thomas Cook Touristik GmbH, Oberursel
dataport, Altenholz
SĂŒddeutsche Zeitung Digitale Medien GmbH, MĂŒnchen
Talanx Service AG, Hannover
ELAXY Financial Software & Solutions GmbH & Co. KG, MĂŒnster