Webentwicklung mit React and Typescript

Golem.de

Der Online-Workshop der Golem Akademie behandelt die Grundlagen und Best Practices von React, in Kombination mit Typescript.

Vielen Dank für Ihre Buchung. sie erhalten in Kürze eine Auftragsbestätigung.

React ist eine Open-Source-JavaScript-Bibliothek von Facebook, mit der Entwickler*innen User-Interfaces in HTML erstellen können. React allein ist allerdings nur ein kleiner Bestandteil einer komplexen Single Page Application (SPA) und wird oft mit anderen Bibliotheken wie Redux kombiniert. Seit 2019 ist das Konzept der "Hooks" als weiterer Bestandteil des React-Ökosystems eingeführt worden, welches eine deutlich angenehmere Strukturierung und Wiederverwendbarkeit von fachlicher Logik ermöglicht.Der Einstieg ist relativ einfach und ermöglicht auch Anfänger*innen schnelle Ergebnisse. Für komplexere Anwendungen sind allerdings oftmals die Auswahl und Kombination der richtigen Pakete und das Aufsetzen einer Architektur sehr wichtig. Oft im direkten Vergleich stehen Angular und Vue, welche sich beide auf einen eher ganzheitlichen Ansatz abgestimmter Komponenten fokussieren, jedoch teilweise dadurch auch schwergewichtig wirken. React hingegen ist ein sehr flexibler Lego-Baukasten der individuell zusammengestellt werden kann. In diesem Workshop fokussieren wir uns auf die Konzepte und Best Practices von React, des weiteren auf Besonderheiten der Architektur wie der Unidirectional Data Flow und der Virtual DOM. Wir nutzen React in Verbindung mit TypeScript, da sich diese Kombination für Projekte gerade im Enterprise-Bereich erfolgreich etabliert hat. Die Vorteile sind eine deutlich wartungsfreundlichere Code-Base und langfristig schnellere Zusammenarbeit. Der Workshop wird über 5 halbe Tage online per Videokonferenz durchgeführt. Die praktische Zusammenarbeit findet im virtuellen Klassenzimmer von Workshops.DE statt. Entsprechende Zugangsdaten erhalten Sie rechtzeitig vor dem Termin. <h2>Inhalte</h2>Javascript und JSX Grundlagen<ul><li>ES2018 / ES2019 Einführung</li><li>Scoping mit var/let/const</li><li>Fat Arrow Functions</li><li>this im Detail</li><li>Klassen</li><li>Funktionen höherer Ordnung</li><li>Promises (Asynchronität)</li><li>Fehlerbehandlung bei Asynchronität</li><li>Destructuring</li><li>TypeScript Logo</li></ul>Grundlagen TypeScriptWir starten mit einer kurzen Einführung in TypeScript (ca. 3 Stunden). Dort lernen wir die Grundlagen für den anschließenden React-Teil.<ul><li>Unterschiede zu ES6</li><li>Fat Arrow</li><li>Typen</li><li>Decorators/Annotationen</li><li>Modul-System</li><li>Interfaces</li><li>Generics</li><li>Compiler-Konfiguration</li><li>JSX</li></ul>React - GrundlagenWas ist React und wie nutze ich es richtig?<ul><li>Komponenten</li><li>Einführung in JSX / JSX-Fallstricke</li><li>Aufsetzen von Applikationen mit Create React App und Webpack</li><li>Props &amp; States</li><li>Virtual DOM - Grundlagen</li><li>Lifecycle von Komponenten</li><li>Hooks in React</li><li>JSX</li></ul>React in der PraxisWir bauen eine komplette React-Applikation mit Build-Prozess, Routing, Formularen und API-Zugriff.<ul><li>Daten via API von einem Backend abfragen</li><li>Übersicht über Flux, Redux, MobX</li><li>Vertiefung und Anwendung von Redux</li><li>Routing mit dem React Router</li><li>Formularerstellung und -validierung</li><li>Universal React (serverseitig rendern)</li><li>Best Practices für Performance und Wartbarkeit</li><li>Testen von Komponenten</li></ul><h2>KPIs</h2>Du erlernst die Grundlagen von TypeScript und React anhand praktischer Beispiele.Du kennst Lösungen und Alternativen für verschiedene Use-Cases, Best Practices, Testing und Wartbarkeit.<h2>Voraussetzungen</h2>Voraussetzung zur Teilnahme sind grundlegende Kenntnisse des Webs, HTML und CSS. Weiterhin sollten solide Kenntnisse in mindestens einer Programmiersprache bestehen. Der Workshop wird in deutscher Sprache durchgeführt. Die Teilnehmenden benötigen eigene PCs mit dem Betriebssystem ihrer Wahl.EckdatenZielgruppe: Softwareentwickler*innen, Softwareingenieure*innen | Dauer: 5 halbe Tage | Trainer: Thomas Scharke | Online-Seminar | Teilnehmerzahl: 6-12Sollte der Workshop aufgrund Krankheit, höherer Gewalt oder zu geringer Teilnehmerzahl nicht durchgeführt werden können, informieren wir die Teilnehmer schnellstmöglich. Der Ticketpreis wird in dem Fall erstattet.

Unsere {communityGuidelinesLink} beschreiben die Art von Inhalten, die wir auf Eventbrite verbieten. Wenn du vermutest, dass ein Event einen Verstoß darstellt, kannst du uns dies melden, damit wir der Sache nachgehen können.

Wenn du verbotene oder illegale Inhalte anderer Kategorien melden möchtest, nutze zur Einreichung bitte {link}

Der Ticketverkauf ist beendet

Webentwicklung mit React and Typescript

Weitere Events von Golem.de

Entdecke weitere Events von Golem.de, von Wissenschaft und Technik bis hin zu anderen Erlebnissen, die dir gefallen könnten.

Noch auf der Suche nach dem richtigen Event?

Entdecke alle Online-Events und filtere nach Datum, Kategorie und mehr.

Der Ticketverkauf ist beendet

Webentwicklung mit React and Typescript

Weitere Events von Golem.de

Entdecke weitere Events von Golem.de, von Wissenschaft und Technik bis hin zu anderen Erlebnissen, die dir gefallen könnten.

Das könnte dir auch gefallen...

Stöbere durch weitere Events mit verschiedenen Daten, Preisen und Formaten, um dein nächstes tolles Erlebnis zu finden.

Noch auf der Suche nach dem richtigen Event?

Entdecke alle Online-Events und filtere nach Datum, Kategorie und mehr.