Berger Software Engineering
Workshop Logo

Web-Entwicklung Grundlagen

Lernen Sie die Grundlagen von HTML, CSS, JavaScript, TypeScript und erkunden Sie moderne Frameworks und Webentwicklungstechniken, einschließlich PWA, Hybrid-Apps und serverseitigem Rendern. Nach Abschluss der Workshops sind Sie bereit, Websites und Web-Anwendungen zu erstellen.

Level
Anfänger
Dauer
3 Tage oder 6 halbe Tage
Voraussetzungen
Veranstaltungsort
Remote
Vor Ort

Für wen ist dieser Workshop geeignet?

Junior-Entwickler
Backend-Entwickler, die in die Frontend-Entwicklung einsteigen möchten

Workshop Agenda

icon

Einführung

  • Wie funktioniert ein Browser?
  • Das Client-Server-Modell
icon

HTML-Grundlagen

  • Was ist HTML?
  • Document Object Model (DOM)
icon

CSS-Grundlagen

  • Was ist CSS?
  • Wie funktioniert CSS?
icon

JavaScript lernen

  • Was ist JavaScript?
  • Variablen und Datentypen
  • Kontrollstrukturen und Funktionen
icon

TypeScript Grundlagen

  • Was ist TypeScript?
  • Einrichten einer TypeScript-Umgebung
icon

Moderne Web-Frameworks

  • Überblick über moderne Web-Frameworks
  • Einführung in Angular
icon

Über die Grundlagen hinaus

  • Progressive Web Apps (PWA)
  • Hybridanwendungen
  • Moderne Rendering-Techniken: SSR, CSR, SSG

Beschreibung

Dieser Anfängerkurs bietet eine solide Einführung in die Webentwicklung und konzentriert sich auf die Kernbausteine des modernen Webs: HTML, CSS, JavaScript und TypeScript. Sie beginnen mit dem Erlernen, wie Browser funktionieren, mit einem Schwerpunkt auf dem Client-Server-Modell, um ein klares Verständnis dafür zu vermitteln, wie Webanwendungen kommunizieren und funktionieren.

Dann tauchen wir in HTML ein, um Webseiten zu strukturieren, in CSS, um sie zu gestalten, und in JavaScript, um Interaktivität hinzuzufügen. Sie erhalten auch einen Einblick in TypeScript, das JavaScript mit Typsicherheit verbessert und Ihren Code robuster und wartbarer macht.

Neben dem Meistern dieser grundlegenden Technologien enthält der Kurs einen Einblick in moderne Frameworks wie Angular. Wir werden auch fortgeschrittene Webentwicklungskonzepte erkunden, einschließlich Progressive Web Apps (PWA), Hybridanwendungen (die Webanwendungen in mobile oder Desktop-Apps umwandeln) und verschiedene Renderstrategien wie Server-Side Rendering (SSR), Client-Side Rendering (CSR) und Static Site Generation (SSG).

Am Ende dieses Kurses haben Sie eine solide Grundlage in der Webentwicklung und ein Verständnis für die modernen Tools und Technologien, die das Web heute antreiben.

Takeaways

Nach Abschluss der Workshops sind Sie in der Lage:

  • Verstehen, wie Browser arbeiten und das Client-Server-Modell.
  • Schreiben Sie grundlegendes HTML, CSS und JavaScript, um interaktive Webseiten zu erstellen.
  • Verwenden Sie TypeScript, um JavaScript mit Typsicherheit zu verbessern.
  • Erhalten Sie einen Überblick über moderne Web-Frameworks, einschließlich Angular.
  • Progressive Web Apps und Hybridanwendungen kennen
  • Kennen von verschiedenen Render-Techniken wie SSR, CSR und SSG.

Was ist inbegriffen?

  • Hochwertige Materialien mit einer Mischung aus Theorie und Übungen.
  • Viele Best Practices aus meinen Enterprise-Projekten.
  • 8 Stunden Follow-up-Coaching und Beratung nach dem Workshop. Termine und Zeiten können individuell vereinbart werden. Gilt nur für In-House Workshops
  • Lebenslanger Zugriff auf die Workshop-Materialien
  • Praktische Übungen, Live-Coding und Q&A-Sitzungen
  • Teilnahmezertifikat

FAQ zu meinen Workshops

Meine Workshops konzentrieren sich hauptsächlich auf Webentwicklung und Softwarearchitektur. Ich lege Wert auf reaktive Programmierung und architektonische Muster. Angular ist mein Framework der Wahl, da es sich hervorragend für die meisten Unternehmensprojekte eignet.

In all meinen Workshops biete ich hochwertige Materialien, eine gut strukturierte Agenda und eine ausgewogene Mischung aus Theorie und Übungen. All dies wird kombiniert mit vielen Best Practices, die ich im Laufe der Jahre in Unternehmensprojekten bei meinen Kunden gesammelt habe.

Ja, natürlich! Ich komme gerne zu Ihrem Standort und biete Ihrem Team einen Workshop an. Schreiben Sie mir einfach und wir finden die perfekte Lösung für Sie. Ich arbeite jedoch remote-first und bin überzeugt, dass Remote-Workshops genauso effektiv sind wie Workshops vor Ort.

Anfänger-Workshops bieten grundlegende Kenntnisse und erfordern in der Regel keine oder nur wenig Vorerfahrung. Fortgeschrittene Workshops erfordern etwas Erfahrung mit dem Thema und sind detaillierter. Experten-Workshops sind für Personen gedacht, die viel Erfahrung mit dem Thema haben und tief in das Thema eintauchen möchten.

Neben dem Workshop selbst enthalten alle Workshop-Pakete 8 Stunden Follow-up-Coaching und Beratung. Dies kann für Code-Reviews, Architekturberatung oder jedes andere Thema verwendet werden, das Sie mit mir besprechen möchten.

High-Level Workshop Agenda

Um Ihnen ein besseres Gefühl dafür zu geben, wie meine Workshops organisiert sind, hier ein grober Überblick über eine typische Workshop-Agenda.

Bitte beachten Sie, dass die Agenda je nach Workshop und den Bedürfnissen der Teilnehmer variieren kann. Jedes Training ist einzigartig und ich bemühe mich, Ihnen das bestmögliche Erlebnis zu bieten.

09:00 - 10:30 Theorie & Übungen
10:30 - 10:45 Pause
10:45 - 12:15 Theorie & Übungen
12:15 - 13:00 Mittagspause
13:00 - 14:30 Theorie & Übungen
14:30 - 14:45 Pause
14:45 - 16:15 Theorie & Übungen

Nicht den passenden Workshop gefunden?

Keine Sorge, ich erstelle gerne einen maßgeschneiderten Workshop für Sie. Schreiben Sie mir einfach und wir finden die perfekte Lösung für Sie.

Weitere Leistungen

Neben hochwertigen Workshops biete ich eine Vielzahl anderer Leistungen an, um Ihnen und Ihrem Team zu helfen, in Ihren Projekten erfolgreicher zu werden.