JavaScript Die ersten Schritte Holger Chudek Perfect Chain
Agenda JavaScript Grundlagen Arbeitsumgebungen Firefox (Mit Erweiterungen für Webentwickler) DDE (Domino Designer for Eclipse) Praxis Kleine Aufgaben mit Firefox DDE : Theorie ClientSide JavaScript (CSJS) ServerSide JavaScript (SSJS) DDE : Praxis
JavaScript Grundlagen Allgemeines Funktionen Variablen Typen Operatoren Schleifen und Bedingungen
JavaScript Grundlagen Allgemeines JavaScript <> Java Interpretierte Sprache Alles sind Objekte Klassen sind möglich Bibliotheken sind möglich loose typing : Lose Typisiert
JavaScript Grundlagen Funktionen function myfunc(){} function (){} function myfunc(){return myval}; Function(){return myval}
Var i = 0; JavaScript Grundlagen Variablen i=0; (Achtung, Global) Var i <> I!!!
string number boolean object null undefined JavaScript Grundlagen Typen
JavaScript Grundlagen Operatoren Vergleichsoperatoren = ist eine Zuweisung!! == macht eine Typkonvertierung === macht einen Typabhängigen Vergleich <, <=, >, >=,!=,!== Logische Operatoren && (und), (oder)
JavaScript Grundlagen Schleifen for(init;bedingung;inkrement){} while(bedingung){} Break Sofortiger Abbruch der Schleife Continue Nächster Schleifendurchlauf starten
If-Else JavaScript Grundlagen Bedingungen Switch
Arbeitsumgebungen Firefox (V 19.x) Mit Entwickler-Erweiterungen : Firebug Web-Deveoper-Toolkit Domino Designer für Eclispe(DDE) Integrierte Umgebung
Praxis Firefox Einrichten Aktueller Firefox mit JS-Konsole Web-Developer AddIn
Praxis Firefox Katas : FizzBuzz Römische Nummern Arabische Nummern Taschenrechner
FizzBuzz : Praxis : Firefox FizzBuzz Geben Sie die Zahlen von 1 bis 100 aus Jede Zahl, die durch 3 teilbar ist, wird als Fizz ausgegeben Jede Zahl, die durch 5 teilbar ist, wird als Buzz ausgegeben Jede Zahl, die durch 15 teilbar ist, wird als FizzBuzz ausgegeben
Praxis : Firefox Römische Nummern Umsetzung von römischen zu arabischen Nummern : Eingabe einer römischen Nummer Die korrespondierende arabische Nummer wird ausgegeben
Praxis : Firefox Arabische Nummern Umsetzung von Arabischen zu Römischen Nummern : Eingabe einer arabischen Nummer Ausgegeben wird die korrespondierende römische Nummer
Praxis : Firefox Taschenrechner Abbilden eines Taschenrechners : Eingabe von plus Zahl1 Zahl2 Gibt die Summe von Zahl 1 und Zahl 2 aus Eingabe von minus Zahl1 Zahl2) Gibt die Differenz von Zahl1 und Zahl 2 aus Eingabe von mal Zahl1 Zahl2 Gibt das Produkt von Zahl 1 und Zahl 2 aus Eingabe von durch Zahl1 Zahl2 Gibt den Quotient von Zahl1 und Zahl 2 aus Oder Direkter Aufruf der jeweiligen Funktion Plus, Mal, Minus, Durch
Benutzung Domino Designer Theorie Clientseitiges JavaScript Serverseitiges JavaScript
Domino Designer Theorie
Domino Designer Theorie : Benutzung Client Kann im Client an vielen Stellen benutzt werden : Masken-Events, Felder-Events
Domino Designer Theorie : Benutzung Web Alle Elemente, die fürs Web verwendet werden OnKeyDown, onkeyup, onmouseout...
Domino Designer Praxis
Domino Designer Theorie : Server Side Nur für XPages... Xpages haben Client- und Serverseitiges Javascript
Katas Client: Domino Designer Praxis Feldvalidierung Produkt berechnen und eintragen Katas Server Datenbank-Eigenschaften auslesen + anzeigen
Domino Designer Praxis : Feldvalidierung Xpage oder Notes-Maske mit mehreren Feldern: Feldvalidierung Nummer, Länge Fehler ausgeben wenn Kriterium nicht stimmt
Domino Designer Praxis : Feldvalidierung Xpage oder Notes-Maske mit mehreren Feldern: Werte werden in Feld 1 und Feld 2 eingegeben Nach Eingabe in Feld 2 oder nach betätigen einer Schaltfläche wird in Feld 3 die Summe / das Produkt angezeigt Fehler ausgeben wenn Kriterium nicht stimmt
Domino Designer Praxis : Datenbankname Auslesen des aktuellen Datenbanknamens Ausgabe in einer Meldungs-Box oder im Dokument
Domino Designer Exkurs XPages Globale Objekte im SSJS Database Session currentdocument Sonderbehandlung alert, prompt, confirm Type Ahead für Objekte
Anlagen Hilfreiche Webseiten http://de.selfhtml.org/javascript/sprache/ http://content.codersdojo.org/home/ http://http://www.w3schools.com/js/ Bücher