HTML, CSS och Javascript: Skillnad mellan sidversioner

Från Wikiskola
Hoppa till navigering Hoppa till sök
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

CSS intro och CSS tutorial

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

Spelprogrammering.nu

Spelprogrammering.nu - Intro
Spelprogrammering.nu - Ritprogram
Spelprogrammering.nu - Ditt egna projekt
Lite_javascript - Javascript lokalt på egna datorn
Javascript_med_animering
Javascript:_Interaktion_med_användare
Julkortet
Räta_linjen
Javascript i Wordpress

API:er

Google API