Palikka

Pisteet

Responsiivinen ulkoasu

5

Tietokannan käyttö tietojen tallennukseen

5

ORM:n (olio-relaatio –mapperin ja skeemojen käyttö, esim. mongoose)

2

Käyttäjän autentikointi (luonnollisesti hashit ja suolat mukana)

5

 Roolipohjainen käyttäjänhallinta (vähintään pääkäyttäjä, peruskäyttäjä ja vieras)

 +2

Front-controllerin käyttö (esim. Vue)

5

MVC-mallin mukainen sivusto

2

Front-näkymien käyttö (esim. Vuen komponentit)

2

Välimuistin käyttö

2

SEO (hakukoneoptimointi)

3

Kolmannen osapuolen palvelun käyttö (esim. FB-login, [GA ei riitä])

5

Toinen kolmannen osapuolen palvelun käyttö (säätiedot, smartpostit, elokuvatarjonta...)

3

Yksikkötestit olemassa

5

Continuous integration esim. GitHubin ja Travis CI:n avulla

3

JSONin (/XML:n) käyttö tiedon liikuttelussa/tallennuksessa

3

Dynaamisen SVG-grafiikan käyttö (esim. chart.js:n avulla)

3

Canvas-elementin käyttö

3

Sivusto ei sisällä yhtään kuvaa, vaan kaikki grafiikka on tehty dynaamisesti CSS:llä ja muilla tekniikoilla. Poislukien esimerkiksi tuotekuvat web-kauppasivustolla, sosiaalisen median profiilikuvat ym.

1

Ajaj (/ajax) -ohjelmoinnin hyödyntäminen

3

Sivusto tarjoaa sisältöä ladattavaksi PDF-muodossa (eli sisällöstä generoidaan PDF)

2

Kattava dokumentaatio

 5

Hyvä vertaisarviointi (1pts. per arviointikategoria ja +1pts erinomaisesta arviosta)

5

Esteettömyys (kts. W3C:n määritelmä ja tarkastusohjeet)

 3

Monikielisyys i18next- ja translate.js –kirjastojen avulla (tai vastaavien avulla)

3

 Implementoi joku standardi (järkevä) kolmannen osapuolen yleisesti käytetty komponentti (latauspalkki, datetimepicker, dialogi, …) käsin

 3

 Selaimen yhteensopivuustarkastus (tukeeko selain esim. käyttämääsi canvasta? Jos ei, niin ilmoita)

 2

 Animoidut transitiot (uusi elementti ilmestyy, joku elementti muuttuu jne., niin käytetään animaatioita tai efektejä)

2

 (Lähes) reaaliaikainen kommunikointi AJAX:lla esim. lentely- tai toimintapeli-tyyliseen projektiin tai chat-tyyliseen projektiin (WebSocket +3 pts päälle, mutta en lähtisi WebSocketteja aivan kylmiltään tekemään)

 3

Dockerin käyttö useamalla kontilla (esim. web + tietokanta)

3

Tähän lisäksi load balancer (vaatii jonkin verran harrastuneisuutta)

3

Puuttuuko tästä jokin? Kysy/ehdota Piazzassa!

X

Cheek

0

Eläkeläis-Cheek

 -1

CSS:ssä ja JavaScriptissä on ylikäytetty #id-selektoria (mieti .class:in käyttöä tai muita hyviä ratkaisuja)

 -1

 Ei dokumentaatiota

 -3

 JavaScriptissä ei ole käytetty "use strict:iä"

 -5

Koodia ei ole kommentoitu kunnolla

-5

Koodia ei ole kirjoitettu englanniksi

-5

(Erityisesti frontendissä) JavaScript-ohjelmakoodi ja HTML samassa tiedostossa (poislukien Vuen templatet)

-10

Comic sanssin käyttö

-20

Suurin osa projektikoodista samassa tiedostossa (katso esimerkkiä esim. suositellusta Express.js –rakenteesta)

-20

Projekti ei pyöri Dockerissa tai ei palautettu repositorioon toimivan Dockerfilen kera

-20

Hitlerin kuvat tai muu vastaava roska

-50