Johannes Hoppe
Angular.Schule
Angular.Schule
Heidelberg, Germany
Actions
Johannes Hoppe is a Google Developer Expert (GDE) for Angular, author of the German "Angular" book and a passionate speaker. He works as a software architect and consultant for Angular. Together with Ferdinand Malcher he established the Angular.Schule company. Johannes is head of the Angular Meetup in Heidelberg.
Johannes Hoppe ist Google Developer Expert (GDE) für Angular und Autor des Buchs „Angular“ im dpunkt.verlag. Er arbeitet als Software-Architekt und Berater für Angular. Zusammen mit Ferdinand Malcher hat er die Angular.Schule gegründet. Johannes organisiert das Angular Meetup in Heidelberg.
Area of Expertise
Die rekursive Zaubershow: Schwarze Magie mit RxJS
Als wäre RxJS nicht schon verhext genug – lassen Sie es uns mit einem der gefürchtetsten Patterns der Softwareentwicklung kombinieren: REKURSION! Aber keine Angst: Dazu müssen wir keinen Pakt mit teuflisch verschachtelten Schleifen eingehen, denn der "expand"-Operator kommt zu Hilfe!
In diesem Talk tauchen wir tief ab in die Magie von "expand". Wir sprechen über Higher-Order Observables, zauberhafte Flattening-Operatoren und ein rekursives "mergeMap" – was auch immer das bedeuten mag. Nach unserer Show können Sie sicher mit Higher-Order Observables umgehen und die Operatoren gezielt einsetzen. Bühne frei für rekursiven Code, schwarze Magie und eine mysteriöse Paging-Web-API!
TypeScript überall: Eine Einführung in Nest.js
Sie mögen sauberen und organisierten Code? Sie kennen Node.js und Express? Wir zeigen Ihnen, wie Sie mit Ihren bestehenden Skills für Frontend und Backend moderne Web-APIs bereitstellen. Nest.js ist das fehlende Puzzleteil zur Entwicklung von Full-Stack-Webanwendungen mit TypeScript! Das Framework nutzt bewährte Bausteine wie die Code-Struktur von Angular, eine komfortable CLI, Dekoratoren, Dependency Injection und natürlich TypeScript. Klingt gut? Ist es auch! Wir zeigen, warum Nest.js so viel Spaß macht, und beleuchten am Beispiel von Angular auch das Zusammenspiel von Client und Server. Anschließend steht unser erstes Projekt, und Sie können anhand des Demo-Codes gleich weiter arbeiten.
Auf das Tooling kommt es an: Mit automatischen Regeln zu konsistentem Code
Stellen Sie sich ein Orchester vor, in dem jeder macht, was ihm gefällt... das wäre furchtbar! Teamarbeit ist wichtig – und so sollte auch ein Entwicklerteam Regeln und Konventionen für Codestil und Arbeitsabläufe aufstellen. Denn was für den musikalischen Erfolg entscheidend ist, gilt auch für die Softwareentwicklung: Wenn sich alle an die Regeln halten, entsteht ein harmonisches Gesamtkunstwerk.
In diesem Vortrag zeigen wir Ihnen, mit welchen Werkzeugen Sie die Einhaltung von Regeln und Konventionen in Ihrem Angular-Projekt durchsetzen können. Tools wie Prettier, TSLint und Commitlint helfen uns dabei. Sein Sie dabei und genießen Sie die Harmonie beim Programmieren!
Die Single-Page-Anwendung und der Server: Eine Einführung in Server-Side Rendering mit Angular
Single-Page-Anwendungen mit einem Framework wie Angular, React oder Vue.js haben ein konzeptionelles Problem: Der JavaScript-Code wird in einer einzigen "leeren" HTML-Seite ausgeführt.
Suchmaschinen wie der GoogleBot führen zwar auch JavaScript aus, aber wir wissen nie, wie zuverlässig das tatsächlich funktioniert. Im Zweifel sehen die Suchmaschinen eine leere Seite – und SEO wird so gut wie unmöglich. Auch die User Experience leidet: Bevor der Nutzer mit der Anwendung interagieren kann, muss der Code heruntergeladen und gerendert werden. Das verlängert die Ladezeit und frustriert.
In diesem Vortrag dreht sich alles um die Ideen und Konzepte von Server-Side Rendering mit dem Webframework Angular. Wir besprechen drei Lösungsansätze und zeigen praktisch, wie eine bestehende Angular-Anwendung in wenigen Schritten zur vollwertigen server-gerenderten App wird.
Angular: Einstieg in State Management mit NgRx
Bei großen Apps verlangt Angular nach architektonischen Entscheidungen. Sie sollten u.a. definieren, wie Daten in Ihrer Anwendung (der State) verwaltet werden. In diesem Workshop vermitteln wir Ihnen, wie Sie ein professionelles State Management mit dem Framework NgRx realisieren. Neben einer Einführung in Redux erwartet Sie ein praktischer Hands-On-Workshop mit vielen Tipps, Beispielen und Best Practices. Der Kurs richtet sich an Einsteiger in NgRx/Redux, die aber schon Erfahrung in Angular haben. Zum Ende des Workshops kennen Sie die Möglichkeiten des Frameworks und können NgRx sicher in Ihren eigenen Projekten einsetzen.
Alles im Strom: Reaktive Programmierung mit RxJS
In einer anspruchsvollen Webanwendung interagieren alle Bausteine miteinander. Daten sind im ständigen Fluss – die herkömmliche prozedurale Programmierung stößt hier an Ihre Grenzen. Daher setzen Frameworks wie Angular oder Vue.js stark auf die Möglichkeiten der Reactive Extensions for JavaScript (RxJS).
In diesem Workshop nehmen wir Sie mit auf eine Reise durch die Welt der reaktiven Datenströme. Lernen Sie die Konzepte von Observables, Operatoren und Subjects kennen, und üben Sie alle Bausteine und Anwendungsfälle am praktischen Beispiel. Der Workshop basiert auf vielen vorbereiteten Demos, an denen Sie im Kurs und in der Nacharbeit Ihre Fähigkeiten mit RxJS erweitern und festigen können.
#### Lernziele:
- Das Konzept der reaktiven Programmierung verstehen und für reale Problemstellungen anwenden können
- Observables und Subjects gezielt einsetzen
- RxJS-Operatoren und ihre Besonderheiten kennen und richtig anwenden können
Der Workshop besteht aus vielen vorbereiteten Übungen, die wir aus dem täglichen Praxisleben mitbringen. Alle gelernten Aspekte lassen sich auf große Single-Page-Frameworks wie Angular, React und Vue.js übertragen, sodass Sie nach dem Workshop direkt loslegen können.
Themen (unter anderem):
- Konzept der reaktiven Programmierung
- Observables
- Operatoren
- Multicasting mit Subjects
- Error Handling
- Merging
- Higher-Order Observables und Flattening-Operatoren
- komplexere Anwendungsfälle: Typeahead-Suche, Drag&Drop
#### Vorkenntnisse:
Sie sollten über Grundlagenwissen zu modernem JavaScript (ECMAScript 2015) verfügen. Erste Kontakte mit RxJS sind von Vorteil, aber nicht erforderlich. Es wird eine Angular-Anwendung verwendet, die Funktionsweise von RxJS ist aber unabhängig von eingesetzten Web-Framework.
Johannes Hoppe
Angular.Schule
Heidelberg, Germany
Actions
Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.
Jump to top