Moderne Webentwicklung und Frontend-Architektur
Intensiv Schulung

Termin anfragen
Flexibel oder Inhouse
Moderne Webentwicklung und Frontend-Architektur Schulung/Seminar/Workshop
Der beste Weg mit Moderne Webentwicklung und Frontend-Architektur zu starten
Öffentliche Schulung
2 - 4 Tage
0 Termine
Vor Ort, als auch Remote
inkl. Teilnahme Zertifikat
Inhouse Schulung
Individuell
Flexibel vereinbar
Vor Ort, als auch Remote
inkl. Teilnahme Zertifikat
Deutsch/Englisch möglich
Consulting
Individuell
Flexibel vereinbar
Vor Ort, als auch Remote

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

Über Moderne Webentwicklung und Frontend-Architektur

Moderne Webanwendungen sind deutlich mehr als sie noch vor 10 Jahren waren. In dieser Schulung geben wir euch einen Überblick in diese Welt mit vielen praktischen Beispielen die du selber direkt umsetzten kannst. Von einfachen Definitionen wie NPM(Node Package Manager) oder SPA(Single Page Application) bis hinzu Meta-Organisation eurer Software als Micro-Frontends in Monorepo-Style - hier bekommt ihr den Überblick um für eure aktuellen und zukünftige Projekte fundierte Architektur-Entscheidungen zu fällen.

Wir gehen hierbei ebenso auf die verschiedenen Vor- und Nachteile der gängigen Frontend-Frameworks wie Angular, React und VueJS ein. Jedes dieser Frameworks ist in verschiedenen Projektsetups die richtige Wahl - wir zeigen euch die Stärken und Auswahlkriterien.

Ist dieser Kurs für Dich?

Für Entscheider:innen:

  • Du planst gerade ein neues Projekt? Welches Framework und Architektur macht euch langfristig schnell in der Entwicklung. Wir verkürzen die Evaluationsphase.
  • Spare Kosten. Kennst Du die Studie der Standish Group? Fehler ganz am Anfang eines Projektes sind die teuersten. Wir helfen Dir, diese zu vermeiden.
  • Bleibe am Ball mit Deiner Firma - die Entwicklungszyklen werden kürzer. Immer mehr vollwertige Applikationen entstehen im Web. Wir zeigen dir wie!
  • Spare Zeit! Moderne Webanwendungsentwicklung ist ein komplexes Feld. Mit dem richtigen Einstieg kannst du einige Monate Arbeit deiner Teams sparen und den Fokus direkt richtig legen.
  • Und noch einmal Zeit. Webnwendungsentwicklung ist ein sehr dynamisches neues Thema. Es fehlen die Bücher, in denen steht, welche Fehler Du unbedingt vermeiden solltest. Lerne aus unseren Fehltritten der letzten Jahre.

Für Entwickler:innen:

  • Erschlagen durch die gefühlt täglich neuen Hypes und Frameworks? Mit den richtigen Grundlagenwissen ist der Überblick und die Bewertung viel leichter.
  • Vergeude nicht Deine Lebenszeit damit, Dir Informationen über Wochen zusammenzusuchen, wenn es doch auch in wenigen Tagen geht.
  • Nicht jeder lernt am besten aus Büchern. Lernen darf interaktiv sein und auch Spaß machen. Außerdem kannst Du Dich mit anderen Teilnehmern vor Ort austauschen.
  • Steigere Deinen Wert als Entwickler:in. Die Entwicklung verschiebt sich immer mehr in Richtung Frontend. Sei nicht irgendwann überflüssig.
  • Im Kurs kannst Du die Fragen stellen, die Du nur schlecht googlen kannst, z.B. “Besserer Weg, um meine Applikation zu strukturieren”. Wir können sie Dir beantworten.

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

Moderne Web Entwicklung

  • Historie
  • HTML5 als Plattform
  • Moderne Browser-APIs und Features
  • Responsive Web Design
  • Modernisierung der Web Entwicklung
  • SEO
  • Rechtliches und Lizenzen
  • OpenSource
  • Security

Thin Client → Fat Client

  • Transition von Backend nach Frontend
  • Konzepte von Web Anwendungen
  • SPA, PWA, JAMStack
  • Vergleich: Aktuelle Frameworks

Accessibility (A11Y)

  • WCAG
  • Gesetzliche Vorgaben
  • Zielgruppe von A11Y
  • Aspekte und Richtlinien
  • Tools

Projekt Struktur und Tooling

  • Konzepte
  • Bundler
  • Testing
  • Statische Code Analyse
  • Tooling Browser-Kompatibilität
  • Tooling Performance Optimierung
  • Debugging
  • Hosting
  • Backend Schnittstellen

Performance

  • Puzzleteile der Performance
  • V8
  • Ressourcen
  • Critical Rendering Path
  • Pixel Pipeline
  • Caching
  • Event Loop
  • APIs

Typische Fragen, die wir beantworten

  • Wie strukturiere ich meine Anwendung, damit ich langfristig eine wartbare Basis meines Quellcodes habe?
  • Welche Vorteile haben Micro-Frontends und Monorepos?
  • Wie kann ich eine eigene Bibliothek aus wiederverwendbaren Basis-Komponenten erstellen?
  • Wie stelle ich eine gute Performance in großer Anwendungen sicher?
  • Wie schneide ich in meinem Projekt die Module und welche technischen Möglichkeiten habe ich Module zwischen Projekten zu teilen?
  • Wie deploy ich meine Anwendung in meine bestehende Infrastruktur (Java/.NET/etc) ?
  • Wie debugge ich meine bereits minifizierte Anwendung in Production?
  • Wie migriere ich meinen Monolithen Stück für Stück auf eine SPA?
  • Welche fertigen Komponenten-Bibliotheken gibt es für meine typischen Anwendungen?
  • Welche Möglichen der Authentifizierung habe ich und wie implementiere ich diese?
  • Wie passe ich den Build-Prozess für meine Anfordernungen an?
  • 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

Dieser Kurs hat keine besonderen Voraussetzungen.

Die Meinung unserer Teilnehmer:innen zählt.

Nach jeder Moderne Webentwicklung und Frontend-Architektur Schulung bitten wir unsere Teilnehmer:innen um Feedback. Aus insgesamt 1209 abgegeben Bewertungen erreichen wir aktuell eine durchschnittliche Bewertung von 4.7 Sternen.

Alle Bewertungen anzeigen
Illustration eines/einer Teilnehmer:in Moderne Webentwicklung und Frontend-Architektur
Anonym
Remote,

Trotz Vorwissen in einigen Bereichen (hohes / tiefes Level) dennoch unterschiedlichste Dinge mitgenommen.

Illustration eines/einer Teilnehmer:in Angular Advanced
Anonym
Remote,

Gerne wieder :)

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

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

Illustration eines/einer Teilnehmer:in Angular & TypeScript
Anonym
Remote,

Viel gelernt und kann jetzt Angular selbst anwenden.

Illustration eines/einer Teilnehmer:in Angular & TypeScript
Anonym
Remote,

Hat mich weiter gebracht!

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

Termine & Inhouse-Buchungen

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

Moderne Webentwicklung und Frontend-Architektur Inhouse 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.