Webbidevaus.fi

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!LinkitSVGAntin mindmap-demoTypeScriptTagged Union Types in TypeScriptReact 18 alphaThe Plan for React 18React 18: Terms and functionalityReact Server ComponentsReact 18 Alpha is out! Now what?startTransition:New feature: startTransitionA better React 18 startTransition demoPythagoras tree demoTailwind 2.2v2.2.0Jakson valinnatAntti: Base16 Terminal Colors for Visual Studio CodeRiku: Graphile Starter

Antti näkee Objective C:tä JS:ssä, Riku kutsuu Postgresiä suoraan frontista, Google kannustaa RSS:n käyttöön. Oikeasti? Oikeasti!LinkitPostGraphileThe data model behind Notion's flexibilityLearn CSShttps://twitter.com/addyosmani/status/1395106082029068289Recoil 0.3.0Sublime Text 4Google IONode 12 vuottaKysymyksetMiten kaikille koodareille riittää töitä ?emilioAloitin webbidevaus podcastin kuuntelun, kun jaksoja oli tullut ulos 101. Kuuntelin kaikki jaksot(1-104) ennen kun jakso 105 oli julkaistu. Kysymykseni: Onko tämä kahden tarran arvoinen suoritus? Ps. Erityiskiitos tailwind jaksosta! Perätuulta ollut jokaisessa projektissani jakson kuunneltuni!JyriOnko Java Spring jo auttamattomasti outdated?anonyymiJakson valinnatRiku: Paints & Friends Akryylikaato - workshopKuvat InstagramissaAntti: The Spaghetti Westerns Music

Sponsori: FuturiceTsekkaa avoimet paikat osoitteesta futurice.com/careers!LinkitVue.jsTypescript type safety in templateWhy isn't Vue 3 getting typescript type checking in templates at compile time?TypeholeVSCode extensionTyped holesStackblitz - Introducing WebContainers: Run Node.js natively in your browserGoogle AMP is dead! AMP pages no longer get preferential treatment in Google searchJakson valinnatRiku: Fluffy Jiggly Japanese Pancake RecipeAntti: Backyard Squirrel Maze 2.0 - The Walnut Heist

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.LinkitNew WebKit Features in Safari 14.1Effect of the Last Week on Ruby on RailsCSS counterRedux Toolkit & RTK Queryhttps://rtk-query-docs.netlify.app/https://github.com/reduxjs/redux-toolkit/releases/tag/v1.6.0-alpha.1VS Coden GitHub -laajennusKysymyksetMiksi ette vaihtaisi Reactista Vueen?What Vue.js Does Better Than React@vueuse/motionJakson valinnatRiku: PapillonAntti: The Grand Budapest Hotel

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

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 muutosta?Kuuntele niin tiedät!LinkitContainer queriesKysymyksetOnko codebaseen tutustumisessa oikotietä onneen?Dependency cruiserMitä mieltä olette open sourcesta?Mikä on nykyään paras tapa tilanhallintaan React-sovelluksissa?Redux ToolkitrecoiljotaizustandxstateuseContext, useReducerreact-queryMiksi puolet "modernista javascript-kehityksestä" on oikeasti buildityöjalujen tunkkaamista?IIFE:t (immedeately invoked function expression)require-js, browserify, grunt, gulpJakson valinnatRiku: Jaffa KirsikkaAntti: The Incredibles 1 & 2

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 ReactLambda Calculus - ComputerphileAnttiViteesbuildwmrSnowpackTailwind JITRikuHarmajaBacon.jsJavaScript ES2021 Features You Need to KnowTemporalProposalFixing JavaScript Date – Getting StartedMixins Are Dead. Long Live CompositionJakson valinnatRiku: 3 Kaverin Vegaaninen Jäätelö, Lakritsi & VadelmaAntti: finmech.group

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 avoimet duunitTomin fromfrom-kirjastoIkkunastudio 102Juhiksen järjestämä Koodiklinikan palkkakysely:http://bit.ly/koodiklinikka-palkkakysely-vastauksetJa @akx'n rakentamat lisäanalyysit täältä:https://koodiklinikka.github.io/palkkakysely/KysymyksetKiitos mahtavasta sisällöstä! Onko teillä kokemusta graafitietokannoista? Mistä ja toimiiko hyvin node.js:n kanssa? Olen jonkin verran kikkaillut Neo4jn kanssa, se on todella kätevä. Oon vaa vielä kahden vaiheella, uskallanko ottaa ihan tuotanto käyttöön (en tiedä toimiiko backupit yms kunnolla) (Devi Niko)Oletteko töissänne ja/tai omissa projekteissanne kehittäneet progressiivisia web sovelluksia (PWA) ja onko teillä mielip

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 toimiva Giacomo Mariani.LinkitW3CErwiseAnssi Kostiainen TwitterissäMikko Pohja Twitterissäbytecraft.fiGiacomo Mariani TwitterissäGiacomo Mariani medium.com:ssa

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.LinkitRedux Toolkitreact-queryKysymyksetMP tästä listasta ja mielipiteistä? https://chriskiehl.com/article/thoughts-after-6-yearsTeremoro! Olen mietiskellyt, että jos vielä "vanhoilla päivillä" tässä vaihtaisi alaa ja alkaisi vähän koodailemaan. Jotain onkin tullut jo nakeloitua, mutta erittäin alussa ollaan. Olen kuunnellut tässä teidän erinomaisia höpinöitä ja kiitos niistä, mutta yksi asia on jäänyt mietityttämään: mulle on jäänyt kuva, että kun teillä alkaa loma tai muu vapaa-aika niin ensimmäinen tai ehkä toinen asia mitä tehdään on testataan jotain "tekkiä" tai koodaillaan muuten vaan. Tämä kirvoittaakin kysymykseni, että jos mielii edes rividevaajaksi työelämään niin onko pinnalla pysyäkseen syytä käyttää vaparitkin koodinpätkie

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ä ole mutta voin sanoa että on hintansa väärti. Toistoja tulee paljon ja monipuolisesti sekä komentorepertuaari pelin jälkeen sellainen että jopa hjkl jää vähälle käytölle tositoimissa :O (miikka)Kysymykset:Mitä mieltä olette Node.js:n uudesta kilpailijasta Denosta, josta julkaistiin juuri 1.0-versio? Mielestäni TypeScript sisäänleivottuna on kutkuttava ajatus. Toisaalta mahdollisuus importata riippuvuuksia suoraan URL-osoitteesta herättää vähän ristiriitaisia fiiliksiä.Mitä komponenttikirjastoja olette käyttäneet Reactin kanssa? Ovatko esim. React Bootstrap, React Material-UI, PrimeReact tuttuja? Tai jos ette käytä valmiita komponenttikirjastoja, miksi näin? (Joni)Reac

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äkinFollow-upHazelHow to Automatically Empty Trash in Mac OS After 30 DaysVegaanihaasteLinkitBoost Your Coding Fu With Visual Studio Code and VimVSCodeVimReactjs.org: Introducing Zero-Bundle-Size React Server ComponentsAddy Osmani: React Server ComponentsSwyx: An Annotated Guide to React Server ComponentsReact Server Components DemoJakson valinnatRiku:Queens GambitAntti:Das Boot

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!2011Ember.jsMoment.jsBrowserifyEnsimmäinen kerta kun require() toimii fronttikoodissaGruntBootstrapStylus2012TypeScriptwebpackBower2013ReactElectronGulpSublime Text 22014io.jsOikea semver, päivitetty V8FlowAtomImmutable.js2015io.js ja Node yhdistetään → Node 4ES2015 (ES6)import/exportlet, consttemplate literalsspreading, destructuringarrow functionsclasspromiseReduxVS Codenpm 3.0.0 - flat dependencies!2016left-pad un-publish messYarn, lock fileasync/awaitAngular vs. AngularJS2017Prettier2018React hooks2019Svelte 32020DenoVue 3Jakson valinnatRiku:Mozi Dual Display Desk StandAntti:DaisyDisk

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/1995Brendan Eich / Netscape10 päivää aikaa rakentaa ohjelmointikieli Netscape NavigatoriinNETSCAPE AND SUN ANNOUNCE JAVASCRIPT, THE OPEN, CROSS-PLATFORM OBJECT SCRIPTING LANGUAGE FOR ENTERPRISE NETWORKS AND THE INTERNETJavaScript is analogous to Visual Basic in that it can be used by people with little or no programming experience to quickly construct complex applications.Vaikutteita Javasta, Schemestä ja SelfistäSelf: PrototyypitScheme: First-class funktiotJava: Tuttu syntaksiJavaScriptin nimiMicrosoft alkoi rakentaa Internet Exploreria kilpailijana Netscape NavigatorilleNetscape aloitti JavaScriptin standardointiprosessin, jotta MS ei voi ottaa kaikkea omiin käsiinsäNetscape partneroi Sunin kanssa (Javaa kehitettiin samaan aikaan)Brendan Eich has said that

Tähän on tultu! 100 jaksoa ja 100k latauskertaa webbidevausta takana (Valtava kiitos tästä kuuluu teille

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. KysymyksetUskotteko, että Rust tai Haskell tulee lyömään itsensä läpi JavaScriptin rinnalle webbidevauksessa ja mikäli näin, kumman itse haluaisitte ottaa haltuun? (Tuomas)Mikä on paras NodeJS backend framework?LinkitReasonReactReScriptReasonMLGentypeTelegram Bot APINext.jsFastifyJakson valinnatRiku: RahapodiAntti: LambdacastOta yhteyttä!@webbidevauswebbidevaus.fi

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?LinkitpurifyHaskell MOOCLearn You a Haskellwebbidevaus-next.netlify.appProfessor Frisby's Mostly Adequate Guide to Functional ProgrammingRamda & @types/ramdaRemeda.jshttps://github.com/webbidevaus/webbidevaus-next/blob/main/util/episodes.tsJakson valinnatRiku:Remeda.jsSDKMANApple Airpods ProAntti:Professor Frisby's Mostly Adequate Guide to Functional ProgrammingFunctional-Light JavaScript Frontend MastersissaFunctional-Light -kirjaOta yhteyttä!@webbidevauswebbidevaus.fi

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?LinkitAn Honest Review of GatsbyGatsby vs. Next.jsPresenting v7.0.0 of the npm CLIBuild Apps With Vue 3 + Apollo Client 3 (with Natalia Tepluhina) — Learn With JasonKysymyksetOnko ok käyttää työkaluja kuten create-react-app npx:än kautta vai täytyykö aina ladata koko paketti? Mitä haittoja npx:stä voi olla?

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.KysymyksetMitä mieltä olette Blazor frameworkista? Sylettääkö ajatus C# kielestä frontissa (ja backissä) vai tekisikö jo mieli siirtyä toiselle laitumelle maistelemaan violettia(Blazor logon väri) ruohoa? En löytänyt pikaisella CTRL+F haulla Blazor mainintoja podcastienne kuvauksista. (Jonne -tason koodari)Onko kokemuksia Djangosta serverien koodaamisesta? Kannattaako hypätä mukaan sen kiihtyvään kelkkaan? (Anonyymi)Teidän Git-kysymyksenne jatkoksi vielä kysymys Git-käyttöliittymäsovelluksista. Olen kohtalaisen urautunut komentorivi-gitin kanssa ja miettinyt pitkään, että GUI voisi auttaa vähän mutkikkaimmissa tapauksissa ymmärtämään, että missä mennään. Mitä GUI:ta suositteli

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.LinkitHeadless UIVue 3Composition APICSS-selektorin parsinta TypeScript-tyypeilläChakra UIGraphQL-CodegenApollo ClientFormikreact-hook-formTemplate literal types -TypeScript-PRIntroducing the New JSX Transformgithub.com/tc39/proposal-pipeline-operatorRemeda.jsGraphQL Code GeneratorQuickTypeJakson valinnatRiku: Figma CommunityAntti: Good Sudoku