# Kehittäjän blogi ## Web-ohjelmointi, syksy 2022 ### Tekijä: [Lassi Järvelä] ## Viikko 1 (7.9.- 13.9.2021) ### Mitä opin tällä viikolla Opin HTML:n ja CSS:n perusteita käyttäen apuna ensimmäisen viikon luentoa ja CodeCademy:n kurssia. ### Mitä harjoituksia tein Tein pääosin CodeCademyn harjoituksia. *** ## Viikko 2 (14.9.- 20.9.2022) ## Mitä opin tällä viikolla opin lisää CSS:ää ja javascriptin perusteita. ### Mitä harjoituksia tein Tein hieman W3Schools:in CSS kurssia ja kurssin ensimmäisen palautettavan tehtävän, jossa tutkittiin esimerkki html sivustoa ja jota muokkaamalla tein siitä omanlaisen. #### Harjoitus 1 Harjoitus 1:ssä opettelin muokkaamaan valmista sivua omanlaiseksi. *** ## Viikko 3 (21.9.-28.9.2022) ## Mitä opin tällä viikolla Opin tekemään pieniä yksinkertaisia ohjelmia javascriptillä. ### Mitä harjoituksia tein Tein kaksi palautettavaa javascript tehtävää. #### Harjoitus 1 (Javascript -perusteet, teht 1) Tehtävänä oli luoda ohjelma, joka kysyy merkkijonoa ja tarkastaa onko merkkijono palindromi. Jostain syystä readline sync ei toimi, joten joudun korjailemaan vielä tehtävää. #### Harjoitus 2 (Javascript -perusteet, teht 2) Tehtävänä oli luoda puhelinluettelo ohjelma, johon voi lisätä objektin, jossa nimi ja numero tai hakea nimen perusteella numeroa. Tässäkin tehtävässä on korjailtavaa. ## Viikko 3 (29.9.-5.10.2022) ## Mitä opin tällä viikolla Tällä viikolla opin tekemään yksinkertaisia luokkia javascriptillä. ### Mitä harjoitukisia tein Yksi palautettava github projekti. #### Harjoitus 1 (Urheilu1) Tehtävässä oli ideana rakentaa yliluokka Henkilö, jolle luodaan aliluokka Urheilia. Urheilia perii Henkilö luokan ominaisuudet ja lisäksi sillä on omia ominaisuuksia ja se toteuttaa get ja set funktiot. ## Viikko 4 (6.10.-12.10.2022) ## Mitä opin tällä viikolla Tällä viikolla aloitin rest apin opettelua. ### Mitä harjoituksia tein Tein tehtävää 4a ja erityisesti GET osiota. ## Viikko 5 (13.10.-19.10.2022) ## Mitä opin tällä viikolla Lomaviikko ## Viikko 6 (20.10.-26.10.2022) ## Mitä opin tällä viikolla Opin tekemään rest apin, jossa POST ja GET. ### Mitä harjoituksia tein Tein tehtävän 4a loppuun ja aloitin tehtävää 4b #### Harjoitus 4a (REST1) Tehtävässä oli tarkoituksena luoda oma rest api, jossa POST ja GET ominaisuudet. ## Viikko 7 (27.10.-2.11.2022) ## Mitä opin tällä viikolla Opin tekemään restAPI:n, jossa käytetään mysql:ää ja node:a. ### Mitä harjoituksia tein Tein tehtävää 4b ja Tehtävää 5 #### Harjoitus 4b (REST1) Tehtävässä oli tarkoitus tehdä käyttöliittymä restAPI:iin. Yritin tehdä sen komentokehote pohjaisesti. Tein komentokehotteelle toisen js tiedoston, jotta sen saisi pyörimään eri portissa. Ideana oli tallentaa sanaparit map:iin ja siten saada palautettua englanninkielinen sana, mutta en saanut toimimaan asti. #### Harjoitus 5 Tehtävässä oli tarkoitus luoda restAPI käyttämällä mysql:ää ja node:a. Rest apin tuli toteuttaa get, post, put ja delete. Kokeilin tehdä deletä. Ideana oli tehdä getPostById:n pohjalta delete ja vain muokata sitä deletelle sopivaksi. En ole vielä saanut toimimaan. https://gitlab.com/testi26/tehtaevae5. ## Viikko 8 (3.11.-9.11.2022) ## Mitä opin tällä viikolla Opin lisää restAPI:n saloja ja aloitin REACT:in opettelun ### Mitä harjoituksia tein Tein tehtävän 5 loppuun ja seurasin reactin tekoa luentovideon mukana. #### Harjoitus 5 Sain put ja delete toiminnot toimimaan! ## Viikko 9 (10.11.-16.11.2022) ## Mitä opin tällä viikolla Opin lisää REACT:ia. ### Mitä harjoituksia tein Tein luentovideon mukana posts_app:ia. Lopputuloksena oli alkeellinen react, jossa pystyy vaihtamaan sivua http://localhost:3005 ja http://localhost:3005/add välillä. ## Viikko 10 (17.11.-23.11.2022) ## Mitä opin tällä viikolla Opin lisää REACT:ia. ### Mitä harjoituksia tein Tein luentovideon mukana posts_app:ia lisää. Lopputuloksena "pääsivulla" näkyy taulukko tietokannasta, jossa on kaikki "postit" ja add sivulta voi lisätä uuden postin. ## Viikko 11 (24.11.-30.11.2022) ## Mitä opin tällä viikolla Opin itse tekemään toimivan backendin tehtävään Urheilu 2. ### Mitä harjoituksia tein Tein harjoitus Urheilu 2:en backend vaiheen ja aloitin frontendia. #### Harjoitus 6 (Urheilu II) Tässä viimeisessä tehtävässä tuli tehdä fullstack sovellus, jossa express.js kirjaston avulla luotu REST, joka käyttää tietokantaa ja REACT:illa luotu käyttöliittymä. Lisänä olisi voinut myös ottaa bootstrap:in käyttöön. ## Viikko 12 (01.11.-07.11.2022) ### Mitä harjoituksia tein Tein tehtävän 6 frontendia ja tein portfolion valmiiksi. #### Portfolio Käytin portfoliossa valmista pohjaa: https://github.com/StartBootstrap/startbootstrap-freelancer.