Difference between revisions of "Internet 2 Workshop"

From Digipool-Wiki
Jump to: navigation, search
(→‎Graphic 1)
 
(14 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
== Javascript for Artists ==
 
== Javascript for Artists ==
  
−
Javascript-Tutorial mit kreativer Zielsetzung
+
Javascript-Tutorial mit kreativer Zielsetzung: [[Javascript for Artists]]
  
 
<br>
 
<br>
Line 8: Line 8:
  
 
* Textbearbeitungsprogramm zum Schreiben des Codes [http://www.barebones.com/products/textwrangler/ TextWrangler]
 
* Textbearbeitungsprogramm zum Schreiben des Codes [http://www.barebones.com/products/textwrangler/ TextWrangler]
−
* FTP-Programm zum Hochladen des Codes auf den WWW-Sever [http://cyberduck.softonic.de/mac Cyberduck]  
+
* FTP-Programm zum Hochladen des Codes auf den WWW-Sever [http://cyberduck.softonic.de/mac Cyberduck]
−
 
+
* Processing ist DIE Einsteiger Software für das Programmieren-Lernen. Mit [http://processingjs.org Processing.js] kann man Processing-Code auch JavaScript verwenden. [http://processing.org www.processing.org]
−
 
+
* Eine Webseite auf die das iPhone als Webbrowser simuliert wird [http://www.testiphone.com www.testiphone.com]
−
== Examples ==
+
−
 
+
−
=== Getting started ===
+
−
 
+
−
HTML-Datei: example001.htm
+
−
<source lang="html4strict">
+
−
<head>
+
−
  <title>Test</title>
+
−
    <script language="JavaScript" src="meinscript.js" type="text/javascript">
+
−
  </script>
+
−
</head>
+
−
 
+
−
<body>
+
−
</body>
+
−
</source>
+
−
 
+
−
JavaScript-Datei: meinscript.js
+
−
<source lang="javascript">
+
−
// show a pop-up
+
−
alert("Hi!");
+
−
 
+
−
/*
+
−
  write "done." to the webpage
+
−
*/
+
−
document.write("done.");
+
−
</source>
+
−
 
+
−
Online-Test: [http://www.digipool.info/tutorials/js001/example001.htm example001.htm]
+
−
 
+
−
<br>
+
−
 
+
−
 
+
−
=== Graphic 1 ===
+
−
 
+
−
HTML-Datei: example002.htm
+
−
<source lang="html4strict">
+
−
<head>
+
−
  <title>Test2</title>
+
−
  <script type="text/javascript" src="http://www.walterzorn.de/en/scripts/wz_jsgraphics.js"></script>
+
−
+
−
</head>
+
−
 
+
−
<body>
+
−
<script language="JavaScript" src="graphic001.js" type="text/javascript"></script>
+
−
</body>
+
−
</source>
+
−
 
+
−
JavaScript-Datei: graphic001.js
+
−
<source lang="javascript">
+
−
var e1 = new jsGraphics(); // paint graphic-layer directly to the screen
+
−
// "e1" is a variable that can be named by you
+
−
 
+
−
e1.setColor("#000000"); // black
+
−
e1.drawEllipse(50, 50, 40, 40); // x, y, height, width
+
−
e1.paint(); // paint the object "e1" directly to the screen
+
−
</source>
+
−
 
+
−
Online-Test: [http://www.digipool.info/tutorials/js001/example002.htm example002.htm]
+
  
 
<br>
 
<br>
Line 78: Line 20:
 
* [http://www.w3schools.com/js/js_examples.asp www.w3schools.com] Beispiele mit Online Editor!
 
* [http://www.w3schools.com/js/js_examples.asp www.w3schools.com] Beispiele mit Online Editor!
 
* [http://www.walterzorn.de/jsgraphics/jsgraphics.htm www.walterzorn.de] JavaScript-Vektorgrafikbibliothek
 
* [http://www.walterzorn.de/jsgraphics/jsgraphics.htm www.walterzorn.de] JavaScript-Vektorgrafikbibliothek
 +
* [http://processingjs.org/ www.processingjs.org] von John Resig
  
 
<br>
 
<br>

Latest revision as of 13:55, 3 June 2012

Javascript for Artists

Javascript-Tutorial mit kreativer Zielsetzung: Javascript for Artists


Tools

  • Textbearbeitungsprogramm zum Schreiben des Codes TextWrangler
  • FTP-Programm zum Hochladen des Codes auf den WWW-Sever Cyberduck
  • Processing ist DIE Einsteiger Software für das Programmieren-Lernen. Mit Processing.js kann man Processing-Code auch JavaScript verwenden. www.processing.org
  • Eine Webseite auf die das iPhone als Webbrowser simuliert wird www.testiphone.com


Javascript Tutorials


Retrieved from "http://www.digipool.info/m/index.php?title=Internet_2_Workshop&oldid=2111"