Achtung: Dieses Material ist etwas veraltet, weil hier Animationen mit JavaScript umgesetzt werden, was heutzutage eher mit CSS gemacht werden würde. Es war ursprünglich Teil 2 (Tag 2) des JavaScript für absolute Beginner-Workshop, wird aber nicht mehr aktiv verwendet.
Das Internet ist eine Wundermaschine, getrieben von Magie, oder – wie wir es nennen – JavaScript.
Heute lernen wir, wie man mit JavaScript Webseiten-Inhalte erstellen und verändern kann. So können wir mittels JavaScript Texte, Formen und Bilder erscheinen lassen, sie verschieben oder sie effektvoll ausblenden. Dabei wird der Inhalt einer Webseite durch HTML, das Aussehen in CSS beschrieben.
Wir werden heute wieder den Browser Google Chrome benutzen und die Vorteile seiner Konsole benutzen. Weiterhin benutzen wir andere Entwickler-Features des Browsers.
Nachdem wir gestern den Großteil der Programme direkt im Browser geschrieben haben, werden wir heute zu einem Text-Editor greifen und dort umfangreicheren Quelltext schreiben.
Da Code nur Text ist, kann prinzipiell jeder Text-Editor genutzt werden. Die meisten Programmierer wählen jedoch einen Code-Editor, welcher mehr Funktionen besitzt und für mehr Spaß beim Entwickeln sorgt.
Ein guter Editor ist Sublime Text 2. Falls du diesen noch nicht installiert hast, kannst du ihn hier erhalten:
Während des heutigen Tages werden wir eine Foto-Galerie erstellen. Bevor wir jedoch starten, spielen wir ein wenig mit HTML und CSS herum, sodass du ein Gefühl für das Zusammenspiel der beiden Technologien bekommst.
Halte den JavaScript-Spickzettel in einem Tab deines Browser griffbereit, sodass du jederzeit nachgucken kannst, falls du etwas vergessen hast.
Darüber hinaus sind unsere Coaches auch immer gerne bereit Fragen zu beantworten. Falls Du irgendwann zwischendurch das Gefühl hast, dass Du verwirrt bist oder nicht weiterkommst, mach Dich bemerkbar und wir werden unser Bestes tun Dich zu „entwirren“.