Bölümler
-
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 -
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 -
Eksik bölüm mü var?
-
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 -
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 linkitEU ja iOS:n selainmoottoritWebbisivujen transitiotSolidJSSelainten natiivi datetime-komponenttiNode.js fetch-APIParse, donât validateValidaattorit: Zod, Yup ja PurifyTypeScriptin utility-tyypitVirheiden nappaus try-catchissaJakson nostotAnttiHelixAstroNvimTommiCorridor 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 linkitMatias 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 fiiliksetTommi: ESP32 + Ikea ilmanlaaduntunnistin = ilmanlaatusensoriAntti: Nintendo 3DSMatias: Olut-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 linkitNicole Sullivanien twiitti CSS:n tulevista ominaisuuksistaCSS :has( ) A Parent Selector Now blogipostausSteven Pembertonin twiitti !importatistaReact 18 jukaistiinKoodiklinikan VS Code -laajennoslistaJakson fiiliksetTommi: 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 linkitLitmus.comin blogi eri sÀhköpostien dark mode kÀsittelystÀGoogle hylkÀÀ FLoCinGooglen blogaus TopicseistaReact SVGRTypeScript project referencesTurborepoChrome versio 100 voi rikkoa internetinJakson fiiliksetTommi: 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 linkitTrueNASSynology DS220+Postgres - Faster LIKE/ILIKEPostgreSQL Full-Text SearchOrdering fuzzy search results by relevancy using trigramsThe Art of PostgreSQLState of JavaScript 2021The Third Age of JavaScriptState of JS 2021 awardsMost Adopted Feature: Nullish CoalescingMost Adopted Technology: esbuildHighest Satisfaction: ViteHighest Interest: ViteMost Write-Ins: ElmJakson fiiliksetAntti: 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 linkitPush-notifikaatiot IOS:n PWA:lle: https://firt.dev/ios-14.5b/Pipeline operator use cases: https://2ality.com/2022/01/pipe-operator.htmlPipeline operator proposal: https://github.com/tc39/proposal-pipeline-operatorTRPC: https://trpc.ioDevtools.fm TRPC-jakso: https://devtools.fm/episode/21Devops with Docker Mooc: https://devopswithdocker.com/Devops with Kubernetes Mooc: https://devopswithkubernetes.comState of JS survey 2021: https://app.stateofjs.com/survey/state-of-js/2021Blogipostaus State of JS surveyn vuodosta: https://dev.to/sachagreif/disclosing-a-state-of-javascriptstate-of-css-data-breach-2lg1TypeScript: https://www.typescriptlang.orgJos tyyppejÀ ei ole, DefinitelyTyped voi auttaa: http://definitelytyped.orgTyyppipredikaateista dokumentaatiota: https://www.typescriptlang.org/docs/handbook/2/narrowing.html#using-type-predicatesJakson fiiliksetAntti: Daft Punk - ALIVE 2021: EPILOGUETommi: Horizon 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.
LinkitRubyn kotisivu - https://www.ruby-lang.org/en/Ruby on Rails kotisivu - https://rubyonrails.orgHotwire kotisivu - https://hotwired.devOikea Hotwirea hyödyntÀvÀ sovellus, SpinaCMS - https://spinacms.comTuomaksen kotskasivu - https://tuomas.ioViikon hyvÀt fiiliksetTommi: 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.
LinkitSvelte Kit kotisivu - https://kit.svelte.devElder.js - https://elderguide.com/tech/elderjs/, https://github.com/elderjs/elderjsRoutify - https://routify.devPlenti - https://plenti.coSkaalautuuko Svelte - https://github.com/halfnelson/svelte-it-will-scale/blob/master/README.mdSkaalautuuhan Svelte - https://svelte-scaling.acmion.comMiten Level Up Tutorials vaihtoi Reactista Svelteen: https://youtu.be/ezk6qAIXe68React Hookkien Svelte-vastineet - https://github.com/joshnuss/react-hooks-in-svelteReact Forget âkÀÀntĂ€jĂ€â - https://youtu.be/lGEMwh32socSvelte Summit videot - https://sveltesummit.comViikon hyvĂ€t fiiliksetTommi: 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.
LinkitSvelten kotisivu - https://svelte.devSvelten integraatioita - https://github.com/sveltejs/integrationsResponsive Svelte (exploring Svelte's reactivity) - https://youtu.be/fvY1TAKNPgYSvelte Society - https://sveltesociety.devSvelte Discord - https://discord.com/invite/yy75DKsViikon hyvÀt fiiliksetTommi: 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ö.
LinkitPHP
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 fiiliksetTommi: 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?
Linkithttps://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 fiiliksetTommi: 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.
LinkitstylelintCSS LintheadwindTrunk-based developmentGithub FlowAlkuperÀinen Git Flow -kirjoitusConventional commitshttps://commitlint.js.org/Viikon hyvÀt fiiliksetTommi: 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 đ
LinkitIntroduction to ElixirPhoenix FrameworkJakson valinnatAntti: Suuri keramiikkakisaRiku: Yes 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! âïž
LinkitCSS-Tricks: A look at buiding with AstroAstro GithubissaAstro.buildKysymyksetMiksi jaksojen sivuilla (esim https://webbidevaus.fi/102) ei ole title-tÀgiÀ?Miten tÀrkeÀnÀ pidette, ettÀ osaa tunnetuimpia tietorakenteita ja algoritmejÀ, kun kyse webbikehityksestÀ? (Tomi)MitÀ mieltÀ ootte Storybook? (MaijaXD)Olen liiketalouden ohella opiskellut koodaamista nyt n. vuoden ajan. Olisi mukava kuulla teiltÀ hieman syventÀvÀÀ pohdintaa millaisia odotuksia/taitoja ohjelmoinnin osalta vaaditaan ensimmÀistÀ työpaikkaa hakiessa. Itselleni tutuksi on tullut mm. C#, javascript, HTML, CSS, mySQL, MSSQL, React, Git ja python alkeet. Uskaltaisiko nÀillÀ evÀillÀ jo hakea työpaikkaa?MitÀ koette tÀrkeiksi asioiksi devaustiimin nykymaailman etÀtyössÀ, kun etÀnÀ työskentelee tiimeissÀ myös useimmat niistÀki joilla siitÀ ei oo aiempaa kokemusta?Jakson valinnatAntti: Phoenix Wright: Ace Attorney TrilogyRiku: Pirkka 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!
LinkitDJI Mini 2CopilotKysymyksetKuinka usein teidĂ€n pĂ€ivittĂ€isessĂ€ työssĂ€ tulee SEO vastaan? Kuinka paljon webbidevaajan pitĂ€isi tietÀÀ SEOsta? (Giacomo)Google Search ConsoleSaako töissĂ€ yleensĂ€ kĂ€yttÀÀ haluamaansa editoria vai halutaanko ettĂ€ koko tiimi kĂ€yttÀÀ VScodea. (vim user)Ootteko joutuneet tiukkojen teknisten tehtĂ€vien / kysymysten eteen työhaastatteluissa? MinkĂ€laisia tehtĂ€viĂ€ kannattaa teettÀÀ, jos on palkkaamassa fronttidevaajaa 2021?Assignment brief for junior developers, fall 2021Moikka! MikĂ€ on aloittelevalle webbikehittĂ€jĂ€lle paras tapa hankkia Suomessa projekteja freelance-pohjalta? Onko esimerkiksi palveluita, joiden kautta ensisijaisesti kannattaisi etsiĂ€ itselleen hommia ja tarjota osaamistaan, jos ei vielĂ€ ole vanhasta takaa liiemmĂ€lti kontakteja? EntĂ€ mitĂ€ sudenkuoppia pitĂ€isi osata vĂ€lttÀÀ, kun tekee tĂ€llaista sopimusta asiakkaan kanssa (aikataulutus, palkkiot jne.) (Miqsu)MillĂ€ asioilla on sinulle merkitystĂ€, kun valitset sopivia kirjastoja projektiasi varten? LĂ€hdekoodin avoimuus? GitHub-tĂ€htien mÀÀrĂ€? Muut kriteerit? (Kosminen)Jakson valinnatAntti:Kummeli Yle AreenassaKummeli 30 vuottaRiku:Curb Your Enthusiasm - Daha fazla göster
