TITE-alan Vaihdossa Maltalla: Viikko 4: 3/3

Perjantai 27.9

Sain tehtyä HTML-rakenteen ja CSS-tyylit kahdelle sivulle. Tämä tarkoittaa sitä, että sivuilla on oikea ulkonäkö, mutta toistaiseksi niiltä puuttuu JavaScript-toiminnot, ja yhteys palvelinpuolen sovellukseen ja tietokantaan. 

Pomo sanoi pitävänsä tästä sivusta

Lauantai 28.9

Kävin tänään Ghar Dalam-nimisessä luolassa, josta on löytynyt eläinten luita ja kivikautisten ihmisten astioita. Luolan yhteydessä oli museo, ja siellä oli virtahevon, pienen elefantin, suden, ketun, hirven ja karhun luurangot, ja paljon muita luita. Ilmeisesti näitä kaikkia eläimiä on ollut jossain vaiheessa Maltalla.

TITE-alan vaihdossa Maltalla: Viikko 4: 2/3

Tiistai 24.9 

Osa tästäkin päivästä meni opiskellessa ASP.net-ohjelmointia. Sain tänään tehtäväkseni rakentaa testisovelluksen, jossa palvelin voi lähettää ilmoituksia, ja selainpuolen sovellus “kuuntelee” seuraavan ilmoituksen varalta.  Pääsin tässä hieman alkuun, mutta toistaiseksi hitaasti, koska en ole ennen ohjelmoinut nettisovelluksia C#-kielen avulla. CFOUR:n palvelinpuoli on kirjoitettu C#-kielellä. 

Lisätietoja: 

https://developer.mozilla.org/en-US/docs/Web/API/Server-sent_events/Using_server-sent_events 

https://en.wikipedia.org/wiki/Server-sent_events 

Keskiviikko 25.9 

Sain rakennettua testisovelluksen, jota aloin rakentamaan tiistaina.   

Torstai 26.9 

Aamulla minulle annettiin tehtäväksi opiskella lisää ASP.net-ohjelmointia.  Sen jälkeen sain tehtäväkseni, lisätä kommentteja koodiin, joka sisältää aiemmin tekemäni Vue.js-komponentit. Sitten sain tehtäväkseni tehdä uuden HTML-sivun CFOUR:N SAAS-versioon ja sivun tarvitsemat CSS-tyylit. Pääsin tässä alkuun. 

TITE-alan Vaihdossa Maltalla: Viikko 4: 1/3

Sunnuntai 22.9

Kävin tänään arkeologian museossa ja Hal Saflieni Hypogeum-nimisessä maanalaisessa paikassa, jonne on haudattu ihmisiä tuhansia vuosia sitten. Kumpikin paikka oli mielenkiintoinen, ja siinä tuli reilu annos esihistoriaa koko rahan edestä.

Maanantai 23.9

Se henkilö, jonka pitäisi antaa minulle seuraava työtehtävä oli tänään kiireinen, joten opiskelin Vue.js- ja ASP.net-ohjelmointia. 

TITE-alan vaihdossa Maltalla Viikko 3 3/3

Lauantai 21.9

Tätä vapaapäivää olen odottanut. Kävin tänään kaunilla Cominon saarella. Laivareissu kesti klo 10 - 17.30. Hauskaa, että sa maksoi vain 20 €. Vain 20 € siitä, että pääsee ihailemaan näitä näkymiä. Kaiken hauskan myötä kasvaa kuitenkin kaipuu suomalaista syksyä ja talvea kohti.

TITE-alan vaihdossa Maltalla Viikko 3 2/3

Keskiviikko 18.9

Tänään sain tehtyä Vue.js-komponentin, joka on hakukenttä, joka näyttää hakuehdotuksia, sitä mukaa kun käyttäjä kirjoittaa. Ehdotuksia haetaan sekä palvelimelta, että välimuistista, johon niitä päätyy edellisistä hauista palvelimelta.  

Seuraavaksi sain tehtäväkseni toteuttaa samantyyppisen hakukentän, mutta sellaisen, jossa tulisi olemaan paljon enemmän toimintoja. Pohjana käytettäisiin Select2.js-kirjastoa, joka sisältää monitoimintoisia pudotusvalikoita, joita voi käyttää myös hakukenttinä. Kirjaston avulla tehtäisiin Vue.js-komponentti, joka sisältää oikeat CSS-tyylit. Pääsin alkuun tyylien tekemisessä. 

Torstai 19.9

Sain Select2.js-kirjastoon pohjautuvan Vue.js-komponentin valmiiksi. Sillä on nyt oikeat CSS-tyylit ja tarvittavat toiminnot. Tämä on monimutkaisin tekemäni komponentti tähän menneessä. Se vaati yli 100 riviä koodikikkailua. 

Perjantai 20.9

Tänään paransin “raahaa ja tiputa”-komponentin ominaisuuksia. Sen lisäksi järjestelin muutamaa funktiota, jotta se sopisi paremmin sovelluksen koodikantaan. 

TITE-alan vaihdossa Maltalla Viikko 3 1/3

Sunnuntai 15.9

Valitsin lenkkeilypaikakseni jyrkän ylämäkipolun työmatkani varrelta. Se on hyvä kahdesta syystä. Ensinnäkin maa on pehmeämpää kuin asfaltti, joten se on parempi jaloille. Toisaalta jyrkkä ylämäki on hyvä lisä harjoitukseen.

Maanantai 16.9

Jatkoin koodin järjestelyä, joka jäi kesken perjantaina.

Tiistai 17.9

Aamulla odottaessani seuraavan työtehtäväni saamista, opiskelin Vue.js-ohjelmointia.  

Sain tehtäväkseni kirjoittaa kaksi funktiota Lodash-nimisen JavaScript-kirjaston avulla. Lodash sisältää usein käytettyjä toimintoja, kirjoitettuna uudelleenkäytettäviksi funktioiksi. Tämä säästää ohjelmoijien työtä, kun tiettyjä usein käytettyjä toimintoja ei tarvitse kirjoittaa, joka kerta uudelleen. 

Ensimmäinen, jonka kirjoitin on funktio, jonka avulla voi lähettää HTTP-pyynnön, mutta funktion voi kutsua vain kerran tietyn aikavälin sisällä. Tätä tarvitaan esimerkiksi sen takia, että palvelin ei välttämättä hyväksy todella montaa kutsua ihan peräkkäin, vaan vain tietyn määrän kutsuja tietyn aikavälin sisällä. 

Toinen funktio, jonka kirjoitin voi myös lähettää HTTP-pyynnön. Funktiota voidaan kutsua monta kertaa peräkkäin, mutta se lähettää HTTP-pyynnön vasta kun viimeisimmästä funktion kutsusta on kulunut tietty aika.  

Tätä voidaan käyttää esimerkiksi hakuehdotuksissa. Ehdotukset haetaan palvelimelta ja näytetään käyttäjälle vasta kun käyttäjä on ollut kirjoittamatta hakukenttään tietyn ajan.  

Tarkempi selostus ylläolevasta: https://css-tricks.com/debouncing-throttling-explained-examples/ 

Vaihdossa Maltalla Viikko 2 3/3

Perjantai 13.9

Jos olet taikauskoinen, voisit kuvitella, että minulla meni tänään kaikki mahdollinen päin mäntyä. Vaan eipä mennykkään. Minulla oli todella hyvä työpäivä. Työ on vielä hauskempaa, kun tietää viikonlopun olevan käsillä. Tänään järjestelin koodiani, jotta sitä olisi helpompi käyttää ja lukea.

Lauantai 14.9

Ihana vapaapäivä. Hyvä tasapainoitus kiireisille arkipäiville. Tänään kävin Ghadira Bay:n seuraavissa kohteissa: Ghadira nature reserve, Foresta 2000 nature reserve, The Red Tower. The Red Tower on 1600-luvulla rakennettu vartiotorni. Sen päätarkoitus oli puolustaa rannikkoa Berbeerien ja Ottomaanien hyökkäyksiltä.

Vaihdossa Maltalla: Viikko 2 2/3

Tiistai 10.9

Tämä on ensimmäinen päivä, jolloin olen joutunut vesisateen alle Maltalla ollessani. 

Tämän päivän olen tehnyt Vue.js-komponentteja: nappi, pudotusvalikko, tekstikenttä, lista. Näille kaikille olen tehnyt perustoimintoja. Toimintojen lisäksi tästä on iso hyöty, koska näitä komponentteja voi käyttää uudestaan moneen kertaan. Ne sisältävät oikean HTML-rakenteen ja CSS-tyylit, eli esimerkiksi jonkun toisen olisi helppoa jatkaa minun työstäni. Sen lisäksi listaan ja pudotusvalikkoon voi nyt laittaa vaihtoehtoja JavaScriptin kautta helpommin. 

Keskiviikko 11.9

Tänään toteutin yksinkertaisen “URL-tulkin”. Se reagoi siihen, että URL-osoitteessa on #-merkki. Kaikki mikä tulee #-merkin, jälkeen voi aiheuttaa JavaScript-toimintoja.  

Esimerkkinä URL-osoite: kysely.fi/#kysely2?ikä=22/vaihtoehto5/vaihtoehto6. Tässä esimerkissä, kun käyttäjä menee sivulle, sivu tekee seuraavat toiminnot automaattisesti: vierittää itsensä kyselyn 2 kohdalle, antaa käyttäjän iäksi 22, valitsee kyselyssä vaihtoehdon 5, avautuu uusi näkymä, josta sivu automaattisesti valitsee vaihtoehdon 6.  

Tästä voisi olla esimerkiksi se hyöty, että jos käyttäjä haluaa keskeyttää kyselyn, ja jatkaa myöhemmin, vastauksia ei tarvitse tallentaa palvelimelle, vaan käyttäjä voi palata juuri siihen URL-osoitteeseen, jossa on samat vaihtoehdot valittuna. 

Torstai 12.9

Tänään olen toteuttanut kaksi tärkeää asiaa. Ensimmäiseksi kirjoitin JavaScript-funktioita, joilla toteutetaan “vedä ja pudota”-toiminnallisuutta. Näiden funktioiden avulla pystyisi toteuttaa esimerkiksi yksinkertaisen tehtävänhallintasovelluksen. Esimerkkinä https://trello.com/  

Toinen asia, jonka tein oli Vue.js-komponentti, jolla on “vedä ja pudota”-toiminnallisuus tiedostojen lataamista varten. Tämän komponentin voi säätää hyväksymään vain tiettyjä tiedostomuotoja, ja hyväksymään, joko vain yhden tiedoston tai monta tiedostoa.