Das Kunst-Technik-Labor wird als Ergänzung zum Projekt„Jugend Forscht“ als eine Einführung zu Internet, Web und anderen neueren Medien angeboten.
Das Wiki
Werkzeuge zum Lernen
- Thimble Live Editor für HTML: Links ist der "Quellcode" rechts sieht man die resultierende Website
- Websites untersuchen mit den goggles für den Webentwickler-Röntgenblick.
Werkzeuige für Fortgeschrittene
[ http://download.brackets.io/
Adobe Brackets], ein "Editor" also ein Schreibprogramm für Code. Frei und einfach zu bedienen, mit Vorschaufunktion ()
Tools Mozilla – they have a very nice explanations and usecases as they are made for purposes like ours! They got as well a remix platform, where existing webpages can be forked and changed. This is didactically nice as it gives a rather immediate sense of archivement.
Live-Previewing-Editor: https://thimble.webmaker.org/en-US
kinda education version of Firebug: https://goggles.webmaker.org/en-US
Brackets: Nice local Editor. For the reason of didactics I prefer Mozilla much, but if a local editor is needed/wanted this is possibly the best: It offers instant preview, has a nice autocomplete (for files etc. too!), live checking and is free/open software.
http://download.brackets.io/
Artworks Olia Lialina: http://www.teleportacia.org/war/war.html (HTML/Images, 1996) I like this, since its liks, images and a famous piece of net art nevertheless. Didactics In order to involve advanced and beginning students as well, it might be nice to do group works in which the students could:
Create Defintions and Explain concepts. Possibly using the jigsaw method:
Solve Problems
Good tools as well
Short Talks (2-5min)
Give working, tryable Examples
Activate exisiting knowledge at start (feels better to know already something, new stuff is learnined easier herafter)
External Materials
Learn Javascript: http://eloquentjavascript.net/ One of my favourite javascript resources. I would not make JS Programming a topic needed for everyone though, to hard to learn.
jQuery. An awesome new library ;-) http://jquery.com/
pearl: strange stuff for readymade art. http://www.pearl.de/ NTS)