Html podcastit

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…

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…

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…

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…

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…

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…

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…

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 …

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…

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…

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 …

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…

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…

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ä …

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…

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()…

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…

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…

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…

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 …

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…

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…

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…

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…

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…

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…

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…

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-…

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…

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…

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…

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…

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…

Webbidevaus jää hetkiseksi tauolle. Pojat esittävät kootut selitykset ja pyytävät teitä, arvon kuulijat, kommentoimaan ja osallistumaan! Ota yhteyttä! @webbidevaus webbidevaus.fiKirjoittanut Antti Mattila, Riku Rouvila

Millaista tekkiä eräät Suomen suosituimmista nettisivuista, is.fi ja hs.fi, pitävät sisällään? Jakson vieraana webbiperfin asiantuntijanakin tunnettu Olavi Haapala, joka on ollut mukana koodaamassa sivujen uutta versiota. Olavi Haapala olavihaapala.fi techweeklies.futurice.com iltametsuri.fi Linkit @size-limit/file SpeedCurve Elm Pages 11ty Jakson …

Mikä on vaikein ohjelmointiin liittyvä tekninen asia, jonka olette joutuneet opettelemaan? Kasuaalia rupattelua Rikun Sonos + Spotify + Ikea Trådfri - projektista, Elmistä, isoihin koodiprojekteihin perehtymisestä ja japanilaisista limuista. Linkit Why I’m leaving Elm node-sonos-http-api Reason Spotify API Ikea Trådfri Jakso 37 - Elisa Heikura, Koo…

Linkit Bret Victor - Inventing on Principle Overreacted: A Complete Guide to useEffect How to fetch data with React Hooks? Awesome React Hooks zeit - swr useHooks(🐠) streamich/react-use react-hook-form/react-hook-form Jakson valinnat Riku: Youtube: Adam Ragusea Antti: Animal Crossing: New Horizons Ota yhteyttä! @webbidevaus webbidevaus.fi…

Pitkästä aikaa myös webbidevaus.fi nauhoitetaan etänä 🛋! Jakson aiheena etätyö; miten tehdä hommia tehokkaasti kotoa ergonomiaa ja mielenterveyttä unohtamatta! Linkit Zoom-taustoja Twitterissä Google Jamboard Glitchin etätyöopas 1Passwordin etätyövinkit Reflections on 12 years of 100% remote work Remote Work Tips for Teams Remote work for design te…

Kuuntele jakso ja testaa oletko luova näpertelijä, ongelmanratkaisija, vain töissä täällä vai koodi connoisseur 🍷Miksi devaajat suosii Applen koneita ja mitä muita koneita Antti ja Riku ovat aikojen saatossa käyttäneet? Kysymykset Väitän, että ohjelmoinnissa on kaksi osa-aluetta, jotka varmaankin jokaista koodaria kiehtovat ja saavat jatkamaan vaik…

Ei hätää! Hyvin kirjoitettu koodi testaa itse itseään, vai? Kaikki ovat varmasti samaa mieltä siitä, että testaaminen on tärkeä osa ohjelmistokehitystä. Mutta kuka sitä oikeasti tekee ja miten? Tässä jaksossa perehdytään JavaScript-sovellusten testaamiseen, eri tapoihin testata ja kuumimpiin testaustyökaluihin. Testaustaidot ovat olennainen osa jok…

Pelottaako Chrome DevToolsin miljoona painiketta ja ikonia? Ei hätää, tässä jaksossa käydään läpi mitä ainakin osalla niistä pystyy tekemään. Riku ja Antti listasivat itselleen hyödyllisimmät ominaisuudet ja muutaman molemmille kokonaan uuden tuttavuuden. Kurkataan Chromen lisäksi myös Firefoxiin ja ominaisuuksiin, joita vain siltä puolelta löytyy!…

Mitä kaikkea on hyvä tietää webbifonteista vuonna 2020? Tässä jaksossa rautainen annos webbifonttien historiaa ja katsaus tulevaisuuteen. Mitä ovat variable fontsit, voiko niitä jo käyttää ja mitä hyötyä niistä on? Miten FOUT, FOIT ja font-display vaikuttavat sivun käyttökokemukseen? Linkit Cufon Googlen WOFF2-konvertteri A Comprehensive guide to f…

Webissä on liian vähän animaatioita! Miten niitä tehdään, miksi ne ovat tärkeitä ja mitä niiden käyttämisessä tulisi muistaa? Tässä jaksossa vieraana alan ekspertti Janne Kallunki. Linkit FLIP Vue.js Transitions will-change animate.css Web Animations API Vivus instant React transition group React-spring Greensock Tailwind transition property Jakson…

Jos koodia ei saa tiivistettyä elegantiksi yhden rivin sinfoniaksi on se vääjäämättä ala-arvoista. Vai onko? Tässä jaksossa pitkästä aikaa rakkaiden kuuntelijoidemme kysymyksiä aina sankarikoodareista lipeäkielisiin työhaastatteluissa selittelijöihin. Kysymykset Miten lomakkeet pitäisi toimia error viestien kohdalla, onko hyvä kertoa yleisellä ilmo…

Miksi omat harrasteprojektini näyttää aina niin kököiltä? Mitä jos ei ole visuaalinen ihminen tai lahjakas design-asioissa? Vieraana Petri Partio Flocklerilta purkamassa webbisivujen designia palasiin ja kertomassa mitä kaikkea kannattaa ottaa huomioon omaa sivua tai äppiä suunnitellessa. Linkit Flockler Rare Viljami Salminen Proxima Nova Typekit F…

Lyhenteitä, lyhenteitä kaikkialla! Vieraana AP Koponen jakamassa viisautta aiheesta SPA:den hakukoneoptimointi, server-side -rendaus ja Next.js. AP Twitterissä AP:n kotskasivut Linkit MobX State Tree Prerender.ion UA-sniffaus Rendering on the Web Jakson valinnat AP: NF Riku: Nongshim-nuudelit Tulisimmat nuudelit Toiseksi tulisimmat nuudelit Antti: …

Loma on kiistatta ihmisen parasta koodausaikaa. Tässä jaksossa Riku ja Antti höpöttävät loman koodausprojekteista. Aiheina mm. FeathersJS, XState, React Spring, Tailwind ja Next.js. Elvis operator Spotify brings streaming ad insertion technology to podcasts FeathersJS XState WSL React Spring Next.js Tailwind Now.sh Jakson valinnat Riku: Maangchi: S…

Joulujaksossa vieraana Alvar Carton koodarivelho Kimmo Brunfeldt. Miten ohjelmistokehittäjästä tuli sisustustaulukauppias? Kuinka haastavaa on hostata koko maailman karttoja yhdellä palvelimella? Tässä aiheitamme! Jakson sponsorina huutokaupat.com. Linkit Postgis Porkkala-reseptit Pikaporkkala Perinteinen porkkanalohi mapnik sharp url-to-pdf-api Ja…

Jatkoa suositulle Kickstart-sarjalle! Harkitsetko TypeScriptiä seuraavaan projektiinne? TypeScript-sarjan toisessa osassa aiheena virheilmoitukset, projektikäytännöt ja Rikun Top-7 Pro Tipsit TypeScriptin kanssa toimimiseen. Jakson sponsorina Huutokaupat.com. Tsekkaa avoimet duunit osoitteessa huutokaupat.com/avoimet-tyopaikat. Linkit Pikaporkkala …

Muuttaako tuulta purjeisiinsa saanut Tailwind.css ja utility-first lähestyminen paradigman webin tyylittelyssä? Miksen kirjoittaisi tyylejä suoraan html-tageihin? How about my separation of concerns? Mukana myös liuta rakkaiden kuuntelijoidemme suosittelemia terminaali- ja macOS-työkaluja 😍 🌟 Jakson sponsorina huutokaupat.com! 🌟 Linkit Mikko Saaren…