Web Kehitys julkinen
[search 0]
Lisää

Download the App!

show episodes
 
Loading …
show series
 
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…
 
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…
 
Viime jakso ei riittänyt alkuunkaan parhaiden työkalujen läpikäyntiin ja siksi jatkammekin sitä nyt 💪 Aiheena parhaat macOS-aputyökalut oman workflown tehostamiseen, näppäimistön tuunaamiseen ja moneen muuhun. Jakson sponsorina huutokaupat.com! Linkit Ikkunanhallintasovellukset Divvy Moom Rectangle 1password Karabiner-Elements Kuinka konffata Caps …
 
Näyttääkö shellisi lähikaupan mustavalkoiselta kassaruudulta 📟? Tässä jaksossa Antti ja Riku perkaavat omia shellityökalujaan, ja onnistuvat samassa päivittämään Rikun shellin vuoteen 2020. Lisäksi asiaa muun muassa jousianimaatioista Reactille, ja PostgreSQL:ista GraphQL API:n leipovasta Hasurasta. Jakson sponsorina Zure. Linkit hasura react-sprin…
 
Jakson vieraana saavutettavuus- (eli s12s?) asiantuntija, huippu-urheilija ja luutunsoittaja Ronja Pahaoja! Ronja lainaa arvokasta näkemystään ja kokemustaan saavutettavuusongelmista ja niiden selättämisestä. Erityistarkastelun alla single page appit. Jakson sponsorina Zure. Kysymykset Miten mobiiliapit vertautuvat webbisivuihin saavutettavuuden os…
 
Jos harkitset WordPressiä tuleviin webbiprojekteihin tai ajattelet sen vieläkin olevan vain PHP-purkkaa, niin nyt 👂 hörölleen. Aiheen asiantuntija Timi Wahalahti saapui studioomme kertomaan käytännön devaustyöstä WordPressilllä, siitä millaisiin projekteihin WP sopii ja miten sen kanssa kannattaisi lähteä liikkeelle. Jakson sponsorina Zure. Tsekkaa…
 
Mitä tehdä kun asiakas vaatii rahojaan takaisin huonojen teknisten ratkaisujen takia vaikka osasyynä on asiakkaan jatkuvasti muuttuvat vaatimukset? Mistä löytyy Tampereen paras kebab 🌯? Jakson sponsorina Zure. Tsekkaa Zuren uramahdollisuudet! Kysymykset Etsikääpä jostain haastateltavaksi asiantuntija, joka osaisi sanoa jotain viisasta webbipalvelui…
 
Vieraana Tuukka, Vincitillä työskentelevä sokea ohjelmistokehittäjä, joka osaa kirjoittaa koodia ilman näyttöä ja hiirtä. Rikulla ja Antilla on miljoona kysymystä. Mukana ripaus ihanaa internet-nostalgiaa vieraskirjoista kävijälaskureihin 😍. Tämä jakso ei jätä kylmäksi saavutettavuudesta kiinnostuneita! Jakson sponsorina Futurice. Linkit Software d…
 
Riku on reissussa, joten tällä viikolla Mikko Pohja ja Antti suorittavat tutkimusmatkan laadun maailmaan. Toisinsanoen: miten minimoida fukuppaamisen vaara. Sponsorina Futurice. Tätä jaksoa sponsoroi Futurice. Linkit Ducky One Mini 2: Initial Impressions Keyboards, Layout, QMK, Oh My! Ducky One Mini 2 TADA68 Vortex Race 3 Robot Uprising Spice Progr…
 
Kiinnostaako TypeScript, mutta alkuun pääseminen tuntuu nihkeältä? Uudessa Kickstart - sarjassamme lähdemme käytännön vinkkien avulla ottamaan TypeScriptiä käyttöön niin uudessa kuin jo olemassa olevassakin projektissa. Tätä jaksoa sponsoroi Futurice. Linkit Antin first/most loved/hated... language Apple Arcade TypeScript in 5 minutes TypeScript Ha…
 
Ohjelmistoala ei takuulla ole yksi helpoiten lähestyttävistä aloista. Millaisia hankaluuksia ajanvaihtaja voi alalle siirtyessään kohdata? Mistä löytää turvaverkko, ja apua omaan oppimiseen? Vieraana Ompeluseura LevelUP Koodareiden perustaja, IT-vaikuttaja, alanvaihtaja ja tulevan Kaikki koodaa -kirjan kirjoittaja Vlada Laukkonen. Jakson sponsorina…
 
Kovan vierasputken välissä pysähdyimme vastaamaan taas teidän, rakkaiden kuuntelijoidemme, lähettämiin kysymyksiin 😍 Asiaa muun muassa tietokantamigraatioista, rekursiosta, ja mobiiliapplikaation rakentamisesta silloin kun osaaminen keskittyy lähinnä webiin. Tätä jaksoa sponsoroi talented.fi. Kysymykset Voiko/kannattaako samassa react-projektissa k…
 
Tämän jakson sponsoroi talented.fi. Ovatko Web Componentsit vaihtoehto Reactille ja Vuelle? Missä on Polymer ja kaikki se hype aihepiirin ympäriltä? Kysyimme tätä WC-asiantuntija Sami Suo-Heikiltä. Linkit https://github.com/skatejs/skatejs https://stenciljs.com/ https://lit-html.polymer-project.org/ https://www.webcomponents.org https://dev.to/rich…
 
Loading …

Pikakäyttöopas

Tekijänoikeudet 2021 | Sivukartta | Tietosuojakäytäntö | Käyttöehdot
Google login Twitter login Classic login