Angular CDK - Eigene Komponenten erstellen (Workshop, DevSession)

Bei der Erstellung von Single-Page-Applikationen mit dem Web-Framework Angular generieren wir viele eigene UI-Komponenten. Um die Zeit und den Aufwand bei der Entwicklung zu sparen, werden oft externe Libraries (z.B. Angular Material), welche fertige Lösungen für wiederkehrende UI-Komponenten bereitstellen, in dem Projekt eingesetzt. Dabei kommt es oft dazu, dass die ein oder die andere Komponente nicht ganz den Anforderungen des Projektes entspricht. An dieser Stelle müssen die Entwickler eigene UI-Komponente bauen. Um das Erstellen eigener Komponente zu erleichtern, stellt das Angular-Team den Entwickler das Angular Component Dev Kit (Angular CDK) zur Verfügung. Angular CDK bietet uns zahlreiche Bausteine, um individuelle Komponenten zu erstellen.

In diesem Workshop schauen wir uns an, was alles in Angular CDK drin steckt und welche Möglichkeiten wir haben. Dabei werden wir neben den oft vorkommenden UI-Komponenten, wie z.B. Dropdown oder Dialogfenster, auch komplexere Komponenten, wie z.B. Drag&Drop-Komponente, selber mittels Angular CDK bauen.

Der Workshop ist an die Teilnehmer gerichtet, welche schon praktische Erfahrungen mit dem Web-Framework Angular gesammelt haben. Auf deinem Notebook solltest du NodeJS ab Version 10+ und Angular CLI in der Version 8 installiert haben.

Angular - Die typischen Anfängerfehler

Es ist allen bekannt, dass der Einstieg in das bekannte Frontend-Framework Angular nicht das einfachste ist. Die vielen Features, die uns Angular out of the box mitbringt, erschweren den Einstieg und verjagen die Motivation bei Neulingen. Um die Motivation beim Lernen von Angular beizubehalten, zeige ich in dieser Session typische Fehler, die viele Anfänger machen, und wie man diese vermeiden kann. Während der Session werde ich einige Best Practices erwähnen und zeigen. Bist du bereit, dein Einstieg in Angular zu erleichtern?

Angular - Wie erstelle ich Formulare?

In modernen Web-Applikationen sind Formulare unverzichtbar. Das Frontend-Framework Angular macht das Erstellen von Formularen, egal welcher Komplexität, durch Angular Forms sehr leicht. In dieser Session erkläre ich euch, wie die Formulare mittels Template-Driven Forms und Reactive Forms erstellt werden können. Dabei werden Unterschiede und Möglichkeiten der beiden Arten vorgestellt. Zusätzliche gebe ich euch einen Einblick in die Erstellung komplexer Formulare, wie z.B.: verschachtelte Formulare oder dynamisch generierte Formulare.

Einführung in Svelte

In der Welt der Frontend-Entwicklung haben sich heutzutage die drei Framework-Giganten Angular, React und Vue etabliert. Jeder der drei Riesen bringt mächtige Werkzeuge mit sich und erleichtert somit dem Entwickler die Umsetzung täglicher Aufgaben. Doch die mächtigen Werkzeuge der Framework-Giganten bringen gleichzeitig mehr Komplexität mit. Dadurch kann eine einfache UI-Komponente schnell sehr komplex werden. Das hat den Entwickler Rich Harris auf die Entwicklung von JavaScript-Framework Svelte gebracht. Svelte ermöglicht die Entwicklung von leichtgewichtigen, schnellen und weniger komplexen UI-Komponenten mittels HTML, CSS und JavaScript.

In dieser Session wird ein Einblick in das neue Framework gegeben. Dabei wird geschaut, was der Entwickler des Frameworks anders macht und wodurch die UI-Komponenten schneller und leichtgewichtiger sind.

NestJS - Serverseitige Anwendungen mit TypeScript

NestJS ist ein progressives Node.js Framework für das Erstellen von effizienten, skalierbaren und schnellen serverseitigen Applikationen. NestJS ist komplett mit TypeScript gebaut und kombiniert Elemente aus der objektorientierten, funktionalen und funktional-reaktiven Programmierung. Unter der Haube verwendet Nest robuste HTTP-Server Frameworks wie Express (Standard) und kann optional auch für die Verwendung von Fastify konfiguriert werden. Nest stellt eine Abstraktionsebene über gängige Node.js-Frameworks wie Express/Fastify bereit, jedoch stellt deren APIs auch direkt dem Entwickler zur Verfügung. Dadurch bekommen die Entwickler die Freiheit, die Module von Drittanbietern zu verwenden.

Ähnlich wie das Frontend-Framework Angular stellt Nest out-of-the-box eine Applikationsarchitektur bereit. Dies ermöglicht den Entwicklern produktiver und effektiver die Applikationen entwickeln.

In diesem Workshop werden die Grundlagen von NestJS angeschaut und direkt während der Entwicklung einer kleinen serverseitigen Anwendung angewendet.

JavaScript und/oder TypeScript-Grundkenntnisse sollen vorhanden sein. Ein eigener Laptop zum Mitmachen mit installiertem Git, Node.js (LTS Version oder neuer) und vernünftigem Code Editor.

Wie man Chaos in Strategie verwandelt – Business als Kunst von Krieg und Liebe

In diesem Talk geht es um die Kunst, inmitten von Druck, Unsicherheit und ständiger Veränderung Orientierung zu behalten.

Anhand eigener Erfahrungen aus IT, Kreativstudio und Unternehmertum zeigt der Speaker, wie man in komplexen Zeiten Klarheit findet, Haltung bewahrt und Teams nicht trotz, sondern durch das Chaos führt.

Ein Impuls für Gründer:innen, Kreative und Führungskräfte, die in dynamischen Systemen wirken und das Chaos als Verbündeten verstehen wollen.