# Kehittäjäblogi ## Web-ohjelmointi Tehtävä 1 ### Ohjelman toiminnot * Luodaan ensin Henkilo-luokka, johon määritellään attribuutit: etunimet, sukunimi, kutsumanimi, syntymavuosi. * Alustetaan attribuutit * Seuraavaksi luodaan luokka Urheilija, joka perii luokan Henkilo attribuutit. * Luodaan myös Urheilija-luokkaan omat attribuuttinsa * Alustetaan kaikki attribuutit * Tulostetaan "Uusi urheilija lisätty" ja henkilön sekä urheilijan tiedot * Luodaan getteri ja setterit luokan Urheilija attribuuteille * Luodaan uusia urheilijoita ja lisätään attribuutteihin tietoa. ## Web-ohjelmointi Tehtävä 2 ### Ohjelman toiminnot * Luodaan ensin tarvittavat muuttujat * Luodaan yhteys tietokantaan * Luodaan tietokanta * Luodaan taulu * Voidaan lisätä tauluihin tietoa: * Valitaan joko kaikki tai id:n perusteella: * Päivitetään tietoa * Poistetaan * Kuunnellaan porttia 3000 ja ilmoitetaan että serveri pystytetty porttiin 3000 ## Web-ohjelmointi Tehtävä 3 ### Viikko 3 * Katsoin 17.09. tiistain luennon klo 8, jonka jälkeen opiskelin itsenäisesti REST api ja REACTjs * 21.09. katsoin 19.09. luennon ja loin REST api:a käyttäen ohjelmaan GET, POST, PUT ja DELETE -toiminnot, joilla käyttäjä voi hakea kaikki, hakea id:n perusteella, lisätä tietokantaan, päivittää id:n perusteella ja poistaa tietokannasta. Testasin ja totesin komennot toimiviksi Postmanilla * 24.09. katsoin 23.09. luennon ja opiskelin Reactia. * 25.09. katsoin luennon klo 8 ja opiskelin Reactia. * 29.09. loin lomakkeet ja lisäsin lisää rekisteröinti, selaa rekisteröintejä, edit ja delete painikkeet. ### Viikko 4 * 02.10. katsoin 01.10. luennon ja opiskelin dockeria ja mongodp * 04.10. aloitin tekemään tehtävää 4 ### Viikko 5 * 09.10. katsoin luentoa ja jatkoin tehtävää * 10.10. Katsoin viikon 5 mognoose, mongodb ja async js tutoriaalit * 12.10. Sain valmiiksi tehtävän 4, tein käyttöliittymän, lisäsin toimivan GET-toiminnon, joka tulostaa urheilijat taulukkoon, tyylittelin taulukkoa CSS:llä mieleisen näköiseksi. Lisäsin POST-toiminnon johon syötetään textinput-kenttiin index.html sivulla urheilijan tiedot ja lisätään ne tietokantaan nappia painamalla. * Testasin ohjelmaa kirjoittamalla erilaisia syötteitä kenttiin, myös tyhjillä syötteillä, väärillä datatyypeillä jne. Serveri antoi virheilmoituksen ja kaatui. ### Viikko 7 * 24.10. aloitin tekemään ePortfoliota, käytän portfoliossa valmista Bootstrap layoutia (https://startbootstrap.com/themes/freelancer/) ### Viikko 8 * 30.10. jatkoin ePortfolion tekemistä