HTML & CSS Intensiv-Schulung
Der beste Weg mit
HTML & CSS zu starten
Unsere Schulungen machen dich fit für den produktiven Einsatz von HTML & CSS.
Verfügbar als Öffentliche, Remote oder Inhouse Schulung (Möglich als 3 bis 6 Tage Schulung)
Interaktiver Workshop
Schneller und angenehmer lernen.
Bücher und Videokurse sind heute nicht mehr wegzudenken. Allerdings kannst du in unserer Schulung:
- Durch direktes Feedback schneller lernen.
- Trainer:in nach konkreten Lösungsansätzen für dein Projekt fragen.
- Gemeinsam Lernhürden überwinden.
- Einfach eine gute Zeit mit anderen Entwicklern in der gleichen Situation haben.
Weitere Informationen zu deiner Remote Schulung
Den ganzen Tag auf den Monitor zu schauen ist anstrengend. Dazu noch aktiv aufpassen und interaktiv Teilnehmen, das frisst sehr viel Energie. Aus diesem Grund bieten wir unsere Schulung Remote sehr flexibel an.
Unser Vor-Ort Intensiv Kurs umfasst normalerweise 3 Tage. In dieser Zeit lernt ihr die Grundlages des Frameworks und bereitet euch auf die Konzeption der Architektur euer Anwendung vor. Remote lässt sich dies auch in 3 Tagen durchführen. Wir haben allerdings die Erfahrung gemacht, dass die Aufteilung auf "halbe Tage" deutlich effektiver ist.
Mir folgenden Variationen haben wir bereits gute Erfahrungen gemacht:
- 3 Tage Vollzeit
- 6 Tage Vormittags
- 2 mal 3 halbe Tage auf 2 Wochen aufgeteilt
- Alles was für Trainer:in, Teilnehmer:in und Kunden sinnvoll umsetzbar ist
Uns ist daran gelegen euch bestmöglich zu helfen. Wir finden also gemeinsam den besten Modus der zu euer Arbeitssituation passt und trotzdem den besten Lernerfolg ermöglicht.
Was sind HTML bzw. CSS?
Ein Kurzüberblick, um was es geht.
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. 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.
Agenda
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%.
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:innen 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 gehö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
Kosteneffizienz
Spare Kosten.
Kennst Du die Studie der Standish Group? Fehler ganz am Anfang eines Projektes sind die Teuersten. Wir arbeiten seit über 6 Jahren mit Web-Technologien und haben die meisten Fehler schon gemacht. Nutze unsere Erfahrung und vermeide die häufigsten Anfängerfehler.
Trainer:innen
Lerne von den Besten.
Andreas Tennert
Anthony Nahas
Astrid Varga
Christian Wahler
Christian Schulz
Daniel Murrmann
David Müllerchen
Julienne Schreiber
Konstantin Pentarakis
Laurenz Honauer
Maria Korneeva
Martina Kraus
Michael Berger
Pawel Sawicki
Peter Müller
Peter Hecker
Unter anderem sind wir:
- Google-Developer-Experts
- Erfahrene Softwareentwickler mit Fokus Web-Technologien
- Buch- und Artikel-Autoren
- Aktive Mitglieder der Web-Community
- Organisatoren von Meetups und Konferenzen
Voraussetzungen
Ohne viel Vorwissen direkt starten.
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.
Enthaltene Leistungen
Alles Wichtige ist dabei.
-
Vorgespräch mit Trainer:in
Jede Gruppe ist anders. Damit wir den Workshop für euch optimal konzipieren können führen wir vor jedem In-House Workshop ein intensives Gespräch mit euch. Daraufhin können wir aus unseren Materialien den Lernpfad bauen der euch am meisten weiterbringt.
-
Essen & Trinken:
In unseren öffentlichen Schulungen sind Essen und Trinken für die komplette Veranstaltungszeit enthalten. An den meisten Standorten können wir dir auch ein vegetarisches Menü anbieten. Falls das für dich wichtig ist, schreibe uns doch bitte vorher per E-Mail.
-
Kursunterlagen inkl. Aktualisierungen
Du erhältst Zugriff auf alle Unterlagen und Zusatzmaterialien. Diese werden über unser virtuelles Klassenzimmer organisiert. Mit deinem Teilnehmer-Account hast du lebenslangen Zugriff - inkl. Aktualisierungen!
Kontakt
Sind noch Fragen offen?
Dann schreib' uns einfach eine E-Mail an info@angular.de. Wenn du einen persönlicheren Kontakt vorziehst, freut sich Britta auch über einen Anruf von dir! Wir sind werktags von 8 bis 13 Uhr telefonisch unter +49 201 / 87535773 erreichbar.
Remote Workshop
Home Office?
-
Kosten senken & mehr Zeit
Du sparst dir sowohl die Kosten, als auch den Organisationsaufwand, für Reise und Hotel. Hinzu kommt kein Berufsverkehr und auch keine lange Fahrt mit der Bahn.
-
Lernen in Teilzeit
3 Tage konzentriert eine Videokonferenz zu verfolgen kann anstrengend. Wir können Remote Workshops auch in Teilzeit anbieten. Zum Beispiel 5 Tage halbtags. Das ist nicht nur für Eltern mit Kindern ideal, sondern auch für Personen, die Kunden betreuen oder ihrem Teams zur Verfügung stehen müssen.
-
Remote erlernen
Grundsätzlich Interesse an Remote Work? Wir machen dich nicht nur in HTML & CSS fit. Sehe wie wir unsere Remote Workshops und Prozesse strukturieren, welche Tools wird verwenden und wie wir moderieren. Vielleicht nimmst auch du etwas mit für dein nächstes Remote Meeting oder Home Office Tag.
Termine, Inhouse, Remote-Buchung
Hier kannst du buchen.
Vor Ort: Unsere Vor Ort Schulungen beginnen normalerweise am ersten Tag um 9:00 Uhr und enden am letzten Tag um 16:30 Uhr. Die genauen Start- und Endzeiten findest du, wenn du auf einen Termin klickst.
Remote: Unsere öffentlichen Remote Schulungen finden in der Regel über 6 halbe Tage am Vormittag von 9 bis 13 Uhr statt.
Andere Variationen sind natürlich auch sehr flexibel umzusetzen und können gerne gemeinsam erarbeitet werden.
Workshops.DE