Fredag 31.1.25 (jobbet hjemme)
Hva har jeg gjort denne timen?
I dag har jeg jobbet mer med Ord på Nett/Ord Online, og har fikset den automatiske lagringen av tekst bufferet, og lagt til kommentarer til siden som du kan se under tekst containeren. Problemet jeg hadde med den automatiske lagringen, var at noen ganger lagret den ikke i det hele tatt, noen ganger lagret den ikke alt (den hatet tabeller for en eller annen grunn), og det var egentlig bare ueffektivt å bruke cookies til det. Nå bruker jeg localstorage, som er bedre enn cookies for ting som dette fordi den har mer lagringsplass, det lagres kun lokalt (det sendes ikke med hver HTTP-reqest), det er enklere for utvikleren, eller, meg å jobbe med og det er ingen utløpsdato du må bry deg om. Jeg hadde også et problem med at den lagrer for ofte, og hvis du skrev fortere enn vanlig (over 100 ord i minuttet), så klarte den noen ganger å lagre bokstaver i feil rekkefølge. Det var fordi jeg hadde en event listener som sjekket etter input, og etter hvert input lagret den tekstbufferet. Det gikk for fort for programmet, og da fikk den så mange lagringsprosesser på en gang at den gjorde de i feil rekkefølge.
Her er en grafisk representasjon hvis det var vanskelig å forstå:
Bruker skrev "H" ---> save
Bruker skrev "E" ---> save
Bruker skrev "I" ---> save
Lagringsprosess for "E" blir ferdig før H og I, så teksten blir lagret som "EHI"
På grunn av dette, har jeg lagt til en timer på 500 ms som starter etter hvert input, så hvis du skriver "hei" skjer det bare 1 lagring istedet for 3. Selvfølgelig har jeg ikke gjort sånn at den starter uendelige timere, som hadde gjort timeren kjempe lang hvis du skrev raskt, men jeg har heller gjort slik at timeren resetter hvis brukeren skriver mens den er gående.
Igjen, her er en grafisk representasjon av hvordan det funker hvis det var vanskelig å forstå:
Uten debounce timer:
Tastetrykk: H----e----i
Lagringer: S----S----S (3 lagringer)
Med debounce timer:
Tastetrykk: H----e----i
Timer: [.........]
Lagringer: S (1 lagring)
Jeg har også lagt til kommentarer på Ord Online siden ved hjelp av Giscus. Den bruker GitHub discussions, og på en måte embedder det inn i siden. For å bruke det, må du logge inn via GitHub.
Hvordan jeg har jobbet
Har jobbet veldig bra.
Utfordringer
Finne ut av hva som var problemet med auto lagringen som jeg snakket om tidligere i loggen, fant ut av det til slutt som du kanskje skjønte av å lese om hvordan jeg fikset det.
Hvordan jeg har hentet informasjonen min
Hjernen min og MYE StackOverflow og Reddit
Søndag 26.1.25 (jobbet hjemme)
Hva har jeg gjort i dag?
I dag har jeg jobbet mer med Ord Online tekst editoren min. Jeg har lagt til 2 easter eggs til den (du må enten finne de selv eller se i kildekoden) og gjort den mer mobilvennlig med mindre padding på toolbaren og bedre scrolling.
Hint til easter eggs: faren til Jesus
Hvordan jeg har jobbet
Har jobbet ganske bra og effektivt i dag. Fikk gjort det jeg skulle og kom igang med arbeidet ganske raskt.
Utfordringer
Ingen utfordringer i dag. Arbeidet gikk ganske smooth.
Hvordan jeg har hentet informasjonen min
Hjernen min + StackOverflow og Reddit
Fredag 17.1.25 (jobbet hjemme)
Hva har jeg gjort i dag?
I dag har jeg jobbet med en liten testing side, som en gang kommer til å erstatte landingssiden. Jeg liker veldig godt stilen til testing siden, og kommer sikkert til å bruke den i flere undersider. Her er en link til den. Endelig kan jeg lukke Github issue #1, som handlet om å gjøre side 1 litt mer attraktiv. 😎 Vet ikke helt enda hva jeg skal gjøre med nav-baren, men jeg skal finne ut av det. Akkurat nå kommer jeg bare til å bruke nav-baren jeg har på de andre undersidene, men jeg har veldig lyst til å lage en ny en som passer mer med den nye stylingen. Det har ikke vært 2 uker siden sist jeg jobbet, forresten, jeg har bare glemt å skrive logg 😅
Hvordan jeg har jobbet
Har jobbet veldig effektivt. Kom i gang raskt med å finne en ny stil og layout, og fant det nesten med en gang.
Utfordringer
Det vanskeligste i dag var å finne på et nytt layout, men jeg klarte det til slutt. For å finne ut av det gikk jeg bare inn på en haug med random nettsider, og blandet sikkert 200 forskjellige layouts inn i ett, som nå er den jeg har inne på testing siden.
Hvordan jeg har hentet informasjonen min
Megselv, og alt for mange helt tilfeldige sider.
Onsdag 1.1.25 (jobbet hjemme)
Hva har jeg gjort i dag?
I dag lastet jeg opp Stein, saks, papir og tekst editoren min. Jeg har jobbet på tekst editoren ganske lenge nå, og liker den veldig godt. De ligger inni dropdown navigerings meny greien (hva no enn du skal kalle det)
Hvordan jeg har jobbet
Det var ikke så mye jeg skulle gjøre, skulle bare laste opp et par filer og legge til et par elementer til dropdown menyen, så jeg har jobbet ganske effektivt.
Utfordringer
Største utfordringen var å huske at det er 2024 og ikke 2025 😂 Satt i sikkert 30 min og debugget noe kode, og problemet var bare at jeg hadde skrevet 2025 et sted og 2024 på det andre stedet 😐
Hvordan jeg har hentet informasjonen min
Mye Stackoverflow og Reddit (mest for tekst editoren)
Søndag 29.12.24 (jobbet hjemme)
Hva har jeg gjort i dag?
I dag har jeg laget en dropdown meny for bedre navigering og oversikt på siden. Jeg tenkte ikke det var så viktig før jeg lagde den, men nå som jeg har den der innser jeg at det hjelper veldig med navigeringen.
Hvordan jeg har jobbet
Har jobbet ganske bra, gikk "straight to the point", og ble ferdig raskt.
Utfordringer
Ingen utfordringer i dag.
Hvordan jeg har hentet informasjonen min
Har ikke hentet informasjon fra kilder i dag (annet enn megselv).
Onsdag 18.12.24 (dobbeltime)
Hva har jeg gjort denne timen?
Denne timen har jeg lagt til et Google Maps embed på om meg siden, sånn at folk ser hvor jeg bor. Jeg har også gjort et par justeringer på leke siden, så nå ser den litt finere ut. Jeg fjernet de svarte linjene (hr tags), og la til litt mer padding på YouTube embeden. Jeg og David ga konstruktive tilbakemeldinger til hverandre, og han sa at jeg bør legge til et spill på siden min, fordi det er en del av oppgaveteksten. Jeg har laget stein saks papir, men jeg har ikke funnet ut av hvordan jeg skal få vist det frem på siden, eller, hvordan jeg skal få det til å se fint ut. Men det tar meg 5 minutter å finne ut av hvis jeg er fokusert. I juleferien skal jeg fortsette på rewriten av nettsiden, og det gleder jeg meg litt til. I dag har jeg faktisk hatt det litt gøy når jeg har jobbet, håper det betyr at jeg er kurert fra burnout-en min.
Hvordan jeg har jobbet
I denne timen har jeg har jobbet ganske effektivt, og har fått gjort det jeg skulle.
Utfordringer
Har ikke hatt noen utfordringer denne timen.
Hvordan jeg har hentet informasjonen min
Hjernen min, David og Bent.
Onsdag 11.12.24 (dobbeltime)
Hva har jeg gjort denne timen?
Denne timen har jeg begynt på en rewrite av hele nettsiden, som forhåpentligvis kommer til å kurere meg fra burn-outen min. I de siste ukene har jeg slitt veldig med å få motivasjon og energi til å få jobbet med siden, derfor har det ikke vært så mange oppdateringer på siden i det siste. Jeg synes ikke det er sånn kjempe overaskende, fordi jeg jobet VELDIG mye på siden i starten av skoleåret.
Hvordan jeg har jobbet
Denne timen har jeg ikke jobbet særlig effektivt i det hele tatt. Jeg har nesten ikke skrevet noe, men jeg har funnet på ideer. Jeg har tenkt til å lage en dropdown der hvor hjem-knappen er nå, som kommer til å hjelpe med å gjøre siden mer oversiktlig. Skal jobbe hjemme.
Utfordringer
Eneste utfordringen denne timen var å ikke være lei av static HTML.
Hvordan jeg har hentet informasjonen min
Hjernen min.
Mandag 9.12.24 (dobbeltime)
Hva har jeg gjort denne timen?
Denne timen har jeg øvd til Javascript prøven vi har neste time. Jeg har blitt veldig lei av å utvikle frontend med HTML og CSS, så det har vært ganske deilig å endelig jobbe med Javascript her på skolen. Jeg har også skrevet mye PHP før, men nesten ikke noe på skolen. Det er egentlig ikke særlig mye mer å snakke om.
Hvordan jeg har jobbet
Denne timen har jeg jobbet ganske effektivt. Jeg er endelig ferdig med å fikse styling greier. Jeg fikk også et lite tips av Tobias, om å legge til "scroll-behavior: smooth;" i stylingen, som gjør scrollingen på anchor linkene veldig smooth og fin. Du kan sjekke det selv ved å trykke på de blåe knappene til venstre for denne teksten. Jeg hjalp han også med noen problemer han hadde med animasjoner på siden sin. Vet ikke hvor du skal se de, men de er på siden hans.
Utfordringer
Har ikke hatt noen utfordringer denne timen.
Hvordan jeg har hentet informasjonen min
Hjernen min og Tobias Litlere (det jeg snakket om tidligere)
Fredag 6.12.24 (dobbeltime)
Hva har jeg gjort denne timen?
Denne timen har jeg et par styling problemer jeg hadde på leke siden, og har portet over det nye styling formatet mitt med SCSS til 'om meg' siden. Det vil si at all styling nå er helt uniform med hverandre. Det eneste jeg må se på er engelsk blogg siden, men den er vi egentlig ferdig med så det er ikke så viktig (men jeg skal fortsatt gjøre det.) Jeg har ikke vært særlilg effektiv med arbeid på nettsiden i det siste, og det er fordi jeg har begynt å bli litt lei. Jeg har jobbet med nettsiden alt for mye (flere timer både hjemme og på skolen), og prøver å jobbe litt mindre med den. Har bestemt meg for å jobbe mindre hjemme og mer på skolen, som har vært ganske nice. Nå, etter en liten pause fra masse arbeid, har det begynt å bli litt gøyere å jobbe med nettsiden igjen. Jeg skal få jobbet litt mer med den, har bare vært litt lat i det siste.
Hvordan jeg har jobbet
Denne timen har jeg jobbet ganske effektivt. Jeg er endelig ferdig med å fikse styling greier. Jeg fikk også et lite tips av Tobias, om å legge til "scroll-behavior: smooth;" i stylingen, som gjør scrollingen på anchor linkene veldig smooth og fin. Du kan sjekke det selv ved å trykke på de blåe knappene til venstre for denne teksten. Jeg hjalp han også med noen problemer han hadde med animasjoner på siden sin. Vet ikke hvor du skal se de, men de er på siden hans.
Utfordringer
Har ikke hatt noen utfordringer denne timen.
Hvordan jeg har hentet informasjonen min
Hjernen min og Tobias Litlere (det jeg snakket om tidligere)
Mandag 2.12.24 (dobbeltime)
Hva har jeg gjort denne timen?
Denne timen har jeg gjort oppgaver hvor vi skulle finne feilen i forskjellige kodefiler. Det var både HTML, CSS, og Javascript filer. Det var ganske gøy, og vi fant alle feilene ganske raskt. Etter det fortsatte jeg med arbeidet mitt med SCSS og har forbedret stylingen. Nå jobber jeg med å få portet over den nye fancy stylingen til de andre sidene mine, som har blitt ganske "neglected" etter hvert. Etter jeg er ferdig med det, skal jeg fortsette med å gjøre nav-baren mobile-friendly, som endelig gjør meg ferdig med mobil versjonen av siden. Jeg kommer til å gjøre det meste av dette hjemme. Jeg har laget en ny include fil som heter "base.scss," som jeg skal bruke til å lettere importere viktige greier som animasjoner, @media queries, osv. Ting jeg bruker/trenger på hver eneste side.
Hvordan jeg har jobbet
Denne timen har jeg jobbet effektivt. Jeg ble ferdig med oppgavene jeg snakket om i sted ganske raskt, og begynte med en gang på ordentlig arbeid på nettsiden. (mener ikke at oppgavene ikke er ordentlig arbeid)
Utfordringer
Eneste utfordringen denne timen var å finne feilene i den oppgaven.
Hvordan jeg har hentet informasjonen min
Hjernen min. Har ikke hentet noe fra nettet.
Torsdag 28.11.24 (dobbeltime)
Hva har jeg gjort denne timen?
Denne timen har jeg lest om og jobbet med mer fancy animasjoner. Jeg har også funnet et par bugs med stylingen relatert til den automatiske sjekken for fargetemaet brukeren har valgt som default i nettleseren. Problemet er at den automatiske dark-moden er utdatert og mye værre enn den manuelle dark-moden fra knappen oppe i høyre hjørne. Dette er en veldig lett fiks, men jeg har bare ikke giddet. Det står på to-do listen min. Hvis du går inn på side 2, ser du at det er en animasjon når du kommer innpå siden. Det er en "animated entrance" animasjon, som er en... animated entrance (whaaat?!). Når jeg kommer hjem fra skolen, skal jeg sette meg ned og endelig gjøre ferdig de issues-ene jeg ikke har giddet å gjøre fordi de er kjedelig. Det inkluderer dark-mode problemet jeg nevnte tidligere. Nettsiden kommer til å føles så mye bedre ut når jeg er ferdig. Det kommer til å føles ut som en ganske "fleshed out" side.
Hvordan jeg har jobbet
Denne timen har jeg jobbet veldig effektivt. Jeg har sett på en del andre sider for inspirasjon for animasjoner, og har lagd en ganske fin en (i min mening). Jeg har fikset @media query problemet jeg nevnte som en utfordring i forrige logg, som var en veldig lett fiks. Det var bare en liten syntaksfeil.
Utfordringer
Jeg har egentlig ikke hatt noen utfordringer denne timen, alt har gått veldig greit.
Hvilke tilbakemeldinger fikk jeg av Tobias?
De konstruktive tilbakemeldingene om at jeg måtte fikse mobilstøtten på nav-baren, og at jeg måtte få på plass de same animasjonene på alle sidene. Begge de to driver jeg med. Den positive tilbakemeldingen jeg fikk var at siden så fin ut, og at animasjonene passet bra.
Hvordan jeg har hentet informasjonen min
Jeg har hentet informasjonen min fra Stackoverflow.
Onsdag 27.11.24 (dobbeltime)
Hva har jeg gjort denne timen?
I denne timen har jeg jobbet med å style side 2 for å bli mobile friendly. Jeg har også forbedret YouTube video embedden jeg har der til å se finere ut, med avrundet hjørner og dropshadow. Jeg bruker fortsatt SCSS, som jeg snakket litt om i den forrige loggen. En av favoritt funksjonene mine fra SCSS er @include. Med @include kan du hente styling fra andre dokumenter, som er veldig nyttig for å holde dokumentet oversiktlig. Akkurat nå har jeg 3 forskjellige SCSS include filer, en er for farger, som inneholder farge variabler (variabler er også en nydelig funksjon i SCSS) som jeg bruker overalt, en for light og dark mode styling, og en for nav-bar styling. Med disse include filene, har den ene stylesheeten min gått fra 400 til 200 linjer. Dette gjør det også lettere for meg å konvertere CSSen min til SCSS, fordi jeg må skrive mindre og mindre for flere include filer jeg lager. Hvis jeg har noe styling jeg bare skal bruke på èn side, lager jeg jo selvfølgelig ikke en egen include fil bare for den, men når det er ting jeg bruker om og om igjen, er det VELDIG deilig med en include fil. Include er ikke bare en feature i SCSS, ganske sikker på at du har noe lignende i hvert eneste programmeringsspråk som finnes. Jeg bruker faktisk PHP include for å vise denne .txt filen på nettsiden, det har også hjulpet meg veldig.
Igjen, som jeg skrev forrige gang, synes jeg at den beste koden er den du ikke skriver.
Hvordan jeg har jobbet
Jeg har ikke jobbet kjempe effektivt pga. masse distraksjoner og lyder rundt i klasserommet, men jeg har fortsatt jobbet. I starten av timen begynte jeg med litt eksperimentering av styling av YouTube embeds. Det var ganske gøy. Etter det begynte jeg å leke litt med dropshadow filteret, som også var ganske gøy.
Utfordringer
Den eneste utfordringen jeg hadde denne timen var at det var en @media query som ikke fungerte ordentlig med drop-shadow. Har ikke funnet ut av det enda, men jeg er ganske sikker på at det bare er en liten syntax feil et eller annet sted. SCSS er litt mer streng på syntax enn vanlig CSS.
Hvordan jeg har hentet informasjonen min
Jeg har hentet informasjonen min fra Sass-lang og Stackoverflow. Informasjonen jeg hentet var dokumentasjon for SCSS.
Fredag 15.11.24 (dobbeltime)
Hva har jeg gjort denne timen?
I denne timen har jeg jobbet med å konvertere CSS til SCSS. SCSS er en preprocessor til CSS, som er laget for å gjøre CSS lettere å lese og mer maintainable.
Den lar deg også bruke variabler, som gjør det MYE lettere å skjønne hva som skjer. Variabler er konge. Istedet for å scrolle opp og ned i hele filen for å finne alle ID-ene og klassene som bruker den samme fargen, kan jeg bare assigne det til en variabel som får det til å gå 300x kjappere. I min mening, så er den beste koden den koden du ikke skriver.
Hvordan jeg har jobbet
Jeg føler jeg har jobbet veldig bra og effektivt. Jeg har gjort det jeg skulle, og har oppnåd målene mine for timen. I starten av timen leste jeg meg opp på SCSS (forkortelse for 'Sassy Cascading Style Sheet'), og etter det lastet jeg det ned, installerte det, og begynte å leke litt med det. Jeg synes det er veldig bra, og ser litt finere ut enn CSS (pga variabler, mix-ins, osv)
Hvordan jeg har hentet informasjonen min
Jeg har hentet informasjonen min hovedsaklig fra Sass-lang , men også litt fra Reddit og Stackoverflow. All informasjonen jeg har hentet har vært dokujmentasjon og guides for SCSS.
Dokumentasjon
Hva har jeg tenkt til å gjøre med Javascript?
For spillet vi må lage, har jeg tenkt til å enten lage en veldig enkel Stein, Saks, Papir, eller noe mer avansert som Tripp-trapp-tresko.
Hvorfor har jeg ikke fulgt skissen min?
Grunnen til at jeg ikke har fulgt
skissen min
er at etter jeg lagde skissen min, som jeg lagde med nesten ingen erfaring i web-utvikling, er at jeg har fått mer erfaring, blitt bedre, og skjønt at designet i skissen ikke var særlig bra. Jeg føler at designet på skissen var veldig barebones, og at det hadde vært veldig vanskelig å få inn alt jeg hadde/har lyst å få inn på siden med det designet. Grunnen til at det er så mye tomrom på designet jeg har gjort nå, er at jeg har prøvd å gjøre det så minimalistisk som mulig. Hvorfor? Det ser fint ut.
Jeg har tenkt til å fylle opp tomrommet jeg har på siden, men før jeg gjør det må jeg finne på noe jeg faktisk kan ha der. Så langt har jeg tenkt til å legge til en side-bar på venstre siden som lar deg kjapt scrolle ned til forskjellige steder på siden (med bruk av # anchors).