Working Draft

By Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« Schaefer

Working Draft ist der deutschsprachige Podcast für Frontend-Entwicklung, Webdesign und UI Engineering.

Bei uns geht’s um HTML, CSS, JavaScript, Frameworks wie React, Vue und Angular, Responsive Webde... more

Download on the App Store

Download on the App Store

Get it on Google Play

FAQs about Working Draft:

How many episodes does Working Draft have?

The podcast currently has 1,064 episodes available.

Working Draft episodes:

July 23, 2018 Revision 347: OAuth
Die Revision 347 steht ganz im Zeichen der Autorisierung mit OAuth. Zumindest sprechen wir viel über OAuth. Und zwar mit Johannes Pichler, der bei karriere.at als Backend-Entwickler unterwegs ist.
Schaunotizen
[00:01:13] Was ist OAuth?
Johannes erklärt erst mal was OAuth ist und bringt uns das Thema der Autorisierung näher. Wir lernen JSON Web Tokens kennen.
[00:12:36] Security, Anwendungsfälle und Implementierungen
Wir sprechen über Praktikabilität, Sicherheit und weitere Punkte einer guten Autorisierung. Darüber hinaus sprechen wir ein Praxis-Beispiel durch und schauen auf Implementierungen von Dienstleistern wie Facebook und Google.
Keine Schaunotizen
code.talks 2017 – Protect your API with OAuth2
Ein gutes Intro zu OAuth2.
...more
48min
July 23, 2018 Revison 347: OAuth
Die Revision 347 steht ganz im Zeichen der Autorisierung mit OAuth. Zumindest sprechen wir viel über OAuth. Und zwar mit Johannes Pichler, der bei karriere.at als Backend-Entwickler unterwegs ist.
Schaunotizen
[00:01:13] Was ist OAuth?
Johannes erklärt erst mal was OAuth ist und bringt uns das Thema der Autorisierung näher. Wir lernen JSON Web Tokens kennen.
[00:12:36] Security, Anwendungsfälle und Implementierungen
Wir sprechen über Praktikabilität, Sicherheit und weitere Punkte einer guten Autorisierung. Darüber hinaus sprechen wir ein Praxis-Beispiel durch und schauen auf Implementierungen von Dienstleistern wie Facebook und Google.
Keine Schaunotizen
code.talks 2017 – Protect your API with OAuth2
Ein gutes Intro zu OAuth2.
...more
48min
July 22, 2018Revision 346: Wie optimiere ich meine Bilder fürs Web?
Einige Jahre nach der ersten Sendung (158) mit Trivago- und Ex-Akamai Performance-Experte Tobias Baldauf (Twitter, GitHub) ist es wieder so weit: Tobias besucht uns und gibt sein Wissen preis. Dieses mal besprechen wir sehr gezielt das Thema Bildoptimierungen.
Schaunotizen
[00:01:36] SQIP – aktueller Status, die Zukunft
SQIP ist eine Rendering-Technologie, die auf SVG basiert. Diese ermöglicht es kleine Platzhalter-Bilder zu erstellen und auszuliefern, bevor das eigentliche Bild geladen ist. Es gibt einige Implementierungen in CMS, wie Gatsby und Kirby.
[00:13:55] Progressives Image Encoding
Abseits von SQIP, sprechen wir über Bild-Encodings, die Bilder schneller rendern. Dazu zählt Progressive JPEG.
Weitere Links:
Intersection Observer API
JPEG-Rehabilitation im Angesicht der Radware-Studie
Der paradoxe Kayak-Effekt
SVGO – SVG Optimierungstool
ImageOptim – Bild-Optimierungs-GUI für macOS
Einige Bild-Formate, die man auch mal nutzen kann:
MOZJPEG
WebP, (wenn auch z.Z. nur in diesen Browsern unterstützt)
JPEG 2000
JPEG XR
HEIFF
FLIF
Image-Optimierung + Art Direction in der Cloud: Cloudinary
MSS – Regions of Interest in Bildern finden
[00:55:04] Web Performance Budgets != Fixed Thresholds
Web Performance Budgets sind sehr beliebt, sollten aber keine festen Thresholds haben, argumentiert Tobias.
[01:04:32] UX: Web Performance und Revenue Impact
Oft ist die Erwartung, dass man durch Bildkompression bessere Performance erreicht und somit Nutzer mehr durch Bildgalerien klicken. Nachforschungen von Trivago zeigen allerdings, dass die Benutzer einige Zeit brauchen, bis die bessere Performance beim Benutzer verstanden ist. Das bedeutet also: Geduld, Kadenz beachten, User in Kohorten einteilen.
[01:11:35] Ein Ausblick auf die Bildalgorithmen der Zukunft
Wir sprechen über die Zukunft und schauen auf die zunehmende Fragmentierung im Image-Format-Markt. Tobias skizziert Custom Decoder für Bilder mit WebAssembly.
[01:23:28] Keine Schaunotizen
Neue WebPerf Conferences in Europa: DeltaV
Es gibt wieder eine Konferenz in Europa die sich mit dem Thema Web Performance beschäftigt.
...more
1h 28min
July 22, 2018 Revision 346: Wie optimiere ich meine Bilder fürs Web?
Einige Jahre nach der ersten Sendung (158) mit Trivago- und Ex-Akamai Performance-Experte Tobias Baldauf (Twitter, GitHub) ist es wieder so weit: Tobias besucht uns und gibt sein Wissen preis. Dieses mal besprechen wir sehr gezielt das Thema Bildoptimierungen.
Schaunotizen
[00:01:36] SQIP – aktueller Status, die Zukunft
SQIP ist eine Rendering-Technologie, die auf SVG basiert. Diese ermöglicht es kleine Platzhalter-Bilder zu erstellen und auszuliefern, bevor das eigentliche Bild geladen ist. Es gibt einige Implementierungen in CMS, wie Gatsby und Kirby.
[00:13:55] Progressives Image Encoding
Abseits von SQIP, sprechen wir über Bild-Encodings, die Bilder schneller rendern. Dazu zählt Progressive JPEG.
Weitere Links:
Intersection Observer API
JPEG-Rehabilitation im Angesicht der Radware-Studie
Der paradoxe Kayak-Effekt
SVGO – SVG Optimierungstool
ImageOptim – Bild-Optimierungs-GUI für macOS
Einige Bild-Formate, die man auch mal nutzen kann:
MOZJPEG
WebP, (wenn auch z.Z. nur in diesen Browsern unterstützt)
JPEG 2000
JPEG XR
HEIFF
FLIF
Image-Optimierung + Art Direction in der Cloud: Cloudinary
MSS – Regions of Interest in Bildern finden
[00:55:04] Web Performance Budgets != Fixed Thresholds
Web Performance Budgets sind sehr beliebt, sollten aber keine festen Thresholds haben, argumentiert Tobias.
[01:04:32] UX: Web Performance und Revenue Impact
Oft ist die Erwartung, dass man durch Bildkompression bessere Performance erreicht und somit Nutzer mehr durch Bildgalerien klicken. Nachforschungen von Trivago zeigen allerdings, dass die Benutzer einige Zeit brauchen, bis die bessere Performance beim Benutzer verstanden ist. Das bedeutet also: Geduld, Kadenz beachten, User in Kohorten einteilen.
[01:11:35] Ein Ausblick auf die Bildalgorithmen der Zukunft
Wir sprechen über die Zukunft und schauen auf die zunehmende Fragmentierung im Image-Format-Markt. Tobias skizziert Custom Decoder für Bilder mit WebAssembly.
[01:23:28] Keine Schaunotizen
Neue WebPerf Conferences in Europa: DeltaV
Es gibt wieder eine Konferenz in Europa die sich mit dem Thema Web Performance beschäftigt.
...more
1h 28min
July 09, 2018 Revision 345: DevOps – Kubernetes, VMs und Co.
Zur aktuellen Sendung ist Frederic Hemberger (Web, Twitter) zu Gast, der erst kürzlich mit uns über die Beziehung von DevOps zur Täglichen Arbeit als Webentwickler gesprochen.
Heute sprechen wir über Container-Software wie VMs, Docker und Kubernetes und wie diese ineinander greifen.
Keine News
Schaunotizen
[00:00:34] DevOps – Was sind eigentlich diese Container (und mehr)?
Erst mal müssen wir klären, was es mit diesen Container-basierten Systemen eigentlich auf sich hat und wie Docker dieses System umsetzt. Dazu sprechen wir über Virtual Machines und wie diese sich im Gegensatz zu Docker positionieren. Danach gibt Frederic uns einen Einblick in Kubernetes und was das System tut.
Keine Schaunotizen
KubeWeekly
DER wöchentliche Newsletter rund um Kubernetes.
KubeCon’18 EU
Präsentationen und Videos der KubeCon 2018 EU.
Kubernetes Forum
Für alle, die mal was diskutieren wollen (zum Thema Kubernetes).
...more
1h 5min
July 09, 2018 Revision 345: DevOps – Kubernetes, VMs und Co.
Zur aktuellen Sendung ist Frederic Hemberger (Web, Twitter) zu Gast, der erst kürzlich mit uns über die Beziehung von DevOps zur Täglichen Arbeit als Webentwickler gesprochen.
Heute sprechen wir über Container-Software wie VMs, Docker und Kubernetes und wie diese ineinander greifen.
Keine News
Schaunotizen
[00:00:34] DevOps – Was sind eigentlich diese Container (und mehr)?
Erst mal müssen wir klären, was es mit diesen Container-basierten Systemen eigentlich auf sich hat und wie Docker dieses System umsetzt. Dazu sprechen wir über Virtual Machines und wie diese sich im Gegensatz zu Docker positionieren. Danach gibt Frederic uns einen Einblick in Kubernetes und was das System tut.
Keine Schaunotizen
KubeWeekly
DER wöchentliche Newsletter rund um Kubernetes.
KubeCon’18 EU
Präsentationen und Videos der KubeCon 2018 EU.
Kubernetes Forum
Für alle, die mal was diskutieren wollen (zum Thema Kubernetes).
...more
1h 5min
June 17, 2018 Revision 344: ReactPHP
Hans und Peter fragten in dieser Revision Christian Lück (Web, Github, Twitter), seines Zeichens einer der Maintainer von React PHP, zu seinem Lieblingsthema aus.
Schaunotizen
[00:00:43] ReactPHP
ReactPHP ist ein Open-Source-Projekt, das aus Node.js bekannte Konzepte (v.a. asynchrones IO) für PHP umsetzt. Ein Use Case hierfür wäre alles, was mit Kommunikation und Datenströmen zu tun hat, für 0815-Webseiten eignet sich ReactPHP nicht so sehr (und es würde bei traditionellen Hostern auch nicht ohne weiteres funktionieren). Und so quatschten wir über Streaming-APIs, Event Loops, Streams, Promises, synchrone und asynchrone Funktionen in PHP …
...more
43min
June 17, 2018 Revision 344: ReactPHP
Hans und Peter fragten in dieser Revision Christian Lück (Web, Github, Twitter), seines Zeichens einer der Maintainer von React PHP, zu seinem Lieblingsthema aus.
Schaunotizen
[00:00:43] ReactPHP
ReactPHP ist ein Open-Source-Projekt, das aus Node.js bekannte Konzepte (v.a. asynchrones IO) für PHP umsetzt. Ein Use Case hierfür wäre alles, was mit Kommunikation und Datenströmen zu tun hat, für 0815-Webseiten eignet sich ReactPHP nicht so sehr (und es würde bei traditionellen Hostern auch nicht ohne weiteres funktionieren). Und so quatschten wir über Streaming-APIs, Event Loops, Streams, Promises, synchrone und asynchrone Funktionen in PHP …
...more
43min
June 15, 2018Revision 343: Neue Features für JavaScript
Inspiriert von einem vergleichsweise dünnen Artikel über ein paar unspektakuläre JS-Neuerungen diskutierten Schepp, Hans, Stefan und Peter ihre persönlichen Favoriten in der JS-Feature-Pipeline.
Schaunotizen
[00:00:12] Kommende JavaScript-Features
Wir bespechen sowohl kommende Features die wir gut finden als auch einige, die uns nicht zusagen. Im einzelnen kommen zur Sprache:
der Safe Navigation Operator (auch bereits bekannt aus CoffeeScript o.Ä.)
der Nullish Coalescing Operator (bekannt aus PHP o.Ä.)
der Pipeline Operator (bekannt aus Elm)
Asynchrone Iteration
Private Methoden und private Felder für Klassen
das Global-Proposal
Decorators
BigInt
Dynamisches Import und Metainformationen für Imports
Unterstriche in Zahlen
flatMap
Observables(bekannt aus u.A. RxJS)
Außerdem erträumt sich Peter Selbstdefinierte Equality-Logik, ist aber pessimistisch
...more
1h 8min
June 15, 2018 Revision 343: Neue Features für JavaScript
Inspiriert von einem vergleichsweise dünnen Artikel über ein paar unspektakuläre JS-Neuerungen diskutierten Schepp, Hans, Stefan und Peter ihre persönlichen Favoriten in der JS-Feature-Pipeline.
Schaunotizen
[00:00:12] Kommende JavaScript-Features
Wir bespechen sowohl kommende Features die wir gut finden als auch einige, die uns nicht zusagen. Im einzelnen kommen zur Sprache:
der Safe Navigation Operator (auch bereits bekannt aus CoffeeScript o.Ä.)
der Nullish Coalescing Operator (bekannt aus PHP o.Ä.)
der Pipeline Operator (bekannt aus Elm)
Asynchrone Iteration
Private Methoden und private Felder für Klassen
das Global-Proposal
Decorators
BigInt
Dynamisches Import und Metainformationen für Imports
Unterstriche in Zahlen
flatMap
Observables(bekannt aus u.A. RxJS)
Außerdem erträumt sich Peter Selbstdefinierte Equality-Logik, ist aber pessimistisch
...more
1h 8min

FAQs about Working Draft:

How many episodes does Working Draft have?

The podcast currently has 1,064 episodes available.

More shows like Working Draft

Chaosradio by Chaos Computer Club Berlin

Chaosradio

7 Listeners

Bits und so by Undsoversum GmbH

Bits und so

23 Listeners

Wissenschaft und Technik by Bayerischer Rundfunk

Wissenschaft und Technik

9 Listeners

Raumzeit by Metaebene Personal Media - Tim Pritlove

Raumzeit

11 Listeners

Logbuch:Netzpolitik by Metaebene Personal Media - Tim Pritlove

Logbuch:Netzpolitik

7 Listeners

c’t uplink - der IT-Podcast aus Nerdistan by c’t Magazin

c’t uplink - der IT-Podcast aus Nerdistan

5 Listeners

Apfelfunk by Malte Kirchner & Jean-Claude Frick

Apfelfunk

8 Listeners

heiseshow by heise online

heiseshow

2 Listeners

UKW by Metaebene Personal Media - Tim Pritlove

UKW

1 Listeners

kurz informiert by heise online by heise online

kurz informiert by heise online

2 Listeners

Mac & i - der Apple-Podcast by Mac & i

Mac & i - der Apple-Podcast

0 Listeners

Wo wir sind ist vorne. by Moritz Glantz und Sarah Groß

Wo wir sind ist vorne.

0 Listeners

Bit-Rauschen: Der Prozessor-Podcast von c’t by c't Magazin

Bit-Rauschen: Der Prozessor-Podcast von c’t

1 Listeners

KI-Update – ein heise-Podcast by Isabel Grünewald, heise online

KI-Update – ein heise-Podcast

6 Listeners

Passwort - der Podcast von heise security by Dr. Christopher Kunz, Sylvester Tremmel

Passwort - der Podcast von heise security

3 Listeners