jQuery JavaScript-Bibliothek

Empfohlene Schulungsdauer: 2 Tage, insgesamt 16 Unterrichtsstunden à 45 Minuten

Kursziele

jQuery gehört zu den bekanntesten JavaScript-Bibliotheken und vereint den Ablauf von HTML-Bäumen, Ereignisbehandlung, Animationen sowie Ajax-Interaktionen in einem konsistenten Web Application-Framework. Im Zentrum von jQuery stehen elegante CSS-Selektoren, um auf Elemente im DOM-Baum zuzugreifen und diese zu bearbeiten. Das Seminar gibt an vielen Beispielen einen tiefen Einblick in jQuery und stellt auch fortgeschrittene Themen wie Ereignisse, Effekte und Animationen vor. Teilnehmer erhalten einen Überblick über frei verfügbare jQuery-Plugins und lernen, wie eigene jQuery-Plugins entwickelt und getestet werden.

Zielgruppe

Web-Designer

Kursvoraussetzungen

Grundkenntnisse in HTML, CSS und JavaScript

Seminarinhalte

  • Einführung in jQuery

    - Überblick über JavaScript-Bibliotheken; Abgrenzung zu Prototype, Mootools
    - Download jQuery
    - Erste Experimente mit jQueryPad
    - Konzepte und Überblick über jQuery, das Prinzip ›Unobtrusive JavaScript‹
    - Plugin-Konzept von jQuery
    - Interoperabilität von jQuery und anderen JavaScript-Framworks
    - Komprimierte jQuery-Versionen, Yahoo! UI Library: YUI Compressor
    - Usability, Fallback bei deaktiviertem JavaScript

  • jQuery Core, Selektoren, Attribute

    - DOM-Objektmodell
    - $(...)-Funktion
    - Objektzugriffe
    - Selektoren, Zugriffe über Klasse oder ID
    - Ändern von Element-Properties und Element-Attribute
    - Attribute
    - Filter
    - Transformationen
    - Browser-Funktionen
    - Neue Array-, Objekt-, String-Funktionen

  • HTML-Transformation, CSS

    - Verändern von HTML-Elementen
    - Einfügen von HTML-Elementen
    - Content ersetzen
    - DOM-Bäume kopieren
    - CSS-Eigenschaften setzen
    - CSS-Funktionen für Positionierung und Layout

  • Ajax-Anwendungen mit jQuery

    - Ajax Requests absenden
    - POST und GET
    - XMLHttpRequest
    - Callbacks, Ajax Events,
    - Serialisierung, JSON-Kodierung, jQuery und JSONP (JSON with padding)

  • jQuery.Event

    - Ereignisbehandlung, Browser-Events
    - Binden
    - Trigger
    - Event-Attribute und Event-Funktionen
    - Hilfsfunktionen für übliche Events

  • Interaktionen mit jQuery

    - Drag und Drop
    - start/drag/stop-Callbacks
    - jQuery UI Draggable Plugin
    - jQuery UI Droppable Plugin
    - jQuery UI Sortable Plugin
    - jQuery UI Selectable Plugin
    - jQuery UI Resizable Plugin

  • jQuery-Effekte

    - effects.core.js
    - Farbannimationen
    - Animieren über verschiedene Klassen
    - Show/Hide/Toggle-Effekte
    - jQuery Easing Plugin

  • Widgets, jQuery UI und jQueryTools

    - Widget Factory
    - Accordion
    - Autocomplete
    - Button
    - Datepicker
    - Dialog
    - Progressbar
    - Slider
    - Tabs
    - Effekte

  • Theming

    - jQuery UI CSS-Framework
    - CSS-Klassen in ui.core.css und ui.theme.css
    - jQuery UI ThemeRoller
    - Eigenes CSS für Plugins

Eingesetze Seminar-Software

Basis des Seminars ist die letzte Version von jQuery 1.4 und jQuery UI v1.8.

Schlagwörter

Weiterführende Seminare

Ausgezeichnet in CSS, JavaScript und DOM für dynamische Webseiten, Sichere Web-Anwendungen entwickeln

[Addthis] [Google Bookmarks] [Yahoo! Bookmarks] [Delicius] [Mister Wong]

 

[Nach oben]