FK:Kunst-Technik-Labor: Difference between revisions

From Medien Wiki
No edit summary
Line 27: Line 27:
**  [https://thimble.webmaker.org/en-US Thimble Live Editor für HTML]''': Links ist der "Quellcode", rechts sieht man die resultierende Website. (ist eine Website und muss nicht installiert werden)
**  [https://thimble.webmaker.org/en-US Thimble Live Editor für HTML]''': Links ist der "Quellcode", rechts sieht man die resultierende Website. (ist eine Website und muss nicht installiert werden)
**  [http://goggles.webmaker.org/en-US Websites untersuchen und ändern] Einfach die "X-Ray-Googles" anschalten, Elemente anklicken und ändern. Auf der Website ist eine kleine Anleitung, wie man ein Bild in der Website "austauscht" <br> (ist eine Website bzw. ein kleines Programm darauf und muss nicht installiert werden)
**  [http://goggles.webmaker.org/en-US Websites untersuchen und ändern] Einfach die "X-Ray-Googles" anschalten, Elemente anklicken und ändern. Auf der Website ist eine kleine Anleitung, wie man ein Bild in der Website "austauscht" <br> (ist eine Website bzw. ein kleines Programm darauf und muss nicht installiert werden)
=="Hardware": Minicomputer, Löten…==
* Der [https://de.wikipedia.org/wiki/Raspberry_Pi RasberryPi] ist ein Minicomputer zum Lernen und Experimentieren – für 30€. [http://googlecreativelab.github.io/coder/ Coder] ist ein Programm für den RasberryPi, das einfach Experimente mit Webentwicklung ermöglicht.


==Lernen==
==Lernen==
Line 34: Line 37:
* '''Websites designen:''' [http://www.codecademy.com/courses/web-beginner-en-TlhFi/0/1 CSS lernen] bei codecademy.
* '''Websites designen:''' [http://www.codecademy.com/courses/web-beginner-en-TlhFi/0/1 CSS lernen] bei codecademy.
* '''Programmieren lernen''' (das "richtige" Programmieren, bei dem Inhalte nicht nur dargestellt werden, sondern auch erzeugt): [http://www.codecademy.com/courses/getting-started-v2/0/1| Javascript Intro] ([http://www.codecademy.com/tracks/javascript| …und mehr]).
* '''Programmieren lernen''' (das "richtige" Programmieren, bei dem Inhalte nicht nur dargestellt werden, sondern auch erzeugt): [http://www.codecademy.com/courses/getting-started-v2/0/1| Javascript Intro] ([http://www.codecademy.com/tracks/javascript| …und mehr]).
* Der [https://de.wikipedia.org/wiki/Raspberry_Pi RasberryPi] ist ein Minicomputer zum Lernen und Experimentieren – für 30€. [http://googlecreativelab.github.io/coder/ Coder] ist ein Programm für den RasberryPi, das einfach Experimente mit Webentwicklung ermöglicht.    
    


===Aufgaben zum Ausprobieren===
===Aufgaben zum Ausprobieren===