HTML, CSS och Javascript: Skillnad mellan sidversioner
Hoppa till navigering
Hoppa till sök
Hakan (diskussion | bidrag) |
Hakan (diskussion | bidrag) |
||
| Rad 21: | Rad 21: | ||
: [[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] 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_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_functions.asp JS Functions] med exemplet Celsius to Fahrenheit ser du hur du kan använda en funktion. Skapa en egen funktion som räknar ut något på samma sätt. | |||
: [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.43
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).
- JS Functions med exemplet Celsius to Fahrenheit ser du hur du kan använda en funktion. Skapa en egen funktion som räknar ut något på samma sätt.
- W3Schools Javascrpt - The Script Tag på W3Schools
- JS Functions på W3Schools