Grundlagen JavaScript für Webdesigner

Diese Agenda ist auch Bestandteil (1.-3. Tag) des Kurses

• Was ist JavaScript
  
  • Anschauliche Beispiele über den Zweck von JavaScript
  • Begriffsdefinition JavaScript und EcmaScript
  • Unterschied zwischen JavaScript Interpreter und HTML Renderer
  • Übersicht über das Document Object Model
  
  
• Erste Schritte
  
  • Ressourcen für die JavaScript-Entwicklung
  • Überblick über die Javascript Engines
  • JavaScript in HTML einfügen
  • Ausgabe auf der Konsole
  
  
• Sprachgrundlagen
  
  • Variablen und Datentypen
  • Umgang mit dynamischer Typisierung
  • Operatoren und Ausdrücke
  • Arbeiten mit Zahlen und Zeichenketten
  • Berechnungen durchführen
  • Namenskonventionen
  
  
• Programmfluss steuern
  
  • Bedingte Anweisungen
  • Wiederholungen
  
  
• Anweisungen zu Funktionen zusammenfassen
  
  • Funktionen erstellen
  • Parameter übergeben und entgegen nehmen
  • Rückgabewerte abfangen
  • Gültigkeitsbereich von Variablen
  
  
• Der Objektbegriff in Javascript
  
  • Objekte in EcmaScript
  • DOM Objekte
  • Eigene Objekte erstellen 
  • Array­ - Objekt
  • String­ - Objekt und String­ - Methoden
  • Datum und Uhrzeit nutzen
  
  
• Sicheren und guten Code entwickeln
  
  • Debugging im Browser
  • Error-Handling
  • Kapselung
  • Code Quality Tools
  
  
• Welche APIs stellt ein Browser zur Verfügung
  
  • DOM Level 2
  • HTML5 APIs
  • Web APIs
  
  
• Document Object Model
  
  • HTML-Elemente finden und ändern
  • Elemente erstellen
  • CSS­ - Stile lesen und ändern
  
  
• Auf Benutzerereignisse reagieren
  
  • Grundlagen zu Events
  • Auf Ereignisse reagieren
  • Eine Webseite laden und verlassen
  • Mausereignisse
  • Tastatur auslesen
  • Event Bubbling
  
  
• Praxisbeispiele
  
  • Textblöcke per Mausklick ein- und ausblenden
  • Formulareingaben validieren
  • Countdown programmieren