title
Please take a moment to fill out this form. We will get back to you as soon as possible.
All fields marked with an asterisk (*) are mandatory.
Advanced JavaScript: Using Ext JS 5
Duration
4 Days
Course
WDJS-245
Available Formats
Classroom Training, Online Training
Course Description
Overview
This Advanced JavaScript: Using Ext JS 5 course is designed to provide students with instruction and practical exercises using the Ext JS 5 JavaScript Library. It examines Ext JS 5 features such as the MVVM architecture, data binding, and migrating to the latest version. This course examines core library features including the use of the Ext Element object, event handling capabilities, and working with arrays, strings, and other data types. The course provides insight on using Ajax techniques such as JSON-P and CORS. It explores various layouts and containers and examines the data-driven TreePanels, ComboBoxes, and Charts. The course explores numerous techniques for working with the Grid, TabPanel, and the data access classes. An in-depth treatment of creating custom components is accompanied by hands-on exercises. Finally, discussions on the build and deployment features including the creation of SASS-based CSS themes it provided.This course introduces modern practices of JavaScript, such as OOJS and the use of design patterns. Best practices are emphasized with the use of the Ext JS library. Participants are responsible for being familiar with JavaScript concepts before taking this course.
Objectives
Upon completion of the Advanced JavaScript: Using Ext JS 5 course, students will be able to:
- Successfully incorporate Ext JS 5 into front-end solutions
- Utilize different Ext JS core functions including Ajax, DOM, and event-based interactions
- Incorporate (and extend) numerous components and layouts into applications
- Create custom components
- Incorporate an MVVM and/or MVC architectures
Audience
- Primary audience: Developers interested in leveraging Ext JS in Web Applications
- Secondary: Server-side developers, other programmers interested in JavaScript or client-side frameworks
Prerequisites
- Strong OO Skills, HTML, and JavaScript Language Fundamentals such as DOM and event handling required
- CSS Fundamentals are highly recommended
Topics
Day 1
Advanced Functions and OOJS Techniques
Ext JS Basics
Introducing UI Components
Day 2
Working with Layouts
Using the MVVM Architecture
Ajax and Ext JS
Day 3
Introducing Data Components
Using Components
Advanced Components
Day 4
Grids and Charting
Deployment and Migration
Theming and Internationalization
Appendix A - Using the Classic MVC Architecture
- The ECMAScript Standard
- Declaring Functions
- Function Literal Notation
- The Function Object
- Variadic Functions
- Advanced Argument Passing
- Variables and Scope
- Overloading Issues
- The Global Namespace
- Closures
- The Object Prototype
- Encapsulation
- Self-Executing Functions
- Private and Privileged Properties
- Pseudo-private Properties
- Defining Application Modules
- Exercise – Implementing JavaScript Patterns
- Ext JS Overview
- Versions and Compatibilities
- Ext JS and Licensing
- Loading the Library
- Working with Ext JS
- The Underlying Core Library
- The Powerful Element Object
- Unwrapping the DOM Node from Element
- Event Handling and EventObject
- Events across browsers
- Selecting and Querying Nodes
- Creating Classes using Ext JS
- What is Sencha Architect?
- Exercise – A First Ext JS Application
- Working with Forms
- Using FormLayouts
- Dealing with Label Sizes
- FormPanels
- Data Form Validation
- Submitting Forms Using Ajax
- Exercise –Using Core Ext JS Features and Building Forms
- Using Components
- Understanding the Ext JS Component Lifecycle
- Working with Panels
- Dynamically Loading Containers
- Ext JS Window Types
- Working with Layouts
- BorderLayouts
- Accordions
- Viewports
- Creating Responsive Solutions
- responsiveConfigs
- Gestures and Tablet Support
- Exercise – Creating an Ext JS Layout
- What is an MVVM Approach?
- Data Binding
- Working with ViewControllers
- Handling Refs and Listeners
- Defining ViewModels
- Model Validations
- Using Formulas
- Combining MVC and MVVM Architectures
- Incorporating Routing
- Introducing Ext.Ajax.request()
- Handling Responses
- Handling Errors
- Passing Parameters
- Setting Headers
- Setting timeouts
- Evaluating JSON Data
- Understanding JSON-P
- Dynamic Script Tags
- Ext JS and JSON-P
- CORS and Ext JS
- Creating Responsive Tab Panels
- Exercise – Using Tabs and Cross Domain Requests
- Ext.data Package
- Working with Model Components
- Creating Models
- Model Validation
- Managing Data with Sessions
- The Role of Stores/Proxies/Associations
- Establishing Data Stores
- Working with Ext.data DataReaders
- Records
- Using an Ajax Proxy and JSONReader
- Xml Readers
- Incorporating Listeners
- Working with Comboboxes
- Using a RestProxy
- Exercise – Cascading Comboboxes
- Components, Elements and Nodes
- Rendering Components
- More with Panels
- Creating Toolbars and Actions
- Using Tabs and TabPanels
- Handling Custom Events
- Other New Components: Tagfields, Segmented Buttons
- Exercise – Adding Panels and Toolbars
- Using XTemplates
- Executing XTemplates
- Working with DataViews
- Advanced DataView Concepts
- Animated DataViews
- Creating Custom Components
- Extending Components
- Custom Component Fields
- Component Lifecycle
- Dynamic TreePanels
- Trees and Checkboxes
- Breadcrumbs and Tablets
- Exercise – Creating a Tree Custom Component
- Creating the Basic Grid
- Defining Selection Models
- Editable Grids
- Dynamic Updates
- Paging Grids
- Using Widget Columns
- Grouping Operations
- Upgrading to the New Charts Package
- Ext JS 5 New Chart Series
- Creating Charts
- Supported Chart Types
- Dynamically Updating Charts
- Using Sparklines
- Exercise – Incorporating the Grid Component
- Exercise – Working with Charts
- Ext JS 4 to 5 Migration Steps
- Enabling the Compatibility Layer
- Using Sencha Cmd for Application Builds
- Using Different Themes
- New Ext sJS 5 Themes
- Customizing Component Look and Feel
- SASS Overview
- Theming Basics
- New SASS Mixins
- Localization Features
- Incorporating the MVC Framework
- MVC Project Structure
- The Initial Page
- The Application File
- Defining Views
- Creating a Controller
- Initializing Event Handling
- Handling Multiple Events
- MVC Selectors
- AutoCreating Views
- Adding Controllers
- Controller-to-Controller Communication
- Adding Stores & Models
- View Controllers vs Controllers
- Using References in Controllers
- View-Controller Granularity
- Exercise – Creating an MVC App
Related Courses
-
Fundamentals of JavaScript
WDJS-225- Duration: 3 Days
- Delivery Format: Classroom Training, Online Training
- Price: 1,755.00 USD
-
Advanced JavaScript
WDJS-220- Duration: 2 Days
- Delivery Format: Classroom Training, Online Training
- Price: 1,170.00 USD
Self-Paced Training Info
Learn at your own pace with anytime, anywhere training
- Same in-demand topics as instructor-led public and private classes.
- Standalone learning or supplemental reinforcement.
- e-Learning content varies by course and technology.
- View the Self-Paced version of this outline and what is included in the SPVC course.
- Learn more about e-Learning
Course Added To Shopping Cart
bla
bla
bla
bla
bla
bla
Self-Paced Training Terms & Conditions
??spvc-wbt-warning??
Exam Terms & Conditions
??exam-warning??
??group-training-form-area??
??how-can-we-help-you-area??
??personalized-form-area??
??request-quote-area??
Sorry, there are no classes that meet your criteria.
Please contact us to schedule a class.
STOP! Before You Leave
Save 0% on this course!
Take advantage of our online-only offer & save 0% on any course !
Promo Code skip0 will be applied to your registration
Nothing yet
Purchase Information
??elearning-coursenumber?? ??coursename??
View Cart
title
Please take a moment to fill out this form. We will get back to you as soon as possible.
All fields marked with an asterisk (*) are mandatory.