123. Svelte - Solakampi JS-kirjasto Webbidevaus.fi podcast

1:03:57

Mitä parikoodaus on? Entä pahamaineinen mob programming? Kuinka perustella asiakkaalle/kollegoille/pomolle, että itse asiassa 1 + 1 on enemmän kuin 2? Niko Heikkilä kertoo sinulle pari- ja porukkaohjelmoinnista kaiken, mitä siitä tarvitsee tietää. nikoheikkila.fi fosstodon.org/@nikoheikkila https://fi.linkedin.com/in/nikoheikkila Nikon linkkivinkit Kirjallisuus Software Teaming: A Mob Programming, Whole-Team Approach by Woody Zuill Code with the Wisdom of the Crowd: Get Better Together with Mob Programming by Mark Pearl Artikkelit The Costs and Benefits of Pair Programming. Cockburn, A; Williams, L. InfoQ: From Async Code Reviews to Co-Creation Patterns Gregor Riegler: Solo Programming Considered Harmful Videot Dragan Stepanović: Async code reviews are choking your company’s throughput Muut Remote Mob Programming mob.sh — tool for smooth Git handover…

Webbidevaus.fi

1
133. Twitter tulessa 55:26

2 years fa55:26

55:26

Hieman pidemmän podcast-paussin aikana IT-maailmassa on tapahtunut paljon! Jakso alkaa ei niin mieltä nostattavissa tunnelmissa Big Tech -irtisanomisten muodossa. Muita aiheita ovat Twitterin nykytilanne Elon Muskin johdossa, Anti-SPA-liike ja React-vastaisuus, iOS Web Push Notifikaatioiden ja Container Queryjen saapuminen, uudenlainen lähestyminen web-sivuihin Arc-selaimen muodossa sekä tekoälyn nostama huomio. Jakson linkit: Big Tech irtisanomiset CSS Tricksin mahdollinen arkistointi - https://twitter.com/AdamRackis/status/1626403356116656128 Suurten Amerikkalaisten yritysten kasvu irtisanomisista huolimatta - https://www.businessinsider.com/impact-of-big-tech-layoffs-amazon-meta-microsoft-google-salesforce-2023-2 Twitterin tapahtumat aikajanalla - https://twitterisgoinggreat.com/ Web Push notifikaatiot iOS Safariin Push Notifikaatiot iOS 16.4 Betassa - https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/ Apple Developer video web Pushista - Meet Web Push for iOS Container queryt nyt kaikissa selaimissa Arc -selain Anti-SPA-liike Josh Collinsworth: The self-fulfilling propechy of React Eric Bailey: Modern Health, frameworks, performance, and harm Alex Russell: The Market for Lemons Zach Leatherman: A Historical Reference of React Criticism AI Github Copilot DALL-E 2 Midjourney Stable Diffusion ChatGPT…

Webbidevaus.fi

1
132. Yksinkertaiset miehet monimutkaisessa maailmassa 1:15:08

3 years fa1:15:08

1:15:08

Jakson kantavana teemana toimii yksinkertaistaminen. Kesän aikana Tommi päivitti omaa sivuprojektiaan poistamalla Tailwindin ja lisäämällä Typescriptin. Antti päätyi käyttämään omassa sivuprojektissaan Ansiblea ja Dokkua. Loman virkistämä Tommi päätyi pohtimaan monoliitin ja mikropalvelun käyttöä ja ennenaikaista optimointia. Jakson nostot Tommi Matt Pocock Typescript -videot Overloads vs. Generics Antti Anssi Kelan kitarat B-bender…

Webbidevaus.fi

1
131. Koodari huutaa pilville 1:16:04

3 years fa1:16:04

1:16:04

Onko logien lukeminen webbisovelluksista ylipäätään mahdollista Azuressa? Miten käy selainkehitykselle, jos Apple joutuu sallimaan WebKitin lisäksi muita selainmoottoreita iOS:lle? Kuinka syvä on Tommin tuska TypeScript-polulla? Miksi tässä on vain kysymyksiä? Jakson linkit EU ja iOS:n selainmoottorit Webbisivujen transitiot SolidJS Selainten natiivi datetime-komponentti Node.js fetch-API Parse, don’t validate Validaattorit: Zod , Yup ja Purify TypeScriptin utility-tyypit Virheiden nappaus try-catchissa Jakson nostot Antti Helix AstroNvim Tommi Corridor Digital, vanha Batman uuteen Batmaniin…

Webbidevaus.fi

1
130. Webbikomponenttidevaus! 1:23:01

3 years fa1:23:01

1:23:01

Onko The Year of Web Components vihdoin täällä?! Ovatko varjo-DOM ja kaverit lupaus uudesta ja mahtavasta vai onko lisävauhdin tarve edelleen läsnä? Mitä ovat HTML-nokat? Vieraana mahtava Matias Huhta Suomen Turusta. Jakson linkit Matias Twitterissä https://webbidevaus.fi/57 https://open-wc.org/discover/slack/ https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elements https://github.com/mdn/web-components-examples/blob/main/popup-info-box-web-component/main.js https://lit.dev https://shoelace.style/ https://github.com/github/time-elements Matiaksen talkki React Finland 2021:ssä Suomen kotiolutdiscord Matiaksen olut-IOT-laite Matiaksen podcast Shy Boys Jakson fiilikset Tommi: ESP32 + Ikea ilmanlaaduntunnistin = ilmanlaatusensori Antti: Nintendo 3DS Matias: Olut-IOT-laite…

Webbidevaus.fi

1
129. Fronttimaailman ajatuksia ja etäältä työskentelyä 1:02:35

3 years fa1:02:35

1:02:35

CSS on kohta valmis! Tommi linkkihaavista löytyi pari kiinnostavaa twiittiä; tämän vuoden aikana Chromeen tulevat uudet CSS-ominaisuudet ja Steven Pembertonin kannanotto !importantin käytöstä. Jakson React-osiossa vilkaistiin, mitä React 18 tuo mukanaan. Lisäksi vinkataan VS Coden käyttäjille Koodiklinikan kuratoitu laajennuslista. Loppupuolella keskustellaan etätyöskentelystä ja aikavyöhykkeiden yli työskentelystä. Jakson linkit Nicole Sullivanien twiitti CSS:n tulevista ominaisuuksista CSS :has( ) A Parent Selector Now blogipostaus Steven Pembertonin twiitti !importatista React 18 jukaistiin Koodiklinikan VS Code -laajennoslista Jakson fiilikset Tommi: Severance Antti: LEGO Masters Suomi…

Webbidevaus.fi

1
128. Monorepolaiset ja HTML like it's 1999 1:05:14

3 years fa1:05:14

1:05:14

Tommi jakaa viimeaikaisia sähköpostin tyylittelyyn ja dark modeen liittyviä kokemuksia. Palataan hetkeksi jaksoon 110 muistelemaan FLoCia, kun Google on palannut piirrustuspöydälle idean kanssa. Antti kertoo miten helppoa ts-koodin jakaminen on monorepossa, ja lopuksi mietitään rikkooko Firefoxin ja Chromen 100-versiot internetin (ja kuinka pahasti). Jakson linkit Litmus.comin blogi eri sähköpostien dark mode käsittelystä Google hylkää FLoCin Googlen blogaus Topicseista React SVGR TypeScript project references Turborepo Chrome versio 100 voi rikkoa internetin Jakson fiilikset Tommi: Pirre-kissa Antti: Trailer Park Boys…

Webbidevaus.fi

1
127. JavaScriptin tila 2021 1:27:33

3 years fa1:27:33

1:27:33

Antilla on tarve tallennella kaikenlaista mediaa verkkolevylle ja Tommi kertoo omasta mediaserveristään. Lisäksi Antti pääsee opiskelemaan uusia PostgreSQL-asioita nykyisen projektinsa myötä. Jakson pääaiheena pureuduttiin State of JavaScriptin vastauksiin ja vedettiin niistä hieman johtopäätöksiä. Jakson linkit TrueNAS Synology DS220+ Postgres - Faster LIKE/ILIKE PostgreSQL Full-Text Search Ordering fuzzy search results by relevancy using trigrams The Art of PostgreSQL State of JavaScript 2021 The Third Age of JavaScript State of JS 2021 awards Most Adopted Feature: Nullish Coalescing Most Adopted Technology: esbuild Highest Satisfaction: Vite Highest Interest: Vite Most Write-Ins: Elm Jakson fiilikset Antti: Parks & Recreation Tommi: Arduino-koodailut…

Webbidevaus.fi

1
126. Tommi vastaan TypeScript 1:27:47

3 years fa1:27:47

1:27:47

Tommi päätti sukeltaa TypeScriptin maailmaan pari kuukautta takaperin. Mihin haasteisiin hän törmäsi, mitkä ovat fiilikset ja kuinka syvään päätyyn tuli sukellettua? Tuliko Tommista TypeScript-käännytetty? Vai aiheuttavatko tyypitykset liikaa kohinaa koodiin? Preshown aikana ihmetellään iOS:n betaversiossa olevaa PWA-push-notifikaatiotukea ja JavaScriptin pipeline operaattoria. Lisäksi havaitaan että Tommi ei osaa roastata Antin uuden projektin teknologiastäkkiä. Jakson linkit Push-notifikaatiot IOS:n PWA:lle: https://firt.dev/ios-14.5b/ Pipeline operator use cases: https://2ality.com/2022/01/pipe-operator.html Pipeline operator proposal: https://github.com/tc39/proposal-pipeline-operator TRPC: https://trpc.io Devtools.fm TRPC-jakso: https://devtools.fm/episode/21 Devops with Docker Mooc: https://devopswithdocker.com/ Devops with Kubernetes Mooc: https://devopswithkubernetes.com State of JS survey 2021: https://app.stateofjs.com/survey/state-of-js/2021 Blogipostaus State of JS surveyn vuodosta: https://dev.to/sachagreif/disclosing-a-state-of-javascriptstate-of-css-data-breach-2lg1 TypeScript: https://www.typescriptlang.org Jos tyyppejä ei ole, DefinitelyTyped voi auttaa: http://definitelytyped.org Tyyppipredikaateista dokumentaatiota: https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicates Jakson fiilikset Antti: Daft Punk - ALIVE 2021: EPILOGUE Tommi: Horizon Zero Dawn…

Webbidevaus.fi

1
125. Hotti, hotimpi, Hotwire 1:20:56

3 years fa1:20:56

1:20:56

Mitä kuuluu Ruby on Railsille? Jakson vieraana Tuomas Jomppanen kertomassa Rails-kuulumisia. Samalla päästiin kuulemaan, mistä Hotwiressa on kyse. Jakson sponsorina Flockler! Katso lisää osoitteessa flockler.com/webbidevaus . Linkit Rubyn kotisivu - https://www.ruby-lang.org/en/ Ruby on Rails kotisivu - https://rubyonrails.org Hotwire kotisivu - https://hotwired.dev Oikea Hotwirea hyödyntävä sovellus, SpinaCMS - https://spinacms.com Tuomaksen kotskasivu - https://tuomas.io Viikon hyvät fiilikset Tommi: 3D-tulostettu Iron Man kypärä Tuomas: Witted ilmoitti halusta listautua pörssiin Antti: ETF-rahastot…

Webbidevaus.fi

1
124. Svelteä edistyneelle 1:07:41

3 years fa1:07:41

1:07:41

Edellisessä jaksossa tutustuttiin Svelteen mutta asiaa oli enemmän kuin jaksoon mahtui! Toisen jakson aiheet sukeltavat tilanhallintaan, reititykseen ja Svelte Kit -frameworkiin. Linkit Svelte Kit kotisivu - https://kit.svelte.dev Elder.js - https://elderguide.com/tech/elderjs/ , https://github.com/elderjs/elderjs Routify - https://routify.dev Plenti - https://plenti.co Skaalautuuko Svelte - https://github.com/halfnelson/svelte-it-will-scale/blob/master/README.md Skaalautuuhan Svelte - https://svelte-scaling.acmion.com Miten Level Up Tutorials vaihtoi Reactista Svelteen: https://youtu.be/ezk6qAIXe68 React Hookkien Svelte-vastineet - https://github.com/joshnuss/react-hooks-in-svelte React Forget “kääntäjä” - https://youtu.be/lGEMwh32soc Svelte Summit videot - https://sveltesummit.com Viikon hyvät fiilikset Tommi: Lepo ja tylsistyminen Antti: Netflix ja sarjat…

Webbidevaus.fi

1
123. Svelte - solakampi JS-kirjasto 1:03:35

3 years fa1:03:35

1:03:35

Tommi on käyttänyt Svelteä pidemmän aikaa, myös ihan oikeassa työssä. Jakson aikana tutustutaan tähän "blazing fast" UI-kirjastoon. Tommi kertoo Svelten historiasta ja miksi Rich Harris (ei Rich Hickey) alun perin alkoi rakentaa Svelteä. Lisäksi jutellaan muun muassa komponenttikehityksestä Sveltessä, 2-way data bindauksesta, Svelten reaktiivisuudesta, animaatoista ja transitioista, sekä Svelten ympärillä olevasta komponenttiekosysteemistä. Kaikkea ei edes yritetty mahduttaa yhteen jaksoon, joten toinen jakso Sveltestä on tulossa. Linkit Svelten kotisivu - https://svelte.dev Svelten integraatioita - https://github.com/sveltejs/integrations Responsive Svelte (exploring Svelte's reactivity) - https://youtu.be/fvY1TAKNPgY Svelte Society - https://sveltesociety.dev Svelte Discord - https://discord.com/invite/yy75DKs Viikon hyvät fiilikset Tommi: Piparkakkutalon rakennus Antti: Acapulco-sarja AppleTV:stä…

Webbidevaus.fi

1
122. CSS '22 1:06:32

3 years fa1:06:32

1:06:32

Edellinen bäkkärijakso aktivoi palautekanavia, joten Tommi päätyi tarkentamaan kommenttia PHP:sta ja sen muutoksista. Tämän lisäksi aikaisemmassa jaksossa mainittu Remix julkaistiin ja Antti kokeili, miten se toimii. Jakson pääaiheena on CSS, erityisesti sen mahdolliset uudet ominaisuudet. Suurinta keskustelua webbipuolella on viimeaikoina aiheuttanut Container Queryt. Tähän aiheeseen pureudutaan syvemmin. Hieman lyhyemmin käydään läpi nesting CSS preprosessoreista tuttu nesting, CSS Cascade Layers, @when-sääntö, sekä @scope-sääntö. Linkit PHP https://bulletproofphp.dev/yes-php-is-worth-using Remix Remix Blogitutorial @container https://alistapart.com/article/responsive-web-design/ Say Hello to Container Queries Container Queries for Designers https://youtu.be/JsN_iE3prm0 https://github.com/GoogleChromeLabs/container-query-polyfill Container Query Units https://drafts.csswg.org/css-contain-3/#container-lengths @nest https://www.w3.org/TR/2021/WD-css-nesting-1-20210831/ @layer https://www.bram.us/2021/09/15/the-future-of-css-cascade-layers-css-at-layer/ @when https://css-tricks.com/proposal-for-css-when/ https://tabatkins.github.io/specs/css-when-else/ @scope Early Days for CSS Scoping Viikon hyvät fiilikset Tommi: Corne-näppäimistön rakentaminen Antti: Avantouinti…

Webbidevaus.fi

1
121. Bäkkidevaus.fi 1:01:27

3 years fa1:01:27

1:01:27

Tommin podcast-äänessä on ollut parantamisen varaa, jota on korjattu mikrofonia vaihtamalla. Tämän päivityksen myötä varmistettiin, että äänenlaatu olisi voinut parantua tarkistamalla tallennussoftan asetukset. Palautelaatikkoon oli tullut backend-aiheisia kysymyksiä, joista napattiin tähän jaksoon PHP- ja Python-aiheisia kysymyksiä. Mikä olisi WordPressiä tekevälle backend-devaajalle sopivaa haastetta kehittymisen kannalta? Entä onko PHP jälleen cool, kun Laravel tarjoaa avaimet käteen -ratkaisun? Linkit https://laravel.com https://symfony.com https://laravel-mix.com/ https://craftcms.com/ https://statamic.com https://www.djangoproject.com https://palletsprojects.com/p/flask/ https://fastapi.tiangolo.com https://www.fastify.io Viikon hyvät fiilikset Tommi: Pendergast-kirjat Antti: Witcher-kirjat…

Webbidevaus.fi

1
120. Koodia ja hygieniaa 1:21:39

3 years fa1:21:39