<p><a href="https://mastodon.social/@sir_pepe/109856941965482875">Ein harmloser Trollversuch auf Mastodon</a> endet in einer stundenlangen Grundsatzdebatte zwischen Stefan und Peter.</p>
<hr><aside class="message long-message">
<h3>Unser Sponsor</h3>
<p><a href="https://workshops.de/workingdraft?ref=workingdraft.de"><img class="alignnone size-medium wp-image-3774" style="display: block; max-width: 500px; width: 100%; float: right; margin-bottom: 1rem; margin-left: 1rem;" src="https://workingdraft.de/wp-content/uploads/2022/12/Working-Draft-Banner.jpg" alt="" /></a></p>
<div class="message_content">
<p>Workshops.DE bietet IT-Schulungen für moderne Web-Entwicklung. Dabei arbeitet Workshops.DE nicht als reiner Vermittler, sondern bildet eine Community aus über 80 Trainer:innen, welche gemeinsam Material erstellen, sich gegenseitig unterstützen und weiterbilden, um möglichst nachhaltige und hochqualitative Weiterbildungsangebote zu schaffen.</p>
<p>Ein starker Fokus liegt hierbei auf den Frontend-Frameworks Angular, React und Vue. Neben diesen gibt es aber auch Weiterbildungen im Bereich Docker, Kubernetes und Spring Boot. Zum Netzwerk gehören ebenfalls die Community-Portale Angular.DE, ReactJS.DE und VueJS.DE.</p>
<p>Seid ihr auf der Suche nach einer qualitativen Weiterbildung im Bereich Web-Entwicklung oder möchtet euch selbst als Trainer:in einbringen? Dann seid ihr bei <a href="https://workshops.de/workingdraft?ref=workingdraft.de">Workshops.DE</a> genau richtig.</p>
</div>
</aside><hr>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:02:11] Design Patterns in der Webentwicklung</dt>
<dd>Inspiriert durch <a href="https://refactoring.guru/design-patterns/typescript">die zweifelhafte Aufstellung von Design Patterns durch den selbsterklärten Refactoring-Guru</a> sprechen wir über <a href="https://en.wikipedia.org/wiki/Software_design_pattern">Design Patterns!</a> Ausgehend vom <a href="https://www.amazon.de/Patterns-Elements-Reusable-Object-Oriented-Software/dp/0201633612">Buch-Klassiker „Design Patterns“</a> besprechen wir, was in JS/TS anders, und speziell beim Refactoring-Guru falsch läuft. Vor allem das <a href="https://refactoring.guru/design-patterns/singleton/typescript/example#lang-features">Singleton</a> und die <a href="https://refactoring.guru/design-patterns/decorator/typescript/example#lang-features">Decorators</a> bringen uns in Wallung. Wir eruieren, was die Programmiersprachen dieser Welt wirklich unterscheidet, debattieren Sinn und Unsinn von Klassen (sowie Legacy-Patterns wie das <a href="https://wiki.selfhtml.org/wiki/JavaScript/Tutorials/OOP/Module_und_Kapselung#Revealing_Module_Pattern">Revealing Module Pattern</a>) und stellen die Frage, ob das Builder-Pattern ein OOP Design Pattern ist … und ob nicht vielleicht eher React ein Design Pattern ist. Nachdem wir auf <a href="https://www.patterns.dev/">Patterns.dev</a> auch das Singleton wiederfinden, beenden wir entsetzt die Sendung.</dd>
</dl>


Ein harmloser Trollversuch auf Mastodon endet in einer stundenlangen
Grundsatzdebatte zwischen Stefan und Peter.


UNSER SPONSOR



Workshops.DE bietet IT-Schulungen für moderne Web-Entwicklung. Dabei…

Working Draft

Ein harmloser Trollversuch auf Mastodon endet in einer stundenlangen
Grundsatzdebatte zwischen Stefan und Peter.


UNSER SPONSOR



Workshops.DE bietet IT-Schulungen für moderne Web-Entwicklung. Dabei arbeitet
Workshops.DE nicht als reiner Vermittler, sondern bildet eine Community aus über
80 Trainer:innen, welche gemeinsam Material erstellen, sich gegenseitig
unterstützen und weiterbilden, um möglichst nachhaltige und hochqualitative
Weiterbildungsangebote zu schaffen.

Ein starker Fokus liegt hierbei auf den Frontend-Frameworks Angular, React und
Vue. Neben diesen gibt es aber auch Weiterbildungen im Bereich Docker,
Kubernetes und Spring Boot. Zum Netzwerk gehören ebenfalls die Community-Portale
Angular.DE, ReactJS.DE und VueJS.DE.

Seid ihr auf der Suche nach einer qualitativen Weiterbildung im Bereich
Web-Entwicklung oder möchtet euch selbst als Trainer:in einbringen? Dann seid
ihr bei Workshops.DE genau richtig.


SCHAUNOTIZEN

[00:02:11] DESIGN PATTERNS IN DER WEBENTWICKLUNG

Inspiriert durch die zweifelhafte Aufstellung von Design Patterns durch den
selbsterklärten Refactoring-Guru sprechen wir über Design Patterns! Ausgehend
vom Buch-Klassiker „Design Patterns“ besprechen wir, was in JS/TS anders, und
speziell beim Refactoring-Guru falsch läuft. Vor allem das Singleton und die
Decorators bringen uns in Wallung. Wir eruieren, was die Programmiersprachen
dieser Welt wirklich unterscheidet, debattieren Sinn und Unsinn von Klassen
(sowie Legacy-Patterns wie das Revealing Module Pattern) und stellen die Frage,
ob das Builder-Pattern ein OOP Design Pattern ist … und ob nicht vielleicht eher
React ein Design Pattern ist. Nachdem wir auf Patterns.dev auch das Singleton
wiederfinden, beenden wir entsetzt die Sendung.

Revision 567: Design Patterns in der Webentwicklung

<p>Gast <a href="https://twitter.com/drunknzombiecow">Nils Röhrig</a> berichtet über seine Erfahrungen mit <a href="https://www.redhat.com/de/topics/edge-computing/what-is-edge-computing">Edge Computing</a> mit <a href="https://kit.svelte.dev/">SvelteKit</a> und <a href="https://pages.cloudflare.com/">Cloudflare Pages</a>. Er spricht über Edge Computing und seine Auswirkungen auf die Webentwicklung. Im Detail wird er sich zusammen mit Vanessa mit SvelteKit und Cloudflare Pages befassen.</p>
<hr><aside class="message long-message">
<h3>Unser Sponsor</h3>
<p><a href="https://mittwald.de/workingdraft?ref=workingdraft.de"><img class="alignnone size-medium wp-image-3774" style="display: block; max-width: 350px; width: 100%; float: right; margin-bottom: 1rem; margin-left: 1rem;" src="https://workingdraft.de/wp-content/uploads/2023/03/Podcast_Banner_Mittwald_-Hosting_neu_gedacht_945x314px.jpg" alt="" /></a></p>
<div class="message_content">
<p>Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die Decke gehen, deine Seite bleibt immer rasend schnell.</p>
<p>mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur, benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting. Also, worauf wartest du? Geh jetzt auf <a href="https://mittwald.de/workingdraft?ref=workingdraft.de">mittwald.de/workingdraft</a> und buch dein erstes Projekt!<br />
</aside><hr>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:02:13] Edge Computing mit SvelteKit und Cloudflare Pages</dt>
<dd>Zuerst beschreibt Nils auf Edge Computing. Edge Computing bezieht sich auf die Verarbeitung von Daten und Berechnungen an der &#8222;Kante&#8220; eines Netzwerks, nämlich nahe am Benutzer oder Gerät. Dadurch können Latenzprobleme reduziert werden, da die Verarbeitung näher an der Quelle der Daten stattfindet. Durch Edge Computing können Webanwendungen schneller und zuverlässiger werden. Den Vorteil sieht Nils bei Anwendungen, die international aufgerufen werden.</dd>
<dd>Als nächstes widmet sich Nils dem Framework SvelteKit, das dem Compiler von <a href="https://svelte.dev/">Svelte</a> aufbaut. Weiter unten ist eine Revision verlinkt, bei der wir in der Vergangenheit bereits über Svelte und SvelteKit gesprochen haben.</dd>
<dd>Um Edge Computing mit einer in SvelteKit geschriebenen Applikation zu ermöglichen, benutzt Nils  Cloudflare Pages. Cloudflare Pages ist ein Hosting-Service für Webanwendungen, der auf der Cloudflare-Plattform basiert. Es bietet eine einfache Möglichkeit, statische oder dynamische Webanwendungen zu hosten und zu bereitstellen. Es gibt einen kostenfreien Testbereich. Interessant wird die <a href="https://developers.cloudflare.com/pages/platform/functions">Integration mit Cloudflare Workers</a>, die das Edge Computing ermöglichen.</dd>
</dl>
<h3>Links</h3>
<ul>
<li>Blogartikel: <a href="https://workingdraft.de/wp-admin/post-new.php">Setting up Cloudflare Pages with SvelteKit</a></li>
<li>App: <a href="https://living-on-the-edge-ecom-app.pages.dev/">Living on the edge</a></li>
<li>Code.talks 2022 &#8211; Living on the egde <a href="https://www.youtube.com/watch?v=nGfadGWyMjY&amp;list=PLmByTtq_jZj3k7bt0iUCjcj40wcannIca&amp;index=94">YouTube Video</a> und <a href="https://slides.com/nilsroehrig/living-on-the-edge-ct-webdev-22">Slides</a></li>
<li><a href="https://enterjs.de/veranstaltung-20010-0-web-apps-mit-svelte-ein-praktischer-einstieg.html">Svelte Workshop</a> mit Nils bei der enterJS im Juni</li>
</ul>
<h3>Passende Revisionen</h3>
<ul>
<li><a href="https://workingdraft.de/511/">Revision 511: Microfrontends bei REWE Digital</a> mit Nils Röhrig</li>
<li><a href="https://workingdraft.de/528/">Revision 528: Svelte und SvelteKit</a> mit <a href="https://www.uhlmann.pro/">Jon Uhlmann</a></li>
</ul>


Gast Nils Röhrig berichtet über seine Erfahrungen mit Edge Computing mit
SvelteKit und Cloudflare Pages. Er spricht über Edge Computing und seine
Auswirkungen auf die Webentwicklung. Im Detail wird er…

Gast Nils Röhrig berichtet über seine Erfahrungen mit Edge Computing mit
SvelteKit und Cloudflare Pages. Er spricht über Edge Computing und seine
Auswirkungen auf die Webentwicklung. Im Detail wird er sich zusammen mit Vanessa
mit SvelteKit und Cloudflare Pages befassen.


UNSER SPONSOR



Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie
wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die
Decke gehen, deine Seite bleibt immer rasend schnell.

mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und
Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur,
benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server
selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs
kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen
Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade
beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine
Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet
bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting.
Also, worauf wartest du? Geh jetzt auf mittwald.de/workingdraft und buch dein
erstes Projekt!



SCHAUNOTIZEN

[00:02:13] EDGE COMPUTING MIT SVELTEKIT UND CLOUDFLARE PAGES

Zuerst beschreibt Nils auf Edge Computing. Edge Computing bezieht sich auf die
Verarbeitung von Daten und Berechnungen an der „Kante“ eines Netzwerks, nämlich
nahe am Benutzer oder Gerät. Dadurch können Latenzprobleme reduziert werden, da
die Verarbeitung näher an der Quelle der Daten stattfindet. Durch Edge Computing
können Webanwendungen schneller und zuverlässiger werden. Den Vorteil sieht Nils
bei Anwendungen, die international aufgerufen werden.

Als nächstes widmet sich Nils dem Framework SvelteKit, das dem Compiler von
Svelte aufbaut. Weiter unten ist eine Revision verlinkt, bei der wir in der
Vergangenheit bereits über Svelte und SvelteKit gesprochen haben.

Um Edge Computing mit einer in SvelteKit geschriebenen Applikation zu
ermöglichen, benutzt Nils  Cloudflare Pages. Cloudflare Pages ist ein
Hosting-Service für Webanwendungen, der auf der Cloudflare-Plattform basiert. Es
bietet eine einfache Möglichkeit, statische oder dynamische Webanwendungen zu
hosten und zu bereitstellen. Es gibt einen kostenfreien Testbereich. Interessant
wird die Integration mit Cloudflare Workers, die das Edge Computing ermöglichen.


LINKS

 * Blogartikel: Setting up Cloudflare Pages with SvelteKit
 * App: Living on the edge
 * Code.talks 2022 – Living on the egde YouTube Video und Slides
 * Svelte Workshop mit Nils bei der enterJS im Juni


PASSENDE REVISIONEN

 * Revision 511: Microfrontends bei REWE Digital mit Nils Röhrig
 * Revision 528: Svelte und SvelteKit mit Jon Uhlmann

Revision 566: Edge Computing mit SvelteKit und Cloudflare Pages

<p>In dieser Revision hatten wir das Vergnügen, mit Marvin Hagemeister (<a href="https://marvinh.dev/">Web</a> / <a href="https://twitter.com/marvinhagemeist">Twitter</a> / <a href="https://infosec.exchange/@marvinh">Mastodon</a>) über JavaScript-Tooling und seine Erfahrungen auf diesem Gebiet zu sprechen. Marvin ist Entwickler bei <a href="https://www.shopify.com/">Shopify</a> vor allem durch seine Arbeit im Open-Source-Bereich bekannt, insbesondere bei <a href="https://preactjs.com/">Preact</a>, einem React-ähnlichen Framework. Er erzählte uns, dass er sich immer mehr für das gesamte JavaScript-Ökosystem und Tooling interessiert, was ihn entsprechend dazu gebracht hat, eine <a href="https://marvinh.dev/blog/speeding-up-javascript-ecosystem/">Blogpost-Serie</a> zu dem Thema zu schreiben. Und genau darüber wollten auch wir mit ihm sprechen.</p>
<hr><aside class="message long-message">
<h3>Unser Sponsor</h3>
<p><a href="https://www.factorial.io/de?ref=workingdraft.de"><img class="alignnone size-medium wp-image-3774" style="display: block; max-width: 350px; width: 100%; float: right; margin-bottom: 1rem; margin-left: 1rem;" src="https://workingdraft.de/wp-content/uploads/2022/02/FAC_Banner_workingdraft_v3.jpg" alt="" /></a></p>
<div class="message_content">
<p>Factorial ist eine Digitalagentur mit einem internationalen Team und dem Fokus auf Open Source Technologien, die für regionale und internationale Kunden Technologien entwickelt. Mit Kompetenzen im Bereich Development, Design und Projektmanagement treibt die Agentur die digitale Transformation ihrer Kunden voran. Zu den Anwendungsbereichen zählen unter anderem Hosting, Content Management, Qualitätssicherung, Automatisierung und die Integration heterogener Systemlandschaften.<br />
Mehr Infos zu den aktuellen Stellenausschreibungen <a href="https://www.factorial.io/de/jobs?ref=workingdraft.de">gibt es hier</a>.<br />
<a href="https://bit.ly/3tZJjHz?ref=workingdraft.de">In diesem Video</a> stellt unser Kollege Julian den Frontend Job bei Factorial vor.</p>
</div>
</aside><hr>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:02:04] Quo vadis Frontend-Tooling?</dt>
<dd>Anlass für Marvins Forschungen war die suboptimale Performance von JavaScript-Tools, insbesondere bei größeren Projekten, bei denen das Bauen und Testen von Code länger dauern kann &#8211; wie es z.B. bei Shopify der Fall ist. </p>
<p>Aktuell gibt es viele neue Tools, die in schnelleren Programmiersprachen wie Rust oder Go entwickelt werden, um die Leistung zu verbessern. Schnelle Tools halten wir für essenziell, da Langsamkeit den Arbeitsfluss und die Produktivität beeinträchtigen kann. Marvin sprach auch über seine persönlichen Erfahrungen mit schnellen Testframeworks und das er sich fragte, warum bestehende Tools nicht genau so schnell sind. Wir diskutierten die Größe von Projekten und wie viel die Programmiersprache zur Leistung beiträgt.</p>
<p>Ein weiterer Schwerpunkt unseres Gesprächs war der Wandel im JavaScript-Tooling-Universum. Bestehende Tools werden neu gedacht und oft in anderen Programmiersprachen als JavaScript entwickelt. Beispiele dafür sind der Nachfolger von Webpack, <a href="https://turbo.build/pack">TurboPack</a>, und <a href="https://esbuild.github.io/">ES-Build</a>, die in Rust bzw. Go geschrieben sind. Zusammen mit Marvin haben wir über die Auswirkungen dieser Entwicklungen auf das gesamte JavaScript-Ökosystem und die Industrie gesprochen und sinniert.</dd>
</dl>
<h3>Keine Schaunotizen</h3>
<dl>
<dt><a href="https://www.speedscope.app/">speedscope</a></dt>
<dd>Ein interaktiver Flamegraph-Visualisierer</dd>
<dt><a href="https://www.npmjs.com/package/patch-package">patch-package</a></dt>
<dd>Mit patch-package könnt Ihr nach dem Installieren lokale Korrekturen an npm-Paketen vornehmen.</dd>
</dl>


In dieser Revision hatten wir das Vergnügen, mit Marvin Hagemeister (Web /
Twitter / Mastodon) über JavaScript-Tooling und seine Erfahrungen auf diesem
Gebiet zu sprechen. Marvin ist Entwickler bei Sh…

In dieser Revision hatten wir das Vergnügen, mit Marvin Hagemeister (Web /
Twitter / Mastodon) über JavaScript-Tooling und seine Erfahrungen auf diesem
Gebiet zu sprechen. Marvin ist Entwickler bei Shopify vor allem durch seine
Arbeit im Open-Source-Bereich bekannt, insbesondere bei Preact, einem
React-ähnlichen Framework. Er erzählte uns, dass er sich immer mehr für das
gesamte JavaScript-Ökosystem und Tooling interessiert, was ihn entsprechend dazu
gebracht hat, eine Blogpost-Serie zu dem Thema zu schreiben. Und genau darüber
wollten auch wir mit ihm sprechen.


UNSER SPONSOR



Factorial ist eine Digitalagentur mit einem internationalen Team und dem Fokus
auf Open Source Technologien, die für regionale und internationale Kunden
Technologien entwickelt. Mit Kompetenzen im Bereich Development, Design und
Projektmanagement treibt die Agentur die digitale Transformation ihrer Kunden
voran. Zu den Anwendungsbereichen zählen unter anderem Hosting, Content
Management, Qualitätssicherung, Automatisierung und die Integration heterogener
Systemlandschaften.
Mehr Infos zu den aktuellen Stellenausschreibungen gibt es hier.
In diesem Video stellt unser Kollege Julian den Frontend Job bei Factorial vor.


SCHAUNOTIZEN

[00:02:04] QUO VADIS FRONTEND-TOOLING?

Anlass für Marvins Forschungen war die suboptimale Performance von
JavaScript-Tools, insbesondere bei größeren Projekten, bei denen das Bauen und
Testen von Code länger dauern kann – wie es z.B. bei Shopify der Fall ist.



Aktuell gibt es viele neue Tools, die in schnelleren Programmiersprachen wie
Rust oder Go entwickelt werden, um die Leistung zu verbessern. Schnelle Tools
halten wir für essenziell, da Langsamkeit den Arbeitsfluss und die Produktivität
beeinträchtigen kann. Marvin sprach auch über seine persönlichen Erfahrungen mit
schnellen Testframeworks und das er sich fragte, warum bestehende Tools nicht
genau so schnell sind. Wir diskutierten die Größe von Projekten und wie viel die
Programmiersprache zur Leistung beiträgt.

Ein weiterer Schwerpunkt unseres Gesprächs war der Wandel im
JavaScript-Tooling-Universum. Bestehende Tools werden neu gedacht und oft in
anderen Programmiersprachen als JavaScript entwickelt. Beispiele dafür sind der
Nachfolger von Webpack, TurboPack, und ES-Build, die in Rust bzw. Go geschrieben
sind. Zusammen mit Marvin haben wir über die Auswirkungen dieser Entwicklungen
auf das gesamte JavaScript-Ökosystem und die Industrie gesprochen und sinniert.


KEINE SCHAUNOTIZEN

SPEEDSCOPE

Ein interaktiver Flamegraph-Visualisierer

PATCH-PACKAGE

Mit patch-package könnt Ihr nach dem Installieren lokale Korrekturen an
npm-Paketen vornehmen.

Revision 565: Quo vadis Frontend-Tooling?

<p>Diese Woche war <a href="https://marcthiele.com/">Marc Thiele</a> mal wieder bei uns zu Gast und wir sprechen über Konferenzorganisation.</p>
<hr><aside class="message long-message">
<h3>Unser Sponsor</h3>
<p><a href="https://mittwald.de/workingdraft?ref=workingdraft.de"><img class="alignnone size-medium wp-image-3774" style="display: block; max-width: 350px; width: 100%; float: right; margin-bottom: 1rem; margin-left: 1rem;" src="https://workingdraft.de/wp-content/uploads/2023/03/Podcast_Banner_Mittwald_-Hosting_neu_gedacht_945x314px.jpg" alt="" /></a></p>
<div class="message_content">
<p>Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die Decke gehen, deine Seite bleibt immer rasend schnell.</p>
<p>mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur, benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting. Also, worauf wartest du? Geh jetzt auf <a href="https://mittwald.de/workingdraft?ref=workingdraft.de">mittwald.de/workingdraft</a> und buch dein erstes Projekt!</p>
</div>
</aside><hr>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:02:15] Konferenzorganisation</dt>
<dd>Diesmal schauen wir mal etwas genauer hinter die Kulissen der Organisation von Konferenzen. Marc Thiele ist als Organisator der <a href="https://beyondtellerrand.com/">Beyond Tellerrand</a> prädestiniert dafür. Die Konferenz findet bereits nächste Woche in Düsseldorf statt, aber auch <a href="https://beyondtellerrand.com/events/berlin-2023">am 11. und 12. September in Berlin</a>.<br />Natürlich sprechen wir über die Konferenz selbst, aber auch darüber, wie die Pandemie die Konferenz verändert hat, wie Marc seine Gäste findet und wie er die Zielgruppe der Konferenz anspricht.<br />
Darüber hinaus gibt&#8217;s einige Insights zu <a href="https://neu-gierig.fm/">Marcs Podcast &#8222;neu•gierig&#8220;</a>.</dd>
</dl>


Diese Woche war Marc Thiele mal wieder bei uns zu Gast und wir sprechen über
Konferenzorganisation.


UNSER SPONSOR



Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie
wie…

Diese Woche war Marc Thiele mal wieder bei uns zu Gast und wir sprechen über
Konferenzorganisation.


UNSER SPONSOR



Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie
wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die
Decke gehen, deine Seite bleibt immer rasend schnell.

mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und
Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur,
benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server
selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs
kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen
Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade
beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine
Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet
bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting.
Also, worauf wartest du? Geh jetzt auf mittwald.de/workingdraft und buch dein
erstes Projekt!


SCHAUNOTIZEN

[00:02:15] KONFERENZORGANISATION

Diesmal schauen wir mal etwas genauer hinter die Kulissen der Organisation von
Konferenzen. Marc Thiele ist als Organisator der Beyond Tellerrand prädestiniert
dafür. Die Konferenz findet bereits nächste Woche in Düsseldorf statt, aber auch
am 11. und 12. September in Berlin.
Natürlich sprechen wir über die Konferenz selbst, aber auch darüber, wie die
Pandemie die Konferenz verändert hat, wie Marc seine Gäste findet und wie er die
Zielgruppe der Konferenz anspricht.
Darüber hinaus gibt’s einige Insights zu Marcs Podcast „neu•gierig“.

Revision 564: Hinter den Kulissen von Konferenzorganisationen mit Marc Thiele

<p>Peter und Schepp durften <strong>Thomas Steiner</strong> (DevRel bei Google, online zu finden <a href="https://blog.tomayac.com/">im Web</a>, <a href="https://github.com/tomayac">auf Github</a>, <a href="https://twitter.com/tomayac">auf Twitter</a> und <a href="https://toot.cafe/@tomayac">im Fediverse</a>) zu den neusten Neuheiten aus dem Wirkungskreis von Project Fugu ausquetschen, nachdem Working Draft zuletzt in der <a href="https://workingdraft.de/399/">Revision 399</a> darüber berichtete. Es hat sich einiges getan!</p>
<hr><aside class="message long-message">
<h3>Unser Sponsor</h3>
<p><a href="https://partner.pcloud.com/r/90879"><img class="alignnone size-medium wp-image-3774" style="display: block; max-width: 500px; width: 100%; float: right; margin-bottom: 1rem; margin-left: 1rem;" src="https://workingdraft.de/wp-content/uploads/2023/04/pCloud-Osteraktion-1024x512.jpg" alt="78% Rabatt bei der pCloud Osteraktion" /></a></p>
<div class="message_content">
<p>pCloud ist eine sichere Cloud-Lösung aus der Schweiz, die monatliche Abonnements und lebenslange Lizenzen anbietet. Der Online-Speicher kann bis zu 10 Terabyte an Daten speichern und hält sich an strenge Datenschutzbestimmungen.</p>
<p>Zu Ostern bietet pCloud eine 78% Rabattaktion auf Familienlizenzen an. Der Preis steigt allerdings nach 24 Stunden stündlich wieder an. Sichert euch also schnell den Rabatt ab dem 6. April auf <a href="https://partner.pcloud.com/r/90879">partner.pcloud.com</a>!
</div>
</aside><hr>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:02:08] Neues von <a href="https://www.chromium.org/teams/web-capabilities-fugu/">Projekt Fugu</a></dt>
<dd>Projekt Fugu ist ein <a href="https://developer.chrome.com/blog/is-project-fugu-done/">laufendes</a> <a href="https://www.chromium.org/teams/web-capabilities-fugu/">Chrome-Großprojekt</a> zum Schließen des „App Gap“, was sich in <a href="https://fugu-tracker.web.app/">vielen neue Browser-APIs</a> widerspiegelt. Zu diesen APIs gehören die <a href="https://developer.mozilla.org/en-US/docs/Web/API/File_System_Access_API">File System Access API</a>, <a href="https://www.w3.org/TR/generic-sensor/">konsolidierte Sensoren-APIs</a>, die <a href="https://developer.mozilla.org/en-US/docs/Web/API/Badging_API">Badging API</a>, eine <a href="https://developer.chrome.com/articles/shape-detection/">Shape Detection API</a> und die <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Serial_API">Web Serial API</a>. Neben den APIs an sich geht es auch ums weitere API-Umfeld wie Permission-Handling, die Möglichkeiten von <a href="https://github.com/WICG/isolated-web-apps/blob/main/README.md">Isolated Web Apps</a> (z.B. die vorgeschlagene <a href="https://wicg.github.io/direct-sockets/">Direct Sockets API</a>), inwiefern andere Browser mit an Bord sind (lokal nachzutesten mit <a href="https://howfuguismybrowser.dev/">howfuguismybrowser.dev</a>) und wie sich das Discoverability-Problem lösen lässt.</dd>
</dl>


Peter und Schepp durften Thomas Steiner (DevRel bei Google, online zu finden im
Web, auf Github, auf Twitter und im Fediverse) zu den neusten Neuheiten aus dem
Wirkungskreis von Project Fugu ausquetsc…

Peter und Schepp durften Thomas Steiner (DevRel bei Google, online zu finden im
Web, auf Github, auf Twitter und im Fediverse) zu den neusten Neuheiten aus dem
Wirkungskreis von Project Fugu ausquetschen, nachdem Working Draft zuletzt in
der Revision 399 darüber berichtete. Es hat sich einiges getan!


UNSER SPONSOR



pCloud ist eine sichere Cloud-Lösung aus der Schweiz, die monatliche Abonnements
und lebenslange Lizenzen anbietet. Der Online-Speicher kann bis zu 10 Terabyte
an Daten speichern und hält sich an strenge Datenschutzbestimmungen.

Zu Ostern bietet pCloud eine 78% Rabattaktion auf Familienlizenzen an. Der Preis
steigt allerdings nach 24 Stunden stündlich wieder an. Sichert euch also schnell
den Rabatt ab dem 6. April auf partner.pcloud.com!


SCHAUNOTIZEN

[00:02:08] NEUES VON PROJEKT FUGU

Projekt Fugu ist ein laufendes Chrome-Großprojekt zum Schließen des „App Gap“,
was sich in vielen neue Browser-APIs widerspiegelt. Zu diesen APIs gehören die
File System Access API, konsolidierte Sensoren-APIs, die Badging API, eine Shape
Detection API und die Web Serial API. Neben den APIs an sich geht es auch ums
weitere API-Umfeld wie Permission-Handling, die Möglichkeiten von Isolated Web
Apps (z.B. die vorgeschlagene Direct Sockets API), inwiefern andere Browser mit
an Bord sind (lokal nachzutesten mit howfuguismybrowser.dev) und wie sich das
Discoverability-Problem lösen lässt.

Revision 563: Ein Update zu Projekt Fugu

<p>Und wieder haben wir eine Gästin zu Besuch &#8211; diesmal ist es Svenja aus Marburg. Svenja ist Webentwicklerin mit Schwerpunkt Accessibility bei <a href="https://www.accenture.com/de-de/about/accenture-song-index">Accenture Song</a>, <a href="https://svenja-blog.de/">Bloggerin</a>, und Ihr findet Sie als <a href="https://twitter.com/SvenjaDev">@SvenjaDev</a> auf Twitter und als <a href="https://fedisabled.social/@svenja">@svenja@fedisabled.social</a> auf Mastodon.</p>
<hr><aside class="message long-message">
<h3>Unser Sponsor</h3>
<p><a href="https://workshops.de/workingdraft?ref=workingdraft.de"><img class="alignnone size-medium wp-image-3774" style="display: block; max-width: 500px; width: 100%; float: right; margin-bottom: 1rem; margin-left: 1rem;" src="https://workingdraft.de/wp-content/uploads/2022/12/Working-Draft-Banner.jpg" alt="" /></a></p>
<div class="message_content">
<p>Workshops.DE bietet IT-Schulungen für moderne Web-Entwicklung. Dabei arbeitet Workshops.DE nicht als reiner Vermittler, sondern bildet eine Community aus über 80 Trainer:innen, welche gemeinsam Material erstellen, sich gegenseitig unterstützen und weiterbilden, um möglichst nachhaltige und hochqualitative Weiterbildungsangebote zu schaffen.</p>
<p>Ein starker Fokus liegt hierbei auf den Frontend-Frameworks Angular, React und Vue. Neben diesen gibt es aber auch Weiterbildungen im Bereich Docker, Kubernetes und Spring Boot. Zum Netzwerk gehören ebenfalls die Community-Portale Angular.DE, ReactJS.DE und VueJS.DE.</p>
<p>Seid ihr auf der Suche nach einer qualitativen Weiterbildung im Bereich Web-Entwicklung oder möchtet euch selbst als Trainer:in einbringen? Dann seid ihr bei <a href="https://workshops.de/workingdraft?ref=workingdraft.de">Workshops.DE</a> genau richtig.</p>
</div>
</aside><hr>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:02:06] Interview mit Entwicklerin Svenja zu Barrierefreiheit</dt>
<dd>Vor ein paar Jahren ist Svenja auf Social Media in der Webentwickler-Bubble aufgetaucht. Ihre Spezialisierung ist Accessibility, was nicht von ungefähr kommt, denn Svenja ist blind.</p>
<p>In unserem Interview mit ihr sprachen wir über ihren Weg in den Beruf. Wir wollen von ihr wissen, wie sie das Programmieren angeht und welche Coding-Umgebung dafür aus ihrer Sicht gut geeignet ist. Es stellt sich heraus, dass dies Microsofts Visual Studio Code ist.</p>
<p>Natürlich wollen wir auch wissen, was aus ihrer Sicht ein gute gecodete Webseite ausmacht und welche Dinge vielleicht gar nicht so wichtig sind, die wir Sehende möglicherweise überbewerten.</p>
<p>Wir fragen sie, ob eine Webseite möglicherweise auch zu semantisch sein kann, wie es einmal in einem Vortrag von <a href="https://www.youtube.com/watch?v=TkKkAgjsfgQ">Vasilis van Gemert</a> durchklang.</p>
<p>Schließlich lenken unser Augenmerk auch auf die Barrierefreiheit von Single-Page-Applications. Hier schlagen wir den Bogen zurück zu Visual Studio Code, das ein Paradebeispiel einer mit Webtechnologie umgesetzten App darstellt. In der Regel sind native Apps den Web-basierten Apps aber überlegen.</dd>
</dl>
<h3>Links</h3>
<dl>
<dt><a href="https://www.youtube.com/watch?v=l9Tjzbms0V4">Der Grubenlampe Podcast &#8211; Interview mit Svenja, einer blinden Programmiererin</a></dt>
<dd>Unser Podcast war nicht ihr erster Podcast. Auch dieser hier ist sehr hörenswert!</dd>
<dt><a href="https://svenja-blog.de/">Svenjas Blog</a></dt>
<dd>Hier bloggt Svenja von Zeit zu Zeit zu ihren Liebslingsthemen</dd>
<dt><a href="https://twitch.tv/svenjadev">Svenjas Twitch</a></dt>
<dd>Svenja spielt gerne Heartstone und streamt das ganze dann hier.</dd>
</dl>


Und wieder haben wir eine Gästin zu Besuch – diesmal ist es Svenja aus Marburg.
Svenja ist Webentwicklerin mit Schwerpunkt Accessibility bei Accenture Song,
Bloggerin, und Ihr findet Sie als @SvenjaDe…

Und wieder haben wir eine Gästin zu Besuch – diesmal ist es Svenja aus Marburg.
Svenja ist Webentwicklerin mit Schwerpunkt Accessibility bei Accenture Song,
Bloggerin, und Ihr findet Sie als @SvenjaDev auf Twitter und als
@svenja@fedisabled.social auf Mastodon.


UNSER SPONSOR



Workshops.DE bietet IT-Schulungen für moderne Web-Entwicklung. Dabei arbeitet
Workshops.DE nicht als reiner Vermittler, sondern bildet eine Community aus über
80 Trainer:innen, welche gemeinsam Material erstellen, sich gegenseitig
unterstützen und weiterbilden, um möglichst nachhaltige und hochqualitative
Weiterbildungsangebote zu schaffen.

Ein starker Fokus liegt hierbei auf den Frontend-Frameworks Angular, React und
Vue. Neben diesen gibt es aber auch Weiterbildungen im Bereich Docker,
Kubernetes und Spring Boot. Zum Netzwerk gehören ebenfalls die Community-Portale
Angular.DE, ReactJS.DE und VueJS.DE.

Seid ihr auf der Suche nach einer qualitativen Weiterbildung im Bereich
Web-Entwicklung oder möchtet euch selbst als Trainer:in einbringen? Dann seid
ihr bei Workshops.DE genau richtig.


SCHAUNOTIZEN

[00:02:06] INTERVIEW MIT ENTWICKLERIN SVENJA ZU BARRIEREFREIHEIT

Vor ein paar Jahren ist Svenja auf Social Media in der Webentwickler-Bubble
aufgetaucht. Ihre Spezialisierung ist Accessibility, was nicht von ungefähr
kommt, denn Svenja ist blind.



In unserem Interview mit ihr sprachen wir über ihren Weg in den Beruf. Wir
wollen von ihr wissen, wie sie das Programmieren angeht und welche
Coding-Umgebung dafür aus ihrer Sicht gut geeignet ist. Es stellt sich heraus,
dass dies Microsofts Visual Studio Code ist.

Natürlich wollen wir auch wissen, was aus ihrer Sicht ein gute gecodete Webseite
ausmacht und welche Dinge vielleicht gar nicht so wichtig sind, die wir Sehende
möglicherweise überbewerten.

Wir fragen sie, ob eine Webseite möglicherweise auch zu semantisch sein kann,
wie es einmal in einem Vortrag von Vasilis van Gemert durchklang.

Schließlich lenken unser Augenmerk auch auf die Barrierefreiheit von
Single-Page-Applications. Hier schlagen wir den Bogen zurück zu Visual Studio
Code, das ein Paradebeispiel einer mit Webtechnologie umgesetzten App darstellt.
In der Regel sind native Apps den Web-basierten Apps aber überlegen.


LINKS

DER GRUBENLAMPE PODCAST – INTERVIEW MIT SVENJA, EINER BLINDEN PROGRAMMIERERIN

Unser Podcast war nicht ihr erster Podcast. Auch dieser hier ist sehr
hörenswert!

SVENJAS BLOG

Hier bloggt Svenja von Zeit zu Zeit zu ihren Liebslingsthemen

SVENJAS TWITCH

Svenja spielt gerne Heartstone und streamt das ganze dann hier.

Revision 562: Interview mit Entwicklerin Svenja zu Barrierefreiheit

<p>In dieser Revision besprechen wir Organisationsstrukturen. Dabei haben wir einen Fokus auf UnFIX, ein Organisationsdesign, worüber uns <a href="http://www.milanmatull.com/">Milan Matull</a>, Managing Partner bei <a href="https://www.factorial.io/en">Factorial</a>, viel zu erzählen hat. Milan war bereits Gast beim Working Draft in <a href="https://workingdraft.de/464/">Revision 464</a> zum Thema TailwindCSS 2.0 und in <a href="https://workingdraft.de/516/">Revision 516</a> zum Thema TailwindCSS 3.0.</p>
<hr><aside class="message long-message">
<h3>Unser Sponsor</h3>
<p><a href="https://mittwald.de/workingdraft?ref=workingdraft.de"><img class="alignnone size-medium wp-image-3774" style="display: block; max-width: 350px; width: 100%; float: right; margin-bottom: 1rem; margin-left: 1rem;" src="https://workingdraft.de/wp-content/uploads/2023/03/Podcast_Banner_Mittwald_-Hosting_neu_gedacht_945x314px.jpg" alt="" /></a></p>
<div class="message_content">
<p>Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die Decke gehen, deine Seite bleibt immer rasend schnell.</p>
<p>mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur, benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting. Also, worauf wartest du? Geh jetzt auf <a href="https://mittwald.de/workingdraft?ref=workingdraft.de">mittwald.de/workingdraft</a> und buch dein erstes Projekt!</p>
</div>
</aside><hr>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:02:11] Organisationstruktur &#8222;UNFIX&#8220;</dt>
<dd>Unterschiedliche Unternehmensgrößen benötigen unterschiedliche Modelle, um Teams und Arbeit zu strukturieren. Milan und seine Kolleg:innen setzten in der Vergangenheit auf das &#8222;<a href="https://nativdigital.com/viable-system-model/">Viable System Model</a>&#8220; (VSM). Das <a href="https://agilescrumgroup.de/spotify-modell/">Spotify-Model</a> ist seit Jahren ein fester Bestandteil in Diskussion, wie man Teams am besten aufstellen könnte. Für größere Strukturen gibt es Modelle, die auf Scrum aufbauen, wie <a href="https://www.atlassian.com/de/agile/agile-at-scale/what-is-safe">SAFe</a> und <a href="https://www.atlassian.com/de/agile/agile-at-scale/less">leSS</a>. Sind flache Hierarchien gewünscht eignen sich <a href="https://agilescrumgroup.de/holacracy/#:~:text=Bei%20Holacracy%20(zu%20Deutsch%3A%20Holakratie,Entscheidungsfindung%20und%20selbststeuernde%20Teams%20aus.">Holacracy</a>, allerdings ebenfalls VSM und <a href="https://unfix.com/">UnFIX</a>. Denn gefragt sind Modelle, die sich ständig an das Unternehmen anpassen können, wie auch <a href="https://management30.com/">Management 3.0</a> und <a href="https://teamtopologies.com/">Team Topologies</a>. Milan erzählt, worum genau es im UnFIX Modell geht. Es unterscheidet sich v.a. darin, dass es kein starres Framework ist. Das mag den Einstieg etwas erschweren, aber sorgt für viel Flexibilität, sobald es notwendig wird.</dd>
</dl>


In dieser Revision besprechen wir Organisationsstrukturen. Dabei haben wir einen
Fokus auf UnFIX, ein Organisationsdesign, worüber uns Milan Matull, Managing
Partner bei Factorial, viel zu erzählen ha…

In dieser Revision besprechen wir Organisationsstrukturen. Dabei haben wir einen
Fokus auf UnFIX, ein Organisationsdesign, worüber uns Milan Matull, Managing
Partner bei Factorial, viel zu erzählen hat. Milan war bereits Gast beim Working
Draft in Revision 464 zum Thema TailwindCSS 2.0 und in Revision 516 zum Thema
TailwindCSS 3.0.


UNSER SPONSOR



Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie
wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die
Decke gehen, deine Seite bleibt immer rasend schnell.

mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und
Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur,
benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server
selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs
kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen
Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade
beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine
Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet
bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting.
Also, worauf wartest du? Geh jetzt auf mittwald.de/workingdraft und buch dein
erstes Projekt!


SCHAUNOTIZEN

[00:02:11] ORGANISATIONSTRUKTUR „UNFIX“

Unterschiedliche Unternehmensgrößen benötigen unterschiedliche Modelle, um Teams
und Arbeit zu strukturieren. Milan und seine Kolleg:innen setzten in der
Vergangenheit auf das „Viable System Model“ (VSM). Das Spotify-Model ist seit
Jahren ein fester Bestandteil in Diskussion, wie man Teams am besten aufstellen
könnte. Für größere Strukturen gibt es Modelle, die auf Scrum aufbauen, wie SAFe
und leSS. Sind flache Hierarchien gewünscht eignen sich Holacracy, allerdings
ebenfalls VSM und UnFIX. Denn gefragt sind Modelle, die sich ständig an das
Unternehmen anpassen können, wie auch Management 3.0 und Team Topologies. Milan
erzählt, worum genau es im UnFIX Modell geht. Es unterscheidet sich v.a. darin,
dass es kein starres Framework ist. Das mag den Einstieg etwas erschweren, aber
sorgt für viel Flexibilität, sobald es notwendig wird.

Revision 561: Organisationstruktur „UnFIX“

<p>Nach einer Pause nehmen Stefan und Peter wieder das allquartalige Besprechen der neuesten TypeScript-Version auf. Und möglicherweise gibt es noch andere semi-relevante Themen wie React-Beef, Klassenkampf und PHP.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:01:01] <a href="https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta/">TypeScript 5.0</a></dt>
<dd>Wie gewohnt rekapitulieren für anlässlich der Beta einer neuen TypeScript-Version das TypeScript-Versionierungs-Schema und tauchen danach tief in die spannenderen neuen Features ein. An erster Stelle stehen die neuen, <a href="https://github.com/tc39/proposal-decorators">dem ECMAScript-Standard entsprechenden</a> <strong>Decorators</strong>. Diese ergänzen in TypeScript die weiterhin verfügbaren <a href="https://www.typescriptlang.org/docs/handbook/decorators.html">Legacy Decorators</a>, deren Unterschiede zum Standard und Herkunft aus den Ruinen von <a href="https://en.wikipedia.org/wiki/AtScript">AtScript</a> wir besprechen. <a href="https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta/#const-type-parameters">const Type Parameters</a> halten wir für eine sinnvolle Ergänzung, ebenso die Änderungen am Config-File-Format und die neue Unterstützung <code>export type *</code>. Die in 5.0 anstehenden Änderungen an Enums sind auch nicht schlecht, Enums selbst hingegen schon.</dd>
<dt>[00:42:27] Hidden Bonus Track/dt></p>
<dd>In einer etwas außer Kontrolle geratenen Vorbesprechung sprechen wir über den aktuellen React-Beef in der Frontend-Welt, Peters jüngste Erfahrungen<br />
mit PHP und <a href="https://laravel.com/">Laravel</a> sowie die Beziehung zwischen (und die Qualität von) React, <a href="https://nextjs.org/">Next.js</a> und <a href="https://vercel.com/">Vercel</a>.</dd>
</dl>


Nach einer Pause nehmen Stefan und Peter wieder das allquartalige Besprechen der
neuesten TypeScript-Version auf. Und möglicherweise gibt es noch andere
semi-relevante Themen wie React-Beef, Klassenka…

Nach einer Pause nehmen Stefan und Peter wieder das allquartalige Besprechen der
neuesten TypeScript-Version auf. Und möglicherweise gibt es noch andere
semi-relevante Themen wie React-Beef, Klassenkampf und PHP.


SCHAUNOTIZEN

[00:01:01] TYPESCRIPT 5.0

Wie gewohnt rekapitulieren für anlässlich der Beta einer neuen
TypeScript-Version das TypeScript-Versionierungs-Schema und tauchen danach tief
in die spannenderen neuen Features ein. An erster Stelle stehen die neuen, dem
ECMAScript-Standard entsprechenden Decorators. Diese ergänzen in TypeScript die
weiterhin verfügbaren Legacy Decorators, deren Unterschiede zum Standard und
Herkunft aus den Ruinen von AtScript wir besprechen. const Type Parameters
halten wir für eine sinnvolle Ergänzung, ebenso die Änderungen am
Config-File-Format und die neue Unterstützung export type *. Die in 5.0
anstehenden Änderungen an Enums sind auch nicht schlecht, Enums selbst hingegen
schon.

[00:42:27] HIDDEN BONUS TRACK/DT>



In einer etwas außer Kontrolle geratenen Vorbesprechung sprechen wir über den
aktuellen React-Beef in der Frontend-Welt, Peters jüngste Erfahrungen
mit PHP und Laravel sowie die Beziehung zwischen (und die Qualität von) React,
Next.js und Vercel.

Revision 560: TypeScript 5.0

<p>Hans, Schepp und Peter spielen <a href="https://workingdraft.de/gluecksrad/">Glücksrad!</a></p>
<hr><aside class="message long-message">
<h3>Unser Sponsor</h3>
<p><a href="https://mittwald.de/workingdraft?ref=workingdraft.de"><img class="alignnone size-medium wp-image-3774" style="display: block; max-width: 350px; width: 100%; float: right; margin-bottom: 1rem; margin-left: 1rem;" src="https://workingdraft.de/wp-content/uploads/2023/03/Podcast_Banner_Mittwald_-Hosting_neu_gedacht_945x314px.jpg" alt="" /></a></p>
<div class="message_content">
<p>Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die Decke gehen, deine Seite bleibt immer rasend schnell.</p>
<p>mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur, benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting. Also, worauf wartest du? Geh jetzt auf <a href="https://mittwald.de/workingdraft?ref=workingdraft.de">mittwald.de/workingdraft</a> und buch dein erstes Projekt!</p>
</div>
</aside><hr>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:04:15] <a href="https://developer.mozilla.org/en-US/docs/Web/API/Selection/isCollapsed">Selection.prototype.isCollapsed</a></dt>
<dd>Auf der Suche nach Use Cases fällt uns erst auf, wie vergleichsweise mühsam Copy/Paste per JS via <a href="https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand">execCommand</a> war, was heutzutage mit der <a href="https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API">Clipboard API</a> sehr viel besser geht.</dd>
<dt>[00:09:00] <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/b">&lt;b&gt;</a></dt>
<dd>Hans referiert perfekt über Sinn und Unsinn des ehemaligen Bold-Elements inkl. Abgrenzung vom Kollegen <code>&lt;i&gt;</code>. Wir philosophieren darüber, welche Elemente die Bold- und Italic-Buttons in einem WYSIWYG-Editor ins Dokument setzen wollen und streifen dabei Use Cases für<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dl"><code>&lt;dl&gt;</code></a>, <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/mark"><code>&lt;mark&gt;</code></a>, <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/kbd"><code>&lt;kbd&gt;</code></a> und <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/xmp"><code>&lt;xmp&gt;</code></a>. Für letzteres ermittelt Peter sogar per Live-Recherche die Namensherkunft (xmp für &#8222;Example&#8220; laut <a href="https://www.w3.org/TR/WD-html2/html-spec_5.html#SEC37">HTML 2.0</a>).</dd>
<dt>[00:25:37] <a href="https://developer.mozilla.org/en-US/docs/Web/API/StereoPannerNode/StereoPannerNode">StereoPannerNode</a></dt>
<dd>Ein Bestandteil der <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API">Web Audio API</a>, zu dem uns nicht besonders viel einfällt.</dd>
<dt>[00:28:50] <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta">&lt;meta&gt;</a></dt>
<dd>Wir diskutieren über Sinn und Unsinn von per Meta-Tag eingebauten Microdata-Informationen, v.a. in den Geschmacksrichtungen <a href="https://ogp.me/">OpenGraph</a> (mit <a href="https://www.opengraph.xyz/">verfügbarem Validator</a>) und <a href="https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/abouts-cards">Twitler</a> (ohne Validator). Am Ende kommen wir noch auf Charsets (auch via Meta-Tag setzbar, unter anderem auch in einer <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta#attr-http-equiv">Langfassung</a>) und die Kollegen von <a href="https://wowirsindistvorne.show/">Wo wir sind ist vorne</a> zu sprechen.</dd>
<dt>[00:38:17] <a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaError/message">MediaError.message</a></dt>
<dd>Zu <a href="https://developer.mozilla.org/en-US/docs/Web/API/MediaError/code#media_error_code_constants">Media-Error-Codes</a> selbst haben wir nicht besonders viel beizutragen, aber Peter nutzt die Gelegenheit, um für DIY-Error-Klassen zu argumentieren.</dd>
<dt>[00:46:54] <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/ariaColSpan">ElementInternals.ariaColSpan</a></dt>
<dd>Eine API, mit der sich per <a href="https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals">ElementInternals</a> (von uns kürzlich in der <a href="https://workingdraft.de/557/">Revision 557</a> ausführlicher besprochen) der Defaultwert für <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-colspan">aria-colspan</a> setzen lässt.</dd>
<dt>[00:51:27] <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements">&lt;h1&gt; &#8211; &lt;h6&gt;</a></dt>
<dd>Und täglich grüßt der <a href="https://www.accessibility-developer-guide.com/examples/headings/html-5-outline/">Outline-Algorithmus!</a> Wir kauen das altbekannte Problem der Überschriften in user-generated Content durch und diskutieren, unter welchen Umständen wir <a href="https://html.spec.whatwg.org/#the-hgroup-element">&lt;hgroup&gt;</a>, <a href="https://html.spec.whatwg.org/#the-header-element">&lt;header&gt;</a> oder etwas ganz anderes einsetzen.</dd>
</dl>


Hans, Schepp und Peter spielen Glücksrad!


UNSER SPONSOR



Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie
wieder Sorgen um Performance-Einbrüche machen. Der Traffic ka…

Hans, Schepp und Peter spielen Glücksrad!


UNSER SPONSOR



Maximale Performance für all deine Projekte? Bei mittwald brauchst du dir nie
wieder Sorgen um Performance-Einbrüche machen. Der Traffic kann ruhig durch die
Decke gehen, deine Seite bleibt immer rasend schnell.

mittwald hat Hosting neu gedacht und alles auf die besonderen Anforderungen und
Workloads von Agenturen und Freelancern optimiert – inklusive Infrastruktur,
benutzerfreundlicher Oberfläche und flexiblen Tarifen. Egal, ob du deinen Server
selbst konfigurieren möchtest oder das mittwald-Team sich um die optimalen Specs
kümmern soll. Der persönliche Kundenservice unterstützt dich 24/7 bei allen
Fragen rundum WordPress, TYPO3, Shopware oder was auch immer dich gerade
beschäftigt. Im firmeneigenen und TÜV-zertifizierten Rechenzentrum sind deine
Daten in sicheren Händen. Und das Beste? Wer seine Projekte bei mittwald hostet
bekommt nicht nur die besten Server, sondern auch 100% CO2-neutrales Hosting.
Also, worauf wartest du? Geh jetzt auf mittwald.de/workingdraft und buch dein
erstes Projekt!


SCHAUNOTIZEN

[00:04:15] SELECTION.PROTOTYPE.ISCOLLAPSED

Auf der Suche nach Use Cases fällt uns erst auf, wie vergleichsweise mühsam
Copy/Paste per JS via execCommand war, was heutzutage mit der Clipboard API sehr
viel besser geht.

[00:09:00] <B>

Hans referiert perfekt über Sinn und Unsinn des ehemaligen Bold-Elements inkl.
Abgrenzung vom Kollegen <i>. Wir philosophieren darüber, welche Elemente die
Bold- und Italic-Buttons in einem WYSIWYG-Editor ins Dokument setzen wollen und
streifen dabei Use Cases für<dl>, <mark>, <kbd> und <xmp>. Für letzteres
ermittelt Peter sogar per Live-Recherche die Namensherkunft (xmp für „Example“
laut HTML 2.0).

[00:25:37] STEREOPANNERNODE

Ein Bestandteil der Web Audio API, zu dem uns nicht besonders viel einfällt.

[00:28:50] <META>

Wir diskutieren über Sinn und Unsinn von per Meta-Tag eingebauten
Microdata-Informationen, v.a. in den Geschmacksrichtungen OpenGraph (mit
verfügbarem Validator) und Twitler (ohne Validator). Am Ende kommen wir noch auf
Charsets (auch via Meta-Tag setzbar, unter anderem auch in einer Langfassung)
und die Kollegen von Wo wir sind ist vorne zu sprechen.

[00:38:17] MEDIAERROR.MESSAGE

Zu Media-Error-Codes selbst haben wir nicht besonders viel beizutragen, aber
Peter nutzt die Gelegenheit, um für DIY-Error-Klassen zu argumentieren.

[00:46:54] ELEMENTINTERNALS.ARIACOLSPAN

Eine API, mit der sich per ElementInternals (von uns kürzlich in der Revision
557 ausführlicher besprochen) der Defaultwert für aria-colspan setzen lässt.

[00:51:27] <H1> – <H6>

Und täglich grüßt der Outline-Algorithmus! Wir kauen das altbekannte Problem der
Überschriften in user-generated Content durch und diskutieren, unter welchen
Umständen wir <hgroup>, <header> oder etwas ganz anderes einsetzen.

Revision 559: Glücksrad

<p>Nachdem Vanessa und Hans sich vor zwölf Wochen <a href="https://workingdraft.de/546/">in der Revision 546</a> über Ihre Wege in den Beruf ausgetauscht haben, nämlich einerseits das Studium, andererseits das &#8222;zufällige Hineinschlittern&#8220; nach dem Abitur, meldeten sich Stefan Macke (<a href="https://twitter.com/StefanMacke">Twitter</a> / <a href="https://it-berufe-podcast.de/">IT-Berufe-Podcast</a>) und Marcel Koch (<a href="https://twitter.com/_mknet_">Twitter</a> / <a href="https://mastodon.social/@mknet">Mastodon</a> / <a href="https://www.marcelkoch.net/">Web</a>) bei uns, weil wir weder Ausbildung, noch duales Studium als mögliche Wege in den Beruf beleuchtet haben. Das lag aber schlicht daran, dass wir von beidem keine Ahnung haben, und so haben wir die beiden als Experten eingeladen und das Ganze nachgeholt.</p>
<hr><aside class="message long-message">
<h3>Unser Sponsor</h3>
<p><a href="https://workshops.de/workingdraft?ref=workingdraft.de"><img class="alignnone size-medium wp-image-3774" style="display: block; max-width: 500px; width: 100%; float: right; margin-bottom: 1rem; margin-left: 1rem;" src="https://workingdraft.de/wp-content/uploads/2022/12/Working-Draft-Banner.jpg" alt="" /></a></p>
<div class="message_content">
<p>Workshops.DE bietet IT-Schulungen für moderne Web-Entwicklung. Dabei arbeitet Workshops.DE nicht als reiner Vermittler, sondern bildet eine Community aus über 80 Trainer:innen, welche gemeinsam Material erstellen, sich gegenseitig unterstützen und weiterbilden, um möglichst nachhaltige und hochqualitative Weiterbildungsangebote zu schaffen.</p>
<p>Ein starker Fokus liegt hierbei auf den Frontend-Frameworks Angular, React und Vue. Neben diesen gibt es aber auch Weiterbildungen im Bereich Docker, Kubernetes und Spring Boot. Zum Netzwerk gehören ebenfalls die Community-Portale Angular.DE, ReactJS.DE und VueJS.DE.</p>
<p>Seid ihr auf der Suche nach einer qualitativen Weiterbildung im Bereich Web-Entwicklung oder möchtet euch selbst als Trainer:in einbringen? Dann seid ihr bei <a href="https://workshops.de/workingdraft?ref=workingdraft.de">Workshops.DE</a> genau richtig.</p>
</div>
</aside><hr>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:02:05] Per dualer Ausbildung oder dualem Studium in den IT-Beruf</dt>
<dd>Zunächst lernen wir den Unterschied zwischen dualem Studium, dualer Ausbildung und der rein schulische Ausbildung. Über die ersten beiden wollen wir reden.</p>
<p>In den dualen Ausbildungen lernt man praktisch und gegen Bezahlung in einem Betrieb und flankiert wird das durch eine schulische Ausbildung entweder in einer Hoch- oder Berufsschule. Letzteres wäre das, was man unter einer dualen Ausbildung versteht. Insgesamt führt die Ausbildung seit 2020 zu sieben möglichen Ausbildungsberufen:</p>
<ul>
<li>Fachinformatiker*in Anwendungsentwicklung, für alle die später gerne programmiern möchten</li>
<li>Fachinformatiker*in Systemintegration, für alle die später als Administrator*in tätig sein möchten</li>
<li>Fachinformatiker*in Prozessanalyse, mit der man später KI programmiert oder SAP implementiert</li>
<li>Fachinformatiker*in digitale Vernetzung, mit der man später z.B. IoT-Produkte entwickeln kann.</li>
<li>IT-Systemelektroniker*in, für alle, die Lust auf Hardwarebauen haben</li>
<li>Kauffrau/-mann für Digitalisierungsmanagement, mit der man später digitale Prozesse in Betrieben optmiert, und</li>
<li>Kauffrau/-mann für IT-Systemmanagement, für alle, die später IT verkaufen möchten.</li>
</ul>
<p>Die IT-Ausbildungsberufe sind unter Männern die zweibeliebteste Gattung, unter Frauen sehen sie allerdings erst an Platz zehn.</p>
<p>Diese duale Ausbildung dauert üblicherweise 3 Jahre, wird meist auf 2,5 Jahre verkürzt, kann im Extremfall aber auch auf 1,5 Jahre halbiert werden. Eine Abschlussprüfung findet anders als man denken würde nicht erst am Ende der Ausbildung statt. Stattdessen gibt es eine über die Gesamtzeit &#8222;gestreckte Abschlussprüfung&#8220;, deren erster Teil nach 18 Monaten für alle sieben Ausbildungsberufe identisch abgelegt wird. Die Ausbildung beginnt damit breit gefächert und erst danach geht es tief in die Spezialisierung. Ganz zum Schluss der Ausbildung kommt das Abschlussprojekt, eine Art &#8222;Gesellenstück&#8220; an dem man zwischen 40 und 80 Stunden arbeitet, sowie die Präsentation desselben, einem 15 minütigen Fachgespräch darüber und einer schriftliche Dokumentation, die zwischen 30 und 60 Seiten zählt.</p>
<p>Ausbildungen bringen einem aus Stefans Sicht mehr Praxiswissen und sie sind anerkannt und sehr gefragt.</p>
<p>Entscheidend für den Erfolg ist, dass man einen Betrieb findet, der einen anständig an die Hand nimmt und ausbildet und für den man nicht nur eine billige Arbeitskraft ist. Hier muss man ganz zu Beginn gut drauf schauen, wo man gelandet ist und ob es eine gute Idee ist, die gesamte Ausbildung im Betrieb zu bleiben.</p>
<p>Ein Studium ist dahingehend akademischer angelegt. Im dualen Studium arbeitet man aber ebenso praktisch in einem Betrieb, welcher nicht nur die Studiengebühren von 25.000 EUR übernimmt, sondern einem auch ein Gehalt von 1.200 EUR brutto zahlt. Im Gegenzug bindet man sich nach Abschluss des Studiums für anderthalb bis zwei Jahre an den Betrieb &#8211; oft will man tatsächlich aber auch gar nicht weg.</p>
<p>Insgesamt können wir festhalten, dass sowohl Marcel als auch Stefan den Weg einer Ausbildung oder eines dualen Studiums sehr empfehlen können.</dd>
</dl>
<h3>Keine Schaunotizen</h3>
<dl>
<dt><a href="https://it-berufe-podcast.de/duales-studium-mit-gerda-feldhaus-elena-hollen-und-markus-amshove-anwendungsentwickler-podcast-110/">Duales Studium mit Gerda Feldhaus, Elena Hollen und Markus Amshove – Anwendungsentwickler-Podcast #110</a></dt>
<dd>In dieser Episode seines Anwendungsentwickler-Podcasts diskutiert Stefan mit Gerda Feldhaus, Elena Hollen und Markus Amshove die Vor- und Nachteile eines dualen Studium.</dd>
<dt><a href="https://it-berufe-podcast.de/">Der IT-Berufe-Podcast</a></dt>
<dd>Stefans IT-Berufe-Podcast bringt seit 2015 Inhalte rund um die Ausbildung in den verschiedenen IT-Berufen.</dd>
<dt><a href="https://www.fachinformatiker.de/">Fachinformatiker.de</a></dt>
<dd>Fachinformatiker.de ist laut eigener Aussage die größte IT-Community rund um Ausbildung, Job, Weiterbildung für IT-Fachkräfte.</dd>
</dl>


Nachdem Vanessa und Hans sich vor zwölf Wochen in der Revision 546 über Ihre
Wege in den Beruf ausgetauscht haben, nämlich einerseits das Studium,
andererseits das „zufällige Hineinschlittern“ nach de…

Nachdem Vanessa und Hans sich vor zwölf Wochen in der Revision 546 über Ihre
Wege in den Beruf ausgetauscht haben, nämlich einerseits das Studium,
andererseits das „zufällige Hineinschlittern“ nach dem Abitur, meldeten sich
Stefan Macke (Twitter / IT-Berufe-Podcast) und Marcel Koch (Twitter / Mastodon /
Web) bei uns, weil wir weder Ausbildung, noch duales Studium als mögliche Wege
in den Beruf beleuchtet haben. Das lag aber schlicht daran, dass wir von beidem
keine Ahnung haben, und so haben wir die beiden als Experten eingeladen und das
Ganze nachgeholt.


UNSER SPONSOR



Workshops.DE bietet IT-Schulungen für moderne Web-Entwicklung. Dabei arbeitet
Workshops.DE nicht als reiner Vermittler, sondern bildet eine Community aus über
80 Trainer:innen, welche gemeinsam Material erstellen, sich gegenseitig
unterstützen und weiterbilden, um möglichst nachhaltige und hochqualitative
Weiterbildungsangebote zu schaffen.

Ein starker Fokus liegt hierbei auf den Frontend-Frameworks Angular, React und
Vue. Neben diesen gibt es aber auch Weiterbildungen im Bereich Docker,
Kubernetes und Spring Boot. Zum Netzwerk gehören ebenfalls die Community-Portale
Angular.DE, ReactJS.DE und VueJS.DE.

Seid ihr auf der Suche nach einer qualitativen Weiterbildung im Bereich
Web-Entwicklung oder möchtet euch selbst als Trainer:in einbringen? Dann seid
ihr bei Workshops.DE genau richtig.


SCHAUNOTIZEN

[00:02:05] PER DUALER AUSBILDUNG ODER DUALEM STUDIUM IN DEN IT-BERUF

Zunächst lernen wir den Unterschied zwischen dualem Studium, dualer Ausbildung
und der rein schulische Ausbildung. Über die ersten beiden wollen wir reden.



In den dualen Ausbildungen lernt man praktisch und gegen Bezahlung in einem
Betrieb und flankiert wird das durch eine schulische Ausbildung entweder in
einer Hoch- oder Berufsschule. Letzteres wäre das, was man unter einer dualen
Ausbildung versteht. Insgesamt führt die Ausbildung seit 2020 zu sieben
möglichen Ausbildungsberufen:

 * Fachinformatiker*in Anwendungsentwicklung, für alle die später gerne
   programmiern möchten
 * Fachinformatiker*in Systemintegration, für alle die später als
   Administrator*in tätig sein möchten
 * Fachinformatiker*in Prozessanalyse, mit der man später KI programmiert oder
   SAP implementiert
 * Fachinformatiker*in digitale Vernetzung, mit der man später z.B. IoT-Produkte
   entwickeln kann.
 * IT-Systemelektroniker*in, für alle, die Lust auf Hardwarebauen haben
 * Kauffrau/-mann für Digitalisierungsmanagement, mit der man später digitale
   Prozesse in Betrieben optmiert, und
 * Kauffrau/-mann für IT-Systemmanagement, für alle, die später IT verkaufen
   möchten.

Die IT-Ausbildungsberufe sind unter Männern die zweibeliebteste Gattung, unter
Frauen sehen sie allerdings erst an Platz zehn.

Diese duale Ausbildung dauert üblicherweise 3 Jahre, wird meist auf 2,5 Jahre
verkürzt, kann im Extremfall aber auch auf 1,5 Jahre halbiert werden. Eine
Abschlussprüfung findet anders als man denken würde nicht erst am Ende der
Ausbildung statt. Stattdessen gibt es eine über die Gesamtzeit „gestreckte
Abschlussprüfung“, deren erster Teil nach 18 Monaten für alle sieben
Ausbildungsberufe identisch abgelegt wird. Die Ausbildung beginnt damit breit
gefächert und erst danach geht es tief in die Spezialisierung. Ganz zum Schluss
der Ausbildung kommt das Abschlussprojekt, eine Art „Gesellenstück“ an dem man
zwischen 40 und 80 Stunden arbeitet, sowie die Präsentation desselben, einem 15
minütigen Fachgespräch darüber und einer schriftliche Dokumentation, die
zwischen 30 und 60 Seiten zählt.

Ausbildungen bringen einem aus Stefans Sicht mehr Praxiswissen und sie sind
anerkannt und sehr gefragt.

Entscheidend für den Erfolg ist, dass man einen Betrieb findet, der einen
anständig an die Hand nimmt und ausbildet und für den man nicht nur eine billige
Arbeitskraft ist. Hier muss man ganz zu Beginn gut drauf schauen, wo man
gelandet ist und ob es eine gute Idee ist, die gesamte Ausbildung im Betrieb zu
bleiben.

Ein Studium ist dahingehend akademischer angelegt. Im dualen Studium arbeitet
man aber ebenso praktisch in einem Betrieb, welcher nicht nur die
Studiengebühren von 25.000 EUR übernimmt, sondern einem auch ein Gehalt von
1.200 EUR brutto zahlt. Im Gegenzug bindet man sich nach Abschluss des Studiums
für anderthalb bis zwei Jahre an den Betrieb – oft will man tatsächlich aber
auch gar nicht weg.

Insgesamt können wir festhalten, dass sowohl Marcel als auch Stefan den Weg
einer Ausbildung oder eines dualen Studiums sehr empfehlen können.


KEINE SCHAUNOTIZEN

DUALES STUDIUM MIT GERDA FELDHAUS, ELENA HOLLEN UND MARKUS AMSHOVE –
ANWENDUNGSENTWICKLER-PODCAST #110

In dieser Episode seines Anwendungsentwickler-Podcasts diskutiert Stefan mit
Gerda Feldhaus, Elena Hollen und Markus Amshove die Vor- und Nachteile eines
dualen Studium.

DER IT-BERUFE-PODCAST

Stefans IT-Berufe-Podcast bringt seit 2015 Inhalte rund um die Ausbildung in den
verschiedenen IT-Berufen.

FACHINFORMATIKER.DE

Fachinformatiker.de ist laut eigener Aussage die größte IT-Community rund um
Ausbildung, Job, Weiterbildung für IT-Fachkräfte.

Revision 558: Per dualer Ausbildung oder dualem Studium in den IT-Beruf

<p>Schepp und Peter nahmen die Veröffentlichung der Safari Technology Previews <a href="https://webkit.org/blog/13686/release-notes-for-safari-technology-preview-161/">161</a> und <a href="https://webkit.org/blog/13703/release-notes-for-safari-technology-preview-162/">162</a> zum Anlass, die dort frisch implementierten Features zu diskutieren und zu kommentieren.</p>
<h3>Schaunotizen</h3>
<dl>
<dt>[00:01:25] Best of Safari Technology Preview</dt>
<dd>Los geht es mit neuen Media-Query-Features, speziell <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion"><code>prefers-reduced-motion</code></a> und <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-contrast"><code>prefers-contrast</code></a> (die in den Previews nicht neu sind, aber jetzt besser debugged werden können). Wir diskutieren die Hürden im praktischen Einsatz dieser Features (sowie von <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme"><code>prefers-color-scheme</code></a>) und erinnern an <a href="https://blog.codinghorror.com/a-tribute-to-the-windows-31-hot-dog-stand-color-scheme/">Hotdog Stand</a>. Die Unterstützung von <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@property"><code>@property</code></a> fehlt nach den neuesten Safari-Updates nun nur noch <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1684605">in Firefox</a>, aber insgesamt sieht es für das <a href="https://developer.mozilla.org/en-US/docs/Web/API/CSS_Typed_OM_API">CSS Typed OM</a> und das Houdini-Projekt eher nicht so glänzend aus (<a href="https://workingdraft.de/534/">Working Draft berichtete bereits</a>). Über Fragen des Umgangs mit immer komplexerem CSS kommen wir zum Thema <a href="https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/">Selektor-Performance von <code>:has()</code></a>, die sich mit dem <a href="https://www.chromium.org/developers/how-tos/trace-event-profiling-tool/">Profi-Profiling-Tool von Chrome</a> messen lässt. Die Unterstützung von <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/:user-invalid"><code>:user-invalid</code></a> und <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/:user-valid"><code>:user-valid</code></a> feiern wir marginal enthusiastischer als die von <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Assertions#other_assertions">Lookbehind Assertions in Regulären Ausdrücken</a> und wir nehmen die (beinahe) bestehende Existenz des <a href="https://github.com/tc39/proposal-resizablearraybuffer">ResizableArrayBuffer</a> zur Kenntnis. Safari wird nun als letzter fehlender Browser Unterstützung für <a href="https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvas">OffscreenCanvas</a> bekommen, was Peter dazu bringt, <a href="https://www.peterkroener.de/canvas-hardwarebeschleunigung-per-javascript-selektiv-abschalten/">seine jüngsten Abenteuer rund um <code>willReadFrequently</code></a> nochmal wiederzugeben. Zum Ende hin quatschen wir noch über <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/margin-trim"><code>margin-trim</code></a>, CSS Subgrids, <a href="https://web.dev/declarative-shadow-dom/">Declarative Shadow DOM</a>,  <a href="https://de.wikipedia.org/wiki/ECMAScript_for_XML">E4X</a>,  <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/attachInternals"><code>HTMLElement.attachInternals()</code></a> bzw. <a href="https://web.dev/more-capable-form-controls/">Form-associated custom elements</a>, globale Event Handler und die Zukunft von Safari und der ganzen weiten Browserwelt.</dd>
</dl>


Schepp und Peter nahmen die Veröffentlichung der Safari Technology Previews 161
und 162 zum Anlass, die dort frisch implementierten Features zu diskutieren und
zu kommentieren.


SCHAUNOTIZEN

[00:01:…

Schepp und Peter nahmen die Veröffentlichung der Safari Technology Previews 161
und 162 zum Anlass, die dort frisch implementierten Features zu diskutieren und
zu kommentieren.


SCHAUNOTIZEN

[00:01:25] BEST OF SAFARI TECHNOLOGY PREVIEW

Los geht es mit neuen Media-Query-Features, speziell prefers-reduced-motion und
prefers-contrast (die in den Previews nicht neu sind, aber jetzt besser debugged
werden können). Wir diskutieren die Hürden im praktischen Einsatz dieser
Features (sowie von prefers-color-scheme) und erinnern an Hotdog Stand. Die
Unterstützung von @property fehlt nach den neuesten Safari-Updates nun nur noch
in Firefox, aber insgesamt sieht es für das CSS Typed OM und das Houdini-Projekt
eher nicht so glänzend aus (Working Draft berichtete bereits). Über Fragen des
Umgangs mit immer komplexerem CSS kommen wir zum Thema Selektor-Performance von
:has(), die sich mit dem Profi-Profiling-Tool von Chrome messen lässt. Die
Unterstützung von :user-invalid und :user-valid feiern wir marginal
enthusiastischer als die von Lookbehind Assertions in Regulären Ausdrücken und
wir nehmen die (beinahe) bestehende Existenz des ResizableArrayBuffer zur
Kenntnis. Safari wird nun als letzter fehlender Browser Unterstützung für
OffscreenCanvas bekommen, was Peter dazu bringt, seine jüngsten Abenteuer rund
um willReadFrequently nochmal wiederzugeben. Zum Ende hin quatschen wir noch
über margin-trim, CSS Subgrids, Declarative Shadow DOM, E4X,
HTMLElement.attachInternals() bzw. Form-associated custom elements, globale
Event Handler und die Zukunft von Safari und der ganzen weiten Browserwelt.

Revision 557: Neues in WebKit

<p>Über Domain-Driven Design (DDD) sprechen Hans und Vanessa mit dem Gast <a href="https://www.fbenz.net/">Florian Benz</a>, VP of Engineering bei <a href="https://de.scalable.capital/">Scalable Capital</a>. Florian beleuchtet dabei vor Allem dir Umsetzung samt Stolpersteinen in der Realität.</p>
<hr><aside class="message long-message">
<h3>Unser Sponsor</h3>
<p><a href="https://demodern.de/jobs?ref=workingdraft.de"><img class="alignnone size-medium wp-image-3774" style="display: block; max-width: 500px; width: 100%; float: right; margin-bottom: 1rem; margin-left: 1rem;" src="https://workingdraft.de/wp-content/uploads/2022/09/banner_demodern.jpg" alt="" /></a></p>
<div class="message_content">
<p>Wir sind Demodern – wir sehen uns als Agentur einer neuen Generation: offen, unkompliziert, 100% digital. Gegründet von Designern, liegt unsere Leidenschaft in innovativen, digitalen Inszenierungen und einer sinnvollen User Experience. Wir entwickeln unsere Projekte gemeinsam mit Spezialisten aus Strategie, Design, UX und Development. &#8222;Let&#8217;s push things forward&#8220; ist unser Leitsatz und Philosophie. Darin steckt unsere eigene Veränderung, aber auch, Projekte neu zu betrachten und zu rechtem Mehrwert zu bringen.</p>
<p>Ihr könnt gerne Kontakt zu <a href="https://www.linkedin.com/in/florian-herlings/">Florian</a> oder <a href="https://linkedin.com/in/marisa-ingwersen-9753a9a4">Marisa</a> direkt aufnehmen &#8211; oder ihr schaut auf <a href="https://demodern.de/jobs?ref=workingdraft.de">demodern.de/jobs</a> vorbei.</p>
</div>
</aside><hr>
<h3>Schaunotizen</h3>
<dl>
<dt>[02:14:00] Domain-Driven Design</dt>
<dd>Florian begann die ersten Schritte mit Domain-Driven Design (im Folgenden mit &#8222;DDD&#8220; abgekürzt) in Teams bei Scalable Capital im Jahr 2019. Zu den größten Herausforderungen zählte, wie man das theoretische Wissen über DDD konkret umsetzen. Bei der Theorie geht Florian speziell auf folgende Teile von DDD ein: <strong>Explorativ</strong>, <strong>strategisch</strong> und <strong>taktisch</strong>. Genauer erläutert er die folgenden Komponenten von taktischem Design: <em>Value Objects, Entities, Aggregrates, Repositories, Services </em>und<em> Factories.</em></dd>
<dd>Ein Hauptbestandteil von DDD ist es, eine gemeinsame Sprache zu entwickeln. Das ist jedoch gar nicht so einfach. Vor allem, wenn die allgemeine Code-Sprache bei Projekten oft Englisch ist, aber die Dokumentationssprache z.B. Deutsch. Doch wenn das Team einmal so weit ist, macht es die gemeinsame Sprache für alle einfacher. Für Entwickler:innen im Speziellen, den Code zu strukturieren und eine sehr wichtige Frage zu beantworten: Wo gehört dieser Code überhaupt hin?</dd>
</dl>
<h3>Links</h3>
<ul>
<li><a href="https://www.wiley.com/en-us/Patterns,+Principles,+and+Practices+of+Domain+Driven+Design-p-9781118714706">Patterns, Principles, and Practices of Domain-Driven Design</a><br />
Scott Millett, Nick Tune</li>
<li><a href="https://www.domainlanguage.com/ddd/">&#8222;The Big Blue Book&#8220;</a><br />
Domain-Driven Design: Tackling Complexity in the Heart of Software —Eric Evans</li>
<li><a href="https://www.youtube.com/watch?v=2JB1_e5wZmU">Domain Modeling Made Functional </a>—Scott Wlaschin, KanDDDinsky 2019</li>
<li><a href="https://www.youtube.com/watch?v=IcgmSRJHu_8">Making Impossible States Impossible</a>—Richard Feldman, elm-conf 2016</li>
<li><a href="https://dev.to/flbenz/kotlin-and-domain-driven-design-value-objects-4m32">Kotlin and Domain-Driven Design-Value Objects</a>—Florian Benz 2020</li>
<li><a href="https://github.com/ddd-crew/welcome-to-ddd">DDD Crew</a> &#8211; Welcome to Domain-Driven Design (DDD)<br />
&#8222;This project contains definitions of DDD and fundamental concepts to reduce the learning curve and confusion.&#8220;</li>
</ul>
<h3>Verwandte Revisionen</h3>
<ul>
<li><a href="https://workingdraft.de/314/">Revision 314: DDD, CQRS und WTF</a></li>
</ul>


Über Domain-Driven Design (DDD) sprechen Hans und Vanessa mit dem Gast Florian
Benz, VP of Engineering bei Scalable Capital. Florian beleuchtet dabei vor Allem
dir Umsetzung samt Stolpersteinen in der…

Über Domain-Driven Design (DDD) sprechen Hans und Vanessa mit dem Gast Florian
Benz, VP of Engineering bei Scalable Capital. Florian beleuchtet dabei vor Allem
dir Umsetzung samt Stolpersteinen in der Realität.


UNSER SPONSOR



Wir sind Demodern – wir sehen uns als Agentur einer neuen Generation: offen,
unkompliziert, 100% digital. Gegründet von Designern, liegt unsere Leidenschaft
in innovativen, digitalen Inszenierungen und einer sinnvollen User Experience.
Wir entwickeln unsere Projekte gemeinsam mit Spezialisten aus Strategie, Design,
UX und Development. „Let’s push things forward“ ist unser Leitsatz und
Philosophie. Darin steckt unsere eigene Veränderung, aber auch, Projekte neu zu
betrachten und zu rechtem Mehrwert zu bringen.

Ihr könnt gerne Kontakt zu Florian oder Marisa direkt aufnehmen – oder ihr
schaut auf demodern.de/jobs vorbei.


SCHAUNOTIZEN

[02:14:00] DOMAIN-DRIVEN DESIGN

Florian begann die ersten Schritte mit Domain-Driven Design (im Folgenden mit
„DDD“ abgekürzt) in Teams bei Scalable Capital im Jahr 2019. Zu den größten
Herausforderungen zählte, wie man das theoretische Wissen über DDD konkret
umsetzen. Bei der Theorie geht Florian speziell auf folgende Teile von DDD ein:
Explorativ, strategisch und taktisch. Genauer erläutert er die folgenden
Komponenten von taktischem Design: Value Objects, Entities, Aggregrates,
Repositories, Services und Factories.

Ein Hauptbestandteil von DDD ist es, eine gemeinsame Sprache zu entwickeln. Das
ist jedoch gar nicht so einfach. Vor allem, wenn die allgemeine Code-Sprache bei
Projekten oft Englisch ist, aber die Dokumentationssprache z.B. Deutsch. Doch
wenn das Team einmal so weit ist, macht es die gemeinsame Sprache für alle
einfacher. Für Entwickler:innen im Speziellen, den Code zu strukturieren und
eine sehr wichtige Frage zu beantworten: Wo gehört dieser Code überhaupt hin?


LINKS

 * Patterns, Principles, and Practices of Domain-Driven Design
   Scott Millett, Nick Tune
 * „The Big Blue Book“
   Domain-Driven Design: Tackling Complexity in the Heart of Software —Eric
   Evans
 * Domain Modeling Made Functional —Scott Wlaschin, KanDDDinsky 2019
 * Making Impossible States Impossible—Richard Feldman, elm-conf 2016
 * Kotlin and Domain-Driven Design-Value Objects—Florian Benz 2020
 * DDD Crew – Welcome to Domain-Driven Design (DDD)
   „This project contains definitions of DDD and fundamental concepts to reduce
   the learning curve and confusion.“


VERWANDTE REVISIONEN

 * Revision 314: DDD, CQRS und WTF

Revision 556: Domain-Driven Design

Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen

PODLIST

Working Draft

Wöchentlicher Podcast für Frontend Devs, Design Engineers und Web-Entwickler:innen.

Neue Episoden

Revision 567: Design Patterns in der Webentwicklung

Working Draft

Revision 566: Edge Computing mit SvelteKit und Cloudflare Pages

Working Draft

Revision 565: Quo vadis Frontend-Tooling?

Working Draft

Revision 564: Hinter den Kulissen von Konferenzorganisationen mit Marc Thiele

Working Draft

Revision 563: Ein Update zu Projekt Fugu

Working Draft

Revision 562: Interview mit Entwicklerin Svenja zu Barrierefreiheit

Working Draft

Revision 561: Organisationstruktur „UnFIX“

Working Draft

Revision 560: TypeScript 5.0

Working Draft

Revision 559: Glücksrad

Working Draft

Revision 558: Per dualer Ausbildung oder dualem Studium in den IT-Beruf

Working Draft

Revision 557: Neues in WebKit

Working Draft

Revision 556: Domain-Driven Design

Working Draft