# Kehittäjän blogi-pohja
## Web-ohjelmointi, syksy 2023
### Tekijä: Salla Pajunen, 69614085

## Viikko 1 (7.9.- 13.9.2023)

### Mitä opin tällä viikolla

Tällä viikolla ei vielä juuri uutta tullut. Opin kuitenkin jonkin verran JavaScriptin perusteita, mikä oli entuudestaan itselleni tuntematon.

### Mitä harjoituksia tein

Harjoittelin JavaScriptiä muun muassa Code Academyn kautta. Lisäksi kertasin HTML- ja CSS -perusteita

## Viikko 2 (14.9.- 20.9.2023)

### Mitä opin tällä viikolla
Tällä viikolla opin jonkin verran lisää JavaScriptistä, pääosin kuitenkin viikko oli itselleni HTML:n ja CSS:n kertausta

### Mitä harjoituksia tein
Jatkoin JavaScriptin harjoittelua Code Academyn kautta sekä tein tehtävän "HTML ja CSS alkuun". Tehtävässä kului tovi, sillä päädyin luomaan itse pohjan sivulleni enkä käyttämään vaihtoehtoista mallipohjaa kurssialustalta. Näin sain kuitenkin mukavasti palauteltua mieleeni HTML ja CSS -perusteita. Jonkin verran oli hankaluuksia CSS:n kanssa, en saanut kaikki blokkeja sijoiteltua haluamallani tavalla ja jouduin niiden kanssa aika pitkään puuhastelemaan. Muilta osin kuitenkin tykkäsin tehtävästä ja sain sen mielestäni kohtuu hyvin toteutettua.

## Viikko 3 (21.9. - 27.9.2023)

### Mitä opin tällä viikolla
Tällä viikolla opin JavaScriptiä paremmin, joitakin konsepteja syvemmin.

### Mitä harjoituksia tein
Tein harjoitukset JavaScript perusteet 1 ja 2. Näistä opin hahmottamaan syvemmin miten JavaScript kieltä kirjoitetaan, millaisia listoja, komentoja ynnä muita toimintoja kielessä on. Alkuun oli hieman haasteellista hahmottaa, miten luoda haluamiani elementtejä JavaScriptillä mutta luentomateriaalien ja verkosta löytyvien vinkkien avulla sain tehtävän varsin hyvin tehtyä.

## Viikko 4 (28.9. - 4.10.2023)

### Mitä opin tällä viikolla
Täläl viikolla opin lisää JavaScriptiä. Erityisesti olioiden luonnin konsepti JavaScriptillä hahmottui tällä viikolla paremmin.

### Mitä harjoituksia tein
Tällä viikolla tein harjoituksen 3, joka oli urheilijaolioiden luomista JavaScriptillä. Harjoitus oli mielenkiintoinen ja kiva siinä suhteessa, että se antoi mahdollisuuden testailla JavaScriptin toimintaa enenevissä määrin. Myös ymmärrys olioiden luontiin kasvoi. Tehtävä oli mukavan simppeli, eikä siinä vaadittu monia eri asioita, mikä auttoi keskittymään vain muutaman elementin hahmottamisessa ja luonnissa.

## Viikko 5 (5.10. - 11.10.2023)

### Mitä opin tällä viikolla
Tällä viikolla opin jonkin verran oheissovellusten käyttöä, kuten postman. Niiden hahmottaminen ja kokeilu oli mukavaa ja hyödyllistä tulevaisuuttakin ajatellen.

### Mitä harjoituksia tein
Aloin tarkastelemaan tehtävien 4a+b ohjeistuksia ja vaatimuksia. Aloitin pohdiskelemaan, miten suorittaa tehtävä ja mitä asioita tarvitsisin missäkin kohdin.

## Viikko 6 (12.10. - 18.10.2023)

### Mitä opin tällä viikolla
Tällä viikolla sain luennolta lisää vinkkejä tehtävään 4a+b, mikä auttoi jossakin määrin hahmottamaan tehtävässä vaadittuja elementtejä. Myös CORS-määrittely hahmottui selkeämmin.

### Mitä harjoituksia tein
Jatkoin harjoituksen 4a+b edistämistä.

## Viikko 7 (19.10. - 25.10.2023)

### Mitä opin tällä viikolla
Tällä viikolla opin tekemään get ja post metodit javascriptillä. Lisäksi opin hahmottamaan backendin toimintaa paremmin.

### Mitä harjoituksia tein
Tein harjoituksen 4a+b loppuun.

## Viikko 8 (26.10. - 1.11.2023)

### Mitä opin tällä viikolla
Tällä viikolla muistuttelin mieleen tietokantojen toimintaa ja sen hyödyntämistä sovelluksessa.

### Mitä harjoituksia tein
Aloittelin harjoitusta 5. Tein harjoitukseen tarvittavan tietokannan ja jonkin verran kokeilin sen toimintaa. Lisäksi aloitin tutustumaan mallikoodiin, jota täydentää harjoituksessa.

## Viikko 9 (2.11. - 8.11.2023)

### Mitä opin tällä viikolla
Tällä viikolla opin luomaan javascriptillä put ja delete -metodit. Niiden lisäksi opin hahmottamaan tarkemmin tietokantaan liitettävän sovelluksen toimintaa.

### Mitä harjoituksia tein
Tein harjoituksen 5 loppuun. Tein tämän viikon aikana put ja delete -metodit ja testailin koodin toimivuutta muilta osin.

## Viikko 10 (9.11. - 15.11.2023)

### Mitä opin tällä viikolla
Opin jonkin verran reactista.

### Mitä harjoituksia tein
Kuuntelin moodlesta react videon ja tutustuin muihin moodlemateriaaleihin.

## Viikko 11 (16.11. - 22.11.2023)

### Mitä opin tällä viikolla
Tällä viikolla opin hooksista ja reactista.

### Mitä harjoituksia tein
Tein tunnilla läpi käytyjä esimerkkejä ja niiden kautta kertasin tehtävää 5.

## Viikko 12 (23.11. - 29.11.2023)

### Mitä harjoituksia tein
Tällä viikolla en tehnyt juuri mitään. Muutaman videon kuuntelin Reactiin liittyen, mutta olin käytännössä koko aikavälin kuumeessa, joten en juuri syvemmin ennättänyt/pystynyt aiheeseen perehtymään.

## Viikko 12 (30.11. - 6.12.2023)

### Mitä opin tällä viikolla
Tällä viikolla opin jonkin verran Reactista ja bootstrapin käytöstä.

### Mitä harjoituksia tein
Aloitin eportfolion tekemisen bootstrappia käyttäen. Bootstrap oli alkuun hitusen haastava hahmotettava, mutta jonkin tovin pohjaa tutkailtuani, sain portfolion teon hyvälle mallille käyntiin. Valitsemani bootstrappohja oli suhteellisen yksinkertainen ja helppo tajuinen. Kirjoittelin jo jonkin verran portfolioon tulevia tekstejä aiemmista tehtävistä ja muokkailin ulkoasua.
Tämän lisäksi aloittelin tehtävää 6. Lähdin liikkeelle siten, että otin mallia tekemästäni tehtävästä 5, koska siinä oli paljon elementtejä, joita halusin käyttää. Muokkasin ominaisuuksia tehtävää 6 varten sopiviksi ja sitä kautta lähdin työstämään backendiä. Tein myös uuden tietokannan tehtävää varten ja lisäilin sinne tietoja.

## Viikko 12 (7.12. - 13.12.2023)

### Mitä opin tällä viikolla
Tällä viikolla opin erityisesti Reactin käytöstä ja ContextApi arkkitehtuurin hyödyntämisestä.

### Mitä harjoituksia tein
Jatkoin harjoitusta 6. Lisäsin rakentamaani backendiin Reactin ja harjoittelin sen avulla eri ominaisuuksien rakentamista. Reactia käytin pääasiassa käyttöliittymän rakentamiseen. Reactin käyttö oli itselleni uutta ja mielenkiintoista, samoin ContextApi arkkitehtuuri. Tätä tehtyäni opin huomaamaan, miten hyödyllisiä verkkosivun luomiseen kumpainenkin on.
Tein niin ikään bootstrap komponenteilla ulkoasua.
Tässä vielä linkki palautukseen gitissä.
https://github.com/sallachi/Webohjelmointi/tree/main/teht%C3%A4v%C3%A4_6