Webbidevaus julkinen
[search 0]

Download the App!

show episodes
 
Loading …
show series
 
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…
 
T√§m√§n jakson sponsoroi talented.fi. git commit -m considered harmful! Jaksossa sukelletaan projektien dokumentointiin koodaamisen lomassa. Vieraana Juha-Matti "Juhis" Santala. Linkit hamatti.org ‚Äď Juhiksen online-preesens Chartio cz-cli Dev Breakfast hamatti - Twitch Turku ‚̧ Frontend Jakson valinnat Riku: JQBX Antti: Pilipalisaatio Juhis: Little Ki‚Ķ
 
Vähän videopelijuttuja ja käytännön vinkkejä koodin laadun ylläpitämiseen. Luvassa myös katsaus muutamaan automaattisesti koodia katselmoivaan työkaluun. AUTOMAATTISESTI?! Jeeep. Tämän jakson sponsoroi talented.fi. Kysymykset Kertokaas noviisille miten näitä podcasteja olisi kätevä kuunnella android-laitteesta (puhelin). Varmaan jollain äpillä, mut…
 
...mutta kuinka sellainen pit√§isi rakentaa? T√§ss√§ jaksossa Antti ja Riku avaavat sanaisen aarrearkkunsa k√§yden l√§pi parhaat nugetit niin validointiin, k√§ytett√§vyyteen kuin k√§yt√§nn√∂n ty√∂kaluihinkin liittyen. Check it out ūüéß Kysymykset Mik√§ on teille se vaikein, niljakkain, tms. asia webbidevauksessa? Se jonka kohtaa aina asenteella nyt-opettelen-t√§m√§‚Ķ
 
Koodausvuosia on takana jo lukemattomia, mutta mitä jää kertoman jälkipolville? Löytävätkö pojat tässäkään jaksossa vastausta miksi aina React eikä Vue? Kuuntele niin tiedät mistä kylillä puhutaan. Kysymykset Mitkä ovat mielestänne tärkeimmät erot siinä, päätyykö alalle yliopiston vai ammattikorkeakoulun kautta? Onko jotakin yleisiä eroja odotuksis…
 
Millaista olisi ty√∂skennell√§ Lontoossa ūüá¨ūüáß tai Berliiniss√§ ūüá©ūüá™ expattina? Kuinka sinne edes p√§√§see? Vieraana kohta viisi vuotta ulkomailla asunut maailmanmatkaaja Timo Laak. Jakson valinnat Timo: YNAB Riku: Ikea smarthome Antti: Due Ota yhteytt√§! @webbidevaus webbidevaus.fiKirjoittanut Antti Mattila, Riku Rouvila
 
Toimiiko vasara ruuvimeisselinä? Onko projektin onnistumisen kannalta merkitystä valitseeko JavaScriptin vai Pythonin? Onko loppujen lopuksi kyse vain mielipiteistä? Te Kysyitte, Me Vastasimme! Avasimme jälleen katsojien lähettämiä kysymyksiä sisältävän arkun, ja arvoimme sieltä kourallisen tiukkoja kysymyksiä vastattavaksi. Kysymykset Miksi create…
 
Voiko webbisovelluksen tuotantoympäristön saada aikaiseksi nollalla eurolla (spoiler: voi!)? Kaikki ilmaisista palveluista täällä tänään! Linkit Design Figma Dribbble react-native-vector-icons directory DevOps GitHub Bitbucket GitLab Travis-ci.org Circle CI Azure DevOps Sentry Rollbar Uptimerobot Papertrail Letsencrypt GitHub Project Boards Trello …
 
Loading …

Pikakäyttöopas

Google login Twitter login Classic login