How not to lose your job to AI

Whilst a lot of news shows and arti­cles on the inter­net talk about var­i­ous AI ser­vices in rela­tion to job secu­ri­ty, it’s nor­mal to ques­tion this idea. AI remains a ‘black box’ for most peo­ple how­ev­er it has many use­ful applications.
In this talk, we will look into the fun­da­men­tals of AI, what pos­si­bil­i­ties it holds, and what risks it implies as well as some appli­ca­tions. Finally,I will share some ideas on how we can make our­selves more valu­able pro­fes­sion­al­ly and (spoil­er alert!) how to get start­ed with AI.

Accessibility und Web Components

Mit dem Web Com­po­nents Stan­dard lassen sich wiederver­wend­bare und frame­work-neu­trale UI Kom­po­nen­ten bauen.
Damit wird aber auch Acces­si­bil­i­ty ein The­ma. Das Web ist berühmt für die zahlre­ichen A11Y-Fea­tures, die Entwickler*innen an die Hand bekom­men um ihre Anwen­dun­gen Bar­ri­erearm zu gestalten.
Allerd­ings gibt es bei Web Com­po­nents den­noch einige Hür­den und Beson­der­heit­en zu beachten.
Die neue Spez­i­fika­tion “Acces­si­bil­i­ty Object Mod­el” dient unter anderem dazu, bessere Möglichkeit­en für Acces­si­bil­i­ty bei Web Com­po­nents zu ermöglichen. Die Spez­i­fika­tion ist aber aktuell noch ein Draft und noch nicht bre­it in Browsern unterstützt.

In diesem Vor­trag möchte ich einige Her­aus­forderun­gen beim Entwicklen von Web Com­po­nents hin­sichtlich A11Y beschreiben, zeigen wie diese mit aktuellen Mit­teln ange­gan­gen wer­den kön­nen und einen Aus­blick auf die zukün­ftige Acces­si­bil­i­ty-Object-Mod­el-Spez­i­fika­tion geben.

Workshop: Hybride React-Applikationen mit Next.js

Next.js bringt Client und Serv­er näher zusam­men und ergänzt React um einige sehr wertvolle Fea­tures. Mit Next.js kön­nen Sie voll­w­er­tige App­lika­tio­nen aus ein­er Hand entwick­eln, da es sowohl die Client- als auch die Ser­ver­seite abdeckt. Mit dieser Kom­bi­na­tion kön­nen Sie sehr schnell entwick­eln, sind jedoch nicht auf das beschränkt, was Ihnen Next.js bietet. So haben Sie client­seit­ig die volle Flex­i­bil­ität, die Ihnen React bietet, und kön­nen ser­ver­seit­ig auf den gesamten Funk­tion­sum­fang von Node.js zurück­greifen. In diesem Work­shop entwick­eln wir gemein­sam eine voll­w­er­tige App­lika­tion mit Front- und Back­end und behan­deln dabei zahlre­iche Anforderun­gen, die Sie auch an eine reale App­lika­tion stellen wie beispiel­sweise Authen­tifizierung, Daten­ma­nip­u­la­tion und die Inte­gra­tion ein­er Kom­po­nen­ten­bib­lio­thek. Sie ler­nen jedoch auch Next.js-spezifische Lösun­gen wie Serv­er Side Ren­der­ing, Sta­t­ic Site Gen­er­a­tion und Serv­er Com­po­nents und ihre jew­eili­gen Ein­satzge­bi­ete kennen.
Am Ende dieses Work­shops ver­fü­gen Sie über Ihre eigene Next.js-Applikation und wis­sen, wie Sie diese ein­set­zen und erweit­ern kön­nen, sodass dem pro­duk­tiv­en Ein­satz des Frame­works nichts mehr im Wege steht.

Workshop: Domänenmodellierung mit TypeScript

Mod­erne kol­lab­o­ra­tive Meth­o­d­en wie Event-Storm­ing brin­gen Fach­leute und Entwick­lung­steams zusam­men. “Domain Mod­el­ling” geht noch einen Schritt weit­er und ermöglicht gemein­same Arbeit am Code. In diesem Work­shop kön­nt Ihr es “hands-on” erproben. Unser PO erk­lärt die Fach­lichkeit und wir erar­beit­en uns ein gemein­sames Ver­ständ­nis im Event-Storm­ing. Anschließend mod­el­lieren wir die Domäne mith­il­fe des Type­Script-Typ­sys­tems. Das erzwingt Invari­anten bere­its zur Com­pilezeit und Fach­leute kön­nen direkt Feed­back zum Code zu geben. Ziel des Work­shops ist es, nicht nur das Type­Script-Typ­sys­tem zur Mod­el­ling zu ver­wen­den, son­dern auch die Kom­mu­nika­tion mit POs, Kun­den und anderen Fach­ex­perten zu üben!