Kategorie: 2022

Einstieg in Svelte — Bauen Sie die schnellsten Webanwendungen!

Svelte ist für viele Entwick­ler bish­er noch neu, ver­bre­it­et sich aber immer schneller. Auf den ersten Blick ist es anderen Kom­po­nen­ten­frame­works ähn­lich, und das ist gut so — gle­ichzeit­ig sind aber die Ansätze von Svelte für Reak­tiv­ität sowie zur Ver­wen­dung eines Com­pil­ers beson­ders leis­tungs­fähig und bieten im Ver­gle­ich die besten Resul­tate. Dieser ganztägige inter­ak­tive Work­shop hil­ft Ihnen, in die Entwick­lungsar­beit mit Svelte pro­duk­tiv einzusteigen. Sie begin­nen mit der Erstel­lung von Kom­po­nen­ten und ler­nen die Svelte-spez­i­fis­che Syn­tax und die Werkzeuge ken­nen. Weit­er­hin erzeu­gen Sie aus den Kom­po­nen­ten voll­ständi­ge Anwen­dun­gen und ver­wen­den Svelte Stores und Kon­texte für die Zus­tandsver­wal­tung sowie Svelte Kit für Rout­ing und Daten­di­en­ste. Mit der Inte­gra­tion von unab­hängi­gen Kom­po­nen­ten­bib­lio­theken, CSS-Fea­tures und Deploy­ment­de­tails wie SSR wird der Tag abgerun­det. Bitte erwarten Sie viele prak­tis­che Beispiele — Sie wer­den Zeit haben, alles selb­st auszupro­bieren und sich auf einen schnellen Start ins eigene Svelte-basierte Pro­jekt vorzubereiten!

Komponentenbau mit Svelte in der Praxis

Das Frame­work Svelte soll es ermöglichen, schlanke Kom­po­nen­ten und Anwen­dun­gen zu erzeu­gen — daher der Name. Zu diesem Zweck bietet es mehrere beson­dere tech­nis­che Mech­a­nis­men, die sowohl durch Ein­fach­heit als auch durch Leis­tungs­fähigkeit beein­druck­en. In dieser Präsen­ta­tion zeigt Oli die Nutzung der ver­schiede­nen Meth­o­d­en im Rah­men eines prak­tis­chen Pro­jek­ts. Dabei geht es sowohl um die Gestal­tung eigen­er Kom­po­nen­ten als auch um die Ein­bindung von Open Source Kom­po­nen­ten und Libraries, die ursprünglich nicht für Svelte erzeugt wur­den. Die Beispiele sind unter­schiedlich kom­plex und eine generelle Ein­führung in Svelte ist nicht das primäre Ziel, aber auch Ein­steiger wer­den etwas mit­nehmen können.

Saubere Microservices-Kommunikation mit CQRS und Event Sourcing

Die The­men CQRS und Event Sourc­ing wer­den oft primär als Aspek­te von Daten­ver­ar­beitung, ‑ver­wal­tung und ‑ablage gese­hen. Das ist nicht zu Unrecht oft die erste Per­spek­tive, da ein Microser­vices-Sys­tem mit Read Mod­els und Event Store offen­sichtlich ganz anders mit Dat­en umge­ht als bei der Ver­wen­dung ander­er Pat­terns. Gle­ichzeit­ig bewirkt allerd­ings Event Sourc­ing auch eine andere wichtige Änderung am Sys­tem: Kom­mu­nika­tion wird wesentlich vere­in­facht, da die Wege durch die organ­isierte Verteilung von Event-Infor­ma­tio­nen klar vorgeze­ich­net sind. In dieser Präsen­ta­tion zeigt Oliv­er die Vorteile von CQRS und Event Sourc­ing im All­ge­meinen auf, und geht beson­ders auf die pos­i­tiv­en Auswirkun­gen für geord­nete Kom­mu­nika­tion ein, von denen verteilte Dien­s­tumge­bun­gen profitieren.

Einstieg in die Funktionale Programmierung mit TypeScript und Remeda

Oft assozieren Entwick­lerin­nen und Entwick­ler Funk­tionale Pro­gram­mierung mit kom­plizierten akademis­chen Begrif­f­en. Das muss aber nicht sein! 

In diesem Talk lernt ihr, wie ihr mit ein­fachen Mit­teln große Effek­te erzie­len kön­nt. Ein paar Kniffe aus der Funk­tionalen Pro­gram­mierung genü­gen schon: Der Code wird les­bar­er und nerviges Debug­ging erhe­blich reduziert.

JavaScript und Type­Script bieten dazu einige Bib­lio­theken an, die den Ein­stieg erhe­blich erle­ichtern. Ins­beson­dere Reme­da kommt mit mod­er­nen Type­Script-Sup­port und stellt eine gut Wahl dar.

CSS Speed Run — von hop zu top an einem Tag

Seien wir mal ehrlich: Die meis­ten von uns hat­ten nie die Zeit sich inten­siv mit den grundle­gen­den Konzepten und Ideen von CSS zu beschäfti­gen — warum auch? Es gibt doch so tolle Bib­lio­theken wie Tail­wind, Boot­strap oder Mate­r­i­al Design, die uns vor­gaukeln als wären sie die Lösung aller gestal­ter­ischen Prob­leme im Fron­tend. Nur was nützt einem das aus­ge­fuch­stes Werkzeug mit zwei linken CSS Händen? 

Schluss damit, wir trainieren deine CSS Fer­tigkeit­en mit einem Speed Run durch die wichtig­sten Konzepte der Cas­cad­ing Style Sheets. Dieser Work­shop wird dir deinen Arbeit­sall­t­ag auf viel­er­lei Ebe­nen erle­ichtern: Sei es, dass du die CSS Hacks von Stack­Over­flow endlich ver­stehst, du dieses eine Fea­ture — für das deine Bib­lio­thek keine Lösung hat — endlich selb­st lösen kannst oder du grund­sät­zlich endlich Aus­rufe- statt Frageze­ichen beim The­ma CSS im Kopf hast.

Auf fol­gende The­men kannst du dich freuen

- Selek­toren und Kombinatoren
— Box-Mod­ell & Box-Sizing
— Die CSS Kaskade
— Nor­mal Doc­u­ment Flow and Dis­play Types
— Pseu­do-Ele­ments and Pseudo-Classes
— CSS Cus­tom Properties
— Flexbox
— Die Grund­la­gen des CSS Grid
— Tran­si­tions & Animationen

Ein Klagelied über falsche Vorstellungen und verschwendetes Potential — feat. MC Fachkräftemangel

Egal ob Arbeit­ge­ber oder Arbeit­nehmer, jed­er von uns ist direkt oder indi­rekt vom The­ma Fachkräfte­man­gel in der IT betrof­fen. Bei Unternehmen stag­niert das Wach­s­tum, bei Entwickler:innen laufen die Post­fäch­er durch Job­ver­mit­tler auf Busi­ness Plat­tfor­men über. Eine nicht ger­ade erfreuliche Sit­u­a­tion für alle also. Doch wie ist die Branche in die Sit­u­a­tion gekom­men und noch viel wichtiger wie kommt sie dort wieder her­aus? Wieso kom­men bish­erige Aus­bil­dungswege quan­ti­ta­tiv und auch qual­i­ta­tiv an ihre Gren­zen? Welche Möglichkeit­en der Fachkräfte Qual­i­fika­tion neuer Fachkräfte gibt es und welche Poten­ziale wer­den noch wenig aus­geschöpft und wieso?

Auf all diese Fra­gen und noch viel mehr wer­den Nico und Joe, auf Basis ihrer jahre­lan­gen Erfahrung in der Erwach­se­nen­fort­bil­dung, Antworten liefern.

Einstieg in das Testing von VueJS Applikationen

Das Ein­führen von neuen Tech­nolo­gien bringt meist einen ganzen Zoo an neuen Tools und Her­aus­forderun­gen mit sich. Daher muss pri­or­isiert wer­den und oft­mals fall­en The­men wie Test­ing hin­ten über. Dabei ist das The­ma Test­ing so essen­ziell wichtig, um Fehler frühzeit­ig zu erken­nen und Ärg­er und Stress zu ers­paren. Aber ger­ade in mod­er­nen Fron­tend-Architek­turen auf Basis von Vue­JS oder React, ist oft die Frage, was sollte ich testen und vor allem wie stelle ich das am besten an? 

In diesem Work­shop bietet dir Joe die Möglichkeit eine Ein­führung in das The­ma Test­ing für Vue­JS zu erhal­ten und Ein­blicke in fol­gende Lern­in­halte zu erhalten:

VueJS 2022 — Eine Einführung in den neuen Möglichkeiten von Vue 3

Vue­JS entwick­elt sich kon­tinuier­lich weit­er und hat ger­ade in diesem Jahr ein paar essen­zielle Verän­derun­gen, was die offiziellen Stan­dards ange­ht, durch­laufen. Anstelle von der Vue CLI wird cre­ate-vue emp­fohlen, Pina löst Vuex als State Man­age­ment Empfehlung ab und
Vitest erset­zt Jest als Basis Test­ing Frame­work. Dazu kom­men die Com­po­si­tion API und script Setup.

Ins­ge­samt eine kom­plett neue Arbeitsweise also, die mit Vue­JS nun möglich ist. In diesem Work­shop wirst du all diese neuen Werkzeuge ken­nen­ler­nen und anhand von prak­tis­chen Auf­gaben anwenden.

Lazy Loading: Die Superkraft der Performanz in Angular

Viele Angu­lar Anwen­dun­gen set­zen Lazy Load­ing ein. Lei­der wird oft das Konzept ’nur’ auf Angu­lar Mod­ule eingeschränkt, was die Per­for­manz eingeschränkt verbessert. Über diesen Anwen­dungs­fall hin­weg kön­nte man mehr mit Lazy Load­ing erre­ichen, erweit­ert auf Bilder, Kom­po­nen­ten, Ser­vices, Skripte oder auch CSS Dateien. Mit diesem Vor­trag gebe ich dir einen Überblick am Beispiel der Imple­men­tierung einiger Anwen­dungs­fällen über weit­ere Imple­men­tierungsarten der Lazy Load­ing in Angular.

How to a11y? — All you need to know about building accessible web content

Dur­ing this work­shop par­tic­i­pants will learn about the prin­ci­ples of web acces­si­bil­i­ty. Start­ing with an intro­duc­tion on the impor­tance of pro­vid­ing acces­si­ble web con­tent, we will look into the cur­rent web acces­si­bil­i­ty guide­lines and their prac­ti­cal appli­ca­tion by cov­er­ing var­i­ous aspects such as acces­si­ble design, usage of seman­tic HTML, key­board acces­si­bil­i­ty, build­ing rich acces­si­ble com­po­nents, and more.

This work­shop is suit­ed for web devel­op­ers new to the top­ic and/or those who are will­ing to broad­en their knowledge.

The goal of this work­shop is to pro­vide you with an overview of the top­ic of acces­si­bil­i­ty and equip you with the tech­niques to tack­le most com­mon acces­si­bil­i­ty pit­falls in your future projects.

The par­tic­i­pants must bring their own lap­top with a code edi­tor for HTML, CSS and JavaScript installed (e.g., Visu­al Stu­dio Code, Sub­lime Text, Web­Storm) and a work­ing Node.js installation.