Sencha Touch Fundamentals
Learn all the fundamentals of building a SenchaTouch mobile web application with just JavaScript.
What you'll learn
From these course modules, you will learn all the fundamentals of building a SenchaTouch mobile web application with just JavaScript. You will learn how to leverage the Sencha Touch data and visual components to build world class mobile HTML5/CSS3 applications that can be deployed across multiple mobile platforms (IOS, Android, Blackberry, Windows 8 phone and others). Expect at the end of the course to be prepared to build high fidelity, high quality web applications based on a solid understanding of the fundamentals of Sencha Touch
Table of contents
- Overview 1m
- Rendering a Template with Ext.XTemplate in an Ext.Panel 4m
- Component Hiding and Showing Based on Button Tap 6m
- Popup Messages on Components 2m
- Components Docking Themselves 2m
- Components Align Themselves 2m
- Components Life Cycle 5m
- Component Summary 1m
- Documentation Overview 2m
- API Documentation Deep Dive 4m
- Documentation Guides and Examples 2m
- Components and Documentation Summary 0m
- Container Basics 2m
- What is Layout Management in General 2m
- Layout Fundamentals 4m
- Class Hierarchy and Layouts 1m
- Coding Simple Layout Management in Visual Studio 5m
- Layout Management Relative Spacing with Flex 2m
- Card Layout Basics 3m
- Morphing a Card Layout to a Tab Panel 1m
- Carousel Layout Management Details 1m
- Adding Animations to Carousel and Tab Layout Managers 2m
- Adding Pack and Align to Layout Managers 3m
- Building Nested Layout Managers 4m
- Summary of Containers and Layout Managers 1m
- Components Overview 1m
- Adding Icons and Formatting to Tab Pages 4m
- Adding To a Tab Page a Logo and Custom Message 6m
- Adding a Google Map to a Tab Page 3m
- Adding a Title Bar With a Button To Popup a Message 6m
- Playing a Video Popup From a Button Press 4m
- Visual Components Summary So Far 0m
- Introduction to Sencha Touch Forms and Fields 4m
- Building a Simple Login Form 10m
- Posting Form Data To A Server and the Kitchen Sink Demo 4m
- Visual Navigation Controls Overview 2m
- Building Our Own Navigation View With a Card Layout 8m
- Explaining the Navigation View Online Help Example 2m
- Explanations of the Nested List View Control 3m
- Summary 0m
- Introduction to Stores and Dataviews 2m
- Building a Simple Store and Dataview With Sencha Touch 3m
- Sorting and Filtering with the Data Store 4m
- Building a Speakers Dataview with a Store and Template 2m
- Sorting a DataView in Visual Studio 1m
- Adding some styling to a Dataview 2m
- Filtering and Grouping Speaker Sessions by Day 8m
- Defining and Understanding Data Models 3m
- Using Data Models with Stores in Sencha Touch 7m
- Data Model Validation Including Examples 3m
- Data Model Associations and Data Proxies 3m
- Adding Data Model Associations and Proxies 6m
- Integrating Data Model Associations with Proxies 5m
- Summary 1m
- Overview of Bringing it all Together 2m
- Sencha CMD Brief Overview With Documentation 2m
- Scaffolding a Sencha Touch Application 10m
- Compile Your App For Testing and Production 4m
- File Layout Review for Sencha Touch Builds 2m
- Fix Scaffolded Application By Clearing Default Tabs 2m
- Summary of CMD and the Building for Production 2m
- Introduction to Building a Real Sencha Touch Application 0m
- Application Layout as Seen from the JavaScript file app.js 1m
- The Demo of the Code Camp Application we will Build 3m
- A Block Diagram of our Code Camp JavaScript Layout 2m
- Seven view JavaScript files instead of one big one 2m
- Ext.define, alias, requires, config and card layout example 4m
- Navigating Between our Login Screen and Application Tab Panel 6m
- Referencing Sencha Touch Components 5m
- Replacing Button Up Type References 2m
- A Detailed Walk Through of a Sencha Touch MVC Controller 12m
- Style with CSS and Increasing Performance with Infinite Scrolling 3m
- Summary 1m