programmier.bar – der Podcast für App- und Webentwicklung Folgen

WebAssembly, kurz Wasm, ist Bytecode, der Webapplikationen in modernen Browsern schneller machen soll. Wie kann ich den Webstandard in mein eigenes Projekt integrieren und wie funktioniert er als Ergänzung zu JavaScript? In dieser Folge sprechen wir mit Christian Weyer, Mitgründer und CTO von Thinktecture, über die größten Vorteile von WebAssembly. Als CTO einer Beratungsfirma für SoftwareentwicklerInnen und -architektInnen kennt sich Christian mit allem aus, was .NET-Frameworks betrifft. Eins der großen Potenziale von WebAssembly sieht er darin, dass Projekte, die in älteren Sprachen geschrieben wurden, wieder mühelos zugänglich gemacht werden können. Der Bytecode ist aber auch für neue Projekte nützlich: Nativen Code auf Basis von C, C++ und Rust macht WebAssembly im Browser verfügbar, ohne dass Plugins wie früher mit Flash, Silverlight oder Java notwendig sind. Christian Weyer ist auf Twitter aktiv und Thinktecture findet ihr auch dort. Picks of the Day Christian ist Fan von alter Hardware. Tiny Emus läuft in WebAssembly und ist ein Emulator für alte Geräte wie bspw. den Commodore 64. Fabi: Wie in der letzten Folge spricht Fabi wieder von der Liste, die einen 1x Engineer definiert. Er möchte, dass sich jeder Entwickler diese Liste einmal zu Herzen nimmt. Schreibt uns! Schickt uns eure Themenwünsche und euer Feedback. podcast@programmier.bar Folgt uns! Bleibt auf dem Laufenden über zukünftige Folgen und virtuelle Meetups und beteiligt euch an Community-Diskussionen. Twitter Instagram Facebook Meetup YouTube Musik: Hanimo

Die Trennung von HTML und CSS aufheben, um User Interfaces schnell und flexibel gestalten zu können – klingt gut für euch? Dann könnte Tailwind CSS etwas für euch sein! In dieser Folge erzählt uns Alexander von Studnitz von dem utility-first CSS Framework, das super einfach zu bedienen ist. Was auf den ersten Blick unübersichtlich wirken mag, macht bei genauerem Hinsehen einen großen Unterschied zu klassischen CSS-Lösungen: Mit Tailwind wird Design direkt im Code erkennbar. Während bspw. Bootstrap mit vordefinierten Stilen arbeitet, bietet Tailwind die passenden Werkzeuge zum individualisierbaren Bau von Webapplikationen an. Unser Gast Alexander studiert Informatik an der TU Darmstadt und codet für die junge und dynamische Digitalagentur clickbar., wo er bereits einige jahrelang Erfahrungen mit dem Framework sammeln konnte. Deshalb ist er unser Experte für einen Blick auf das von Adam Wathan und Steve Schoger entwickelte Open Source Framework. Folgt Alexander und clickbar. auf Twitter oder schaut euch den Tailwind CSS Account an! Weitere Links aus der Folge: Alexander hat mit einer kleinen Gruppe beim WirVsVirus-Hackathon im März 2020 teilgenommen, über den wir in Folge in Folge 58 gesprochen haben. Seht euch den frühen Vorgänger Corona-Warn-App namens “Logbook” an, der mit Tailwind kreiert wurde! Adam Wathan und Steve Schoger, die Entwickler von Tailwind, bieten ein Set von Komponenten an, die kostenpflichtig für das Open Source Framework nutzbar sind. Funfact: Das letzte Redesign von Spiegel.de wurde mit Tailwind CSS umgesetzt.Picks of the Day Alexander: Kostenlose Icon-Sammlung, die mit Tailwind CSS verwendet werden kann auf Heroicons.dev. Sebi: Ein Buch über Design, das jeder Entwickler gelesen haben sollte. Wathan, Adam u. Schoger, Steve (2018): Refactoring UI. Fabi: Kennt ihr die Theorie des 10x Engineers? Keep cool, hier ist eine Liste, was einen 1x Engineer ausmacht. Dennis: Obwohl Tailwind nicht viel für euren persönlichen Stil vorgibt, hat es hübsche, ausgewählte Grundfarben. Dennis’ Lieblingsfarbe ist Gray-300 mit dem Hex-Code E2E8F0. Schreibt uns! Schickt uns eure Themenwünsche und euer Feedback. podcast@programmier.bar Folgt uns! Bleibt auf dem Laufenden über zukünftige Folgen und virtuelle Meetups und beteiligt euch an Community-Diskussionen. Twitter Instagram Facebook Meetup YouTube Musik: Hanimo

Wir möchten euch auf unserem Weg zu zwei neuen Webseiten mitnehmen und beginnen in dieser Folge mit der Vorstellung des High-Level-Frameworks Nuxt.js für Vue.js-Apps. Unser Ziel ist die Generalüberholung der Webseiten der programmier.bar und unseres Entwicklerstudios Lotum. In dieser Folge erläutern wir grundlegende Begriffe wie Single Page Application (SPA), Isomorphic und Universal Web Apps, Server Side Rendering (SSR) und Static Site Generation. Nuxt.js ist ein sogenanntes Opinionated Framework, das den Rahmen in der Entwicklung stark vorgibt und von Beginn an bis zur fertigen Seite unterstützt. Damit wird der Werkzeugkasten optionaler Module einfacher bedienbar und die moderne, weltweit erreichbare und vor allem schnelle Webseite ist nicht mehr weit. Picks of the Day Dennis: Die iOS 14 Public Beta ist erstaunlich stabil und eine Empfehlung wert. Achtung Edit: Die Corona-Warn-App funktioniert nicht mehr mit iOS 14! Sebi: Entwickler-Tools der Developer Preview von Safari Fabi: Dedicated Devtools für Node im Chrome Inspect Tab (chrome://inspect) Jojo: CodePen-Playground unterstützt jetzt auch Flutter Schreibt uns! Schickt uns eure Themenwünsche und euer Feedback. podcast@programmier.bar Folgt uns! Bleibt auf dem Laufenden über zukünftige Folgen und virtuelle Meetups und beteiligt euch an Community-Diskussionen. Twitter Instagram Facebook Meetup YouTube Musik: Hanimo