Working Draft

By Vanessa Otto, Peter Kröner, Hans Christian Reinl, Stefan Baumgartner, Christian »Schepp« SchaeferNews Technology Education How To Tech News

Working Draft episodes

July 25, 2018Revision 349: Serverseitige Entwicklung mit Node
Der Schepp, Rodney und Hans sprechen über die Entwicklung von serverseitigen Applikationen mit Node.
Unser Sponsor
Diese Folge wird gesponsert vom neuen CV-Tool “GravityCV”, für einfaches, flexibles und schnelles erstellen und versenden Deines Lebenslaufs.
“GravityCV” – Professionelles Design & hoher Datenschutz für dein CV.
Kostenlos anmelden unter gravitycv.com.
Schaunotizen
[00:01:27] CLI Tools
Selbstgeschriebene Command Line Interface (CLI) Tools sind hilfreich, wenn man viel auf der Command Line unterwegs ist. Mit Node kann man eigene Tools sehr einfach schreiben. Wir erklären wie und welche Module dabei helfen können. Hier eine Auswahl der genannten:
Meow – Argument Parsing
opn – Liest einzelne Dateien oder Websites
ora – Aktivitätsindikator (Spinner)
prompt – Abfragen von User-Input
shelljs – Einheitliche Command Line API für Windows, Linux und Mac
as-table – Tabellarische Daten ausgeben
decompress und archiver – Einfacher Umgang mit zip, tar und Co.
keytar – Lokaler Passwort-Speicher
Zur Installation eines eigenen CLI kann man einfach ein Paket von NPM installieren oder direkt von GitHub per entsprechendem Command:
npm install -g git+ssh://@github.com:username/repository.git
[00:20:40] Serverseitige Services
Natürlich sprechen wir auch drüber, wie man einen Service mit Node bauen kann. Wir haben alle mehr oder minder viel Erfahrung damit und diskutieren über unsere Ansätze. Grundsätzlich sind wir der Meinung, dass Services sich immer an die 12 Factors halten sollten.
Einige Tools die wir empfehlen:
Express – HTTP Server, Middleware-Pattern
pino (für Express: express-pino-logger) – Serverseitiges Logging
fluentd – Logging auf stdout
Sequelize – ORM Modul für MySQL, MariaDB, Postgres
finale-rest – RESTful Implementierung für Sequelize Models in Express
Passport – Authentifizierungslirary
Helmet – Header Management in Express Apps, hier steht wies geht, hier auch.
dotenv – Configuration einfach verwalten mit einem Dotfile
brakes – Hystrix equivalent in Node zur Umsetzung des CircuitBreaker-Patterns
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 6 min
July 25, 2018 Revision 349: Serverseitige Entwicklung mit Node
Der Schepp, Rodney und Hans sprechen über die Entwicklung von serverseitigen Applikationen mit Node.
Unser Sponsor
Diese Folge wird gesponsert vom neuen CV-Tool “GravityCV”, für einfaches, flexibles und schnelles erstellen und versenden Deines Lebenslaufs.
“GravityCV” – Professionelles Design & hoher Datenschutz für dein CV.
Kostenlos anmelden unter gravitycv.com.
Schaunotizen
[00:01:27] CLI Tools
Selbstgeschriebene Command Line Interface (CLI) Tools sind hilfreich, wenn man viel auf der Command Line unterwegs ist. Mit Node kann man eigene Tools sehr einfach schreiben. Wir erklären wie und welche Module dabei helfen können. Hier eine Auswahl der genannten:
Meow – Argument Parsing
opn – Liest einzelne Dateien oder Websites
ora – Aktivitätsindikator (Spinner)
prompt – Abfragen von User-Input
shelljs – Einheitliche Command Line API für Windows, Linux und Mac
as-table – Tabellarische Daten ausgeben
decompress und archiver – Einfacher Umgang mit zip, tar und Co.
keytar – Lokaler Passwort-Speicher
Zur Installation eines eigenen CLI kann man einfach ein Paket von NPM installieren oder direkt von GitHub per entsprechendem Command:
npm install -g git+ssh://@github.com:username/repository.git
[00:20:40] Serverseitige Services
Natürlich sprechen wir auch drüber, wie man einen Service mit Node bauen kann. Wir haben alle mehr oder minder viel Erfahrung damit und diskutieren über unsere Ansätze. Grundsätzlich sind wir der Meinung, dass Services sich immer an die 12 Factors halten sollten.
Einige Tools die wir empfehlen:
Express – HTTP Server, Middleware-Pattern
pino (für Express: express-pino-logger) – Serverseitiges Logging
fluentd – Logging auf stdout
Sequelize – ORM Modul für MySQL, MariaDB, Postgres
finale-rest – RESTful Implementierung für Sequelize Models in Express
Passport – Authentifizierungslirary
Helmet – Header Management in Express Apps, hier steht wies geht, hier auch.
dotenv – Configuration einfach verwalten mit einem Dotfile
brakes – Hystrix equivalent in Node zur Umsetzung des CircuitBreaker-Patterns
1 hr 6 min
July 25, 2018 Revision 348: Performance in 2018
Kollege Sven Wolfermann kommt zu Besuch und erläutert mit uns den Stand der Performance Optimierungen im Jahr 2018.
Schaunotizen
[00:00:50] Performance
Gemeinsam mit Sven diskutieren wir, was man heutzutage alles machen soll und kann, um die Geschwindigkeit der Webseiten zu verbessern. Wir beginnen einsteigerfreundlich mit diversen Werkzeugen wie Webpagetest, und gehen dann auf neue Browserfeatures ein, die uns die Optimierung einfacher machen. Mit dabei sind preload und ES Module. In Sachen Fonts besprechen wir Variable Fonts, Subfont und das neue font-display property. Außerdem gibt’s einen Rundumschlag über Lazy Loading, u.a. mit der Intersection Observer API.
[01:21:54] Keine Schaunotizen
To push or not to push.
Der Patrick Hamann kennt sich halt mit HTTP/2 super gut aus. Zeigt er auch hier.
performance.now()
Performance Konferenz (!) in Amsterdam (!!) mit Steve Souders (!!!) und Paul Irish (!!!!) und noch vielen, vielen anderen? Fixbesuch im November.
Google Workbox
Die Workbox hilft prima, wenn man offlinefähige Websites und PWAs machen will.
PWA Builder
Noch ein wenig einfacher und oft ausreichend ist Microsofts PWA Builder.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 24 min
July 24, 2018 Revision 348: Performance in 2018
Kollege Sven Wolfermann kommt zu Besuch und erläutert mit uns den Stand der Performance Optimierungen im Jahr 2018.
Schaunotizen
[00:00:50] Performance
Gemeinsam mit Sven diskutieren wir, was man heutzutage alles machen soll und kann, um die Geschwindigkeit der Webseiten zu verbessern. Wir beginnen einsteigerfreundlich mit diversen Werkzeugen wie Webpagetest, und gehen dann auf neue Browserfeatures ein, die uns die Optimierung einfacher machen. Mit dabei sind preload und ES Module. In Sachen Fonts besprechen wir Variable Fonts, Subfont und das neue font-display property. Außerdem gibt’s einen Rundumschlag über Lazy Loading, u.a. mit der Intersection Observer API.
[01:21:54] Keine Schaunotizen
To push or not to push.
Der Patrick Hamann kennt sich halt mit HTTP/2 super gut aus. Zeigt er auch hier.
performance.now()
Performance Konferenz (!) in Amsterdam (!!) mit Steve Souders (!!!) und Paul Irish (!!!!) und noch vielen, vielen anderen? Fixbesuch im November.
Google Workbox
Die Workbox hilft prima, wenn man offlinefähige Websites und PWAs machen will.
PWA Builder
Noch ein wenig einfacher und oft ausreichend ist Microsofts PWA Builder.
1 hr 24 min
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.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
48 min
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.
48 min
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.
48 min
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.
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 28 min
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.
1 hr 28 min
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).
Diskutiert die Folge mit uns in unserem Community-Slack: https://draft.community/
1 hr 5 min