Java-script für Anfänger
Java-Script begegnet dir häufig im Bereich Frontend-Entwicklung. Das heißt in Verbindung mit HTML und CSS. Zum Beispiel wenn du eine Webseite coden möchtest. Mit Java-Script kannst du z. B. Funktionen schreiben.
Praktisches Beispiel. Um eine einfache Webseite zu Coden, brauchst du zunächst einen Quell-Code-Editor, also ein kleines Programm, wo du deinen Code rein schreibst. Viele Entwickler nutzen hier Visual-Studio-Code. Es gib auch noch andere.
Als nächstes brauchst du natürlich HTML. Das bildet das Grundgerüst. Mit CSS stylst du die Seite und kannst damit z. B. bestimmen, wo oder in welcher Höhe ein Bild sein soll. Soll das Bild links oder rechts sein, oder es ist auch verantwortlich für Hintergrundfarben und ähnliches. Alles was im Bereich Style und Layout ist, das machst du mit CSS. ( Cascading-Styleheet). Und mit Java-Script kannst du z. B. Funktionen schreiben.
Merke:
Bitte beachte, dass HTML keine Progrrammiersprache ist, sondern eine Markup-Sprache. CSS keine Programmiersprache ist, sondern eine sogenannte Stylesheetsprache ist. Java-Script ist eine Programmiersprache.
Hier findest du coole Videos, wie du starten kannst mit java-script.
Um einen Einblick in java-script zu bekommen, ist es auf der einen Seite hilfreich, wenn du dir praktische Tutorials anschaust, aber auch die Dokumentation durch liest. Man kann auch kleine Projekte oder Spiele in java-Script programmieren und hier schauen, wie und wo Java-Script zum Einsatz kommt. Wichtig ist auch, Java-script hat nichts mit Java zu tun, auch wenn beide Sprachen das Wort Java intus haben.
Übungen aus dem NETZ zum Einstieg.
Video 1 Spiel programmieren Snake- in java-Script programmieren Video
Video 2 Snake in java-Script Video
Video 2 a Java-Script für Anfänger Video
Video 3 To-do-list programmieren Video (engl) Video
Video 4 Java-Script Serie ( Morpheus / Deutsch mehr
Video 5 Java-Script für Anfänger Video
Java-Script: Documentation mehr
Java-Script.info mehr
Special
Mit java-Script kannst du z. B auch mit gedrückter Maustaste Elemente verschieben. Zum Beispiel, stell dir vor, du möchtest online ein Puzzle programmieren. Mit gedrückter Maustaste kannst du die einzelnen Teile dann Stück für Stück zusammenfügen zu einem Puzzle. Doch wie heißt diese Technik eigentlich und was muss ich hier bei google eingeben, damit ich hier fündig werde?
Antwort: Gib bei google Java-Script dragable ein. Dann landest du auf dieser Technik und kannst damit arbeiten. mehr
Beispiel Video (english) Video