|
|
| Line 2: |
Line 2: |
|
| |
|
| ==Das Wiki== | | ==Das Wiki== |
| | Ein Wiki ist eine Website, die ihr einfach ändern könnt. Sollte ich z.B. einen Rechtschreibfehler machen, könnt ihr den einfach korregieren. |
|
| |
|
| | Wie ihr euch in diesem Wiki [https://www.youtube.com/watch?v=3oJF0G25q9Q Anmelden] und [https://www.youtube.com/watch?v=PVBOAyd_1Zw Editieren], [https://www.youtube.com/watch?v=hLoOpqCyos0 Formatieren] und [https://www.youtube.com/watch?v=P42Une7fC_g Unterseiten anlegen] könnt, lässt sich in den 3-5 minütigen Videos anschauen. |
|
| |
|
| ==Werkzeuge zum Lernen== | | ==Werkzeuge zum Lernen== |
| Line 9: |
Line 11: |
|
| |
|
| ==Werkzeuige für Fortgeschrittene== | | ==Werkzeuige für Fortgeschrittene== |
| [ http://download.brackets.io/ | | [ http://download.brackets.io/ Adobe Brackets], ein "Editor", also ein Schreibprogramm für Code. Frei und einfach zu bedienen, mit Vorschaufunktion (Strg+Alt+P) |
| Adobe Brackets], ein "Editor" also ein Schreibprogramm für Code. Frei und einfach zu bedienen, mit Vorschaufunktion ()
| |
|
| |
|
| Tools
| | ==Projektbeispiele== |
| 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.
| | [http://www.teleportacia.org/war/war.html My Boyfriend Came Back From War] Ein bekanntes Webkunstwerk. Technisch nicht kompliziert: Text, Bilder und Links |
|
| |
|
| Live-Previewing-Editor: https://thimble.webmaker.org/en-US
| | [[Category:Jan Dittrich]] |
| | |
| 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)
| |
