Ma végre elkészült a sokszögeket generáló script. Úgy döntöttem, hogy nem szórakozok vele tovább, hogy valami
felhasználóbarát módon felrakhassam a Teszt Laborba, hanem inkább csak felrakom ide a CodePen linkeket.
Ez itt az előző elmegy de tökéletlen verzió:
random_polygon1
Ez pedig a végső:
random_polygon2
Mindkettőben van egy "createRandomPoly(4)" function legalul a jobb oldali kód blokkban (JS). A benne lévő 4-es a
szögek számát adja meg. A szám megváltoztatásával tetszőleges sokszögeket generálhatsz. A szám változtatása után a
kép elvileg magától frissül. Csak emlékezz arra, hogy
az első verzió nem működik túl jól, szóval abba nem érdemes túl nagy számokat írni!
Kicsit tovább tartott a leírások hozzáadása, mint vártam, meg közben mást is csináltam, de most végre megvannak.
Egy fejlesztős discordban egy srác felvetette, hogy random sokszögeket akar generálni javascripttel. Neki
próbáltam segíteni az elmúlt napokban ezzel. Nagyjából sikerült is ilyen sokszög generálót csinálni, de akadt egy
kis bibi. Néha (nem is olyan ritkán) a sokszögek oldalai keresztezik egymást, én viszont csak olyanokat szeretnék
amikben ez nem fordul elő. Egyelőre úgy oldottam meg, hogy ha rossz sokszöget csinál akkor egyszerűen csinál egy
újat. Ezt úgy 11 szögig bírja is, aztán utána már annyi rossz keletkezik, hogy eltelíti a call stacket. Azt
hiszem, hogy már megvan a megoldás arra, hogy hogyan csináljon elsőre jó sokszöget, de most már nincs időm
kódolni. Majd valamikor megcsinálom és felteszem ide is.
Viszont ami érdekes, hogy tegnap haverral ezen dolgozgattunk és haver C++ -ban próbálta összehozni ezt a sokszög
generálót. Kicsit félresikerült a project és miután haver kicsit játszott a számokkal ilyen műalkotásokat sikerült
kirajzolni:
Minden projektet elkülönítettem egy saját GitHub repo-ba. Elkezdtem leírásokat adni hozzájuk, de ennek a befejezése holnapra marad.
Nem mondom, hogy megint régen volt post, mert lassan minden post így kezdődik. :D Megint nem nagyon volt kedvem /
időm kódolni mostanában. Sajna sok a túlóra munkahelyen és az egy napos hétvégéimet sokszor kikapcsolódásra
használom. Azért azt sem mondhatom, hogy semmit sem csináltam a legutóbbi post óta, csak nem nagyon volt kedvem
blogolni.
Nos... van egy helyi vállalkozás nagyon ratyi weboldallal. Abból próbálok egy jobb verziót készíteni egy ideje.
Már csaknem kész, de nem hiszem, hogy ide fel fogom tenni. Csak kíváncsi voltam, hogy mit tudok kihozni belőle, ha
nem csak kitöltő szövegből áll az oldal. Ezen kívül csináltam egy saját VsCode témát. Vagyis pontosabban csak egy
meglévő témát variáltam át, de később majd szeretnék belőle egy rendes témát közzétenni. Néha algoritmusos
feladatokat
is csinálok, hogy ne felejtsek el dolgokat. Pár napja a weboldalt átvittem GitHub-ra, mert nem szerettem volna
tovább fizetni a hostolásért. A domain nevet megtartottam, az sokkal olcsóbb. :) Most még csak egyben felraktam
mindent, de később az egyes projekteket szétszedem és lesz hozzájuk leírás meg minden. Ennyi... azt hiszem nem
hagytam
ki semmi fontosat. :)
Megint kicsit sok idő eltelt az előző post óta. Ennek az a fő oka, hogy vettem egy digitális zongorát és sok időt
elvett az infógyűjtés, hogy biztosan ne legyen felesleges kiadás. Utána meg inkább azon gyakorolgattam, mert hát
ez volt újdonság. :)
Tegnap egy tutorial alapján csináltam egy Snake játékot. A tutorialhoz képest azért
változtattam pár dolgon. Az én változatomban csak egy kaja van és ha megeszed akkor kapsz másikat.
A pontok 10-esével növekednek és nem rak kaját a kígyó testére.
Valamint bizonyos pontszámok elérése után gyorsabban halad a kígyó.
Snake -
Desktop Game
Ma pedig egy másik tutorial alapján csináltam egy demo website-ot animációkkal.
The Rosa - Demo Site
Legközelebb megpróbálok én is
valami hasonlót összehozni egyedül. Már el is kezdtem a design tervezését egy ilyen oldalhoz.
Elkészült egy újabb demo site. A linkek ezen sem fognak működni, csak CSS-t gyaloroltam rajta. Ez már úgy, mint
a kígyós is nem tutorial segítségével készült, hanem teljesen saját.
Learn Chess Demo
A legutóbbi post óta főleg CSS-t gyakoroltam, mert rájöttem, hogy nem megy annyira, mint szeretném. Feltettem a
Teszt Laborba 3 weboldal demo-t. Egyiken sem működnek a linkek, szóval azokat ne is próbáld nyomkodni. :)
Az első a kígyós weboldal, amit már említettem. Eredetileg ezt szerettem volna tartalommal is megtölteni, és talán
egyszer így is lesz, de jelenleg időpocsékolásnak tartom.
Pet Snakes Demo
A második egy YouTube tutorial alapján készült. Csak pár apró változtatást végeztem rajta. Telefonos nézeten a
menü fölé lógott pár elem, ezt javítottam. Valamint a menü nyitást/zárást végző JavaScript nem igazán akart
működni és ezt újraírtam.
Nature Tours Demo
A harmadik weboldal ugyanaz, mint az előző, csak képeket, színeket meg némi tartalmat cseréltem ki benne. A
testimonials szekcióhoz adtam még pár idézetet és egy idézőjel helyett mindkét oldalra raktam egyet. Eredetileg az
idézeteknél haverok képei/nevei voltak, de nem mindenki egyezett bele abba, hogy ezt közzé tegyem, szóval találtam
ki neveket, meg kerestem random képeket. :)
Dive With Sharks Demo
Mostanában nem igazán volt időm blogolni, szóval összegzem a történteket:
- Belekezdtem egy új weboldalba, erről majd írok részletesebben ha elkészül. Egyelőre legyen elég annyi, hogy
kígyók
tartásáról lesz szó benne. Főleg képekből fog állni egy kevéske szöveges tartalommal.
- Aztán jelentkeztem még pár Front-End Dev.-es állásra és az egyik helyről kaptam is online tesztet, majd házi
feladatot. Most ennek az értékelésére várok.
Megváltoztattam az időjárásos alkalmazás hátterét meg még pár apróságot. Valamint az elmúlt napokban megnéztem a "CS50's Web Programming with Python and JavaScript 2020" című playlist nagy részét YouTube-on.
Javítottam kicsit a zenés app keresőjén. Eddig minden másodpercben ellenőrizte a beírt szöveget és zavaró volt,
amikor írás közben elkezdett keresni és kicsit elakadt a gépelés. Főleg telefonon volt rossz, ott kicsit lassabban
megy a keresés. Most csak akkor kezd el keresni, ha egy másodperce nem írtál be semmit (debouncing).
Egyelőre más változtatnivaló nincs tevrben az appal kapcsolatban. Most már talán tényleg készen van. :)
A zenés app eddig két részből állt. Volt egy lap, ahol csak a nap dala volt és YouTube linkek bemásolásával
tudtál
lsitát csinálni, meg volt az én listám. A saját listámmal többet foglalkoztam és sokkal jobb lett, de a másik
oldalról vezetett át oda a link és előfordult, hogy akinek megmutattam el se jutott ehhez a jobban sikerült
oldalhoz.
Szóval ma fogtam a linkmásolós részt az első oldalból és beéppítettem a saját listámba. Így most csak ez elérhető.
Valamint pár napja változtattam a színeket és ez előidézett egy újabb bugot, ezt is kijavítottam.
Találtam még egy bugot a Music Player appban. A nap dala után nem igazán akart továbblépni a listán. Ezt most sikeült kijavítani.
Új logo került az oldalra:
Az elmúlt napokban npm-et és Webpack-et tanulmányoztam, nagyjából végigolvastam a megmaradt részeket az Eloquent Javascript könyvből is, de a feladatokat nem csináltam már meg. Ezen kívül kicsinosítottam a zenés app kódját, majd talán később még változtatok rajta ezt-azt, de legalább most egész átlátható lett. Közben kicsit gyakoroltam JavaScript feladatokat is.
Mostanában elfelejtettem blogolni, úgyhogy mondom mi történt: Tegnapelőtt a zenés appon próbálgattam még ezt-azt
és írtam egy új önéletrajzot. Tegnap írtam egy motivációs levelet is. Majd még jelentkezek pár helyre, de ezeket
sztem ide nem rakom fel. Majd ha van valami fontos arról írok. :)
Ma végre elkészült a Music Player app. Lehet, hogy később még lesznek rajta változtatások, de egyelőre szerintem
rendben van. Elég sokat dolgoztam rajta, de teljesen megérte. Én tuti ezen hallgatok zenét mostantól. :D
Amúgy ha tetszik és van türelmed összeállítani egy saját listát meg YouTube linkeket kikeresni hozzá akkor dobj
egy emailt és megmutatom hogy tudod berakni a listádat az enyém helyett.
Délután elkészült a kereső a zenés apphoz. Sokkal jobb lett, mint amilyenre számítottam. Telefonon sajna kissé lassú, de elmegy. Plusz az aktuális playlistben egy címre klikkelve most át lehet ugrani arra a dalra. A UI-al nem volt kedvem vacakolni, majd valamikor a hét folyamán megcsinálom. Amúgy is már csak pár apróságot változtatok és kész is lesz.
A playlist-es navigáció kész, lehet előre-hátra ugrálni. Kicsit fura, hogy az eredetiben nem lehet, a teljes listában meg igen. Majd lehet, hogy megoldom a másikra is. Most már minden gomb működik. A shuffle-t kivettem, kissé problémás. Lehet, hogy meg tudnám oldani, de nagyon sok idő elment ezzel az appal és szeretnék tovább haladni. Úgyhogy holnap még kicsinosítom, beteszek egy clear playlist gombot, kitalálok valamit a keresésre és kész. Valószínűleg a kereső is egyszerű lesz, aztán esetleg majd később csinálok jobbat ha nagyon ráérek. Sajna tényleg tovább kéne már lépni, sokmindent meg kell még tanulnom.
Tegnap kivettem a shuffle gombot (majd máshol lesz a helye) és betettem helyette egy másikat ami az oldal tetejére repít. Ezen kívül megcsináltam a repeat gombot is. Ma pedig a playlistet kellene átformálni, hogy vissza lehessen lépni a korábban lejátszott dalokra.
Nos, az előző postban úgy saccoltam, hogy pár nap és elkészül a zenés apphoz a teljes lista. Ezt visszavonnám, mert tegnap éjjel még használtam egy kicsit és kitaláltam hozzá pár dolgot ami sokat fog könnyíteni a használatán. Lesz alul egy fix sáv pár gombbal és külön lesz a playlist is, hogy bármikor elérhető legyen. Elég ciki a lap aljáról mindig feljönni ha kell valami. Be is tettem a linket, de ha a napokban nagyon nem működik akkor azért lesz, mert épp dolgozok rajta. A kereső még nem megy, a shuffle, repeat, previous és a playlist gombok se működnek alul. A többit sikerült még ma működésre bírni. Lehet, hogy elszöszölök vele még pár napig vagy akár egy hétig is, de sokkal jobb lesz így.
Működőképes a teljes lista! Még messze van a kész állapottól és egyelőre nem is linkeltem a másik részéhez. Kereső még nincs, plusz pár aprósággal még szöszölnöm kell, hogy szép legyen az összkép, de szerintem pár nap múlva elkészül.
Ma megint egész vacakul voltam, de megcsináltam a zenés app listájában az időtartamokat úgy ahogy szerettem volna. Plusz volt még az a bug, hogy ha invalid url-t adtál meg gombnyomáskor nem történt semmi, de a következő validnál minden korábbi invalid gombnyomásra is hozzáadott egy elemet. Ezt is sikerült javítani, bár nem 100%-osan. Ha pontosan 11 karakternyi baromságot írsz be még mindig elő tudod idézni ezt a hibát. De lássuk be, hogy erre nincs sok esély, úgyhogy nekem megfelel így is. Ezzel kész is a Music Player app fő része, már csak a saját listámat kellene valahogy átláthatóan feltenni lehetőleg egy keresővel. Nem tudom, hogy a kb 740 elemből álló lista mennyire lesz lassú keresgélés közben. Főleg a mobil aggaszt, de ha nem is tudom megoldani pontosan úgy ahogy akarom valamit majd csak összedobok.
Volt egy aprócska hiba a dark & light mode váltogatással ami átsiklott a tesztelésen. Ezt gyorsan kijavítottam.
Mellesleg most, hogy a YouTube minden videó előtt egy kb 5 másodpercig tartó hibaüzenettel várat gyorsabb csak
kimásolni a linkeket és berakni ide. Itt ugyanis nincs ilyesmi. :D
Oooookéééé... a blog post írása közben gyorsan kipróbáltam valamit: kikapcsoltam az adBlockert és a Music
Playerben nincs reklám. ^^ Így már egyértelműen kényelmesebb és gyorsabb ezt használni. :P :D
Tegnap nem sikerült csinálni semmit, ma viszont végeztem a light-mode elkészítésével. Szerintem nagyon jó lett. :) Most viszont ledőlök, mert megint kínoz a nátha és azt hiszem, hogy lázam is van.
A UI dark mode-ja késznek tűnik. Holnap (ami technikailag ma délután lesz) szerintem elkezdek dolgozni a light-on. Remélem nem fog túl sok időt igénybe venni. A Patreon-os teljes lista viszont egyre jobban aggaszt. Jó lenne, ha nem kellene azzal is napokat szívni. Majd ha minden más kész lesz elkezdek próbálozni vele, aztán kiderül mennyire szenvedős.
Egész délután a zenés appos UI-on dolgoztam. Még pár apró simítás hátra van, de mára befejezettnek tekintem a melót. Azt hiszem, hogy majd csinálok hozzá egy light mode-ot is. A Patreon link a teljes listámmal még mindig nincs meg, szerintem azt hagyom a végére.
Egy kicsit dolgoztam a Music Player-es UI-on, de még nagyon messze van a kész állapottól. Elég fáradt voltam ma, plusz még mindig nem vagyok túl jól. Majd holnaptól több időm lesz szöszölni vele.
Megfáztam, tegnap elég vacakul voltam úgyhogy nem is csináltam semmit. Ma már valamivel jobban vagyok, de még mindig nem az igazi. Korábban probléma volt azzal, hogy a zenés appban visszaálljon a nap dala mikor a lista végére érsz, szóval ezt kivettem. Ma ezt javítottam és újra visszakerült. Ezen kívül volt mégegy bug, ha a lista végére értél és utána még hozzáadtál valamit egyszerűen nem játszotta le. Most ez is javításra került.
Az előző post óta történtek:
Péntek + Szombat - A zenés app playlistjének a navigációs gombjain dolgoztam. Kicsit tovább tartott, mint vártam,
ezért a UI-al nem nagyon maradt időm foglalkozni. Egy kicsit azért változott a lista, de nem biztos, hogy így
marad.
Vasárnap - Pihengetés, felkészülés a szörnyű hétfői melóra.
Hétfő - Borzalmas 12 óra meló.
Kedd, azaz ma - Különleges nap a mai! Összeraktam egy önéletrajzot és elküldtem az első jelentkezésem egy junior
Frontendes állásra. Bár még nagyon nem állok készen és valóságos csoda lenne, ha egyáltalán választ kapnék. Még az
elvárt készségek közül se tudok mindent, de valójában nincs mit vesztenem. Portfolió híján ezt az oldalt + innen
pár appot adtam meg project-ként. Eredetileg az volt a terv, hogy év végéig elkészítem a portfoliót és jövőre
kezdek jelentkezni, de mindegy. :D Ha szerencsém lesz talán addigra meg is lesz a karrierváltás, ha mégsem, hát az
se gond.
Észrevettem, hogy az időjárásos appban bent maradt aza hiba, hogy 24 óránál nem váltott nullára és a kövi napra,
úgyhogy ezt kijavítottam. Eredetileg azért piszkáltam ezt az appot, mert volt mégegy hiba. Szűk kijelzőkön nagyon
közel ugrott a város neve a gombhoz ha hosszú volt a név. Megcsináltam ezt is.
A zenés appon is maradt egy hiba: Telefon túl lassan töltött be a rejtett player és nem került némításra. Ez is
javítva. Ezzel elvileg a lejátszó része kész, most már tényleg remélem, hogy nem találok benne több bugot. A
gombok hozzáadása a navigációhoz és a UI kiszépítése szerintem hétvégére marad (ami szerencsére ezen a héten nekem
péntekkel kezdődik).
Tegnap elfelejtettem leírni, hogy volt mégegy kis bökkenő. Új dal hozzáadásánál 2 másodperc várakozás volt, hogy betöltse a videót mielőtt lekérné az app az adatokat. Ez gépen működött, de a vacak telefonnak nem volt elég 2 másodperc. Viszont ha felraktam volna 5-re akkor gépen lett volna feleslegesen lassú. Végül sikerült megoldani, hogy akkor tegye be az új elemet a listába amikor végez a videó betöltésével és nincs gond az infó lekérésével.
Tegnap említettem, hogy még aznap megcsinálok ezt-azt, de elég vacak kedvem volt és inkább egy új kártyatrükköt tanulgattam meg videókat bámultam. Ma viszont megint elég sokat szívtam a zenés appal. Megcsináltam, hogy a telefonos linkek is működjenek (ugyanis más a formátum, mint gépen), plusz előkerült pár bug amit orvolsoni kellett. Telefonon valamiért rögtön a kezdő dalra ugrott anélkül, hogy bármit is lejátszott volna a listából. Még nem sikerült rájönnöm, hogy miért csinálja ezt, gépen nincs ilyen baj. Egyelőre kivettem ezt a funkciót, elvégre annyira nem fontos, hogy a lista kiürülése után visszaálljon a nap dalára. Később talán még vesződök vele, de lehet, hogy így hagyom. Haladni kellene az appal és elég sok idő elment eddig a video player működtetésével. Egy másik bug amit sikerült orvosolni: Egy időzítő figyelte, hogy mikor van vége egy dalnak és elindította a functiont ami berakta az új dalt. Ha az időzítő épp akkor nézte, hogy hol tart a dal amikor egy új dal még töltött akkor egyszerűen átugrotta a dalt. És előfordult, hogy szép sorban több szám is kimaradt emiatt. Most kikapcsolom az időzítőt mielőtt berakok egy új dalt és utána kezdem el 10 másodperccel, így a nagyon lassú telefonomon se marad ki egy dal sem. Talán más hiba már nem kerül elő és legközelebb dolgozhatok a UI szépítésén.
Már napok óta szenvedek a Music Player playlist részével. Említettem, hogy lesz lehetőség Youtube linkeket
beilleszteni és szép sorban lejátszásra fognak kerülni. Nos, a listához a videó címét és hosszát a Youtube API-hoz
intézett AJAX callokkal terveztem megoldani. Ez viszont néha tökéletesen működött néha meg öntudatra ébredt és úgy
gondolta, hogy tart egy kis szünetet. Nem sikerült rájönni, hogy ez mitől van. Lényegében 403-mas error kódot
dobál ami, elvileg azt jelentené, hogy nincs engedélyem kommunikálni a szerverrel, de mindent beállítottam amit
csak lehetett az API konzolban szóval működnie kellene. Meg hát ugye elég furcsa, hogy csak időnként nem működik
aztán megint jó... Tegnap sikerült megkerülnöm ezt a problémát: Ahhoz, hogy hozzáadjak egy videót a lejátszóhoz
nem kell AJAX call. Észrevettem, hogy a playerből le is lehet kérni minden adatot a videóról ami nekem kell.
Szóval azt csináltam, hogy beraktam egy második playert elrejtve és némítva. Először ehhez adom az új dalt, aztán
kis késleltetés kell, hogy el is induljon (ide majd rakok valami loading animationt) és végül a rejtett playerből
lekérem az infót és megjelenítem az új dalt a listában. Így egyetlen AJAX callra sincs szükségem. Igaz, hogy
minden új dal hozzáadásánál várni kell 2 másodpercet, de legalább 100%-osan működik.
A jelenlegi helyzet: A nap dala rész eddig is működött, ha beraksz Youtube linket akár listából akkor is csak az
az egy dal kerül lejátszásra. Telefonon más formátuma van a linkeknek, ezt még nem tudja az app, de ma megcsinálom
ezt is. Ha lejátszásra került egy dal a listából akkor eltűnik a hozzá tartozó elem. Gombok még nincsenek, hogy át
tudd rendezni őket, de talán ma erre is sor kerül. A UI kicsinosítása csak később fog megtörténni. Ha a lejátszási
lista végére érsz akkor megint a nap dala fog megjelenni. Úgy tervezem, hogy a Patreon link majd egy másik
lejátszóhoz visz ahol a saját listám lesz egy keresővel és ugyanúgy lejátszhatod a dalokat, mint ezzel a
playerrel.
Nos... az elmúlt hónap eseményei meg ilyesmik:
Eleinte próbáltam az Eloquent JavaScript könyvvel haladni, aztán itthon voltam 2 hétig. Sajna ennek a szabadidőnek
a nagy része gamelésre ment el. Megint eléggé ráfüggtem egy játékra, de a szünet vége felé rájöttem, hogy muszáj
abbahagynom, úgyhogy most megint a programozás van fókuszban. ( Mellesleg ez úgy sikerült, hogy minden játékot
letöröltem a gépről :D Túl lusta lennék kivárni amíg letöltök egyet, ehelyett inkább kódolok. Na meg nem sokat
kell azon gondolkozni programozás közben, hogy inkább játszak-e egy kicsit ugyanis nincs mivel... )
A könyvben jelenleg a 15. fejezet következik, de úgy látom, hogy sok értelme nincs tovább szenvednem vele.
Tanított pár jó dolgot, de volt pár fejezet amiből kb egy szót se értettem. Amit sikerült megérteni az is csak úgy
jött össze, hogy néztem videókat a témában. Szóval nem rossz könyv, de úgy gondolom, hogy jelenleg többre megyek
videós tananyaggal meg gyakorlással. Azért ahogy lesz időm majd még átolvasom a hátralévő fejezeteket és később
visszatérek azokhoz amiket nem értettem. Az első felét is csak azért értettem nagyjából, mert nem volt teljesen új
már az a néhány téma.
Tudom, hogy van pár függőben lévő project és amint lesz kedvem be is fejezem őket, de most megint egy újba vágtam
bele. :) Elég régóta akarok egy zenés appot és most a szünet végén volt időm szórakozni vele. Összeírtam egy
listába az összes zenémet... komolyan, egy se maradt ki, de ha mégis akkor majd utólag hozzácsapom. Több mint 740
dal jött össze és ebből a listából minden nap kiválasztásra kerül a nap dala. Minden dal egyszer fog szerepelni és
évente újrakezdődik az egész, szóval sajna ha két évig minden nap meglesed akkor se fogsz hallani mindent. Bocsi,
ez van. :D Amúgy pár kivétellel rock/metal műfajra lehet számítani. A nap dala alatt lesz lehetőség saját listát
létrehozni Youtube linkek bemásolásával legalul pedig lesz egy Patreon link. Ha esetleg valakit érdekel annyira
vagy kedve van támogatni ezen keresztül megkaphatja a teljes zenei listámat. De azt se bánom ha kikeresed a
forráskódból. :)
Ez az app Music Player címszó alatt elérhető lesz a Teszt Laborban. Ezúttal azonban nem volt kedvem előre
felvázolni a UI-t, hanem rögtön nekiálltam kódolgatni, úgyhogy ha mostanában nézed akkor lehet, hogy néha furán
fog kinézni, mert ebben a live verzióban dolgozgatok. Általában nem így szoktam, nem is nagyon ajánlanám így, de
most mégis így lesz. :P
A postok sűrűségéből úgy tűnhet, hogy nem történt túl sok az elmúlt hónapban, pedig ez nem így van. Tényleg...
tényleg! :D
Szóval haladtam valamennyit a könyvvel, jelenleg a 9. fejezetnél tartok. Összesen 21 van úgyhogy kissé csúszok
vele, de júniusban több időm lesz rá.
Más: Használok egy Steam-en elérhető Wallpaper Engine nevű progit. A lényege az, hogy animált háttereket
használhatsz vagy berakhatsz videókat is háttérnek. Ezen találtam két elég jópofát amit én is meg szeretnék
csinálni JavaScripttel. Az elsőt tegnap + ma össze is raktam, ez Hex Background néven elérhető a Teszt Laborban. A
másik egy óra lesz kettes számrendszerben, majd ha elkészül felrakom azt is.
Kb egy hónapja csináltam a Memento Mori-ból egy saját változatot, hogy ne kelljen mindig beirkálni a dátumot. Kicsit változtattam a designon is. Most ebből kezdtem el egy határidő appot csinálni. A terv az, hogy majd megadhatod a hátralévő időt vagy a határidő dátumát és az app visszaszámol. Fogalmam sincs, hogy mikor lesz készen, de ezt a másik Memento Morit felteszem ide, mert így egyszerűbb előkeresnem ha kell az új deadline apphoz. :)
Oké, szóval megint elég régen volt post. Lényegében semmi izgalmas nem történt eddig, de mondom miféle progress
történt:
Lassan, de biztosan haladok a könyvvel. Sokkal nehezebb, mint amire számítottam. Minden fejezet végén vannak
feladatok, így meló mellett kb egy-másfél napig tart átolvasni egy fejezetet és kb megérteni. Plusz kell még egy
nap a 3-4 feladatra is. :D Most épp a 6. fejezetnél tartok és a következő már valami project lesz. Nem hiszem,
hogy ezt kiteszem majd ide, a feladatokat se tettem, mert nem látom túl sok értelmét. Szóval, amíg ezzel haladok
valószínűleg kevesebb tartalom lesz itt, de azért majd közben próbálok feltenni ezt-azt.
Viszont 2 napja egy haverom megkért, hogy segítsek neki. Írt pár hasznos Linux scriptet egy Minecraft szerverhez
és a hozzá tartozó dokumentációt szerette volna feltenni egy weboldalra. Tegnap este elkészült, a JavaScript
részét haver írta, a HTML+CSS-t én írtam, de közösen dolgoztuk ki a design-t. A tartalom pedig teljes mértékben az
övé. MineOS_scripts lesz a Teszt Laborban.
Más: kb egy hete piszkálgattam kicsit a hex to decimal convertert (amit még nem tettem fel ide) és mikor már kb
fél órát elpocsékoltam vele és elkészült felfedeztem, hogy a JavaScript tud hexadecimalt decimalra váltani... Csak
egy 0x-et kell írni a szám elé és már át is váltja 10-es számrendszerbe. -.-
Sajna ez a hétvége ráment a gamelésre, meg ha jól emlékszem az előzőn se nagyon sikerült kódolni, de azért kisebb
progress történt.
Miután két hete kicsit kipofoztam az oldalt megmutattam pár hozzá értőnek egy programozós discordon és valaki fel
is fedezett egy hibát.
Sajna kissé tovább tartott orvosolni a problémát, mint azt gondoltam, de ma éjjel beugrott a megoldás. A gond az
volt, hogy amikor az oldal teljesítményét javítgattam kivettem egy akkor feleslegesnek vélt scriptet, ami miatt
aztán nem lehetett állítani a scrollspy offset értékét. Ez azt okozta, hogy egyes böngészőkön nem ugrott át a
menüben a kiemelés amikor kellett volna. Én pedig amatőr módon elfelejtettem több böngészőn tesztelni az oldalt.
Na mindegy, probléma elhárítva! Talán holnap nyugodtabban alszok. :D
Múlt héten elkezdtem az Eloquent Javascript című
könyvet olvasni, amit ezen a linken el is érsz, ha te is bele szeretnél nézni. Eddig még csak 2-3 fejezetet
olvastam el, és ahogy elnézem a könyv kb fele ismétlés lesz számomra, de máris tanított olyasmit, amiről eddig még
nem is hallottam!
Kész is vagyok! A Baseline-ra helyezésen kívül mindent megcsináltam. Egy ideig szórakoztam azzal is, de a guide, amit kaptam hozzá csak egész pixelekkel tud dolgozni és kicsit csúszott miatta az egész. Amúgy se hinném, hogy ilyen sűrű szövegnél számít, mint amilyen ez a blog. Az előző postban elfelejtettem említeni, hogy írtam egy új bemutatkozó szöveget is. A régi ugye csak a blogból lett áthelyezve a nyitólapra és nem igazán illett oda. Most nem készítettem sceenshotokat az oldal korábbi állapotáról, de nem történtek nagy változtatások. Azért szerintem a sok apróság miatt, amit beállítottam ezen a héten sokkal olvashatóbb lett a szöveg.
Az elmúlt napokban próbáltam a web tipográfia kurzuson tanultakat alkalmazni az oldalon. A nyitólap már kész is van. A címek betűtípusa maradt, a bekezdéseké változott, sormagasságokkal és méretekkel együtt. Azt is megcsináltam, hogy kisebb kijelzőkön a hamburger menü bárhova kattolva összecsukódjon. A linkekre mutatva szebbek lettek az animációk, plusz valamiért a scrollspy nem működött az első menüpontra, ezt fixeltem. A változtatások élnek, meg lehet tekinteni, a bloggal pedig holnap foglalkozok ha jut rá időm.
Megint nem volt túl sok kedvem blogolni, úgyhogy összefoglalom az előző post óta történteket. Befejeztem a CS50-t előadásokat amit január végén kezdtem nézni. Legalábbis volt Youtube-on egy lista a 2019-es előadásokról, azokat mind megnéztem. Nem bántam meg, valóban elég jó forrás. Belekezdtem egy Rgb-ből Hex-re konvertáló elkészítésébe is, de ez félbemaradt. Majd ha befejezem írok róla részletesebben. Legutóbb pedig egy tipográfia kurzust lestem meg Treehouse-on és most ez alapján szeretném kicsit feljavítani ezt az oldalt. Betűtípus (bár ez lehet hogy marad így), betűméret, sormagasság, szélesség, stb, stb...
Kész az állathangos app! Annyi változtatás történt, hogy nem írtam az állatok alá a neveiket, hanem az egeret ráhúzva jelenik meg. Plusz a hangot levettem 30%-ra mert nekem nagyon hangos volt. Minden állathoz egy hang és 3 kép tartozik, az állatok és a képek véletlenszerűen kerülnek kiválasztásra.
Itt az ideje, hogy tartsak egy kis helyzetjelentést. :) Elkezdtem egy másik appon dolgozgatni. Nagyon hasonló
lesz a macskáshoz, lényegében random állatok képei fognak megjelenni alatta névvel és ha ráklikkelsz hallhatod az
állathoz tartozó hangot. Egy haver tegnap segített a hangok vágásával, szóval azt megcsinálgattam és 21 állat jött
össze. Szerintem ennyi elég lesz, a macskuszos apphoz hasonlóan 12 képet tervezek egyszerre megjeleníteni.
A macskásnál egy elég vacak módszert használtam a randomizálásra, addig keresett random képet amig nem talált egy
olyat ami még nem volt. Ennél viszont találtam jobb megoldást a neten, random sorba helyezek egy array-t és abból
fogom kiválasztani az első 12 elemet. Haverok jöttek olyan ötletekkel, hogy lehetne csoportosítani az állatokat
élőhely szerint és lehetne pár téma ez alapján saját háttérrel stb... Vagy lehetne egy állatnak többféle hangja,
de ezekkel egyelőre nem vesződök, majd csak ha esetleg később bővíteni szeretném az appot.
Szóval így állok, szerintem valamikor a héten elkészülök vele.
Ja még annyit fűznék hozzá, hogy ez már teljesen Object Oriented lesz! :)
Látszólag eddig semmi sem történt a héten, de minden nap fent maradtam meló után egy Monster segítségével és
csinálgattam apróságokat.
A macskás app kódját tovább egyszerűsítettem, hogy ne nekem kelljen beírni az összes linket (egy loop generálja a
stringeket). A weboldalam összes lapján kijavítottam a HTML hibákat amiket egy HTML Checker nevű oldal dobott ki.
Ezt amúgy a Kezdő webfejlesztős Facebook csoportban találtam. :)
Itt a link hozzá, ha esetleg érdekel: https://validator.w3.org/nu/
A napokban összeraktam egy kis macskás appot. Egy poolból választ ki 12 képet, ha rákattolsz egy macskára nyávog,
ha rajta tartod az egeret egy ideig akkor dorombol, ha leveszed róla akkor pár másodpercen belül abbahagyja. Kis
gyakorlás Object Oriented címszó alatt, majd még várható hasonló a jövőben...
Ja még annyi, hogy egyet kattolni kell az oldalra mielőtt játszhatnál a hangokkal!
Újra átalakítottam az időjárásos app kódját. A működésében semmi sem változott, csak egyszerűbb módszert használok az adatok lekérésében ( fetch API) így olvashatóbb a kód.
Pár hete egy Treehouse-os kurzus keretében egy appon kellett dolgozgatni, ami kutyafajtákról ad random képeket. Treehouse-os az egész, én csak pár színt változtattam rajta és levettem róla 1-2 felesleges elemet. Gondoltam jópofa és érdemes felrakni ide, viszont van 1-2 hibája: pl a dalmatáknál valamiért az összes kép túl nagy... Na mindegy, nem az én hibám és nincs is kedvem ezt javítgatni, szóval így marad. :P
Kész az óra + nap funkció a weather app-ra. Volt pár hiba az órával is amiket közben fedeztem fel, de azt hiszem,
hogy mindent sikerült kijavítani. Szóval összegezve:
- Ha magyarra van állítva a böngésző nyelve akkor minden magyar lesz, ha nem akkor angol.
- Az elején lehetőséged van engedélyezni, hogy az app hozzáférjen a lokációdhoz, ha élsz ezzel akkor annak
megfelelően mutatja az időjárást és a helyi időt.
- Ettől függetlenül bármikor használhatod a keresőt.
- Az órával együtt a napok is változnak, pl amikor ezt a postot írom Dubai-ban épp 01:35 van és a nap nélkül nem
egyértelmű hogy vasárnap vagy már hétfő. :)
Emellett elkezdtem CS50 előadásokat nézni a Harvard-tól, mert több helyen is ajánlották. Tegnap egy részt
megnéztem és eddig bejön.
Tegnap említettem, hogy talán adok a weather app-hoz egy funkciót ami az aktuális napot mutatja. Nos, ez továbbra is várat magára, de előkerült egy bug, amit egy tegnapi hibám okozott. Néha negatív órák jöttek ki, de már sikerült javítani (azt hiszem valahol rossz helyre raktam egy zárójelet). Ezen kívül egy másik problémára is fény derült: Vannak olyan időzónák amik csak fél órával térnek el a szomszédjaiktól, így az óráknál néha tört szám jött ki. Ezt sikerült ma orvosolni, plusz azt is ha ilyen esetben a következő napba lép az idő.
Tegnap végeztem a Front End Web Development kurzussal! :) Elég régen foglalkoztam saját projectekkel, mert
szerettem volna már befejezni ezt a kurzust. Most, hogy már kész, ideje ezekkel is foglalkozni. Ma valami
egyszerűbbe akartam belefogni: A weather app-ra csináltam egy órát, hogy az éppen keresett város aktuális idejét
mutassa. Még nem raktam fel az oldalra, még az aktuális napot is hozzá akarom adni, hogy egyértelműbb legyen. Pl
ha itthon 19:00 van Sydney-ben már másnap reggel 05:00. És talán nem mindenkinek egyértelmű, hogy melyik jár
előbbre. :)
Na de mára ennyi, ezt a részét majd megcsinálom később, aztán ha kész felkerül ide is.
Ma délután megcsináltam a gombokkal való irányítást a Four in a row játékra. A nagy kijelzős verzión is bent hagytam, elfér ott és hátha valakinek jobb úgy mint billentyűkkel. Ha netán mégse működne töröld a böngészési előzményeket, nekem telón csak ezután akarta rárakni a stíluselemeket...
Megint kb egy hónapja nem volt blog post... Nos, a téli szünetben semmihez sem volt kedvem és elég nehezen
rázódtam vissza utána, de közben azért csinálgattam ezt-azt. Ugye egy ideje megvan már az arab számok rómaivá
konvertálása, hogy teljes legyen a kép valamikor összedobtam a fordítottját is. Ezt most felrakom a másik mellé a
Teszt Laborba.
Treehouse-on Object Oriented JS címszó alatt kellett csinálni egy 4 in a row játékot (olyan, mint az amőba csak
zsetonokat kell egy rácsra ejteni és 4-et kell kirakni egymás mellé). Ez úgy nézett ki, hogy mindig adott volt a
kövi lépés aztán pedig jött a videó a megoldással. Hát nekem elég sokszor meg kellett néznem a megoldást ehhez,
alig volt olyan része ami hibátlanul ment úgyhogy ezzel még csinálok egy saját projectet gyakorlásképp. Addig is
felteszem ezt, mert a játék jópofa és még nincs ilyen az oldalon. Telefonon valszeg nem fog működni, mert
nyilakkal kell irányítani, de talán hétvégén megoldom, hogy jó legyen telóra is. Mától ez is fent lesz, aztán majd
jön a post, ha működik telón is. :)
Lassan végzek a Front End Web Development kurzussal Treehouse-on. Hát nem sikerült 2019-ben befejezni. Azért is
csúsztam meg vele, mert nemrég jött ki egy frissebb verziója amiben már van 1-2 extra kurzus is. Most épp ezeket
próbálom megcsinálni.