Denn werden wir mal mit dem ernsthaften Lernen
loslegen — und zwar, indem wir etwas herumspielen.
Zunächst arbeiten wir noch mit dem Eas-Quellcode,
der mit der Demo einherkam.
Der Prozess wird immer der folgende sein:
1.
Ändere etwas an dem Quellcode.
(Mithilfe des Texteditors.)
2.
Speichere die Datei Eas.htm.
(
Strg+S im Text-Editor.)
3.
Wechsle zu deinem Webbrowser.
(Falls du das noch nicht wissen solltest:
nutze
Alt+Tab oder
Win+Tab.)
4.
Aktualisiere die Seite.
(
F5 im Webbrowser.)
5.
Beobachte, wie bzw. ob sich die Seite ändert.
(In späteren Kapiteln, wirst du zum Testen
aktiv mit der Seite interagieren.)
6.
Zurück zum Text-Editor.
(Wieder mit
Alt+Tab oder
Win+Tab.)
Erste Übung:
Entferne das Ausrufezeichen
vom Anfang des Quellcodes
(lösche einfach das Zeichen via
Entf oder
Backspace)
und schau, was passiert (
F5 die Webbrowser-Seite).
Zögere nicht, die Liste oben
nochmal durchzulesen,
bis du den Prozess
wie im Schlaf beherrschst!
Wenn du am Anfang
zu schnell vorangehst,
wirst du später für lange Zeit
unnötig langsam bleiben.
Also
nimm dir Zeit, jetzt zu lernen und zu üben,
und du wirst später umso schneller sein.
Was also passiert mit der Seite,
wenn du das Ausrufezeichen entfernst?
Sie zeigt nun eine
Fehlerinformation
in einem roten Rahmen an.
Gewöhn dich daran, du wirst das oft sehen,
es gehört zum Programmieren dazu
und ist ein sehr nützliches Werkzeug.
Alle Fehler werden auf gleiche Art angezeigt,
mit
Hinweisen darauf, was das Problem ist
und der betroffenen Zeile in ihrem
Kontext
(die Zeilen davor und danach, ohne Einrückungen).
Die Fehlerinformation sagt dir
nicht direkt,
was du tun musst, um das Problem zu beheben.
Wichtig ist vor allem, festzustellen,
1.
dass ein Fehler vorliegt (auch engl.
Bug genannt)
2.
wo (in welcher Zeile) er sitzt.
Setze das ! wieder dort, wo es hingehört
(in die Zeile vor dem SAY:...),
und sieh, dass der Browser (immer nach
F5)
nun wieder die Demo-Seite anzeigt.
Du kannst nun noch etwas weiter
mit
anderen Teilen des Quellcodes
herumexperimentieren, wenn du magst
(es kann dich nur schneller
zu einem bessere Programmierer machen):
Entferne etwas, füge etwas hinzu, ändere etwas,
ändere die Reihenfolge der Zeilen
oder verdopple eine Zeile, und so weiter.
Wenn du dich mal verrannt haben solltest,
hier ist der originale Quellcode als Orientierung:
!
SAY:"Created with Eas."
HELP!
/
Programmieren lernen mit Eas — das Tutorial von Molaskes
›