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

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

Halb so groß und doppelt so schnell – das verspricht Vue.js 3. Der stable Release steht kurz bevor und wir haben uns die Versprechungen der neuen Version in der Beta angesehen. In Folge 65 möchten wir unsere Impressionen zu den spannendsten Features mit euch teilen! Vue 3 wurde bereits 2018 von Evan You, dem Gründer von Vue.js, angekündigt und seither von allen Vue-Enthusiasten sehnlichst erwartet. Hatte man in der alten Version manchmal damit zu kämpfen, eigene große Projekte in TypeScript aufzusetzen, so ist Vue 3 nun von Haus aus in TypeScript geschrieben und bietet damit eine bessere Typsicherheit sowie Typinferenz. Wir sprechen in dieser Folge zunächst über die Motivation der Entwickler zur Neuauflage von Vue und gehen dann ans Eingemachte: die neuen Features und allem voran die neue Composition API! Hier geht es auch zu den Podcastfolgen 43 und 48, in denen wir über unsere meistgenutzten Features der älteren Versionen von Vue.js sprechen. Picks of the Day Sebi: MQL (MetaQuotes Language) von Google, um flexibel die Visualisierung von Daten zu beeinflussen, die seitens Google in Graphen dargestellt werden. Nützlich bspw. für die Ratio zweier Datenwerte. Mit dem dpdm Tool könnt ihr euch Circular Dependencies einfacher anzeigen lassen. Fabi: Mit der Extension Remote SSH von Visual Studio Code Folder der SSH-Verbindung anzeigen lassen und Files bearbeiten. Dennis: Drücke auf dem Mac gemeinsam Cmd, Shift und T im Browser, um einen eben geschlossenen Tab wieder zu öffnen. Streamt uns!Diese und alle vergangenen Live-Folgen könnt ihr auf YouTube anschauen. 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