https://fginfo.ksbg.ch Fachgruppe Informatik der KSBG - lehrkraefte:blc:informatik:ffprg1-2024

aufgaben-ohne-funktionen

Anonymous (anonymous@undisclosed.example.com) — 2024-03-08T12:27:54+00:00

Einstiegsaufgaben einfach Schreiben Sie ein Programm, das alle zweistelligen Vielfachen von 7 ausgibt. Versuchen Sie, das Programm ohne if zu schreiben. for (let i=14; i<100; i+=7) { console.log(i); } Schreiben Sie ein Programm, das eine Multiplikationstabelle ausgibt. Bauen Sie eine Zeile erst als String-Variable auf, bevor Sie diese mit

branching

Anonymous (anonymous@undisclosed.example.com) — 2024-02-07T13:04:41+00:00

Bedingte Ausführung: if / else Vergleiche * == Gleichheit (inklusive Konvertierung, z.B. ist 5==“5” wahr) * === Gleichheit (ohne Konvertierung, z.B. ist 5===“5” falsch). * != Ungleichheit (inkl. Konvertierung) * !== Ungleichheit (ohne Konvertierung)

cheat-sheet

Anonymous (anonymous@undisclosed.example.com) — 2024-08-08T05:08:52+00:00

JavaScript Cheat-Sheet Variablen // Zahlen let anzahl = 42; let pi = 3.1415926; // Strings (Zeichenketten) // in einfachen oder // doppelten Anführungszeichen: let vorname = "Hans"; let name = 'Wurst'; // Backticks mit Ersetzung let anrede = `Hallo ${vorname} ${name}`;

functions

Anonymous (anonymous@undisclosed.example.com) — 2024-03-08T12:29:34+00:00

Funktionen Funktionen sind Unterprogramme, die ein Resultat zurückliefern (können). Das erlaubt es, ein Programm in kleine, übersichtliche Einheiten zu zerlegen. Das macht den Code einfacher und zugleich flexibler (und wiederverwendbarer). Eine Funktion hat (normalerweise) einen

grid

Anonymous (anonymous@undisclosed.example.com) — 2024-05-22T14:38:21+00:00

Spiele mit der Raster-Klasse * Download und Minimalbeispiel * Tic-Tac-Toe * Snake Alternative mit Canvas *

htmlinteraction

Anonymous (anonymous@undisclosed.example.com) — 2024-04-05T10:40:15+00:00

Interaktion mit HTML Der HTML-Code einer Webseite kann mit JavaScript komplett kontrolliert werden, d.h. verändert, ergänzt, gelöscht oder erzeugt werden. Auch sind Reaktionen auf Benutzereingaben möglich. Einführungsbeispiel * Legen Sie ein neues Verzeichnis an und kopieren Sie folgende Dateien, $n$$n$

lektion0

Anonymous (anonymous@undisclosed.example.com) — 2024-02-07T12:54:08+00:00

Setup und Hello World * Installieren Sie «Visual Studio Code» (VSCode). Unter Windows kann das direkt mit dem AppStore gemacht werden. * Tun Sie ihrem zukünftigen Selbst einen Gefallen und verwenden Sie ausschliesslich Kleinbuchstaben a-z, Ziffern 0-9

loops

Anonymous (anonymous@undisclosed.example.com) — 2024-02-17T06:18:18+00:00

Wiederholungen Wiederholter Code steht zwischen geschweiften Klammern. Die geöffnete Klammer wird normaleweise hinter dem öffnenden Statement geschrieben. Die schliessende Klammer steht normalerweise alleine, senkrecht unter dem Amfang der öffnenden Zeile.$n$$0$$n-1$

random

Anonymous (anonymous@undisclosed.example.com) — 2024-04-05T11:10:43+00:00

Zufallszahlen Die JavaScript-Funktion Math.random() liefert eine Zufallszahl zwischen 0 (inklusive) und 1 (exklusive). Damit lassen sich aus ganzzahlige Zufallszahlen generieren (Funktion und Name sind der entsprechenden Python-Funktion nachempfunden):

raster-basics

Anonymous (anonymous@undisclosed.example.com) — 2024-04-26T11:44:07+00:00

Die Raster-Klasse Download: . Achtung Das zip-Archiv muss entpackt werden, bevor damit gearbeitet wird. Wenn nicht 100% klar ist, was damit gemeint ist, unbedingt nachfragen. You have been warned! Die Rasterklasse beinhaltet: * Eine HTML-Datei mit einigen $(x,y)$

raster-snake

Anonymous (anonymous@undisclosed.example.com) — 2024-05-23T05:52:42+00:00

Snake mit der Raster-Klasse Starten Sie mit folgenden Dateien und Verzeichnissen: * Grundlagen * Startposition * Bewegen * Schwanz nachziehen

raster-tictactoe

Anonymous (anonymous@undisclosed.example.com) — 2024-05-17T11:10:08+00:00

Tic Tac Toe * Legen Sie einen neuen Ordner 'tictactoe' and und speichern Sie darin die Dateien der Basis für ein Raster Spiel. * Speichern Sie im gleichen Ordner auch folgende beiden Bilder (gemacht mit dem sehr zu empfehlenden OpenSource-Programm Inkscape: *

start

Anonymous (anonymous@undisclosed.example.com) — 2024-05-31T06:58:03+00:00

Freifach Programmieren Einstieg Feedback Freifach Programmieren Wir werden dynamische Webseiten mit JavaScript erstellen. * Installation und Setup von VSCode, Hello world Grundlegendes JavaScript Cheat-Sheet * Variablen und Daten-Typen in JavaScript * Wiederholungen * Verzweigungen * Einstiegsaufgaben * Funktionen * Zufallszahlen und Buchstaben in Wörtern verwürfeln Interaktion mit HTML * Interaktion mit HTML Einstiegs-Beispiele * Spiele im Raster mit der Raster-Klasse …

variablen-und-typen

Anonymous (anonymous@undisclosed.example.com) — 2024-02-09T12:02:07+00:00

Variablen in JavaScript Variablen in JavaScript sollten immer mit let definiert werden und sind dann nur in dem Block gültig, wo sie definiert wurden. Ohne Definition mit let sind die Variablen immer global, was bei grösseren Programmen zu Problemen führen kann.\[ a x^2 + b x + c = 0 \qquad \text{mit $$, $$, $$ $$ und $\[ x_{1,2} = \frac{-b \pm \sqrt{b^2-4ac}}{2a} \]$d$