Nettisivun kehityksen matkan lokikirjani
Viikon edistys:
-
Ratkaisin tietokannan yhteyden ongelman Lubuntu 16:sta Win 10:n muutoksen jälkeen. Tajusin, että yhteyden muuttuja oli väärin
$servername = "localhost:3308"; //Correct port used by MySQL on Win 10 -
Kirjoitin skriptin siinä tapauksessa, että tulee tietokannan ongelmien selvittämistä.
-
Keksin tietokannan hallinnoinnin käyttötapauksen.
Ajatuksia: Tuntuu, että oli rankka selvitysten viikko ja tuntui, että olin kykenemätön pääsemään eteenpäin. Koska koko viikon tutkin, mitkä asiat aiheuttavat vian. Onneksi viikonloppuna korjasin vian pois ja keksin koodin, joka voisi auttaa siinä tapauksessa, että tulisi vika taas. Toisaalta, Struggle is a sign of progress Taistelu on merkki edistymisestä, niin kuin Javascript Teacher sanoi.
Linkki tweetille: @SRoccoli Viikko 17
Linkki teoksille:
Viikon edistys:
-
Kuvasin sitä, miten Etsi Laatikko -sivu etsii ja näyttää laatikkoa, kaavio keskittyy nykyiseen AJAX arkkitehtuuriin. Kaavio näyttää yleiskuvaa sivusta Etsi Laatikko ja auttaa ymmärtämään, miten koodata Laatikko-olion näkymä.
-
Aloitin Aloitin HTLM ja CSS puhdistamisen ja uudistamisen Etsi laatikko -sivulla.
Ajatukset: Mallinnuksen avulla näen helpommin, miten olen sen koodannut, mitä kohtaa saa tai ei saa muokata, jotta saavuttaisin sivun ulkoasun mallin.
Linkki Tweetille: @SRoccoli, Viikko 19
Linkki teoksille: HomeInventoryWeb, 9.5.2020 Commit
Viikon edistys:
-
Etsi laatikko –sivulla jatkoin sivun muotoilua: nyt kun painaa laatikko-kuvakkeella voi näyttää tai piilottaa laatikko-näkymän.
-
Etsi laatikko –sivulla viikonloppuna aloitin PHP ja JS koodin uudistamisen.
-
Tilanne: Palvelin formatoi vähän dataa tauluksi ja lähettää sen selaimelle. Mutta sitten selaimella tarvitaan edelleen formatoimista ja enemmän dataa palvelimesta, eli enemmän AJAX-pyyntöä ja muita vaikeita koodauksen lauseita.
-
Toivo: Olisi yksinkertaisempaa, että, palvelin lähettäisi tarpeellista raakaa dataa selaimeen, joka formatoisi sen tauluksi ja edelleen.
-
Tavoite: Tavoitteena on muokata palvelimen PHP koodausta, jotta se lähettää välttämätöntä raakaa JSON-dataa, ja selaimen kohdalla lisätä JS koodaus, jotta se formatoisi tauluksi JSON datan serveriltä.
-
Ajatukset: Aika hämmentävää, että ei voi tietää etukäteen JSON-datan muotoa. Pitää koko ajan tarkistaa, mitä datan muotoa koodi vaatii (mm. taulukko, olio, string) kun käytetään JS DOM ja menelmää, JSON.parse() esim. ja omia funktioita. Ainakin nämä verkkosivustot auttavat developer.mozilla.org ja W3Schools.com.
Linkki Tweetille: @SRoccoli
Linkki teoksille:
Viikon edistys
- Onnistuin muuttaa PHP ja JS koodia, nyt PHP lähettää vain JSON-dataa tietokannalta verkkoselaimelle ja JS formatoi taulukoksi, olen saavuttanut viime viikon asetetun tavoitteen.
- Olen aloittanut tehdä sivu reagoivaksi. Nyt olion taulukko on reagoiva JS ja CSS -avulla.
Asettelutavoite on näin:
.
- Kirjoitin ja lähetin hakemuksen H2C:n koulutukseen H2C.fi
Ajatukset: Tuntuu hyvältä, että olen tajunnut, miten käsitellään JSON-dataa JavaScriptin avulla, ja että nyt pääsen muokkaamaan sivun ulkoasua...
Linkki Tweetille: @SRoccoli
Linkki töille: Commit 20200517
Viikon edistys
- Olen etsinyt web-kehityksen sanastoa suomenkielisiltä nettisivuilta ja olen kirjoittanut loppuun kertomukset viikosta.
- Olen päivittänyt Home Inventory Webin tiedoston rakenteen.
- Olen etsinyt parempaa muotoa / rakennetta Home Inventory Webin päiväkirjalle Githubissa ja muuttanut sen.
- Esti laatikko -sivulla olen jatkanut Laatikko-olion näkymän tyylin muotoilua, muokannut fontin tyyliä ja valia.
Ajatukset: Komentokehotteesta. Haluaisin käyttää vain komentokehotteessa Git-komentoja jotta päivittäisin tiedoston rakenteen. Mutta ei se onnistunut. Miksi piti tuhlata tunti, että löysin cmd.exe:n komennon, joka siirtää kaikki tiedostot ylempään kansioon?
cp foldername .
Muistan, että DEV communityssä, joku sanoi, että:
Huono koodari sanoo, että hän tietää. Mutta hyvää koodari sanoo, että hän ei tietää mitään.
Jatkuva oppiminen ja nöyryys.
Linkki Tweetille: @SRoccoli
Linkki töille: Commit 20200525