Html podcastit

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…

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…

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…

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…

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…

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…

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…

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 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, Tommi Pääkkö

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…