jQuery Komplett

1.-3. Tag: Auch separat buchbar als Einführungskurs

• jQuery kennenlernen
  
  • Was ist jQuery und wofür wird es eingesetzt
  • Unterschiede zu Vanilla JavaScript und modernen Frameworks
  • Installation lokal und über CDN
  • Verwendung von jQuery Migrate zur Unterstützung älterer Versionen
  
  
• Entwicklungsumgebung und Tools
  
  • Einführung in Chrome Developer Tools und weitere Debugging-Werkzeuge
  • Einsatz von console.log, alert und debugger in der Entwicklung
  
  
• Grundlagen der jQuery-Syntax
  
  • Verwendung von $() zur DOM-Selektion
  • Selektoren: IDs, Klassen, Attribute und Filter
  • Verkettung von Methoden und DOM-Traversierung
  
  
• DOM-Manipulation in der Praxis
  
  • Ändern von Attributen, Inhalten, Klassen und Styles
  • Einfügen und Entfernen von HTML-Elementen
  
  
• Eventsteuerung mit jQuery
  
  • Binden und Auslösen von Ereignissen mit on()
  • Unterschied zwischen bind(), live() und modernen Methoden
  • Trennung von HTML und JavaScript mit unobtrusive Techniken
  • Event-Bubbling und Delegation im Überblick
  
  
• Formularverarbeitung
  
  • Selektoren für Formularelemente
  • Erfassen und Validieren von Benutzereingaben
  • Serialisierung von Formulardaten
  
  
• Animationen mit jQuery
  
  • Vordefinierte Effekte wie fadeIn(), slideUp(), toggle()
  • Erstellung individueller Animationen mit .animate()
  • Unterschiede zwischen JavaScript- und CSS3-Animationen
  
  
• AJAX mit jQuery
  
  • Einsatz von get(), post(), getJSON(), ajax()
  • Verwendung von JSON als Datenformat
  • Cross-Origin-Policy und AJAX-Fehlerbehandlung
  • Eventbindung an dynamisch nachgeladene Elemente
  
  
• Strukturierung und Best Practices
  
  • Trennung von Struktur (HTML), Darstellung (CSS) und Verhalten (JavaScript)
  • Modularer Aufbau von jQuery-Code
  • Einführung in das JavaScript Module Pattern
    
    
    
    
  
  

4.-5. Tag: Auch separat buchbar als Aufbaukurs

• JavaScript vertiefen - Konzepte verstehen
  
  • Objekte, Closures, Funktionsausdruck vs. Funktionsdeklaration
  • Spezialthemen wie this, hoisting und scoping
  • Modularisierung, Namespaces und Speicherverhalten
  
  
• Einführung in testgetriebene Entwicklung mit QUnit
  
  • Installation und Struktur von Testumgebungen
  • Assertions: ok(), equal(), deepEqual(), strictEqual()
  • Testing von asynchronem Code
  • Best Practices zur Organisation von Tests
  
  
• Eigene jQuery-Plugins entwickeln und verwalten
  
  • Plugin-Architektur und Best Practices
  • Verwendung von fn() und extend()
  • Immediate Function Wrapper für Kapselung
  • Verteilung, Installation und Dokumentation eigener Plugins
  
  
• jQuery UI in der Praxis
  
  • Download und Konfiguration
  • Theming und Komponentenintegration
  • Interaktionen: Drag and Drop, Sortable, Resizable, Selectable
  • Effekte, Animationen und visuelles Feedback
  
  
• Ajax und Datenformate
  
  • AJAX-Kommunikation mit JSON oder XML
  • Fehlerbehandlung und Datenvalidierung
  • Integration von APIs und serverseitigen Schnittstellen