Sie befinden sich hier: Home » Seminare » Web » EXTJS

Das JavaScript-Framework Ext JS

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

Kursziele

Ext JS ist ein JavaScript-Framework, das eine rasche Entwicklung von Webanwendungen ermöglicht.Es bietet einen reichhaltigen Fundus an GUI-Komponenten, die Benutzer vom Desktop kennen. Das Seminar stellt alle Kernkomponenten wie Schaltflächen, Listen, Bäume, Tabellen und Layouts vor, mit denen sich Webanwendungen entwickeln lassen, die Desktop-Anwendungen in ihrer Flexibilität nur wenig nachstehen. Teilnehmer entwerfen funktionale Formulare und können mit Ajax-Aufrufen Daten aktualisieren. Sie lernen, wie Daten in Tabellen direkt editiert und über XML oder JSON gespeichert werden können. Neben den Grundlagen des Ext JS-Frameworks und den GUI-Komponenten stellt das Seminar die Möglichkeiten für DOM-Manipulationen, Drag&Drop, Data-Binding und Themes vor und gibt Hinweise sowie Best Practices zur Codeorganisation und zum Aufbau großer RIA-Anwendungen.

Seminarinhalte

• Einstieg in Ext JS

  - Anforderungen an ein RIA und JavaScript-Framework
  - Ext JS Showcase
  - Ursprung und Entwicklung von Ext JS, yui-ext (Yahoo YUI)
  - Lizenzänderungen von LGPL nach GPL
  - Preisgestaltung für kommerzielle Version, Support-Verträge
  - Ext JS und EXT GWT für Java-Entwickler
  - Ext Core als MIT-lizensiertes JavaScript-Framework
  - SmartClient und Alternativen
  - GUI-Builder Ext Designer
  

• Grundlegende Schritte mit Ext JS

  - Einbinden der Ext JS-Bibliothek
  - Webseite aufbauen und erstes Beispiel implementieren
  - Debugging
  - DOM-Baum, CSS-Selektoren
  - Utility-Funktionen in der Ext-Klasse
  - DOM-Manipulationen mit Ext.DomHelper, Ext.Element
  - DOM-Anfragen und Element-Selektion über Ext.DomQuery
  - Auf DOM-Ereignisse registrieren
  

• Grundlegende GUI-Komponenten und Techniken

  - Komponentenmodell von Ext JS, Rendering
  - Container, Panel, Window, Viewport
  - Komponentenüberblick
  - Reiter, Schieberegler, TimeField, Fortschrittsbalken, ComboBox, SplitButton, ...
  - Quicktips
  - Menüs und Toolbar, Schaltflächengruppen, Aktionen, Statuszeile
  - Fenster und Dialoge
  - Formulare, Validierung, Upload
  - Rich-Text-Editor, RTF
  - Bäume für hierarchische Strukturen
  

• Layout Managers

  - Das Ext.layout-Paket
  - Ext.layout.AbsoluteLayout
  - Ext.layout.AccordionLayout
  - Ext.layout.AnchorLayout
  - Ext.layout.BorderLayout
  - Ext.layout.BoxLayout
  - Ext.layout.CardLayout
  - Ext.layout.ColumnLayout
  - Ext.layout.FormLayout
  - Ext.layout.HBoxLayout
  - Ext.layout.TableLayout,
  - Ext.layout.VBoxLayout
  

• Ajax-Aufrufe

  - Ablauf von Ajax-Requests, Responds verarbeiten
  - POST- und GET-Aufrufe mit Ext JS
  - Ext.Element aktualisieren mit Ext.Updater
  - Formulare mit Ajax aktualisieren
  - Umgang mit Datenformante XML, JSON, einfachem Text
  - Lebenszyklus von Daten, Ext.Data-Klassen: XML- und JSON-Daten, Store, Records
  - Ausblick: Effektive Serverkommunikation mit Ext Direct
  

• Tabellen (Grids)

  - Einfache Tabellen
  - Spaltenmodelle
  - Property-Tabelle
  - Editierbare Tabelle, Zeileneditor
  - XML-Grid
  - Paginierung, Sortierung, Filterung
  - Große Datenmengen verwalten
  - Gruppierte Daten
  - Speichern von Änderungen mittels REST-Services
  

• XTemplate und DataView

  - Data-Binding
  - Rendering mittels vorgefertigtem Template
  - Ausdrücke in den Templates, Bedingungen, Fallunterscheidungen
  - ListView zur komfortablen Listendarstellung mit XTemplate
  - DataView und der Store
  

• Weitere Themen und Ausblick

  - Internationalisierung
  - Accessibility
  - Effekte
  - Browser-History verwalten
  - Google Maps integrieren
  - Charts
  - Drag&Drop-Unterstützung von Ext JS
  - Eigene GUI-Komponenten aufbauen
  - Clientseitiger Status
  - Effektives Debugging, Umgang mit Fehlermeldungen
  - Aufbau eines Themes
  - Integration mit anderen JavaScript-Bibliotheken
  - Architektur großer GUI-Anwendungen
  

Schulungsunterlagen

Eigene Unterlagen und auf Wunsch das Buch ›Ext JS - kurz & gut‹.

Eingesetze Seminar-Software

Web-Browser, JavaScript-Editor und jeweils aktuelle Version von Ext JS 3.2.x.

Weiterführende Seminare

Wie Web-Anwendungen gegen Attacken abgesichert werden, zeigt effektiv das Seminar Sichere Web-Anwendungen entwickeln. Teilnehmer, die einen systematischen Einsteig in JavaScript suchen, bekommen in der Weiterbildung JavaScript und DOM für dynamische Webseiten alles über die Sprache vermittelt. Ext JS ist ein ausgezeichnetes Framework das auch von Java in GWT genutzt werden kann; die Weiterbildung Google Web Toolkit (GWT) geht intensiv auf das Google Web-Framework ein.