Wissenschaft & Technik
programmier.bar – der Podcast für App- und Webentwicklung Folgen
Die programmier.bar lädt regelmäßig spannende Gäste aus der Welt der App- und Webentwicklung zum Gespräch ein. Es geht um neue Technologien, unsere liebsten Tools und unsere Erfahrungen aus dem Entwickler-Alltag mit all seinen Problemen und Lösungswegen.Euer Input ist uns wichtig! Schreibt uns eure Themenwünsche und Feedback per Mail an podcast@programmier.bar oder auf Discord (https://discord.gg/SvkGpjxSMe), LinkedIn (@programmier.bar), Bluesky (@programmier.bar), Instagram (@programmier.bar) oder Mastodon (@podcast@programmier.bar).Wir sind Full-Stack-Spieleentwickler bekannter Apps wie 4 Bilder 1 Wort, Quiz Planet und Word Blitz. https://www.programmier.bar/impressum
Folgen von programmier.bar – der Podcast für App- und Webentwicklung
-
Folge vom 11.09.2020Folge 70 - Web Components mit Christian Liebel von ThinktectureWie kann ich ein Front-End ganz ohne Framework bauen? Probier's mit Web Components! In dieser Folge erzählt uns Christian Liebel von den Potenzialen der wiederverwendbaren HTML-Komponenten. Web Components sind ein Set von APIs, die es modernen Browsern ermöglichen, komponentenbasierte Architekturen zu verwenden. Dieses Komponentenmodell wird als Standard kontinuierlich vom W3C weiterentwickelt. Es bietet den großen Vorteil, dass einzelne Elemente einer Webseite aktualisiert werden können, ohne dabei die grundlegende Struktur durcheinander zu bringen. Wir nähern uns in dieser Folge der Frage, ob Web Components womöglich in Zukunft Frameworks wie Angular oder React ablösen werden, gemeinsam mit Christian Liebel von Thinktecture. In seinem Buch “Progressive Web Apps: Das Praxisbuch” schreibt er über plattformübergreifende App-Entwicklung mit Angular und Workbox und ist nicht nur Google Developers Expert, sondern auch Microsoft MVP. Auf Twitter könnt ihr Christian unter @christianliebel folgen. Picks of the Day Christian hat mit Web Components auf Paint.js.org die klassische Version von Microsoft Paint nachgebaut und es fühlt sich schön retronostalgisch an! Auf seinem GitHub-Profil gibt’s dazu noch mehr Infos. Sebi: Die JavaScript-Methode ‘Promise.allSettled()’ ermöglicht mehrere asynchrone Tasks, die voneinander unabhängig sind. Jojo: Die neue, coole JavaScript-Funktionalität ‘Private Fields’ wird im EcmaScript-Standard implementiert und ist Teil des Class-Field-Proposals TC39. Aktuell können die Private Fields mit Babel 7 und dem Stage 3 Preset verwendet werden. 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
-
Folge vom 28.08.2020Folge 69 - React mit Fabian HillerReact ist die meistgenutzte deklarative JavaScript-Bibliothek. Was es mit ihrem Motto “Learn once, write anywhere” auf sich hat, erzählt uns in dieser Folge Fabian Hiller, Gründer von Megalink.io und Mitgründer von Adstock.io. React ermöglicht eine komponentenbasierte Entwicklung und hat auch darüber hinaus ähnliche Ansätze wie Vue.js. Initial entwickelte Facebook das Framework Open Source, das heute im Web auch von Instagram, Netflix, Airbnb und Weiteren genutzt wird. Unser Gast Fabian erzählt uns von seinen Erfahrungen mit React, die er in seinen beiden Projekten Megalink und Adstock sammeln konnte. Gemeinsam sprechen wir über einfach erstellbare, interaktive User Interfaces, Komponenten und Props, React Native, JSX und Hooks. Fabian teilt sein Wissen über App- und Webentwicklung auf seinem YouTube-Kanal. Klickt hier, um ihm auf Instagram zu folgen. Picks of the Day Fabian: Storybook ist ein Tool, um UI-Komponenten zu isolieren und zu dokumentieren. Jojo: Mit “State of JS 2019” ganz einfach Technologien vergleichen, die im Umfeld von JavaScript beliebt sind. 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
-
Folge vom 14.08.2020Folge 68 - WebAssembly mit Christian Weyer, CTO und Co-Founder von ThinktectureWebAssembly, 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
-
Folge vom 31.07.2020Folge 67 - Tailwind CSS mit Alexander von Studnitz von clickbar.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