Webbidevaus.fi

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.fifosstodon.org/@nikoheikkilahttps://fi.linkedin.com/in/nikoheikkila Nikon linkkivinkit Software Teaming: A Mob Programming, Whole-Team Approach by Woody ZuillCode with the Wisdom of the Crowd: Get Better Together with Mob Programming by Mark PearlThe Costs and Benefits of Pair Programming. Cockburn, A; Williams, L.InfoQ: From Async Code Reviews to Co-Creation PatternsGregor Riegler: Solo Programming Considered HarmfulDragan Stepanović: Async code reviews are choking your company’s throughputRemote Mob Programmingmob.sh — tool for smooth Git handover

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: https://twitter.com/AdamRackis/status/1626403356116656128https://www.businessinsider.com/impact-of-big-tech-layoffs-amazon-meta-microsoft-google-salesforce-2023-2https://twitterisgoinggreat.com/https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/Meet Web Push for iOSContainer queryt nyt kaikissa selaimissaArcJosh Collinsworth: The self-fulfilling propechy of ReactEric Bailey: Modern Health, frameworks, performance, and harmAlex Russell: The Market for LemonsZach Leatherman: A Historical Reference of React CriticismGithub CopilotDALL-E 2MidjourneyStable DiffusionChatGPT

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 Matt Pocock Typescript -videotOverloads vs. GenericsAnssi Kelan kitaratB-bender

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 selainmoottoritWebbisivujen transitiotSolidJSSelainten natiivi datetime-komponenttiNode.js fetch-APIParse, don’t validateZodYupPurifyTypeScriptin utility-tyypitVirheiden nappaus try-catchissaJakson nostot HelixAstroNvimCorridor Digital, vanha Batman uuteen Batmaniin

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/57https://open-wc.org/discover/slack/https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_custom_elementshttps://github.com/mdn/web-components-examples/blob/main/popup-info-box-web-component/main.jshttps://lit.devhttps://shoelace.style/https://github.com/github/time-elementsMatiaksen talkki React Finland 2021:ssäSuomen kotiolutdiscordMatiaksen olut-IOT-laiteMatiaksen podcast Shy BoysJakson fiilikset IkeailmanlaatusensoriNintendo 3DSOlut-IOT-laite

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 ominaisuuksistaCSS :has( ) A Parent Selector Now blogipostausSteven Pembertonin twiitti !importatistaReact 18 jukaistiinKoodiklinikan VS Code -laajennoslistaJakson fiilikset Tommi: Severance Antti: LEGO Masters Suomi

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ää FLoCinGooglen blogaus TopicseistaReact SVGRTypeScript project referencesTurborepoChrome versio 100 voi rikkoa internetinJakson fiilikset Tommi: Pirre-kissa Antti: Trailer Park Boys

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 TrueNASSynology DS220+Postgres - Faster LIKE/ILIKEPostgreSQL Full-Text SearchOrdering fuzzy search results by relevancy using trigramsThe Art of PostgreSQLState of JavaScript 2021The Third Age of JavaScriptMost Adopted Feature:Nullish CoalescingMost Adopted Technology:esbuildHighest Satisfaction:ViteHighest Interest:Most Write-Ins:ElmJakson fiilikset Antti: Parks & Recreation Tommi: Arduino-koodailut

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 https://firt.dev/ios-14.5b/https://2ality.com/2022/01/pipe-operator.htmlhttps://github.com/tc39/proposal-pipeline-operatorhttps://trpc.ioDevtools.fmhttps://devtools.fm/episode/21https://devopswithdocker.com/https://devopswithkubernetes.comhttps://app.stateofjs.com/survey/state-of-js/2021https://dev.to/sachagreif/disclosing-a-state-of-javascriptstate-of-css-data-breach-2lg1https://www.typescriptlang.orghttp://definitelytyped.orghttps://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicatesJakson fiilikset Daft Punk - ALIVE 2021: EPILOGUEHorizon Zero Dawn

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 https://www.ruby-lang.org/en/https://rubyonrails.orghttps://hotwired.devhttps://spinacms.comhttps://tuomas.ioViikon hyvät fiilikset Tommi: 3D-tulostettu Iron Man kypärä Tuomas: Witted ilmoitti halusta listautua pörssiin Antti: ETF-rahastot

Edellisessä jaksossa tutustuttiin Svelteen mutta asiaa oli enemmän kuin jaksoon mahtui! Toisen jakson aiheet sukeltavat tilanhallintaan, reititykseen ja Svelte Kit -frameworkiin. Linkit https://kit.svelte.devhttps://elderguide.com/tech/elderjs/https://github.com/elderjs/elderjshttps://routify.devhttps://plenti.cohttps://github.com/halfnelson/svelte-it-will-scale/blob/master/README.mdhttps://svelte-scaling.acmion.comhttps://youtu.be/ezk6qAIXe68https://github.com/joshnuss/react-hooks-in-sveltehttps://youtu.be/lGEMwh32sochttps://sveltesummit.comViikon hyvät fiilikset Tommi: Lepo ja tylsistyminen Antti: Netflix ja sarjat

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 https://svelte.devhttps://github.com/sveltejs/integrationshttps://youtu.be/fvY1TAKNPgYhttps://sveltesociety.devhttps://discord.com/invite/yy75DKsViikon hyvät fiilikset Tommi: Piparkakkutalon rakennus Antti: Acapulco-sarja AppleTV:stä

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-usingRemix RemixBlogitutorial@container https://alistapart.com/article/responsive-web-design/Say Hello to Container QueriesContainer Queries for Designershttps://youtu.be/JsN_iE3prm0https://github.com/GoogleChromeLabs/container-query-polyfillContainer Query Unitshttps://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 ScopingViikon hyvät fiilikset Tommi: Corne-näppäimistön rakentaminen Antti: Avantouinti

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.comhttps://symfony.comhttps://laravel-mix.com/https://craftcms.com/https://statamic.comhttps://www.djangoproject.comhttps://palletsprojects.com/p/flask/https://fastapi.tiangolo.comhttps://www.fastify.ioViikon hyvät fiilikset Tommi: Pendergast-kirjat Antti: Witcher-kirjat

Koodin siistinä pitäminen on haastavaa. Onneksi näihin löytyy lisää koodia, joilla oman koodin saa pysymään siistinä. Antti ja Tommi käyvät läpi kattavan listan eri tavoista ja työkaluista, joiden avulla koodin siistimiseen ei tarvitse kiinnittää huomiota. Ja keskustellaanpa sitä vähän gitin käytöstäkin. Linkit stylelintCSS LintheadwindTrunk-based developmentGithub FlowAlkuperäinen Git Flow -kirjoitusConventional commitshttps://commitlint.js.org/Viikon hyvät fiilikset Tommi: Tanssiminen Antti: Tuorepuuro

Webbidevauksen toimituksessa kuopaistiin palautelaatikosta pari kysymystä vastattavaksi. Ennen kysymyksiin vastaamista Antti nosti muutaman mielenkiintoisen linkin keskusteltavaksi. https://remix.run/blog/seed-funding-for-remix Remix on Michael Jacksonin ja Ryan Florencen luoma React-framework, joka sai 3 miljoonan dollarin rahoituksen. Rahoituksen johdosta Remix tullaan julkaisemaan open sourcena. https://wicg.github.io/sanitizer-api/ HTML Sanitizer API esittelee uuden rajapinnan selaimiin, jonka avulla kehittäjillä olisi mahdollisuus sanitoida käyttäjien syötteet selaimessa. HTML Sanitizer API on vielä vedosasteella. State of CSS State of CSS on vuosittain tehtävä kysely, jossa kehittäjät pääsevät kertomaan miten he käyttävät CSS:ää. Vuoden 2021 kysely on menossa juuri nyt. TKMV Antti ja Tommi pohdiskelevat, mitä 80% työaika voisi tarkoittaa. Lisäksi he kertovat millaiset koodaussetupit heiltä löytyy kotoa, ja kuinka he ehkäisevät omia selän ja hartiaseudun vaivoja. Puhetta oli sen verran että jaksoon vastattavaksi otetut arkkitehtuurikysymykset oli mahdollista kätevästi siirtää toiseen jaksoon. Viikon hyvät fiilikset Tommi: Talon talvivalmistelut Antti: Kuntosalikäynnit

Webbidevauksen tauko jäi lyhyeksi, kun postilaatikkoon tupsahti työhakemus juontajan pestiin. Niinpä työhaastattelu oli luontevaa tehdä jakson muodossa. Jakson aikana tutustutaan hakemuksen jättäneen Tommin taustoihin. Millainen kaveri on kyseessä? Miksi hän haluaa Webbidevaukseen mukaan? Mitkä ovat ajatukset Reactista ja TypeScriptistä?

Tässä jaksossa katsaus sovellusten rakentamiseen Elixirillä ja Phoenix Frameworkillä. Miten Erlangin virtuaalikone eroaa Node.js - sovelluksesta ja mitä ovat LiveViewit? Tämän jakson jälkeen webbidevaus.fi jää tauolle määrittelemättömän pituiseksi ajaksi. Haluamme kiittää kuuntelijoitamme ja sponsoreitamme viimeisestä kolmesta vuodesta podcastin parissa 🙏 Linkit Introduction to ElixirPhoenix FrameworkJakson valinnat Suuri keramiikkakisaYes Yes Yes

Tässä jaksossa pikakatsaus staattisien sivujen generointiin Astrolla. Lisäksi vastataan kysymyksiin tietorakenteiden tärkeydestä webbikehityksessä, riittävistä taidoista ensimmäistä työpaikkaa hakiessa ja tärkeimmistä asioista etätyössä. Rentouttavaa kesää kaikille! ☀️ Linkit A look at buiding with AstroAstroAstro.buildKysymykset https://webbidevaus.fi/102(Tomi)(MaijaXD)Jakson valinnat Phoenix Wright: Ace Attorney TrilogyPirkka Toukkis

Tässä jaksossa Antti ja Riku juttelevat droneista, 5G:stä, sekä Github Copilotin mahdollisuuksista osana koodarin työkalupakkia. Lisäksi vastaillaan kysymyksiin freelance-projektien hankkimisesta, sopivien kirjastojen valinnasta projekteihin, SEO:sta ja monesta muusta. Jakson nimi tietysti OpenAI:n generoima! Linkit DJI Mini 2CopilotKysymykset (Giacomo)Google Search Console(vim user)Assignment brief for junior developers, fall 2021(Miqsu)(Kosminen)Jakson valinnat Kummeli Yle AreenassaKummeli 30 vuottaCurb Your Enthusiasm