HTML, CSS och Javascript: Skillnad mellan sidversioner
Hoppa till navigering
Hoppa till sök
Dober147 (diskussion | bidrag) Ingen redigeringssammanfattning |
Hakan (diskussion | bidrag) |
||
Rad 20: | Rad 20: | ||
: [[Javascript - Introduktion]] med inlärningsmål och bedömningskriterier | : [[Javascript - Introduktion]] med inlärningsmål och bedömningskriterier | ||
: [http://www.w3schools.com/js/js_intro.asp JS Introduction på W3Schools] | : [http://www.w3schools.com/js/js_intro.asp JS Introduction på W3Schools] där du kan testa koden för att '''tända och släcka en glödlampa'''. Kopiera sedan koden till en textredigerare (Noterad) och spara som .html i en mapp på din dator. Högerklicka på de två bilderna på glödlampan (pic_bulbon.gif och pic_bulboff.gif). Nu kan du öppna filen från din dator och det funkar. nästa sak är att byta bilderna (lägg två nya bilder i mappen på din dator och ändra namnen i koden i html-filen). | ||
: [http://www.w3schools.com/js/js_whereto.asp W3Schools Javascrpt - The Script Tag på W3Schools] | : [http://www.w3schools.com/js/js_whereto.asp W3Schools Javascrpt - The Script Tag på W3Schools] | ||
: [http://www.w3schools.com/js/js_functions.asp JS Functions på W3Schools] | : [http://www.w3schools.com/js/js_functions.asp JS Functions på W3Schools] |
Versionen från 27 maj 2016 kl. 07.36
Intro till Programmering
- Intro till Turtle Logo programmering
- Scratch
- Lär dig programmera genom att spela spel
- Codecademy
- Teori - programmering med en presentation.
- W3Schools TryIt Editor
- Atom är ett bra verktyg för att koda med färg.
HTML
- W3School om Canvas - där man även använder lite Javascript för att rita.
CSS
Javascript
- Javascript - Introduktion med inlärningsmål och bedömningskriterier
- JS Introduction på W3Schools där du kan testa koden för att tända och släcka en glödlampa. Kopiera sedan koden till en textredigerare (Noterad) och spara som .html i en mapp på din dator. Högerklicka på de två bilderna på glödlampan (pic_bulbon.gif och pic_bulboff.gif). Nu kan du öppna filen från din dator och det funkar. nästa sak är att byta bilderna (lägg två nya bilder i mappen på din dator och ändra namnen i koden i html-filen).
- W3Schools Javascrpt - The Script Tag på W3Schools
- JS Functions på W3Schools