HTML, CSS och Javascript: Skillnad mellan sidversioner
Hoppa till navigering
Hoppa till sök
Hakan (diskussion | bidrag) |
Hakan (diskussion | bidrag) |
||
Rad 37: | Rad 37: | ||
:: [[Spelprogrammering.nu - Ritprogram]] | :: [[Spelprogrammering.nu - Ritprogram]] | ||
:: [[Spelprogrammering.nu - Ditt egna projekt]] | :: [[Spelprogrammering.nu - Ditt egna projekt]] | ||
:: [[Lite_javascript]] - Javascript lokalt på egna datorn | :: [[Lite_javascript]] - Javascript lokalt på egna datorn. Här hittar du även den användbara filen '''library.js'''. | ||
:: [[Javascript_med_animering]] | :: [[Javascript_med_animering]] | ||
:: [[Javascript:_Interaktion_med_användare]] | :: [[Javascript:_Interaktion_med_användare]] |
Versionen från 27 maj 2016 kl. 09.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
Editors
- Atom är ett bra verktyg för att koda med färg.
- TextWrangler Traditinellt verktyg för textredigering.
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.
Spelprogrammering.nu
- Spelprogrammering.nu - Intro
- Spelprogrammering.nu - Ritprogram
- Spelprogrammering.nu - Ditt egna projekt
- Lite_javascript - Javascript lokalt på egna datorn. Här hittar du även den användbara filen library.js.
- Javascript_med_animering
- Javascript:_Interaktion_med_användare
- Julkortet
- Räta_linjen
- Javascript i Wordpress