JavaScript

1.0 - EinführungHTML | CSS | JS

  • Allgemeines über JavaScript
  • Das HTML-Grundgerüst
  • <script> Element
  • <noscript> Element
  • Eine Vorlage erstellen
  1. Lernhandout

2.0 - Ausgabe im BrowserHTML | JS

  • windows.alert();
  • document.write();
  • .innerHTML
  • console.log();
  1. Lernhandout

3.0 - VariablenJS

  • Was ist eine Variable?
  • Variablen instanziieren var
  • Wertzuweisungen
  • Konstanten mit const
  • Einzeilige Kommentare
  • Mehrzeilige Kommentare
  1. Lernhandout

4.0 - RechenoperatorenJS

  • Rangfolge der Operatoren
  • Rechenoperatoren (+, -, *, /, %)
  • Beispiel Umsatzsteuer
  • Textverkettung mit +
  • Standard-Objekt Math.
  • Methoden von Math. (Potenz, usw.)
  • Beispiel: Flächeninhalt
  1. Lernhandout

5.0 - FunktionenJS

  • Was ist eine Funktion?
  • Syntax einer Funktion
  • Wertübergaben
  • onClick Attribut
  • Schreibweise von Anführungszeichen
  • Eigene Runden Funktion
  • Funktionsaufruf über var
  1. Lernhandout

6.0 - EingabenHTML | JS

  • Eingabemöglichkeiten
  • EVA Prinzip
  • window.prompt();
  • Zeilenschaltung mit \n
  • getElementByID().value;
  1. Lernhandout

6.1 - Ereignis AttributeHTML | JS

  • Was sind event attributes?
  • Window Event Attributes
  • Beispiel: Viewport-Höhe
  • Form Events
  • Keyboard Events
  • Mouse Events
  • Beispiel: Lesbares Passwort
  1. Lernhandout

7.0 - VerzweigungJS

  • Was ist eine Verzweigung?
  • if-else Syntax
  • Vergleichsoperatoren
  • Beispiel: Größere Zahl ermitteln
  • Logische Operatoren UND ODER
  1. Lernhandout

7.1 - switch caseHTML | JS

  • switch case Syntax
  • Beispiel: Produktionsstätten
  • Info: globale Variablen
  1. Lernhandout

8.0 - while SchleifenHTML | JS

  • Was ist eine Schleife?
  • Kopfgesteuerte Schleifen
  • Zähler i++;
  • Fussgesteuerte Schleifen
  • break;
  • Achtung: Endlosschleife
  1. Lernhandout

8.1 - for SchleifenHTML | CSS | JS

  • Was ist eine for Schleife?
  • Syntax der for Schleife
  • Beispiel: Schriftgröße
  • Beispiel: Buchstabe für Buchstabe
  • Ausblick: for in und Arrays
  1. Lernhandout

9.0 - ArraysHTML | JS

  • Was ist ein Array (Feld)?
  • Ein Array vereinbaren
  • Werte anzeigen und verändern
  • Die .length Eigenschaft
  1. Lernhandout

9.1 - Array MethodenJS

  • .unshift()
  • .shift()
  • .push()
  • .pop()
  • .splice()
  • .join()
  • typeof(var)
  1. Lernhandout

9.2 - Arrays sortierenJS

  • .sort()
  • .reverse()
  • Zahlen sortieren
  • .forEach()
  • for...in Schleife
  1. Lernhandout

10.0 - Text OperationenJS

  • Position ermitteln
  • .indexOf()
  • Text ausschneiden
  • .slice() und .substr()
  • UTF-16 Code ermitteln
  • .charCodeAt()
  • String.fromCharCode()
  1. Lernhandout

10.1 - String MethodenJS

  • Textteile ersetzen
    .replace()
  • Groß- und Kleinbuchstaben
    .toUpperCase() und .toLowerCase()
  • Leerzeichen entfernen
    .trim()
  • String in ein Array splitten
    .split()
  1. Lernhandout

Hilfreiche Links

  • Hier findest du nützliche Links zum Unterricht!
  1. JS Code ausprobieren mit Tryit

 

 

Ü 4.0 - OperatorenJS

  • Übung A: Variablentypen
  • Übung B: Fahrenheit und Celsius
  • Übung C: Mitternachtsformel
  1. Übungsblatt

 

Ü 6.0 - EingabeJS

  • Übung A: Pythagoras
  • Übung B: Zinseszins
  • Übung C: Deltoid
  1. Übungsblatt

 

Ü 7.0 - VerzweigungHTML | CSS | JS

  • Übung A: Frau oder Mann
  • Infos zu Radiobuttons
  • Übung B: Rabattberechnung
  • Übung C: Systemvoraussetzungen
  1. Übungsblatt

Ü 7.1 - switch caseHTML | CSS | JS

  • Übung A: Postleitzahl
  • Übung B: Gegenüberstellung
  1. Übungsblatt

 

Ü 8.1 - SchleifenHTML | CSS | JS

  • Übung A: Geschlecht eingeben
  • Übung B: Die drei Schleifen
  • Übung C: Primzahlen
  • Übung D: Quadratische Funktion
  1. Übungsblatt

Ü 9.0 - ArraysHTML | CSS | JS

  • Übung A: Österreichische Offiziere
  • Übung B: Österreichische Offiziere II
  1. Übungsblatt
  2. Dienstgrade.zip

 

Ü 9.2 - Arrays sortierenHTML | CSS | JS

  • Übung A: Mittelwert
  • Übung B: Wettkampf
  • Übung C: Buchstaben zählen
  1. Übungsblatt

 

 

 

 

JavaScript © Thomas Maier, 2018 Graz