Vorwort Programmieren ist die Kunst, Computer dazu zu bringen, das zu machen, was du willst! Das machst du mit einer Programmiersprache, mit der du aufschreibst, was der Computer tun soll. Programmieren zu können kann dir in der Schule und bei den Hausaufgaben helfen. Du kannst ein Programm für den Matheunterricht erstellen, zum Beispiel einen Taschenrechner. Aber warum nur für die Schule? Du kannst sogar dein eigenes Computerspiel programmieren. Wozu ist es wichtig, programmieren zu können? Vieles geht doch fast automatisch mit moderner Entwicklersoftware. Weil du es verstehen willst oder weil es dich interessiert, sind deine eigenen Gründe. Aber es sind auch oft die Kleinigkeiten, bei denen du das System verstehen musst. Zum Beispiel, wenn du Programmiervorlagen verwendest und für dich anpassen willst, besonders in den Zeiten von Internet, Google und Co. Man kann leicht fertige Lösungen im Internet finden, und es fehlt auch nicht am Verständnis für Entwicklersoftware, sondern meistens an Grundlagen. Von manchen Programmierern bekommt man, nach sehr langem Rumprobieren bei einem Fehler, keine Antwort auf die Frage:»Was war denn der Fehler?«Es ist doch besser, den Fehler zu erkennen und zu verstehen, warum es ein Fehler ist. 11
Viele vernachlässigen aber leider die Grundlagen, was mit moderner Entwicklersoftware leicht gemacht wird, aber dadurch kommt es auch sehr schnell zu Verständnisfehlern! Es gibt viele Programmiersprachen für verschiedene Aufgaben. Bei manchen hast du die Wahl, und andere muss man lernen, um zum Beispiel bestimmte Geräte zu programmieren. Du hast dich für JavaScript entschieden, eine gute Wahl! Vorwort Warum JavaScript? JavaScript ist eine weitverbreitete Scriptsprache und wird von vielen Anwenderprogrammen, und besonders im Internet, als Programmiersprache verwendet. Das ist für viele ein Grund, JavaScript zu lernen, vielleicht auch für dich? Dabei ist JavaScript auch oft die erste Programmiersprache, mit der man programmieren lernt. Ein Problem beim Programmierenlernen sind besonders die modernen visuellen Entwicklerprogramme. Diese Entwickler-Werkzeuge oder Entwickler-Tools (gesprochen: tuhls) sind Programme, die beim Programmieren helfen. Sie erleichtern die Arbeit, nehmen dir die Arbeit ab, und man kommt schnell zum Erfolg. Dabei wird aber universelle Programmierung verwendet, die Programmierung unnötig aufgeblasen und unübersichtlich. Schaut man sich die Programmierung genauer an, kann man das Gleiche auch mit weniger Zeilen oder einfacher selbst programmieren. Ein anderes Problem ist der Funktionsumfang von Programmiersprachen, das macht es dir auch nicht leichter, programmieren zu lernen. Hier kommt JavaScript ins Spiel, eine kleine, übersichtliche Programmiersprache, für die ein einfacher Texteditor und ein Internet-Browser ausreichen. JavaScript ist leicht zu lernen, hat alle wichtigen Elemente der Programmierung, und ist die ideale Programmiersprache, um programmieren zu lernen. 12
Welche Kosten hast du? Welche Kosten hast du? Die gute Nachricht zuerst:»keine!«du brauchst natürlich einen Computer, das ist klar! Ein Texteditor und Internet-Browser sind meistens schon mit dem Betriebssystem installiert. Dabei ist es auch egal, ob du Windows oder Linux als Betriebssystem hast oder mit einem Mac arbeitest. Die Programmierung kann dabei direkt in einer Internetseite gemacht werden. Auch das macht JavaScript zu einem idealen Einstieg für Kids, um einmal in die geheimnisvolle Welt der Programmierung zu schnuppern. Für wen ist dieses Buch? Das Buch ist eine Einführung in die Programmierung für Kids, die Java- Script und programmieren lernen wollen, um zum Beispiel Internetseiten zu erweitern und interaktiv zu machen. Es ist auch für angehende Programmierer, die über den Tellerrand moderner Entwickler-Tools hinaussehen wollen. Auch beim Lernen von anderen Programmiersprachen kann es dir helfen, weil die in dem Buch gezeigten Grundlagen auch für viele andere Programmiersprachen gelten. Es ist also wichtig, die Grundlagen der Programmierung richtig zu lernen, bevor du dich an eine»komplizierte«programmiersprache wagst. Es ist nicht nur dazu gedacht, Befehle auswendig zu lernen, sondern um Programmieren zu verstehen, und es soll helfen, wie man Programme erstellt oder Lösungen findet. Viel Spaß beim Programmierenlernen! Frank Biet 13
Einleitung Wie arbeitest du mit diesem Buch? Das Buch ist in drei große Bereiche aufgeteilt: ein HTML-Crashkurs, mit dem du alles über die Grundlagen erfährst, um mit JavaScript zu programmieren. ein JavaScript-Workshop, bei dem du mit praktischen Beispielen alle wichtigen Werkzeuge der Programmierung mit JavaScript kennen lernst. Außerdem eine JavaScript-Programmierreferenz, in der du einzeln die Werkzeuge der Programmierung nachschlagen kannst. Du musst für die Programmierung leider Regeln lernen, und dazu gehört auch viel Text. Im Buch wurde aber versucht, das etwas durch Abbildungen und kurze Abschnitte aufzulockern. Beispiele Die Quelltexte der Beispiele zum Buch findest du als Vorlagen auf der CD im Ordner Buch. Grundsätzlich lernt man besser, wenn man die Übungsbeispiele selbst tippt, und du solltest die Beispiele in den Kapiteln selbst schreiben, auch wenn du dazu nicht immer Lust hat. Wichtige Stellen in diesem Buch Für eine wichtige oder besondere Erklärung wird dir Buffi immer mit gutem Rat zur Seite stehen und weiterhelfen. Wenn du dieses Ausrufezeichen siehst, geht es um etwas ganz Wichtiges, das du beachten musst. 15
Einleitung Was brauchst du für dieses Buch? Dadurch wirst du die Programmierung schneller lernen, versprochen! Wenn du aber schnell etwas ausprobieren oder testen willst, kannst du natürlich die Vorlagen nehmen. Was brauchst du für dieses Buch? Du brauchst für das Buch einen»normalen«computer, einen Internet- Browser und einen einfachen Texteditor. Das ist schon alles und es ist mittlerweile auf jedem Betriebssystem schon installiert. Texteditor Um die Quelltexte der Übungsbeispiele zu schreiben, um zu programmieren, brauchst du nur einen einfachen Texteditor. Du kannst auch visuelle Entwickler-Tools nehmen. Wir kümmern uns im Buch aber nur um die eigentliche Programmierung. Für die Übungsbeispiele in diesem Buch wurde der Microsoft Editor (Notepad) von Windows Vista verwendet. Du kannst aber auch TextEdit für Mac OS X verwenden. Internet-Browser Um deine Beispiele und die Beispiele von der beiliegenden CD testen zu können, brauchst du auch einen Internet-Browser als Interpreter für Java- Script. Der ist aber mittlerweile auf jedem Computer installiert, und für unsere Beispiele ist es nicht wichtig, welches Betriebssystem oder welchen Internet-Browser du verwendest. Für die Abbildungen in dem Buch wurde der bei Windows Vista installierte Microsoft Internet Explorer 7 verwendet. Du kannst als Internet-Browser aber auch Opera, Mozilla Firefox oder Safari für Mac OS X verwenden. Betriebssystem HTML und JavaScript sind»plattformunabhängig«. Es ist also egal, ob du Windows oder Linux als Betriebssystem hast oder ob du mit einem Mac arbeitest. 16
Wie gut kannst du schon mit dem Computer umgehen? Die CD zum Buch Auf der beiliegenden CD zum Buch findest du im Ordner Buch alle Übungsbeispiele aus dem einzelnen Kapiteln. Du findest auch freie Software zum Beispiel zur Bildbearbeitung und eine komplette HTML- und JavaScript- Referenz. Sicherungs-CD oder USB-Stick Für die Übungen solltest du einen Ordner auf der Festplatte erstellen, zum Beispiel C:\JavaScript für Kids. In den Ordner kannst du auch die Beispiele der beiliegenden CD kopieren. Um deine Übungen zu sichern, solltest du immer ein Back-up auf eine CD oder einen USB-Stick machen. Dadurch kannst du auch auf einem anderen Computer programmieren oder deine eigenen Programme auch deinen Freunden zeigen. Wie gut kannst du schon mit dem Computer umgehen? Du solltest ein wenig mit dem Computer umgehen können, brauchst aber keine Grundkenntnisse in der Programmierung. Du musst auch kein Mathe-Genie sein, um programmieren zu lernen. Es ist viel leichter, als man denkt! Wenn du aber noch Schwierigkeiten mit dem Computer hast und dich noch nicht so gut mit Dateien und Ordnern auskennst, ist es vielleicht besser, dir erst ein Buch mit Computergrundlagen anzuschauen, wie PCs für Kids aus der Kids-Reihe. Wenn du aber schon mal mit einem Texteditor gearbeitet hast und dich mit Dateien und Ordnern auskennst, kannst du direkt loslegen. 17