A hét témája a Bootstrap, most ismerkedek vele. Eddig az a tapasztalat, hogy elméletben könnyű megérteni, mi micsoda a kódban, de önállóan használni nehezebb. Most ezen szöszölök.

UPDATE (2017.10.23. 12:51) A fenti megoldással nagy kijelzőn elégedett voltam,mert olyan lett, amilyet előtte lerajzoltam, hogy olyat szeretnék lekódolni. Itt a rajz, a tetején a nagy kijelzőn látható szerkezet, alatta a mobilon látható szerkezet.

Mobilnézetnél azonban nem olyan volt, amilyet szerettem volna, simán egymás alá helyeződtek a cellák olyan sorrendben, ahogy a kódban szerepelt. Közben annyit haladtam (itt), hogy a mobilnézeten megfelelő szélességben jelennek meg cellák, viszont az egy sorhoz tartozó cellák egymás alatt helyezkednek el, ahogy egyébként az a tananyag alapján teljesen logikus is.

Ha jól értem, itt az alapvető probléma (legalábbis az eddigi nagyon minimális ismereteim alapján), hogy a Bootstrap logikájával nem egyezően kis kijelzőre a sorokat "félbevágva" definiáltam egy-egy egységet (a rajzon tollal körberajzoltam).

Jobban átgondolva az is lehet, hogy ott volt az alapvető gond, hogy a nagy kijelzőt vettem alapnak, és egyszerűbb lett volna a "mobile first" elv alapján először lekódolni a mobilos verziót, aztán utána az első két szerkezeti egységet nagy kijelzőn már könnyebben egymás mellé tettem volna.

UPDATE (2017. 10.23. 14:18) Újrakódoltam, most már úgy, hogy a mobilkinézetet vettem alapul, íme. Nyilván nem tökéletes, pl. a konténerek között az a kis sáv nem kellene, de megoldottam, amit szerettem volna, hurrá!

Eddig a jsbin online szerkesztőt használtam főleg, ezen a héten ráköltöztem a gépemre. Most olyan programok ikonjai ülnek az asztalomon, amelyeknek a létezéséről se tudtam eddig, illetve megtanultam azt is, hogy a gépemen kódolt dolgokat hogy tudom feljuttatni az internetre.

A következő nagy feladat egy esküvői weboldal kódolása volt: egy megadott oldalt kellett lemásolni, itt az eredmény.

Az utóbbi időben nem tudtam úgy haladni, ahogy szerettem volna, mert minden mással elment az időm, és estére elfáradtam ahhoz, hogy haladni tudjak. Úgyhogy úgy döntöttem, hogy mától felkelek egy órával korábban, és a reggeli órában nem dolgozom és nem egyebet csinálok, hanem tanulom tovább a programozást.

Ma van az első ilyen nap, itt ülök a gépnél, Dórika kutyám az ölemben, és készen állok az újabb kalandokra :)

Az elmúlt időszakban a reszponzív webdesign-nal ismerkedtem, aztán a komponensépítés következett. Gombokat és navigációt tanultam kódolni, pontosabban utóbbinak a közepén vagyok. Itt jött egy önállóan megoldandó feladat, amit viszonylag gyorsan és viszonylag könnyen megcsináltam, íme. És ennek most örülök :)

UPDATE: A feladat egyik tanulsága az volt, hogy ha valamit le kell másolnom, akkor legközelebb egész képernyősre nyitom majd, hogy lássam pontosan, hogy mi is a dolgom :)

Mivel három hete is már, hogy elkezdtem programozni tanulni, itt az idő, hogy írjak pár szót az eddigi tapasztalataimról, arról, hogy hogyan (és hol) is tanulok.

Itt tartok vele (természetesen ez egy klónozott verzió). Még van vele teendő, pl. az internetről leszedett képek forrását fel akarom valahogy szépen tüntetni (a hover-rel fogok próbálkozni, de csak kutyasétáltatás után), meg lehet, hogy még lesz más is, de nekem tetszik. Ahhoz képest, hogy pontosan két hete kezdtem az egészet, szerintem nem rossz :)

UPDATE: A kész verzió.

Szóval az első nagyobb önálló feladat egy saját online névjegy (bemutatkozó oldal) elkészítése.

Ma volt egy határidős dolgom, a határidő ma éjfélkor jár le. Most végeztem, és ahelyett, hogy mennék aludni, nekiülök, és a float rejtelmeit igyekszem megérteni. Meglepő :)

Az egyik feladatnál gondom akadt azzal, hogy a javasolt feladatmegoldásban miért class-ok vannak, miért nem id-k.