Tommi Paakko julkinen
[search 0]
Lisää
Download the App!
show episodes
 
Artwork

1
Frontend Friday

Tommi Pääkkö & Olli Aapro

Unsubscribe
Unsubscribe
Kuukausittain
 
Friday on oululainen web-aiheisiin keskittyvä podcast. Aiheet liikkuvat suunnittelusta toteutuksen kautta optimointiin ja koodaamiseen. Kantaa otetaan ja välillä mennään freestylenä aiheen vierestä.
  continue reading
 
Loading …
show series
 
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…
  continue reading
 
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…
  continue reading
 
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 Ma…
  continue reading
 
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 natii…
  continue reading
 
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/do…
  continue reading
 
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 ke…
  continue reading
 
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…
  continue reading
 
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 - F…
  continue reading
 
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 JavaS…
  continue reading
 
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 - htt…
  continue reading
 
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 Plent…
  continue reading
 
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 reaktiivisuude…
  continue reading
 
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 aiheutta…
  continue reading
 
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 Wor…
  continue reading
 
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 stylelint CSS Lint headwind Trunk-bas…
  continue reading
 
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…
  continue reading
 
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ä?…
  continue reading
 
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 pa…
  continue reading
 
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 CSS-Tricks: A look at buiding with Astro Astro Githubissa Astro.build Kys…
  continue reading
 
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 2 Copilot Kysymykset Ku…
  continue reading
 
Katsaus React 18 Alphaan ja Tailwind versioon 2.2. Onko any:n tai as-castauksen käyttö TypeScriptissä aina koodihaju? Puhutaan myös SVG-kuvista ja kuvien generoinnista Node.js:llä. Tätä jaksoa sponsoroi Futurice. Tsekkaa duunit osoitteessa futurice.com/careers! Linkit SVG Antin mindmap-demo TypeScript Tagged Union Types in TypeScript React 18 alpha…
  continue reading
 
Antti näkee Objective C:tä JS:ssä, Riku kutsuu Postgresiä suoraan frontista, Google kannustaa RSS:n käyttöön. Oikeasti? Oikeasti! Linkit PostGraphile The data model behind Notion's flexibility Learn CSS https://twitter.com/addyosmani/status/1395106082029068289 Recoil 0.3.0 Sublime Text 4 Google IO Node 12 vuotta Kysymykset Miten kaikille koodareill…
  continue reading
 
Sponsori: Futurice Tsekkaa avoimet paikat osoitteesta futurice.com/careers! Linkit Vue.js Typescript type safety in template Why isn't Vue 3 getting typescript type checking in templates at compile time? Typehole VSCode extension Typed holes Stackblitz - Introducing WebContainers: Run Node.js natively in your browser Google AMP is dead! AMP pages n…
  continue reading
 
Framework vai kirjasto? JSX vai templatet? Mitkä ovat ratkaisevat erot Vuen ja Reactin välillä, ja mikä saisi vaihtamaan toiseen? Safariin on saapunut uusia ominaisuuksia aina flexbox gapista Sirin varassa pyörivään Speech recognition rajapintaan. Linkit New WebKit Features in Safari 14.1 Effect of the Last Week on Ruby on Rails CSS counter Redux T…
  continue reading
 
Mikä on Googlen tällä hetkellä käyttäjillään testaama pahamaineinen seurantatyökalu FLoc? Koodimysteerejä selvitellään myös aina TypeScriptin AST:stä VSCode lisäosien koodaamiseen, kun Riku on aloittanut taas varsin kokeellisen harrasteprojektin 🧪. PS. Mikäli oman podcastin aloittaminen kiinnostaa, kannattaa kuunnella tämä jakso! Jakson sponsorina …
  continue reading
 
Vauhdista liikkuvaan projektijunaan hyppääminen ei koskaan ole helppoa. Millä mielellä hommaan kannattaa lähteä ja mitä ottaa huomioon? Voiko vauhtiin pääsyä nopeuttaa? Mitä mieltä olemme open sourcesta? Web pyörii ilmaisen koodin varassa, mutta ovatko Github-tähdet lopulta riittävä korvaus open source - kehittäjille? Onko tähän havaittavissa muuto…
  continue reading
 
Onko Tailwind JIT nyt sitten 5/5 vai 0/5? Mikä tekee Vitestä Webpackia nopeamman? Tuleeko Harmaja viimein popularisoimaan funktionaalisen reaktiivisen ohjelmoinnin webissä? Pikalataa annos fronttikehityksen uusia tuulia tästä! Build your own React Lambda Calculus - Computerphile Antti Vite esbuild wmr Snowpack Tailwind JIT Riku Harmaja Bacon.js Jav…
  continue reading
 
Rahaa tulee jo ovista ja ikkunoista, eikä koulun penkillä istuminen enää innosta? How to proceed? Te kysytte, me vastaamme! Entä mitä mieltä Riku ja Antti ovat progressiivisten web-sovellusten tulevaisuudesta ja nykytilasta? Miten aloittaa uuden ohjelmointikielen opiskelu? Meiltä mielipiteet jokaiseen vaivaan! Jakson sponsorina Futurice! Futuricen …
  continue reading
 
Koneoppimista ja tietoturvaa tutkitaan paljon yliopistoissa, mutta miten on webbidevauksen laita? Tähän kysymykseen on vastaamassa Inteliltä W3C-konsortiossa toimiva Anssi Kostiainen ja web-teknologioista väitellyt Mikko Pohja, yksi Bytecraftin perustajaosakkaista. Vierailevana juontajana tässä jaksossa väitöskirjatutkijana Aalto-yliopistossa toimi…
  continue reading
 
Antti on ottanut Redux-toolkitin käyttöön. Mitä etuja se antaa pelkkään Reduxiin nähden? Entä tulevatko react-query ja vastaavat korvaamaan koko perinteisen datan lataamisen? Tätä jaksoa sponsoroi Futurice! Tsekkaa lisää ja avoimet paikat osoitteessa https://futurice.com/careers. Linkit Redux Toolkit react-query Kysymykset MP tästä listasta ja miel…
  continue reading
 
Kysymysjakso, eli tarroja taas jaossa! Miten harjaantua CSS:ssä? Mitä mieltä olemme Denosta? Kannattaako koodia kirjoittaa huonommin kuin osaisi? Palautetta: Olipa mukava kuunnella keskustelua vimistä! Vimin opetteluun aivan ehdoton ykkössuosikkini on VIM-adventures! (https://vim-adventures.com/) 25$/6kk lisenssi ei kyllä sieltä halvimmasta päästä …
  continue reading
 
Vuoden 2020 lopussa Reactiin esiteltiin uusi jännittävä kokeellinen ominaisuus - Zero-Bundle-Size Server Components. Komponentteja voidaan siis suorittaa osin palvelimen puolella, mutta miten tämä eroaa SSR:stä, SSG:stä ja muista kryptisistä akronyymeistä? Antti on ottanut käyttöönsä VSCodeVIM:in, ja tämän jakson kuunneltuasi otat sinäkin Follow-up…
  continue reading
 
JavaScript täytti 25 vuotta! Neljännesvuosisadan kunniaksi Antti ja Riku muistelevat mitä kaikkea noihin vuosiin on kuulunutkaan, ja peilaavat tapahtumia omiin kokemuksiinsa. Tällä kertaa vuorossa vähän nykyhistoriaa aina vuodesta 2011 tähän päivään. Hyppää kyytiin! JavaScript 25 v! 2011 Ember.js Moment.js Browserify Ensimmäinen kerta kun require()…
  continue reading
 
JavaScript täytti 25 vuotta! Neljännesvuosisadan kunniaksi Antti ja Riku muistelevat mitä kaikkea noihin vuosiin on kuulunutkaan, ja peilaavat tapahtumia omiin kokemuksiinsa. Down the memory lane! JavaScript 25 v! https://www.jetbrains.com/lp/javascript-25/ 1995 Brendan Eich / Netscape 10 päivää aikaa rakentaa ohjelmointikieli Netscape Navigatoriin…
  continue reading
 
Tähän on tultu! 100 jaksoa ja 100k latauskertaa webbidevausta takana (Valtava kiitos tästä kuuluu teille 🙏❤️), Antti on vaihtanut työnantajaa ja molemmat ovat innostuneet opettelemaan uusia ohjelmointikieliä. Tässä jaksossa puhetta muun muassa seuraavista aiheista: Webbidevaus.fi Next.js rewrite ja uudet ominaisuudet 🎁 Rikun fiilikset ensikosketuks…
  continue reading
 
Miten Telegram-botit toimii, miten sellaisen voi itse luoda ja mitä kaikkea niillä voisikaan tehdä? Tässä jaksossa sukellus syvälle bottien sielunelämään. Lisäksi muutama kuuntelijoiden kysymys muun muassa siitä mikä on tämän hetken kuumin Node.js - framework. Kysymykset Uskotteko, että Rust tai Haskell tulee lyömään itsensä läpi JavaScriptin rinna…
  continue reading
 
Mitä on funktionaalinen ohjelmointi, ja millä tavalla sitä voisi hyödyntää webbisovelluksissa? Antti on lähtenyt testaamaan asiaa Webbidevauksen uuden webbisivun kanssa. Mitä mieltä Riku ja Antti ovat funktionaalisen lähestymisen hyödyllisyydestä webbimaailmassa? Linkit purify Haskell MOOC Learn You a Haskell webbidevaus-next.netlify.app Professor …
  continue reading
 
Onko Gatsby jo aikansa elänyt? Antti koittaa tuskaisesti portata webbidevauksen sivuja Next.js:n päälle eikä kyyneliltä vältytä tälläkään kertaa. Mitä uutta npm v7.0 tarjoaa? Linkit An Honest Review of Gatsby Gatsby vs. Next.js Presenting v7.0.0 of the npm CLI Build Apps With Vue 3 + Apollo Client 3 (with Natalia Tepluhina) — Learn With Jason Kysym…
  continue reading
 
Palvelimelta saatu vastaus ei kuulu sovelluksen tilaan!? Katsaus MobX:n versioon 6 ja puhetta SWR:stä ja React Querystä tilan jaottelussa palvelin- ja käyttöliittymätilaan. Tässä jaksossa vastataan myös isoon kasaan kuuntelijoiden lähettämiä kysymyksiä muun muassa Djangosta, koodaushaasteista ja parhaista Git-käyttöliittymäsovelluksista. Kysymykset…
  continue reading
 
Riku ja Antti käyvät läpi viime viikkojen uudet löydökset ja kokemuksia jaetaan mm. Vue 3:sta, Chakra UI:sta ja Reactin formikirjastoista. Käsittelyssä myös tyyppien vs. koodin generointi -muna-kana-ongelma. Linkit Headless UI Vue 3 Composition API CSS-selektorin parsinta TypeScript-tyypeillä Chakra UI GraphQL-Codegen Apollo Client Formik react-hoo…
  continue reading
 
TypeScriptistä on jälleen saapunut uusi versio, mutta mitä uutta se varsinaisesti tarjoaa? Tässä jaksossa käydään läpi uuden version ominaisuudet, ja kurkataan nopeasti myös TypeScriptin tulevaisuuteen. Linkit BetterTouchTool haskell.mooc.fi AVIF has landed Fluid Framework Panic Nova -twiitti TypeScript 4.0 TypeScript Deep Dive TypeScript: Variadic…
  continue reading
 
Kysymykset Olen lähiaikoina hakemassa ensimmäistä IT-alan työtäni ja kaipaan neuvoja. Miten ohjelmoija laatii CVn? Millaisia suosittelijoita kannattaa pyytää? Millaisia työhaastattelut on? (Salvador Dali) Miksi suositte Reactia yli esim. Angularin ja Vuen ja milloin käyttäisitte edellämainittuja mielummin kuin Reactia? Onko Gitin osaaminen ihan väl…
  continue reading
 
Postilaatikkoomme on saapunut henkilökohtaisia kysymyksiä 📮Ketä me ollaan, ja mitä osataan? Mistä nämä opit on peräisin, minkä takia meidät on päästetty töihin ja miten sinne ylipäätään pääsee? Olet sitten aloitteleva devaaja, ensimmäistä työpaikkaa etsivä opiskelija tai tykkäät vaan kuunnella kasuaalia höpinää, niin tää jakso on just sulle! Iso ki…
  continue reading
 
Mitä uutta webbikehityksen maailmassa on tapahtunut viime aikoina? Tässä jaksossa nopea katsaus niin kehitystyökaluihin kuin uusiin JavaScript ja CSS ominaisuuksiin. Linkit React Fast refresh pmmmwh/react-refresh-webpack-plugin VSCode Dev Containers Create a devcontainer.json file Github Codespaces Hasura Apollo 3 PostGraphile Prisma Next.js 9.5 Sv…
  continue reading
 
Yksi komponentti projektihakemiston juuressa voi riittää yllättävän pitkälle. Mutta mitä sitten kun projektissa on 20 näkymää ja 5 hengen tiimi? Tässä jaksossa paljastetaan Webbidevauksen tarkoin varjellut reseptit suurten React-sovellusten kehittämiseen aina hakemistorakenteesta modularisointiin 🗃 Kysymys Parhaat tipsinne "Enterprise-tason" React-…
  continue reading
 
Webbikehitys monimutkaistuu vuosi vuodelta, mutta samaa aikaa myös vanhat työskentelytavat palaavat aina vain uudelleen pintaan. Onko nykyinen SPA-malli jo pohjimmiltaan vioittunut ajatusmalli sovellusten rakentamiseen? Kysymykset Kun urheilija on lomalla, hän pitää taukoa lajiharjoittelusta. Kun jäin itse lomalle, aloin heti koodata yhtä pitkään o…
  continue reading
 
Kannattaako aloittelevana devaajana perehtyä moneen teknologiaan samanaikaisesti? Miten kaikille koodareille riittää töitä? Tässä jaksossa vastataan pitkästä aikaa teidän kysymyksiinne! Katsaus myös tämän vuoden Applen WWDC-tapahtumaan. Kysymykset Mitä mieltä olette siitä että perehtyy näin aloittelevana devaajana moneen teknologiaan samanaikaisest…
  continue reading
 
Nyt ollaan 🌊🏄‍♀️ aallon harjalla! Jo hetken vakaana pysynyt tilanhallintascene on saanut uuden tulokkaan. Mikä on Facebookin pari viikkoa sitten julkaisema Recoil, ja meneekö fronttipakka taas sekaisin? Linkit Recoil Recoil: State Management for Today's React Recoil - Ideal React State Management Library? Fluxin esittelyvideo vuodelta 2014 XState C…
  continue reading
 
End-to-end testaus Cypressillä on kivaa aina niin kauan kun asiat menevät putkeen. Mutta aina (koskaan) näin ei ole. Tässä jaksossa sekoittuu sopivassa suhteessa Antin CD-kokoelmien nostalgisointi ja armottoman tiukka tekkianalyysi. Onko Snowpack 2.0 seuraava Create React App, ja onko buildityökalulla / devausympäristöllä enää mitään merkitystä? On…
  continue reading
 
Pojat jutustelevat sivuprojekteistaan, jotka ovat erilaisuudestaan huolimatta yllättävän samanlaisia. Linkit Notion DUN DUN DUN TechCrunch - GitHub gets a built-in IDE with Codespaces, discussion forums and more Airtable Netlify CMS Jakson valinnat The Imagineering Story Billions Ota yhteyttä! @webbidevaus webbidevaus.fi…
  continue reading
 
Loading …

Pikakäyttöopas