Kursmaterial: Zweiter Tag

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.

Werkzeuge

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:

Projekt

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.

Informationsquellen

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“.

Los geht’s

→ Zur ersten Seite.