Webbidevaus.fi

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ä ilmoituksella että lomakkeessa on virheitä ja sitten jokaisen inputin kohdalla erillinen viesti että tässä kentässä on jokin virhe? Pitäisikö myös focus siirtää lomakkeen yläpuolelle esim siihen yleiseen virheilmoitukseen? Jan Lehtinen
• Kuuntelin vasta jakson 55 ja siitä jäin miettimään, että mitä ongelmaa prettier ja vastaavat työkalut yrittävät ratkaista? Onko koodin laadun näkökulmasta mitään väliä, onko välilyönnit ja pilkut kohdillaan? Jokin roti tietysti pitää olla, ettei kaikki koodi ole kirjoitettu yhteen putkeen yms. Joskus minulle on kerrottu, ettei ole ammattilainen, jos koodi ei ole formatoitu ja metodit aakkosjärjestyksessä. Toinen perustelu automaattiselle formatoinnille on ollut, ettei PR diffeissä ole turhia formatointimuutoksia. Tästä minusta päästään eroon sillä yksinkertaisella tavalla, ettei formatoida koodia, jota ei ole muutettu. Minusta tiimissä on muita ongelmia, jos PR katselmoinneissa pitää nillittää välilyönneistä. Tietysti yksi tapa saada nillittäjät hiljaiseksi on prettier ja vastaavat työkalut. Mitä mieltä olette asiasta? ps. Teidän podcast on parsa! Jatkakaa hyvää työtä ;) 11X-devaaja
• Kokemuksia level-100 sankarikoodareiden kanssa työskentelystä? Siis heistä, jotka kirjoittaa erittäin elegantteja onelinereita, mutta joiden koodia ei kukaan muu ymmärrä, saati uskalla muuttaa. Level-50 semi-ok-koodari
• Miksi työntekijää haettaessa on lueteltu vaatimukset mutta kuitenkaan hyvin harvoin palkataan vaatimusten mukaan? Eli rehelliset eivät päädy töihin mutta lipeväkieliset selittelijät kyllä.
• Moikka! Olen viime vuoden lopussa aloittanut webbidevauksen ja ala kiehtoo minua todella paljon. Mitkä asiat olisivat tärkeintä oppia liittyen frontend devaukseen, ja onko backend hyvä opetella samalla? Kiinostukseni on kuitenkin enemmän frontendin puolella. P.s ihan loistava podcast! (Tomi)

Linkit

• Webbidevaus.fi 65 - Ronja Pahaoja: SPA-saavutettavuus ja kuulijoiden Q&A
• Broken Windows Theory
• Full Stack Open

Jakson valinnat

Riku: Parasite

Antti: Calm – Rest masterclass

Ota yhteyttä!

• @webbidevaus
• webbidevaus.fi

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: Spicy fire chicken with cheese (Cheese Buldak: 치즈불닭)
• Antti: Idobo75

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 osalta. Rauli Rikama
  • miten mobiiliappista kontrolloidaan
• Miten lomakkeet pitäisi toimia error viestien kohdalla, onko hyvä kertoa yleisellä ilmoituksella että lomakkeessa on virheitä ja sitten jokaisen inputin kohdalla erillinen viesti että tässä kentässä on jokin virhe? Pitäisikö myös focus siirtää lomakkeen yläpuolelle esim siihen yleiseen virheilmoitukseen? Jan Lehtinen
• Kysymys, johon ois kiva kuulla asiantuntijan mielipide: Miten kommunikoidaan screenreaderille sivulle dynaamisesti ladattava contentti? Eli siis jos sivulle esimerkiksi IntersectionObserverin avulla ladataan lisää kamaa scrollatessa tms. Miten tällainen ja screenreaderit sopivat yhteen? Tarviiko tehä jotain esim aria-live region kikkailuja vai toimiiko yleensä oikein out-of-the box? Ja onko tämä saavutettavuuden kannalta huono patterni? Olavi
• Mistä tietää mitä selaimia ruudunlukijoiden kanssa käytetään? Millä selaimilla pitäisi testata toimivaksi? Entä onko linux käytettävissä ruudunlukijan kanssa? Anonyymi
• Miten drag&drop (esim. Trello) pitäisi toteuttaa saavutettavasti? Antti
• Mikä on paras tapa tehdä käyttöliittymästä saavutettava jos käyttäjän tulee valita vaihtoehtoja suuresta (mutta kuitenkin lukumääräisesti rajatusta joukosta)? Esimerkkinä tulee mieleen VR:n lippukaupan paikkakuntavalitsin, joka antaa valita lähtö- ja saapumisaseman Suomen kaikkien liikennöintiasemien suomen- ja ruotsinkielisestä nimistä. Kuinka tällainen UI saadaan toimimaan hyvin kaikille käyttäjille?
• Voiko saavutettavuutta testata automatisoidusti osana muita testejä? nimim. Oiva
• Millainen on hyvä alt-teksti? riittäisikö alt-tekstiin aina että se vain täydentää informaatiota mitä sen kuvan ympärillä oli ennestään, vai tuleeko sen alt-tekstin toimia myös "itsenäisesti" muuta tietoa ympärillä? Miro
• Accessibility ja värisokeus, esim usein käytetään vihreää ja punaista väriä indikaattoreina vaikka punaviher-värisokeus taitaa olla yleisin Henrik
• mitä trade-offeja tapahtuu kun pyritään parantamaan accessibilityä esimerkiksi toteuttamalla korkeempi standardi (esim AA -> AAA), as in onko enempi parempi 'kaikille'' Markus

Linkit

• opipistenuotteja.fi
• Reach router
• Using aria-live
• axe
• Contraste
• Accessible Page Navigation in Single Page Apps
• How to Meet WCAG

Jakson valinnat

• Riku: Another Late Night: Zero 7
• Antti: Ace Buchannon - Magenta Nights
• Ronja: John Dowland

Ota yhteyttä!

• @webbidevaus
• webbidevaus.fi
• @RonjaOja

Sponsori

• Zure
• Hae töihin Zurelle

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 webbipalveluiden hiilijalanjäljen pienentämisestä, aiheesta olisi kiva kuulla lisää. (Mikko)
• Heippa! Kiitos viime jaksosta, ihanaa, että käsittelitte clojurea. Tehkää pliiiis oma clojurejakso ja siihen suosittelen lämpimästi Metosinilta Jarppe Länsiötä (enkä edes ole metosinilla töissä, tämä on ihan aito suositus, eikä markkinointitemppu). Tsekatkaa esmes Jarpen ClojuTre - puheenvuoro vuodelta 2018: https://youtu.be/WtdegIqQbrgSemmonen kommentti, että oli hauskaa, kun kommentoitte, että clojurekoodi näyttää hassulta ja vieraalta; täysin samalta clojuristille muuten näyttää joku typescript, että miten semmosta voi tehdä 😃
• Tampereen paras kebab?
• Devaustyö käytännössä; yksin päkertäminen vs mob programming. Ensin kiitos todella loistavasta poodkastista, ja vielä suomenkielellä. Poljen 10,5 kilsaa suuntaansa töihin Oulun keskustaan ja tämä on yksi työmatkan suosikeista (Joni Jaakolan Väkevä Elämä -podcastin lisäksi). Kaikki webbidevaukset on tullut kuunneltua :) Sitten kyssäriin. Omalla kodestelu-uralla on tullut kokeiltua kaikenlaista koodin kehitystapaa. Niin yksin luurit päässä päkräystä, parityöskentelyä ja aina ihan mob ohjelmointia. Oletteko kokeilleet mob ohjelmointia ja jos olette, niin mitä mieltä menetelmästä? Jos ette ole, niin ehdottomasti kannattaa kokeilla ja jakaa kokemukset muiden kuulijoiden kanssa. Se voisi olla keino mm lähes virheettömään koodiin, sillä polku koodin syntyyn ja review tulee siinä samalla tehtyä. Tämän vuoksi veikkaan, että menetelmä maksaa lopulta itsensä takaisin helposti.
• Moro! Minut siirrettiin hiljattain projektiin, joka on aloitettu vuonna 2015. Projektin frontissa on käytössä Angular (2+). Angularin versiota on päivitetty ajan kuluessa, mutta sitä käytetään projektissa samalla tavalla kuin tuolloin vuonna 2015. Ajattelin lähteä hieman modernisoimaan Angularin käyttöä projektissa sitä mukaan kuin mikäkin komponentti tulee minkäkin tiketin myötä työn alle. Ehdin jo tekemään joitain muutoksia, jonka jälkeen minua kiellettiin jatkamasta muutosten tekemistä. Syyksi ilmoitettiin, että projektin frontin tulisi toimia yhdenmukaisella tavalla. Ymmärrän tämän tavallaan, mutta toisaalta koodi on ja pysyy vanhanaikaisena. Mitä mieltä olette tästä? React-maailmasta vastaava esimerkki voisi olla hookkien käytön kieltäminen vanhassa projektissa, johon on kuitenkin päivitetty viimeisin React. (Pitäisikö jo juosta?)
• Miten toimisitte tilanteessa jossa projekti on muuttuvien bisnes-vaatimusten takia päätynyt teknisesti hiukan suohon/velkaan ja asiakkaalle pitäisi myydä järjestelmän taustan refaktorointi joka ei näy loppukäyttäjille suoranaisesti mitenkään? Parissa aiemmassa tällaisessa tapauksessa on asiakas yrittänyt "huonoihin" teknisiin ratkaisuihin vedoten saada työt takuuseen vaikka ratkaisut oli ihan valideja päätösten tekohetkellä.
• Koodareita kuulemma tarvitaan kaikkialla. Olen kohta valmistuva tietotekniikan opiskelija ja minua kiinnostaa varsinkin fronttikoodaus aivan älyttömästi. En kuitenkaan ole onnistunut löytämään alata kolmen vuoden aikana työpaikkaa koulun ohelle. Vapaa-ajalla minulla onkin ollut aikaa tehdä omia koodiprojekteja joista nautin. Kysyn siis, onko teillä mielikuvaa mille alueelle koodialan työpaikat ovat sijoittuneet ja miksi minä en ole siellä? (Santeri)

Jakson valinnat

• Riku: Procreate
• Antti: GIPHY Capture

Ota yhteyttä!

• @webbidevaus
• webbidevaus.fi

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

Kysymykset

• Miksi jaksojen sivuilla (esim https://webbidevaus.fi/102) ei ole title-tägiä?
• Miten tärkeänä pidette, että osaa tunnetuimpia tietorakenteita ja algoritmejä, kun kyse webbikehityksestä? (Tomi)
• Mitä mieltä ootte Storybook? (MaijaXD)
• Olen liiketalouden ohella opiskellut koodaamista nyt n. vuoden ajan. Olisi mukava kuulla teiltä hieman syventävää pohdintaa millaisia odotuksia/taitoja ohjelmoinnin osalta vaaditaan ensimmäistä työpaikkaa hakiessa. Itselleni tutuksi on tullut mm. C#, javascript, HTML, CSS, mySQL, MSSQL, React, Git ja python alkeet. Uskaltaisiko näillä eväillä jo hakea työpaikkaa?
• Mitä koette tärkeiksi asioiksi devaustiimin nykymaailman etätyössä, kun etänä työskentelee tiimeissä myös useimmat niistäki joilla siitä ei oo aiempaa kokemusta?

Jakson valinnat

• Antti: Phoenix Wright: Ace Attorney Trilogy
• Riku: Pirkka Toukkis