Einstieg in JavaScript und jQuery für Webdesigner

Seminarziel

Am Ende dieses Seminar verfügen Sie über ein Grundlagenwissen, um JavaScript und jQuery  im Zusammenspiel mit einem Browser einsetzen zu können. Sie kennen die wichtigsten Features und können Fehler in Ihrer Programmierung finden. 

Inhalt

Diese Agenda ist auch separat buchbar als Grundkurs Einstieg in JavaScript für Webdesigner

• 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
    
    

Diese Agenda ist auch separat buchbar als Grundkurs Einstieg in jQuery für Webdesigner

• Grundlagen von jQuery 
  • Lizenz und Download
  • Online Ressourcen
  • Anwendungsfälle
  • Erste Beispiele
• Einführung
  • Das jQuery Objekt
  • Collection aufbauen und Filtern
  • Auf Elemente in der Collection zugreifen
  • Eventhandling
  • Inhalte von Elementen ändern
  • Elemente, Attribute und Inhalte erstellen
• Stil-Änderungen und Animationen
  • CSS-Eigenschaften ändern
  • Vordefinierte Animationen anwenden
  • Eigene Animationen erstellen
  • Möglichkeiten erweitern mit jQuery UI
• Formulare
  • Events für Formulare
  • Eingaben überprüfen
  • Selektoren für Formularelemente und -Zustände
• jQuery als REST-Client
  • JSON-Daten von einem Server holen
  • Tabelle mit JSON-Daten füllen
• jQuery UI
  • Einsatzmöglichkeiten von jQuery UI
  • Widgets in der Übersicht
  • Theming