Temasíða · Náttúra og vísindi
Koda og vitlíki
Her lærir tú at gera tína egnu heimasíðu við HTML, CSS og eitt sindur av JavaScript. Tú lærir eisini at brúka vitlíki sum hjálparamboð og kanna svarini, sum tú fært. Á hvørjum stigi kanst tú skriva kodu, royna hana og síggja úrslitið beinanvegin. So hvørt sum tú klárar stigini, kanst tú vinna steyp.
Koduskúlin
Átta stig – frá fyrstu síðu til tína egnu heimasíðu
Tak eitt stig í senn. Hvørt stig hevur frágreiðing, ritil, uppgávu og kanning – og eitt steyp, tá ið tú ert liðug ella liðugur.
- Fyrsta síðanLær, hvussu HTML-merki byggja eina síðu uppIkki byrjað
- Tekstur og yvirskriftirYvirskriftir, tekstbrot og listarIkki byrjað
- Myndir og leinkjurimg, alt og a hrefIkki byrjað
- CSS og litirLitir, skrift og útsjóndIkki byrjað
- UppsetingKassar, luft, rammur og skuggiIkki byrjað
- JavaScriptLat knøttar broyta tað, sum sæst á síðuniIkki byrjað
- Vitlíki sum hjálpariSkoleGPT, greið boð og at kanna svarIkki byrjað
- Egin verkætlanTín egna heimasíða frá byrjan til endaIkki byrjað
Soleiðis arbeiða vit
Fýra arbeiðshættir, sum hanga saman
Tá ið tú arbeiðir við kodu, kanst tú byggja, kanna, fáa hjálp frá vitlíki og vísa øðrum tað, tú hevur gjørt. Tú kanst skifta millum arbeiðshættirnar og venda aftur til teir, so hvørt sum síðan verður betri.
Hetta er reyði tráðurin í øllum stigunum. Tú broytir eitt lítið í koduni, roynir úrslitið og greiðir frá: hvat hendi – og hví? Royndin er ikki eitt stig fyri seg. Hon koyrir alla tíðina og er motorurin í hjólinum. Tað, sum vitlíkið skýtur upp, er ein gitan, sum skal roynast á sama hátt.
Til læraran
Um undirvísingargongdina
Í hesi undirvísingargongdini læra næmingarnir at gera eina einfalda heimasíðu við HTML, CSS og JavaScript. Tey royna eisini at brúka vitlíki til at fáa hugskot, skilja kodu og finna feilir.
Áðrenn tit byrja
Tú skalt ikki vera serfrøðingur í kodu fyri at brúka gongdina. Tað er nóg mikið, at tú hevur roynt tað sama sum næmingarnir – og at tú vísir teimum eina felags mynd, áðrenn tey fara í gongd.
20 minuttir
Ger stig 1 og 2 sjálv – broyt dømið, trýst á Koyr, og kanna uppgávuna. So veitst tú, hvat næmingarnir møta, og hvar tey fara at sita fast.
5–10 minuttir
Lat Kodukortið upp ovast í stigi 1 og trýst á «Vís á tavluni». Gakk ígjøgnum við «Næsta» og hugsa hart:
- «Hetta sigur kaganum, at tað er HTML.»
- «Í
headstendur tað, sum ikki sæst – men sum ræður nógvum.» - «Stílurin stendur ovast, tí kagin skal vita, hvussu alt skal síggja út, áðrenn hann teknar síðuna.»
- «Alt, sum sæst, stendur í
body.»
Tríggir spurningar
- Hvar haldið tit, at bláa bakgrundin verður ásett?
- Hvat hendir, um vit broyta
darkbluetilred? Gita fyrst – royn so. - Hví sæst
<title>ikki á sjálvari síðuni?
Lat tey gita fyrst. Tað er fyrsta teknið um myndugleika: at kunna siga frammanundan, hvat ein broyting fer at gera.
Vanligar villur – og hvat tú kanst siga
| Næmingurin sigur | Oftast er tað | Tú kanst siga |
|---|---|---|
| «Einki hendir!» | Kodan er broytt, men ikki koyrd. | «Trýsti tú á Koyr? Ctrl + Enter riggar eisini.» |
| «Síðan er tóm.» | Innihaldið stendur í <head> ella uttan fyri <body>. | «Hvar stendur tað, sum skal síggjast?» |
| «Liturin broytist ikki.» | colour í staðin fyri color, ella eitt manglandi ; ella }. | «Les CSS-regluna orð fyri orð. Hvussu verður color stavað?» |
| «Alt annað er vorðið stórt/feitt.» | Eitt endamerki manglar, t.d. </h1>. | «Hvar endar yvirskriftin? Finn endamerkið.» |
| «Myndin sæst ikki.» | Skeivt navn í src, ella gásareyga manglar. | «Samanber navnið við myndalistan. Eru bæði gásareygu við?» |
| «Knøtturin ger einki.» | Navnið á funktiónini er ikki tað sama í onclick og í function. | «Les villuboðið undir úrslitinum. Stava bæði nøvnini eins?» |
Næmingarnir skulu sjálvir royna seg, seta spurningar og broyta koduna. Tey skulu eisini kanna tað, sum vitlíkið ger, og við egnum orðum greiða frá, hví kodan riggar – ella hví hon ikki riggar.
Næmingarnir kunnu arbeiða hvør sær ella tvey og tvey. Steðgið á eftir hvørjum stigi, og biðið tey vísa hvørjum øðrum eina broyting, tey hava gjørt. Tá ið tey leggja síðurnar fram, kunnu tey greiða frá, hvat riggaði, hvørjir trupulleikar stungu seg upp, og hvussu tey loystu teir.
Vitlíki við skili – faldari um vitlíkisstrategiina (PDF)
Hav hetta í huga
Kanna kodu og innihald
Kannið fakligar upplýsingar í álítandi keldum, og roynið koduna í ritlinum. Hóast síðan riggar, kunnu upplýsingar í henni vera skeivar.
Hugsa sjálvstøðugt
Vitlíki kann hjálpa skjótt, men svarini kunnu vera skeiv ella trupul at skilja. Biðið næmingarnar vísa, hvat kodan ger, og greiða frá henni við egnum orðum.
Samstarv
Latið næmingarnar vísa hvørjum øðrum koduna, seta spurningar og loysa trupulleikar saman. Tey læra eisini av at greiða øðrum frá sínum loysnum.
Uppskot til tímar
Undirvísingargongdin hevur átta stig, men næmingarnir kunnu arbeiða í ymiskari ferð. Hava tey roynt at skriva kodu áður, kunnu tríggir dupulttímar vera ein byrjan. Byrja tey frá grundini, er betri at seta fleiri tímar av og lata summi stig vera eyka avbjóðingar.
HTML
- Stig 1: Lærið, hvat HTML er. Finnið HTML-koduna og gerið tykkara fyrstu síðu.
- Stig 2: Tekstur, yvirskriftir og listar.
- Stig 3: Myndir og leinkjur. Takið fíluna niður og latið hana upp í kaganum.
CSS og vitlíki
- Stig 4: CSS og litir.
- Stig 5: Uppseting og kassar.
- Stig 7: Tosið um vitlíki. Brúkið boðsmiðjuna, kannið kodu frá vitlíki og rættið hana. Roynið SkoleGPT saman við einum felags evni.
JavaScript og verkætlan
- Stig 6: Gerið knøttar og funktiónir, og lærið at brúka villuboð.
- Stig 8: Gerið egna verkætlan, brúkið vitlíki sum hjálpara og leggið úrslitið fram.
Hugsanin aftan fyri leistin
Arbeiðshættirnir «Bygg – Brúka vitlíki – Deil og ger betri – Hygg afturum» hanga saman. Næmingarnir kunnu skifta ímillum teir og venda aftur til tað, sum teir longu hava gjørt. Vit taka støði í tí, at tøkni, undirvísing og endamál ávirka hvørt annað (Fawns), og at næmingar læra við at royna seg í einum opnum arbeiðsrúmi (Thestrup). Tey kunnu tekna, byggja, skriva kodu og brúka vitlíki. Amboðini eru ymisk, men øll kunnu hjálpa teimum at skapa og skilja (Lundtofte o.a.).
Næmingarnir læra við at royna seg, arbeiða saman, fáa viðmerkingar og bøta um tað, tey hava gjørt (Dewey; Wenger). Teir kunnu fáa eitt hugskot, gera okkurt, royna tað, vísa øðrum tað og hugsa um, hvat teir hava lært (Resnick; Gauntlett og Thomsen). Teir venja eisini at býta stórar uppgávur sundur í smærri partar, kenna aftur mynstur og finna feilir (Liukas). Ein spurningur fylgir allari gongdini: Hjálpir vitlíkið næmingunum at hugsa sjálvstøðugt, ella ger tað ov nógv fyri teir?
Hjálp til at hugsa – ikki ein snarvegur. Vitlíki kann hjálpa næmingunum at skilja kodu og finna feilir, men tað kann eisini gera ov stóran part av arbeiðinum fyri tey (Dalsgaard og Prilop). Tí fáa næmingarnir tíð at royna seg, áðrenn teir biðja um hjálp (Bjork). Teir kunnu til dømis biðja vitlíkið vera hjálpilærara og geva eitt prei heldur enn eitt liðugt svar. Latið teir eisini samanbera tvey svar og greiða frá, hví teir velja eina ávísa loysn (Dalsgaard). Tá ið næmingarnir duga nakað frammanundan, er lættari at meta um ráðini frá vitlíkinum (Hasse o.a.). Tí læra teir fyrst grundleggjandi HTML og brúka síðan vitlíki sum hjálpara.
At skapa og hugsa sjálvstøðugt. Næmingarnir skulu ikki bara brúka talgild amboð. Tey skulu eisini skilja tey og sjálv duga at skapa við teimum. Tey eiga at kunna greiða frá, hvat tey hava gjørt, og hvat vitlíkið hevur hjálpt teimum við. Tí leggja vit dent á viðmerkingar í koduni, afturmeldingar frá øðrum og framløguna í stigi 8.
Reyði tráðurin: Broyt – Royn – Greið frá. Royndin er ikki eitt stig, men ein praksis, sum koyrir alla tíðina. Næmingurin broytir eitt lítið í einum HTML-skeletti, roynir úrslitið og greiðir frá, hvat hendi og hví. Soleiðis verður vitlíki eisini ítøkiligt: tað má gjarna skjóta upp, men uppskotið er ein gitan, sum skal roynast.
Førleikarnir, sum næmingarnir venja: upplýsingarførleiki við meting (at lesa HTML og skilja, hvat eitt merki ger – og at kanna og grundgeva, ikki bert finna), framleiðsluførleiki (at broyta artefaktið og síggja virknaðin) og luttøkuførleiki (at geva viðmerkingar og gera felags krøv til góðsku). Í hjólinum: Hygg afturum er upplýsing, Bygg er framleiðsla og meting við royndum, Brúka vitlíki er meting – heilt ítøkiliga: riggar tað, og hví? – og Deil og ger betri er luttøka.
Fýra tekin um myndugleika. Næmingurin kann (1) siga frammanundan, hvat broytingin fer at gera, (2) peika á ein feil og grundgeva, hví tað er ein feil, (3) geva einum øðrum eitt ítøkiligt uppskot til betring – við rubrikkini sum stuðul – og (4) velja ella velja frá eitt uppskot frá vitlíkinum og greiða frá, hví. Spurningurin er ikki «dugir tú amboðið?», men «dugir tú at stýra tilgongdini og greiða frá tínum valum – opið og gjøgnumskygt?»
Læringsrúm. Gongdin liggur fyrst og fremst í tveimum rúmum: í einstaklingarúminum, har næmingurin lesur, broytir og roynir, og í arbeiðsbólkinum, har tey finna feilir saman, greiða frá og kanna góðskuna. Tað er eitt viljað val: vit byrja har, sum praksis kann festast og felags mál byggjast, áðrenn vit lata upp móti størri felagsskapum. Tá ið «broyt – royn – greið frá» er vorðin vanlig floksvenja, kann meira latast upp.
Miðjan á hjólinum. Har bløðini møtast, er ein hvít vindmylla. Hon kom av tilvild, tá ið vitlíki skuldi tekna hjólið – men hon minti um pinnhjólið í Cultures of Creativity (Gauntlett og Thomsen, LEGO Foundation): at hava (umhvørvi, tilfar, miðlar), at gera (virksemi, sambond, praksis), at vera (samleikar, siðir, leiklutir) og at vita (vitan, royndir, meining) – bundin saman av at skapa, deila, spæla og hugsa, og í miðjuni mentanin: at byggja meining og menna felagsskap. Í hjólinum okkara verður henda mentanin bygd í «Deil og ger betri»: tá ið næmingarnir vísa hvør øðrum síðurnar, tosa saman og finna út av tí í felag, gerast tey samd um, hvat er gott, geva hvør øðrum viðmerkingar og upplíva, at tað er trygt at royna og feila – hyggin í flokkinum. Tað, tey eru vorðin samd um, taka tey síðani við sær inn í næsta umfar, tá ið tey byggja, brúka vitlíki og hyggja afturum. Skapanarkraft og góðska vaksa í felagsskapi, og málið er ein floksmentan, har tað vanliga er at siga: «Eg broytti – eg roynd – og eg kann greiða frá, hví.»
Hetta leggja vit dent á
| Førleiki | Á veg | Dugir | Dugir væl |
|---|---|---|---|
| Tøknifatan | Næmingurin fær síðuna at rigga, men hevur enn tørv á hjálp til at greiða frá koduni. | Dugir at vísa á h1, p, CSS og script og greiða frá, hvat tey gera. | Finnur og rættar feilir uttan hjálp og dugir at laga koduna til nýggj endamál. |
| Kritisk nýtsla av vitlíki | Brúkar eitt svar frá vitlíki, men hevur tørv á hjálp til at kanna tað. | Kannar koduna, lagar svarið til og greiðir frá, hvat vitlíkið hevur hjálpt við. | Setir greiðar spurningar, samanber svar, finnur villur og greiðir frá sínum vali. |
| Samstarv og deiling | Hevur tørv á stuðli til at vísa øðrum arbeiðið og taka ímóti viðmerkingum. | Vísir øðrum síðuna, tekur ímóti viðmerkingum og bætir um hana. | Hjálpir øðrum at skilja koduna og greiðir frá, hvat er gjørt sjálvstøðugt og við hjálp frá vitlíki. |
Rubrikkin er eitt amboð, ikki eitt próvtøkuskjal. Hon fær næmingarnar at siga «eg broytti … eg vænta … eg roynd … eg sá …» – og, um tey brúktu vitlíki, hvat kom frá tí, og hvat tey valdu at varðveita og hví. Soleiðis hjálpir hon til at skapa eina floksmentan, har «broyt – royn – greið frá» er tað vanliga.
Send funkur til Snar
Funkurnar úr Funkusmiðjuni kunnu verða lagdar í Funkuframsýningini, so aðrir flokkar kunnu brúka tær. Tað er bert Snar, sum leggur út – næmingarnir senda einki sjálvir.
- Næmingurin tekur funkuna niður. «Tak niður fílu» í Funkusmiðjuni spyr eftir fornavni og flokki og setir tey í fílunavnið, t.d.
funka-teljari-ana-6b.html. - Tú savnar fílurnar í eina mappu og gert hana til eina zip-fílu. Í Windows: høgraklikk á mappuna, og vel «Send til» → «Komprimeraða mappu».
- Tú sendir zip-fíluna við knøttinum niðanfyri. Teldupostur letst upp við einum tekstaskeletti – fyll tað út, og legg zip-fíluna við.
Prei til undirvísingina
- Latið næmingarnar byrja við at royna seg uttan hjálp. Brúkið síðan preiini í uppgávunum, og tosið um, hvat manglar, og hví tað hevur týdning.
- Hjálpið næmingunum at finna
<,>og/á knappaborðinum. - Sjálvvirkandi kanningarnar á stigunum leita serliga eftir ávísum HTML-merkjum og kodumynstrum. Tær kunnu ikki meta um, hvussu gott innihaldið er, ella um síðan er løtt at brúka. Tað mugu næmingarnir og lærarin kanna saman.
- Framgongd, steyp og koda verða goymd í kaganum á telduni, sum næmingurin brúkar. Arbeiðir ein næmingur á fleiri teldum, er umráðandi at taka HTML-fílurnar niður og flyta tær við sær. Knøtturin «Nullstilla alt» strikar tað, sum lærusíðan hevur goymt í kaganum, men ikki fílur, sum næmingurin hevur tikið niður á telduna.
- Á stigi 7 kann SkoleGPT vísast inni á síðuni, um kagin loyvir tí.
- Latið næmingarnar hugsa og skriva fyrst. Síðan kunnu tey biðja kjattbottin um hjálp. Goymið spurningarnar, so tit kunnu tosa um teir aftaná.
- Roynið saman at seta SkoleGPT sama spurning í tveimum nýggjum samrøðum. Samanberið svarini. Tey kunnu vera ymisk, hóast spurningurin er tann sami. Tað minnir okkum á, at svarini skulu kannast.
- Spyrjið eisini, um uppgávan hevði verið betri loyst uttan vitlíki. Tað er í lagi at velja vitlíki frá.
- Roynið eisini at arbeiða uttan teldu. Latið næmingarnar tekna síðuna á pappír ella gera ein myndil av henni í leiri, áðrenn tey skriva kodu. Soleiðis fáa tey høvi at hugsa um uppsetingina á ein annan hátt.
- Metið um bæði arbeiðsgongdina og úrslitið. Hyggið at spurningunum til vitlíkið, teimum ymisku útgávunum, frágreiðingini hjá næminginum og viðmerkingunum í koduni.
Fleiri venjingar í kodu og vitlíki
Á W3Schools finna tit fleiri dømi og venjingar í HTML, CSS og JavaScript. Veljið helst venjingar, sum ikki krevja, at næmingarnir stovna kontu. Ætla tit at brúka tænastur, sum krevja innritan, skulu tit fyrst kanna reglurnar hjá skúlanum um persónsupplýsingar og dátuvernd.
Onnur vitlíkisamboð
Vitlíkisamboð hava ymiskar nýtslureglur og viðgera dátur á ymiskan hátt. SkoleGPT er ætlað til undirvísing og krevur ikki innritan. Tað kann tí hóska til felags venjingar, har næmingarnir læra at seta greiðar spurningar og kanna svar. Kannið kortini leiðreglurnar hjá skúlanum, áðrenn tit velja amboð.
Um SkoleGPT
SkoleGPT er ætlað til undirvísing, og næmingarnir kunnu royna vitlíki uttan at rita inn. Sambært dátuverndarfrágreiðingini hjá SkoleGPT verða samrøður ikki goymdar á teirra tænastu, men kunnu liggja í kaganum hjá brúkaranum. Tí skulu næmingarnir framvegis ikki skriva persónligar ella viðkvæmar upplýsingar. SkoleGPT svarar vanliga á donskum. Svarar tað á føroyskum, skulu næmingarnir kanna bæði orðalagið og innihaldið.
Roynið at spyrja um tað sama á tveir ymiskar hættir og samanberið svarini. Hvørt svar er greiðari? Hvat broyttist? Brúkið dømi uttan nøvn, bústaðir, myndir av fólki og aðrar persónligar upplýsingar.
Felags prát um vitlíki (stig 7)
Tosið saman um hesar spurningarnar, áðrenn næmingarnir fara í gongd:
- Hvat kann SkoleGPT hjálpa okkum við?
- Nær kann tað vera hent at brúka SkoleGPT?
- Kann SkoleGPT gera mistøk?
- Hví er tað týdningarmikið, at vit sjálvi lesa og skilja svarið?
- Hvat er munurin á at fáa hjálp og at lata SkoleGPT gera alt fyri seg?
Veljið síðan eitt evni saman, til dømis hundar, fótbólt ella dreymaskúlan. Skrivið eitt boð í boðsmiðjuni og kannið svarið. Finna næmingarnir h1 og CSS-koduna? Kunnu tey greiða frá, hvat kodan ger? Hvørja broyting vilja tey royna fyrst?
Frá teljandi hundi til vitlíki
Fyrsta JavaScript-kodan á Snar var ein lítil hundur, sum taldi dagarnar til jóla (2009). Tann, sum gjørdi hana, hevði ikki lært forritan frá grundini, men dugdi at lesa og laga kodu til. Í dag kunnu vit eisini fáa vitlíki at hjálpa okkum at skriva slíka kodu. Spurningurin er tó hin sami fyri børn og vaksin: Hvat skilji eg sjálv ella sjálvur, og hvat taki eg bara fyri givið? Niðurteljingin liggur sum dømi í sandkassanum. Har kunnu tit samanbera kodu, sum er skrivað uttan vitlíki, við kodu, sum vitlíki hevur hjálpt til at skriva.
Hvar er tilfarið frá gomlu síðuni?
Tilfarið frá gomlu undirvísingargongdini er nú skipað í átta stig á hvør sínari undirsíðu. Stig 1–3 snúgva seg um HTML, stig 4–5 um CSS, stig 6 um JavaScript, stig 7 um vitlíki og stig 8 um egna verkætlan. Spurningar til at kanna vitanina eru á stigunum, og uppgávan at finna HTML-kodu er á stigi 1. Síðurnar um SkoleGPT og Kanna kodurnar eru framvegis tøkar.
Góða eydnu við koduni!
Tú lærir nógv av at royna teg, finna feilir og rætta teir. Riggar kodan ikki, kanst tú hyggja aftur at døminum, broyta koduna og royna umaftur. Góða eydnu!
Koda og vitlíki · Snar