# Kehittäjän blogi-pohja ## Web-ohjelmointi, syksy 2021 ### Tekijä: *Suruiro ヾ(＾-＾)ノ* ## Viikko 2 (7.9.- 12.9.2021) ### Mitä opin tällä viikolla Opin käyttämään CSSn, HTMLn ja Javascriptin perusteita. Käyttämään apukeinoja (https://coolors.co/) väripalettien luomiseen. ### Mitä harjoituksia tein Muokkasin Opettajan Simple_html-tiedostosta erilaisen. Esittelin omia kurssejani muokatulla sivustolla. #### Harjoitus 1 Harjoitus 1:ssä opettelin HTMLn, CSSn ja hieman Javascriptin käyttöä. Halusin lisäillä myös APIn (https://ghibliapi.herokuapp.com/) mutta päädyin tekemään siitä erillisen projektin itselleni. Halusin minimoida potentiaalisen tiedoston hajoamisen sekä tajusin menneeni hieman tehtävänannon ulkopuolelle. Ajoin sivuston html-validatorissa (https://validator.w3.org) ja CSS-validatorissa (https://jigsaw.w3.org/css-validator/) ja ne menivät läpi. Muutamien virheiden löytämisessä meinasi mennä hermot, sillä en aluksi osannut tulkita tulleita virheilmoituksia. Ongelmaksi muodostui se, etten omaa taiteellisia lahjoja. Live-Serverissä oli semmoinen ongelma, että sen toiminta oli lagista. Päädyin avaamaan html-tiedoston avaamalla sen selaimessa ja muutosten päivittämisen f5-näppäintä käyttäen. *** ## Viikko 3 (13.9.- 19.9.2021) ### Mitä opin tällä viikolla Opin käyttämään Javascriptia ja HTML-kieltä. ### Mitä harjoituksia tein Tein javascriptillä ja html:lä palindromi-sovelluksen. Tein puhelinluetteloa. #### Harjoitus 1 Tein palindromiin käyttöliittymän sillä en ollut varma tuliko se tehdä vai ei ("Tee sovellus, joka..."). Siitä tuli kyllä aika ruma ja yksinkertainen, mutta se ajaa asiansa. En sitten tiedä muista vaatimuksista, mutta ainakin se osaa tulkita onko palindromi... "joka palauttaa boolean arvon true, mikäli funktion parametrina oleva sana on palindromi" <- Kyllä tekee tämän, mutta en vain käyttänyt niitä missään. Osaa myös ottaa huomioon isot kirjaimet, muttei oikeastaan muita potentiaalisia ongelmia. #### Harjoitus 2 Tein osan puhelinluettelo-tehtävästä. Pohja on kunnossa, itse toimivuutta ei ole. Tungin javascript-kohdat <Script>Komennolla</script> (Ihanat vesimelonivärit tässä hackMD:ssä noilla) koska en ole oikein ymmärtänyt miten muutenkaan niitä kutsutaan. Löysin googlesta hyvän esimerkki-koodin tähän avuksi, mutta tuntui että en oikein ymmärtänyt sitä kunnolla joten en voinut hyödyntää sitäkään. *** ## Viikko 4 (20.9.- 26.9.2021) ### Mitä opin tällä viikolla Opin käyttämään Javascriptia. Latasin Postmanin ja aloittelin siihen tutustumista. Githubin käyttöä. ### Mitä harjoituksia tein Palautin hackMD linkin opettajalle. Tein kehitystehtävän jossa piti määritellä luokkamäärittely ja periytyminen JavaScriptillä. #### Harjoitus 1 "Laita tähän kehitysblogisi (hackmd.io) linkki." Oletan että en ole onnistunut mokaamaan tässä. #### Harjoitus 2 Tehtävänä oli-> "olio-ohjelmointikielille ominainen luokkamäärittely ja periytyminen JavaScript-kielellä." "Määrittele yliluokka Henkilo"<- Koen tehneeni tämän onnistuneesti. "Määrittele luokka Urheilija"<- Tämänkin tein onnistuneesti. "toimii node.js-tulkissa" Itse kokeillessani tämä toimi. Huomattavaa on se, että koodi toimii halutusti. Hienosäätöä olisi voinut olla paljonkin, mutta päätoiminnallisuudet ovat siellä. Lisäksi kommentoin koodia. Huomattavaa on se, että itse koodauksessa meni vähemmän aikaa kuin githubin kanssa säätämisessä. Toivon, että linkki GitHubiin toimii. *** ## Viikko N *Käytä 1 viikon mukaista pohjaa tämän ja kaikkien loppujen viikkojen toimintasi kuvaamiseen. Arviointisi tehdään osittain myös niiden tässä blogissa kuvaamasi toimintasi kautta.