Sami MäättäDay 1 of Solidabis Code Challenge 2022 – Motivaatio
Teimme viime vuonna kaverini kanssa Solidabiksen koodihaasteen 2021, jossa toteutimme Autoilumittarisovelluksen (HerokuApp).
Se oli ensimmäinen kerta, kun kumpikaan meistä teki nettisovellusta. Opettelimme miten HTML, CSS, Javascript ja React toimivat. Myönnettäköön, että en ehtinyt saada kovin kummoista otetta Reactiin, vaan kaverini otti siitä pitkälti koppia. HTML ja CSS olivat työni puolesta tuttuja: e-kirjaformaatit (kuten DTbook ja EPUB) rakentuvat pitkälti niille.
Tällä kertaa yksin
Päätin nyt kokeilla Solidabiksen koodihaastetta uudelleen, kun vuoden 2022 versio tuli julki.
Tehtävänä on tällä kertaa tehdä äänestyssovelluksen frontend, jolla esimerkiksi työpaikan lounaspaikasta voidaan päästä yksimielisyyteen. Sovelluksen backend on tehty valmiiksi
Tehtävänanto
Onko työ/kaveriporukassasi eripuraa ja “nokkapokkaa” missä tänään syödään? Ei hätää!
Tehtävänäsi on demokratisoida lounaspaikan valintaprosessi toteuttamalla äänestyssovelluksen frontend.
Tehtävän toteutusta varten saat valmiin backendin, jonka mukana tulevaan API-dokumentaatioon pääset tutustumaan.
Toteutuksessa käytettävät teknologiat ovat vapaasti päätettävissäsi.
Sovelluksessa tulee olla seuraavat toiminnot:
- Lounaspaikkojen haku
- Äänen antaminen, muuttaminen ja poistaminen
- Päivän äänestystuloksen esittäminen reaaliajassa
Katso vielä lisätiedot tehtävän arviointikriteereistä sekä tarkempi ohje siitä, mitä palautuksessa tulee huomioida.
Onnea koodihaasteeseen ja mukavaa (kesä)koodailua!
Termit tutuiksi
Pari termiä, jotka voivat hämmentää aivan aloittelijaa (joksi kyllä lasken itsenikin, mutta nämä jo tiesin)!
Frontend
Mikä on frontend? Frontend on ikään kuin sovelluksen julkisivu.
Käytännössä se on osa, joka näkyy ulospäin ja, jonka kanssa käyttäjä vuorovaikuttaa. Siihen laitetaan kaikki visuaalisen suunnittelun paukut ja samaan aikaan keskitytään nettisivun saavutettavuuteen.
Tämä tarkoittaa esimerkiksi saumatonta toimintaa erilaisten apuvälineiden, kuten ruudunlukuohjelmien tai suurennustyökalujen, kanssa. Tämän osan minä suunnittelen haastetta varten.
Backend
Mikä on backend? Backend on, mitä on konepellin alla.
Se laittaa pyörät pyörimään ja monesti sovelluksissa nämä ovat taustalla pyöriviä laskelmia tai tietokantoja, joita käyttäjä voi tutkia frontendin kautta.
Haasteen tapauksessa backendin kautta saa listauksen kaikista tietyn paikkakunnan ravintoloista ja se mahdollistaa niistä äänestämisen.
Building in Public
Tarkoitukseni on ns. ‘build in public’ eli haluaisin mahdollisimman paljon ja laajasti näyttää, mitä olen tekemässä, miten ja miksi. Mutta miksi ihmeessä?
- Joudun opettelemaan paljon uutta ja siitä kirjoittaminen on hyvä tapa vetää yhteen oppimaani.
- Haluaisin osallistaa ihmisiä jollain tapaa sovelluksen rakentamiseen. Ehkä voisin saada palautetta silloin tällöin.
- Jos jotakuta kiinnostaa tällainen nettisovellusdevaaminen, mutta he eivät ole tehneet asian eteen mitään, niin tämä voi olla hyvä ponnahduslauta siihenkin!
- Solidabis Oy jo hoksautti minua haasteen alkamisesta Linkkarin puolella, joten olisi hiukan noloa, jos en edes kokeilisi.
Aloitin haasteen jo jokin aikaa sitten. Kuvittelin saavani kirjoitettua jo siitä, mitä en tiedä ja, miten olen ihan hukassa, mutta ilmeisesti lörpöttelyä saa aikaan jo pelkästään taustasta ja motivaatiosta.