[{"data":1,"prerenderedAt":161},["ShallowReactive",2],{"/podcast/deep-dive-154-pwas-mit-nico-martin":3},{"podcast":4,"pickOfTheDayCount":158,"speakerCount":159,"relatedPodcasts":160,"transcript":-1},{"id":5,"published_on":6,"type":7,"number":8,"title":9,"slug":10,"description":11,"transcript":12,"audio_url":13,"apple_url":12,"google_url":12,"spotify_url":12,"cover_image":14,"banner_image":26,"speakers":36,"members":74,"picks_of_the_day":106,"tags":154,"tagsPrepared":155,"speakersPrepared":156},"f7c0d0d9-af41-4f4c-a5b5-efaa2385bc1a","2024-07-26T15:00:00.000Z","deep_dive","154","PWAs mit Nico Martin","deep-dive-154-pwas-mit-nico-martin","\u003Cp dir=\"ltr\">Lange war es still um PWAs, doch jetzt ist das Thema Progressive Web Apps gerade aktueller denn je: Zum einen hat der Bereich viel Aufmerksamkeit erfahren, als Apple im Fr&uuml;hjahr 2024 kurz davor war, \u003Ca href=\"https://www.programmier.bar/podcast/news-08-24-apple-pkl-ios-vs-pwas-react-19-flutter-3-19-dart-3-3-mit-ai\">das Feature unter iOS in Europa dauerhaft abzuschalten\u003C/a>. Zum anderen erleben PWAs dank der neuen WebGPU-APIs und dem Hype um AI eine Art Renaissance.\u003C/p>\n\u003Cp dir=\"ltr\">Aber was sind eigentlich Progressive Web Apps und was unterscheidet sie von &bdquo;normalen&ldquo; Webseiten oder Bookmarks auf dem Homescreen? Und macht die Art der Anwendung f&uuml;r Endnutzer:innen wirklich einen Unterschied?\u003C/p>\n\u003Cp dir=\"ltr\">All diesen Fragen und vielen weiteren gehen Dennis und Jan nach und sprechen daf&uuml;r mit Nico Martin, Google Developer Expert f&uuml;rs Web. Dabei geht&rsquo;s nicht nur um APIs, Browser-Implementierungen und Webstandards, sondern auch darum, was User:innen von Webseiten erwarten und welche UX f&uuml;r sie relevant ist.\u003C/p>",null,"https://www.buzzsprout.com/176239/15479333-deep-dive-154-pwas-mit-nico-martin.mp3",{"id":15,"title":16,"description":12,"tags":12,"location":12,"filename_disk":17,"filename_download":18,"metadata":19,"type":20,"filesize":21,"modified_by":12,"modified_on":22,"embed":12,"uploaded_by":23,"uploaded_on":24,"folder":12,"width":25,"height":25,"charset":12,"duration":12},"f4d679ff-f945-44f5-96e6-e543a2a1ce18","154 Ig Fb Nico Martin","f4d679ff-f945-44f5-96e6-e543a2a1ce18.png","154_ig_fb_Nico_Martin.png",{},"image/png","1843636","2024-07-15T07:52:08.138Z","e97179d2-51b3-4deb-828f-9524091441f5","2024-07-15T07:52:07.998Z",1500,{"id":27,"title":28,"description":12,"tags":12,"location":12,"filename_disk":29,"filename_download":30,"metadata":31,"type":20,"filesize":32,"modified_by":12,"modified_on":33,"embed":12,"uploaded_by":23,"uploaded_on":34,"folder":12,"width":35,"height":35,"charset":12,"duration":12},"c316bf0d-0a9d-41eb-b733-f682696d5aa5","Nico Martin Header","c316bf0d-0a9d-41eb-b733-f682696d5aa5.png","Nico_Martin_header.png",{},"756736","2024-07-15T07:52:27.633Z","2024-07-15T07:52:27.507Z",1024,[37],{"speaker":38},{"id":39,"slug":40,"academic_title":12,"occupation":41,"first_name":42,"last_name":43,"description":44,"event_image":45,"profile_image":55},"7521e8a2-e071-4a52-a247-c8a70fca0163","nico-martin","Machine Learning Engineer bei Hugging Face","Nico","Martin","\u003Cp dir=\"ltr\">Nico Martin ist Machine Learning Engineer mit Schwerpunkt WebML bei 🤗 Hugging Face und Google Developer Expert f&uuml;r AI und Webtechnologien aus der Schweiz. Sein Ziel: komplexe KI-Technologien f&uuml;r Entwickler:innen zug&auml;nglich machen &ndash; mit innovativen Tools und Webanwendungen, die den Einstieg ins maschinelle Lernen erheblich erleichtern. Nico teilt sein Know-how regelm&auml;&szlig;ig in Workshops, Artikeln und auf internationalen Konferenzen, und verbindet so die Communities f&uuml;r Webentwicklung und maschinelles Lernen.\u003C/p>",{"id":46,"title":47,"description":12,"tags":12,"location":12,"filename_disk":48,"filename_download":49,"metadata":12,"type":50,"filesize":51,"modified_by":12,"modified_on":52,"embed":12,"uploaded_by":12,"uploaded_on":53,"folder":12,"width":54,"height":35,"charset":12,"duration":12},"74ca2eed-fe1a-4f64-a9e2-6de596c8023f","Nico Martin","74ca2eed-fe1a-4f64-a9e2-6de596c8023f.jpg","nico_martin_event_bec2df11ec.jpg","image/jpeg","135932","2022-01-16T14:26:31.211Z","2021-12-30T14:17:46.594Z",1536,{"id":56,"title":57,"description":12,"tags":12,"location":12,"filename_disk":58,"filename_download":59,"metadata":60,"type":20,"filesize":69,"modified_by":12,"modified_on":70,"embed":12,"uploaded_by":71,"uploaded_on":72,"folder":12,"width":73,"height":73,"charset":12,"duration":12},"926fc1ad-5ab0-48e3-8b4a-4f4d801186bb","Nico Martin Portrait Square","926fc1ad-5ab0-48e3-8b4a-4f4d801186bb.png","nico-martin-portrait-square.png",{"ifd0":61,"exif":64},{"Make":62,"Model":63},"NIKON CORPORATION","NIKON Z 6_2",{"FNumber":65,"ExposureTime":66,"FocalLength":67,"ISOSpeedRatings":68},2.8,0.00625,85,100,"982032","2025-08-11T14:57:52.296Z","11a655b6-bcfc-4c6c-a13c-68189e38edb9","2025-08-11T14:57:52.293Z",1197,[75,91],{"member":76},{"id":77,"first_name":78,"last_name":79,"occupation":80,"description":81,"normal_image":82},"47099351-508c-44d9-a2a2-855181c72ee8","Jan Gregor","Emge-Triebel","// programmier.bar Tech Community Lead // Podcast-Host","\u003Cp>Jan ist ein echter Technik-Fan mit einer facettenreichen Karriere, die sich &uuml;ber Web-, Mobile-App-Entwicklung und DevOps erstreckt. Dank seiner vielf&auml;ltigen Rollen &ndash; vom Entwickler &uuml;ber den Teamleiter bis hin zum Vice President Development &ndash; verf&uuml;gt Jan &uuml;ber einen gro&szlig;en Erfahrungsschatz in der Softwareentwicklung und Developer Advocacy.\u003Cbr>Seine Leidenschaften jenseits der Technik reichen von Tauchg&auml;ngen an exotischen Orten &uuml;ber das Eintauchen in digitale wie analoge Spiele bis hin zum Abtauchen in gelungene Plot-Twists in B&uuml;chern und Filmen.\u003C/p>",{"id":83,"title":84,"description":12,"tags":12,"location":12,"filename_disk":85,"filename_download":86,"metadata":87,"type":50,"filesize":88,"modified_by":12,"modified_on":89,"embed":12,"uploaded_by":23,"uploaded_on":90,"folder":12,"width":35,"height":35,"charset":12,"duration":12},"ef7c0ccb-a2b5-48a0-8261-c8bbfffd917b","Jan CD","ef7c0ccb-a2b5-48a0-8261-c8bbfffd917b.jpg","Jan_CD.jpg",{},"649400","2024-07-26T09:26:17.846Z","2024-07-26T09:26:17.710Z",{"member":92},{"id":93,"first_name":94,"last_name":95,"occupation":96,"description":97,"normal_image":98},"958f6624-c721-4ff9-8a97-69148f540945","Dennis","Becker","// Podcast-Host","\u003Cp>Dennis ist Head of Development bei Lotum und k&uuml;mmert sich liebevoll um die Entwickler:innen und deren Weiterentwicklung.&nbsp;\u003Cbr>In den Podcastfolgen &uuml;bernimmt Dennis gerne die Moderation. Beim t&auml;glichen Tischtennis ist er immer am Start und seit wenigen Jahren passionierter Kitesurfer. Mittlerweile ist er auch Vibe Coder mit Leidenschaft und &uuml;berzeugt, dass seine Kolleg:innen AI untersch&auml;tzen.&nbsp;\u003C/p>",{"id":99,"title":100,"description":12,"tags":12,"location":12,"filename_disk":101,"filename_download":102,"metadata":12,"type":50,"filesize":103,"modified_by":12,"modified_on":104,"embed":12,"uploaded_by":12,"uploaded_on":105,"folder":12,"width":35,"height":35,"charset":12,"duration":12},"7a9fd72e-16b1-4283-8c1f-348a3e7986f9","Dennis Becker","7a9fd72e-16b1-4283-8c1f-348a3e7986f9.jpg","dennis_becker_normal_01e352e682.jpg","45729","2022-01-16T14:26:35.196Z","2021-12-30T14:16:28.647Z",[107,123,138],{"id":108,"name":109,"website_url":110,"description":111,"image":112},"ac770b8a-98f2-445a-9b02-82cd380b0fcc","Google AI Studio","https://aistudio.google.com/app/prompts/new_chat","\u003Cp>Bei AI Chatbots und Large Language Models denken viele zuerst an OpenAI. Dabei &uuml;bersehen sie jedoch, dass es mittlerweile auch &auml;hnliche Angebote von anderen etablierten Unternehmen im Markt gibt &ndash; teilweise sogar mit mehr und anderen Features.\u003C/p>\n\u003Cp>Eines davon ist das Google AI Studio. Hier k&ouml;nnt ihr nat&uuml;rlich mit diversen LLMs von Google chatten (darunter auch das gro&szlig;e Gemini-1.5-Pro-Sprachmodell mit 1.000.000 Tokens Kontext), aber auch Prompts archivieren und speichern.\u003C/p>",{"id":113,"title":114,"description":12,"tags":12,"location":12,"filename_disk":115,"filename_download":116,"metadata":117,"type":20,"filesize":118,"modified_by":12,"modified_on":119,"embed":12,"uploaded_by":71,"uploaded_on":120,"folder":12,"width":121,"height":122,"charset":12,"duration":12},"7aa59919-3192-42da-a27b-c210c4dac7f0","Bildschirmfoto 2024 06 05 Um 22.17.29","7aa59919-3192-42da-a27b-c210c4dac7f0.png","Bildschirmfoto 2024-06-05 um 22.17.29.png",{},"306094","2024-06-05T20:17:43.717Z","2024-06-05T20:17:43.587Z",2256,1914,{"id":124,"name":125,"website_url":126,"description":127,"image":128},"e68cecf6-1be5-4862-8354-a53241867804","Oh my Git!","https://ohmygit.org/","\u003Cp>Wolltest du dich mit Git auf der Kommandozeile schon immer mal f&uuml;hlen wie Neo in &bdquo;The Matrix&ldquo;? Oder vielleicht bist du einfach etwas aus der &Uuml;bung und willst dein Git-CLI-Wissen spielerisch aufpolieren?\u003C/p>\n\u003Cp>Dann ist &bdquo;Oh My Git!&ldquo; genau das Richtige f&uuml;r dich. Hier kannst du spielerisch mit ein paar Karten und in vielen Missionen die Git-Befehle nicht nur lernen, sondern auch bis ins Detail verstehen. Das Ganze wird kombiniert mit einer hilfreichen Echtzeit-Darstellung des Git-Graphen.\u003C/p>",{"id":129,"title":12,"description":12,"tags":12,"location":12,"filename_disk":130,"filename_download":131,"metadata":132,"type":50,"filesize":133,"modified_by":12,"modified_on":134,"embed":12,"uploaded_by":71,"uploaded_on":135,"folder":12,"width":136,"height":137,"charset":12,"duration":12},"5d3b05f1-4e27-4ae7-a743-3284554e2ede","5d3b05f1-4e27-4ae7-a743-3284554e2ede.jpg","ohmygit-org.jpg",{},"62359","2024-06-05T20:05:35.249Z","2024-06-05T20:05:35.106Z",1366,768,{"id":139,"name":140,"website_url":141,"description":142,"image":143},"e8c7205d-8e00-4c47-9067-fafb6085949c","Transformers.js","https://github.com/xenova/transformers.js","\u003Cp>Aus dem Hause Hugging Face kommt die JavaScript Bibliothek Transformers.js. Und wie sollte es bei Hugging Face auch anders sein, dreht sich hier nat&uuml;rlich alles um k&uuml;nstliche Intelligenz. Wie der Name schon sagt, erm&ouml;glicht dir Transformers.js, mittels der ONNX-Runtime deine Modelle im Browser auszuf&uuml;hren. Damit werden Aufgaben wie Natural Language Processing, Bilder-Klassifizierung, Spracherkennung und vieles weitere lokal erm&ouml;glicht.\u003C/p>\n\u003Cp>Die gerade frisch ver&ouml;ffentlichte Version 3.0 (in Beta) erlaubt jetzt auch die Nutzung der WebGPU-API, wodurch die Performance auf ein ganz neues Level gehoben wird.\u003C/p>",{"id":144,"title":145,"description":12,"tags":12,"location":12,"filename_disk":146,"filename_download":147,"metadata":148,"type":20,"filesize":149,"modified_by":12,"modified_on":150,"embed":12,"uploaded_by":71,"uploaded_on":151,"folder":12,"width":152,"height":153,"charset":12,"duration":12},"451081fa-4953-40e4-a429-c709a146d818","Bildschirmfoto 2024 06 05 Um 22.20.20","451081fa-4953-40e4-a429-c709a146d818.png","Bildschirmfoto 2024-06-05 um 22.20.20.png",{},"692392","2024-06-05T20:20:28.402Z","2024-06-05T20:20:28.076Z",2218,1848,[],[],[157],{"first_name":42,"last_name":43,"profile_image":55,"slug":40,"description":44,"event_image":45,"academic_title":12},428,172,[],1760007759809]