Webbidevaus.fi

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

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 odotuksissa työnantajan puolelta ja vaikuttaako se esimerkiksi palkkaan tai työllistymismahdollisuuksiin valmistumisen jälkeen? Moro Antti ja Riku, kaikki alan ""sotatarinat"" on mun mielestä aina hauskoja ja niitähän kyllä kertyy näissä koodailuhommissa. Kertokaapa joku kuumottavan nerokas hack tai kantapään kautta saatu oppi, mikä on tullut vuosien varrella nähtyä ja on erityisesti jäänyt mieleen. Kiitti mahtavasta podcastista ja terveiset Suomen Turusta! Teemu Pöntelin Moro! Teen tässä pikkuhiljaa siirtymää tai laajentumista WordPress- ja LAMP-stack-maailmasta kohti Reactia ja Nodea (sitä mukaa, kun ehdin Helsingin yliopiston oivaa Fullstack Open -kur

Millaista olisi työskennellä Lontoossa

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 react appia tulisi käyttää? Aloittelen Reactilla ohjelmointia, ja html:ssä reactin importtaaminen tuntuu huomattavasti kätevämmältä ratkaisulta näin aloittelijan silmin. Onko sen käyttämättömyydestä jotain haittaa? Redux, MobX vai React Context, ja miksi? Ei saa vastata se riippuu :) Jani Voisitteko avata prosessia, jolla projektin teknologiavalinnat syntyvät ja miten ne perustellaan asiakkaalle? Olen itse töissä 30-hengen projektiorganisaatiossa. Meillä ei riitä redundanssi vaihtelemaan teknologioita projekteittain ja joudumme valitsemaan tarkasti organisaatiomme tukemat tekit ja käyttämään niitä projektissa. Ps. Podcastinne on saatanan hyvä. mrjaamo Linkit Rea

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 Pivotal Tracker Slack Bäkkärialusta Heroku Azure App Service AWS Lambda Azure Functions Google Cloud Functions Cloud Functions for Firebase now Cloudflare Workers Tietokanta Firebase Cloud Firestore Heroku Postgres Prisma Fauna Autentikaatio Auth0 Firebase Authentication Kuvat & CDN Cloudflare Cloudinary Maksuliikenne Stripe Gumroad Hostaus Netlify now Firebase Hosting Storage Firebase Cloud Storage Jakson valinnat Riku: Next.js Antti: Apple AirPods Ota yhteyttä! @webbidevaus webbidevaus.fi

30 sekuntia editorista internetissä pyöriväksi palveluksi? How do I even? Riku ja Antti käyvät läpi parhaita hostausvaihtoehtoja niin perinteisille nettisivuille kuin monimutkaisemmille palveluillekin. Linkit ngrok CodePen CodeSandbox Netlify Github Pages Azure Blob Storage AWS S3 Now Jakson valinnat Riku: Pirkka Leppis Antti: Uutishuone Ota yhteyttä! @webbidevaus webbidevaus.fi

Onko maailma 10 vuoden päästä täynnä hylättyjä komponenttikirjastoja? Luultavasti. Tiukkaa tykitystä käytännön kokemuksista kirjastojen toteutukseen liittyen. Mukana myös kauan odotettu Fanta Peach -arvostelu! Linkit Figma Sketch Ant design Atomic design react-atomic-design Styleguidist Storybook Jakson valinnat Riku: Float Kallio Antti: Rob Fitzpatrick - The Mom Test Vähä limuu Vähä Limuu -jakson videoversio (joka todellakin on wörtti) löytyy Youtubesta: Vähän Limuu 24: Testissä Fanta Peach! Ota yhteyttä! @webbidevaus webbidevaus.fi

Viimeinen React Finland jakso on täällä! Murheita ja iloa Azuren kanssa, asiaa TypeScriptistä ja muuta asiaankuulumatonta höpinää. Vieraat Kadi Kraman @kadikraman Talk: All aboard the type train Tejas Kumar @TejasKumar_ Talk: Scalable Design Systems with TypeScript Linkit https://github.com/contiamo/operational-ui Carolyn Stransky @carolstran & Monica Lent @monicalent Talk: Intuitive tooling - Carolyn Stransky Talk: Building resilient frontend architecture — Monica Lent Linkit Jakson valinnat Riku: Internet Antti: Idle Words: The New Wilderness Ota yhteyttä! @webbidevaus webbidevaus.fi

Rikun synttärispecial! Antti ja Riku puhuvat uusimmista vapaa-ajan projekteistaan. Myöskään React Finland materiaali ei vaikuttaisi loppuvan koskaan. Tässä jaksossa haastattelussa Nik Graf, Ville Immonen, Artem Sapegin ja Artem Zakharchenko. Linkit DUN DUN DUN Digital Ocean Droplets Jakson valinnat Riku: Jaffa vesimeloni-vadelma Antti: Bear Vieraat Nik Graf @nikgraf Talk: Unpopular Opinions Ville Immonen @VilleImmonen Talk: React Standard Library Artem Sapegin @sapegin & Artem Zakharchenko @kettanaito Talk: Custom CSS is the path to inconsistent UI — Artem Sapegin Talk: Creating layouts that last — Artem Zakharchenko Ota yhteyttä! @webbidevaus webbidevaus.fi

React Finland -haastattelukatiskan tyhjennys jatkuu! Tässä jaksossa vieraana Manuel Matuzović, Glenn Reyes ja Bruno Lourenço. Manuel Matuzović @mmatuzo Talk: 12 Tips For More Accessible React Apps Glenn Reyes @glnnrys Talk: Drawing the line between 3rd party and handcrafted components Bruno Lourenço @brunnolou Talk: Delightful UI animations by understanding the brain react-morph Linkit https://developer.mozilla.org/en-US/docs/Web/API/HTMLCanvasElement/captureStream https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder https://mariusschulz.com/blog/typescript-2-0-tagged-union-types http://blog.jenkster.com/2016/06/how-elm-slays-a-ui-antipattern.html Jakson valinnat Riku: https://code.visualstudio.com/api/get-started/your-first-extension Antti: MAKE: Bootstrapper's handbook Ota yhteyttä! @webbidevaus webbidevaus.fi

React Finland -konffan antia, osa 2. Tässä jaksossa vieraina Andrey Okonetchnikov, Varya Stepanova, Juha Linnanen sekä Maaret Pyhäjärvi. Aiheina designkirjastot, React Native CI, testaus ja paljon muuta! 21:09 Andrey Okonetchnikov @okonetchnikov Talk: A Common Design Language Let Designers and Developers talk to each other Linkit: lint-staged 35:52 Varya Stepanova @varya_en Talk: A practical guide to building your design system infrastructure 44:26 Juha Linnanen @pillar15 Talk: CI/CD for React Native Linkit: https://github.com/solinor/react-native-ci 57:38 Maaret Pyhäjärvi @maaretp Talk: Intersection of Automation and Exploratory Testing Jakson valinnat Riku: Dependency cruiser Antti: AeroPress

Antti ja Riku pääsivät React Finlandiin kyselemään puhujien mietteitä tilanhallinnasta ja tilakoneista. Vieraina jaksossa MobX:n ja immer:in kehittäjä Michel Weststrate, xstaten kehittäjä David Khourshid, sekä Luca Matteis ja Farzad Yz. Kovaa kamaa siis luvassa

Te Kysytte, Me Vastaamme! Avasimme jälleen katsojien lähettämiä kysymyksiä sisältävän arkun, ja arvoimme sieltä kourallisen tiukkoja kysymyksiä vastattavaksi. Kysymykset Oletteko tehneet tutuille tai sukulaisille koodia tai ratkaisuja niin sanotusti 'pro bono', eli hyväntekeväisyytenä? iiNiemi "VIM vai Emacs? Eli onko editorilla merkitystä koodatessa? Ja vaikuttaako kieli editorin valintaan? PHP => PHPStorm Java => IntelliJ Python => PyCharm JavaScript => kynä CSS => selaimen webinspector " Tommi Tilastointisovellukset (talous, terveys yms.) ja niiden laskennan toteutus. Tehdäänkö kaikki datan laskeminen ja käsittely bäkkärissä, vai jätetäänkö osa fronttiin? Mielipiteitä/kokemuksia? Node ja JS skene on hyvin selkäytimessä. Onko JS edellä devaavien morkkaus pelkkää kateellisten javajäärien panettelua vai kannattaisiko bäkkäriä varten opetella vaikka Java/C#/python ja rakennella sillä? Fullstack-kyvykkyys on hakusessa myös JS skenen ulkopuolelta. (Nodejäädä) Ymmärtävätkö, teidän mieles

Te Kysytte, Me Vastaamme! Avasimme jälleen katsojien lähettämiä kysymyksiä sisältävän arkun, ja arvoimme sieltä kourallisen tiukkoja kysymyksiä vastattavaksi. Kysymykset Jos ette webbidevaisi työksenne, mitä tekisitte? Sami Versionhallintaan löytyy monta keinoa. Git, svn, mercurial, main-01-02-2019-final-final.js vai jokin muu? Mitä itse suositte? Sakari Paljonko saatte palkkaa? Muutama arkinen asia, jotka ilahduttavat teitä? Rölli Miten elementti keskitetään pystysuunnassa CSS:llä? Anonyymi Moni huippu-urheilija ja sirkustaiteilija yms. harjoittelee. Milloin koodari harjoittelee? Minusta tuntuu siltä, että kun harjoitellaan, niin harjoitellaan tuotannossa eli silloin kun tehdään asiakkaalle koodia. Mutta eikö olisi kannattavampaa harjoitella harjoituksissa ja sitten kun tehdään asiakkaalle, niin sitten suoritetaan? Tomi-boiii Miksei webbidevaus.fi:n yksittäisten jaksojen playerissa ole vieläkään sitä "progressbaria" :S demonstraatio -> http://www.giphy.com/gifs/VIucH2I0HIkPOMjMxr tsipilai Kuunt

Kaikkien aikojen ensimmäinen Level Up! -jakso! Aiheina mm. datalist, Houdini, CSS grid, Bundlephobia ja paljon muuta. Linkit React Finland Datalist & Details State of Houdini CSS Paint API css-houdini.rocks Irregular grid Ripple animation Smooth corners GoogleChromeLabs/houdini-samples CSS Layout API Explained New WebKit Features Image lazy-loading Bundlephobia Overmind.js Jakson valinnat Riku: Nokian Panimon limpparit Antti: The Division 2 Ota yhteyttä! @webbidevaus webbidevaus.fi

Vieraana kaksi alan kovinta konkaria Timo Erkkilä ja Miikka Ermes, vastaamassa sekä Rikun että teidän esittämiin kysymyksiin datatieteestä ja koneoppimisesta in the wild! Yleisökysymykset Itsekin koneoppimisen perusteiden kanssa leikkineenä kiinnostaa, kuinka paljon (ja mitä) pitäisi oikeasti osata ja ymmärtää, jos työelämässä näitä hommia haluaisi tehdä? (Ville Johannes Pajala) Nämä backpropit ja lineaariset regressiot opetettiin mulle yliopistossa 1998 AD. Silloin #tekoälypöhinä oli Deep Blue. Pöhinä teki kestopaluun. Mikä on toisin? Onko kyse isommista opetusaineistoista ja laskentatehosta? Vai unohtuivatko aiemmat ongelmat, jotka nyt toistetaan? (Tero Tilus) Jakson valinnat Timo: The Wavewatcher's Companion Miikka: You Won’t Believe What Obama Says In This Video!

Toimistollemme on saapunut jälleen kasa tiukkoja kysymyksiä, joihin vastaamme parhaamme mukaan! Aiheina mm. hipsterikielet, mutatointi ja E2E-testit. Futurice React Finland Kysymykset Sentry.io: onko tuttu? Onko vastaavia vaihtoehtoja ja mikä on paras? Saako nyky-EU:ssa webbiäppistä lähetellä stacktracet yms debug-tiedot kysymättä käyttäjältä siihen lupaa? (Lars von Strömsson) Miten testaus kannattaisi hoitaa ei kriittisissä verkkosovelluksissa? Onko esim. mitään arvoa koodata metodeihin ja testeihin tyyppitarkistuksia, jos metodi kuitenkin ottaa vastaan vain yhden tyyppisiä muuttujia (Typescript). Onko järkevintä vaan koodailla E2E testejä vaikkapa Seleniumin kautta ja saavutta sitä kautta melko kattavat testit melko pienellä hyödyllä? (Konsta boii) Onko softa-alalla olemassa jotain tiettyjä paikkoja/reittejä, jolla voi maksimoida oman kehittymisen devaajana? Onko konsulttitalo ja vaihtuvat projektit hedelmällisempää osaamiselle kuin korporaatioissa vuosikymmeniä haudutettu syväosaaminen? (Konsta boii) K

Jakson vieraana koodarikuiskaaja Elisa Heikura! Tällä kertaa sukelletaan astetta hankalampien asioiden pariin, nimittäin kommunikaatiotaitoihin ja muiden ihmisten kanssa toimeen tulemiseen. Linkit Koodarikuiskaaja Elisa Twitterissä Jakson valinnat Elisa The Witness Brene Brownin TED-talk Brene Brownin luentosarja Siivoaminen päivittäin tunnin ajan Haaste: Käy lounaalla viikon ajan ilman puhelinta! Antti Tylsyys Calm Riku Appelsiinien syöminen kimmobrunfeldt/howto-everything/tips-to-eating-oranges.md

Vieraana Olavi Haapala, webbikehittäjä, harrasteprojekti- ja suorituskykyintoilija Futuricen Helsingin toimistolta. Linkit olavihaapala.fi Onko metro rikki @0lpeh techweeklies.futurice.com axis-praxis.org Olavin Frontend Finland -prese Zeit Now Netlify Heroku Firebase Jakson valinnat Olavi: Squoosh.app Riku: Sohvaperunat (Jep, Antin jakson valinta aiemmasta jaksosta, eipä tullut kenellekään mieleen jaksoa tehdessä) Antti: Blood, sweat and pixels Ota yhteyttä! @webbidevaus webbidevaus.fi

Riku palasi Japaniasta ja tällä viikolla palataan taas arvon kuulijoidemme lähettämiin hyviin kysymyksiin! Kysymykset Jos omistaisit aikakoneen, mitkä 3 kirjaa antaisit itsellesi urasi alkuvaiheeseen? Mitkä on nykypäivän softaprojektin tärkeimmät työkalut/SaaS-palvelut/kommunikointitavat/jne. mitä pitäisi kaikkien harkita omaan projektiinsa? (tukkajukka) Mitkä taidot devauksessa ovat edelleen ajankohtaisia 10 tai jopa 20 vuoden kuluttua? (The General) SQL vai NoSQL? (nuubi) Miten hoidatte pakkettien versioiden hallitsemattoman elämisen a) projektin tapauksessa b) tapauksessa että teillä on oma npm-paketti? (npm ci on tuttu mutta mites npm shrinkwrap yms.) (Toni) Linkit Rikun tuliaiset Getting Things Done Clean Coder Learn You a Haskell for Great Good! Papertrail Pingdom Jakson valinnat Riku: Bloons TD 6 Antti: Phaser Ota yhteyttä! @webbidevaus webbidevaus.fi