Lite javascript - Versionshistorik

Bidoblob: /* Jobba själv */

2016-05-27T07:09:56Z

Jobba själv

← Äldre version		Versionen från 27 maj 2016 kl. 07.09
Rad 11:		Rad 11:

	=== Jobba själv ===		=== Jobba själv ===
	Det vi ska göra nu tar omkring två lektioner men du får räkna med att jobba ~~litet~~ hemma också.		Det vi ska göra nu tar omkring två lektioner men du får räkna med att jobba lite hemma också.

	Vi kommer att använda TextWrangler som är gratisversionen av BBEdeit vilket är ett mycket populärt program att koda i. Fördelen med en speciell editor för kodning är bland annat att den färgmarkerar din kod så att du lättare upptäcker fel. Dessutom håller editorn koll på olika filtyper och extensions som .css, .js, .html mm.		Vi kommer att använda TextWrangler som är gratisversionen av BBEdeit vilket är ett mycket populärt program att koda i. Fördelen med en speciell editor för kodning är bland annat att den färgmarkerar din kod så att du lättare upptäcker fel. Dessutom håller editorn koll på olika filtyper och extensions som .css, .js, .html mm.
	{{uppgruta\|		{{uppgruta\|
	# Skaffa editeringsprogrammet TextWrangler från App Store.		# Skaffa editeringsprogrammet TextWrangler från App Store.
	# Lägg '''alla filer i en och samma mapp''' på ~~dina~~ dator. Spara ~~ner~~ rita.js, library.js och rita.html i en mapp på din dator och verifiera att det funkar. '''Ändra inte namn på filerna'''		# Lägg '''alla filer i en och samma mapp''' på din dator. Spara rita.js, library.js och rita.html i en mapp på din dator och verifiera att det funkar. '''Ändra inte namn på filerna'''
	#* ~~Använde~~ den här sidan att pröva på: http://www.wikiskola.se/javascript/rita.html		#* Använd den här sidan att pröva på: http://www.wikiskola.se/javascript/rita.html
	#* koden: http://www.wikiskola.se/javascript/rita.js		#* koden: http://www.wikiskola.se/javascript/rita.js
	#* samt en libraryfil: http://www.wikiskola.se/javascript/library.js		#* samt en libraryfil: http://www.wikiskola.se/javascript/library.js

Hakan: /* En första lektion med Turtle */

2014-02-11T21:14:34Z

En första lektion med Turtle

← Äldre version		Versionen från 11 februari 2014 kl. 21.14
Rad 1:		Rad 1:
	~~== En första lektion med Turtle ==~~

	~~{{:Intro till Turtle Logo programmering}}~~

	== Lite Javascript ==		== Lite Javascript ==
	{{jspel\|En liten övning i skuggan}}		{{jspel\|En liten övning i skuggan}}

Hakan: /* En första lektion med Turtle */

2014-02-11T21:11:31Z

En första lektion med Turtle

← Äldre version		Versionen från 11 februari 2014 kl. 21.11
Rad 1:		Rad 1:
	== En första lektion med Turtle ==		== En första lektion med Turtle ==


	{{:Intro till Turtle Logo programmering}}		{{:Intro till Turtle Logo programmering}}


	== Lite Javascript ==		== Lite Javascript ==

Hakan: /* Lite Javascript */

2014-02-11T21:02:23Z

Lite Javascript

← Äldre version		Versionen från 11 februari 2014 kl. 21.02
Rad 1:		Rad 1:
			== En första lektion med Turtle ==


			{{:Intro till Turtle Logo programmering}}


	== Lite Javascript ==		== Lite Javascript ==
	{{jspel\|En liten övning i skuggan}}		{{jspel\|En liten övning i skuggan}}

Hakan: Skapade sidan med '== Lite Javascript == {{jspel|En liten övning i skuggan}} === Html5, CSS3 och Javascript === Html5, CSS3 och Javascript är den nya standarden för hemsidor. De stora fö...'

2012-11-18T15:15:21Z

Skapade sidan med '== Lite Javascript == {{jspel|En liten övning i skuggan}} === Html5, CSS3 och Javascript === Html5, CSS3 och Javascript är den nya standarden för hemsidor. De stora fö...'

Ny sida

== Lite Javascript ==
{{jspel|En liten övning i skuggan}}

=== Html5, CSS3 och Javascript ===

Html5, CSS3 och Javascript är den nya standarden för hemsidor.

De stora företagen enats. W3C konsortium.

Html står för innehåll och struktur, CSS ger formen och Javascript ger interaktion och animation.

=== Jobba själv ===
Det vi ska göra nu tar omkring två lektioner men du får räkna med att jobba litet hemma också.

Vi kommer att använda TextWrangler som är gratisversionen av BBEdeit vilket är ett mycket populärt program att koda i. Fördelen med en speciell editor för kodning är bland annat att den färgmarkerar din kod så att du lättare upptäcker fel. Dessutom håller editorn koll på olika filtyper och extensions som .css, .js, .html mm.
{{uppgruta|
# Skaffa editeringsprogrammet TextWrangler från App Store.
# Lägg '''alla filer i en och samma mapp''' på dina dator. Spara ner rita.js, library.js och rita.html i en mapp på din dator och verifiera att det funkar. '''Ändra inte namn på filerna'''
#* Använde den här sidan att pröva på: http://www.wikiskola.se/javascript/rita.html
#* koden: http://www.wikiskola.se/javascript/rita.js
#* samt en libraryfil: http://www.wikiskola.se/javascript/library.js
# Pröva att ändra några mått och lägen för de geometriska figurerna i javascriptfilen rita.js. Spara. Titta hur det blev genom att öppna html-filen i Safari. Ha gärna Wrangler och Safari i två fönster bredvid varandra på skärmen.
# Rita en bakgrundsbild med cirklar, rektanglar och streck.
# Rita en liten figur som du kan använda i framtida animeringar och spel.
# Låt figuren vandra över skärmen.
}}

=== Praktiska tips ===
* Surfa med Safari
* OM du använder Chrome - Spara som ren html
{{clear}}