Ext JS 4 Jumpstart
Das Sencha Ext JS 4 Javascript Framework eignet sich hervorragend zur Programmierung Desktop-ähnlicher Webanwendungen. In dem Workshop lernen Sie die wichtigsten Klassen, Methoden des Frameworks und Ihr Zusammenspiel kennen. Nach dem Workshop sind Sie in der Lage eigene Webanwendungen auf der Basis von Ext JS 4 zu entwickeln. Der Kurs besteht aus 11 Lerneinheiten, sogen. Units, in denen sich Vorträge, gemeinsamen Übungen und durch die Kursteilnehmer selbständig zu lösende Programmieraufgaben abwechseln.
In den selbstständigen Übungen entwickeln die Kursteilnehmer im Laufe des Workshops eine eigene Ext JS App, welche Daten über das JSON Format von einem Server abruft und über das User Interface darstellt. Kursbeispiel als Video
Neben den Grundlagen des Ext JS 4 Frameworks, wie Panels, Templates, Layouts, Grids, Forms, Dataviews, DataStores usw. werden auch Themen, wie die Erstellung eigener UI Komponenten und Ext Theming mit CSS und SASS behandelt.
Ein weiteres Kursziel ist es den Kursteilnehmern wichtige Grundlagen aus der Softwarearchitektur zu vermitteln. z.B. Wie das MVC-Entwurfsmuster im Zusammenhang mit den Neuerungen von Ext JS 4 in der Praxis angewendet wird.
Die Schulungsunterlagen sind in deutscher Sprache abgefasst.
Dauer: 3 Tage
Preise: Bei einer öffentlichen Klasse beträgt der Preis für den dreitägigen Workshop Euro 1199,- pro Teilnehmer (mindestens 4 Teilnehmer), inkl. Kursunterlagen, Getränken und Mittagstisch, alle Preise inkl. 19% USt. Preise für Inhouse Schulungen gibt es auf Anfrage. Kontaktieren Sie uns dazu einfach per eMail unter info@cfsolutions.de.
Schulungsort: In Köln, München, Frankfurt, Hamburg oder bei Ihnen vor Ort.
Der Schulungsraum ist bestens ausgestattet. Die öffentlichen Klassen finden in den Tagungsräumen eines renomierten kölner Hotels statt. Modernste Präsentationstechnik stellt sicher, daß die Schulungsinhalte optimal dargestellt werden können. Über Wlan können die Schulungsteilnehmer jederzeit ins Internet. Im Preis sind Getränke und Mittagstisch enthalten.
Lerngruppen bis maximal 9 Personen. Für jeden Teilnehmer steht ein Laptop zur Verfügung. Auf Wunsch kann auch der eigene Laptop als Schulungsrechner verwendet werden.
Schulungsvoraussetzungen
Der Workshop richtet sich an erfahrene Webentwickler mit guten Javascript Grundkenntnissen und CSS Knowhow. Darüber hinaus sollten sich die Teilnehmer mit JSON auskennen.
Der Trainer
Martin Orth entwickelt seit 1999 komplexe Webanwendungen. Er ist ein zertifizierter ColdFusion Entwickler und von Adobe zertifizierter ColdFusion Trainer. Er arbeitet seit 2008 in Projekten mit dem Ext JS JavaScript Framework, damals noch Version 2.1. Als Trainer hat er von 1999 – 2011, in Grundlagen- und Fortgeschrittenenkursen über 400 Schulungsteilnehmern umfangreiches Wissen zur Entwicklung komplexer Webanwendungen vermittelt.
Schulungsinhalte:
Unit 1 – Einführung in den Workshop
- Begrüßung und Generelles zum Ablauf des Workshops
- Ziele des Workshops
- Abstimmung der Schulungsvoraussetzungen
- Welche Software wird benötigt?
- Welche zusätzliche Software ist hilfreich?
- Grundsätzliches zum Aufbau der Schulungsunterlagen
- Welche Themen erwarten Sie in den nächsten drei Tagen?
- Präsentation der Ext JS App
Unit 2 – Erste Schritte mit Ext JS 4
- Erste Schritte
- Übersicht über die Dokumentation von Ext JS 4
- Einbindung der Ext JS Bibliothek
- Der Ext JS Core
- Nie wieder Adapter
- Die Kompatibilität von Ext JS 4 zu Ext JS 3
- Der Sandbox Modus
- Mehr zum Ext JS Core
- Das Klassen System des Core
- Klassen Definitionen
- Das Laden von Klassen
- Mixins
- Statics
- Erzeugung von Getter- und Setter-Methoden durch die config Eigenschaft
- Einsatz des Lang Packages
- Die wichtigsten Klassen und Methoden des Ext JS Core im Überblick
- Ext.Element
- Ext.CompositeElement
- Ext.DomHelper
- Ext.DomQuery
- Mehr zu Ext JS und Events
- Ext Events & DOM Events
- Die Klasse Observable
- Eigene Events
- Die Definition von Event Handlern
- Event Handling contra Event Delegation
- Beispiel: Drag & Drop mit eigenen DOM Elementen
Unit 3 – Das Ext JS GUI Layout System
- Das Ext JS Komponenten System
- Der Komponenten Manager und verzögertes Rendering
- Wann verwendet man Komponenten oder Elemente?
- Komponenten konfigurieren
- Komponenten erweitern
- Der Viewport
- Das Panel
- Docking
- Headers
- Tools
- Größenanpassung von Panels
- Panels und Toolbars
- Verschiedene Panel Layouts
- HBOX
- VBOX
- Splitter
- Tabs
- Abfrage der Komponentenabfolge mit Ext.ComponentQuery
Unit 4 – Kein User Interface ohne Daten
- Was ist ein Model und wie wird es definiert?
- Daten Überprüfung
- Zuordnungen definieren
- Proxy Definition
- Arbeiten mit Stores
- Datenaustausch mit dem Server
- Wie können Daten lokal gespeichert werden?
Unit 5 – Die Arbeit mit Formularen
- Dateneingabe Formulare
- Designmöglichkeiten von Formularen
- Überprüfung von Formulareingaben
Unit 6 – Zustände von UI Komponenten speichern
- Was sind Zustände im Zusammenhang mit einem User Interface?
- Verschiedene UI Komponenten und deren mögliche Zustände
- Zustands-Provider contra Zustands- Manager
- Es gibt verschiedene Zustands- Provider
- Einen eigenen Zustands-Provider erstellen
- Der Umgang mit dem Zustand einer Applikation
Unit 7 – Datenvisualisierung
- Daten in Charts anzeigen
- Die Darstellung von Daten in Charts anpassen
- Zeichenfunktionen
- Animationen
Unit 8 – Die wichtigsten UI Komponenten
- Eigene DataViews erstellen
- Übersicht zum Thema: Grids
- Daten im Grid anzeigen
- Daten im Grid editieren
- Das TreePanel
- Drag & Drop im Zusammenhang mit dem TreePanel
Unit 9 – Theming
- Kurzeinführung zu Theming und SASS
- Mit Compass und SASS eigene Themes erstellen
Unit 10 – Wie ich meine Applikation noch verbessern kann
- Support verschiedener Browser und Plattformen
- Env und Ext.supports
- Unterstützung verschiedener Sprachen
- Unterstützte Sprachen
- Internationalisierung von Komponenten
- Barrierefreiheit
Unit 11 – Deployment einer Ext JS Applikation
- Das Model View Controller Entwurfsmuster
- MVC mit Ext JS 4
- Javascript Sourcecode komprimieren
Anmelden
Sie sind an unserem Workshop zum Thema Ext JS 4 interessiert?
Zögern Sie nicht und melden Sie sich noch heute Online bei uns an, denn die Teilnehmeranzahl ist begrenzt. Klicken Sie dazu einfach auf den Link "Jetzt Anmelden!" in der Zeile mit Ihrem Wunschtermin.
Copyright © 2011 cfsolutions