آموزش اصول Sencha Touch

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه و نسخه ی نمایشی ساده Introduction and Simple Demo

• رعد و برق واقعی Real World Lightning Fast Run Through

• انتظار در این دوره چیست What to Expect in this Course

• منابع References

اصول جاوا اسکریپت و سیستم کلاس لمسی JavaScript Fundamentals and the Touch Class System

• بررسی اجمالی Overview

• Singletons و JavaScript Literals Singletons and JavaScript Literals

• ساخت اولین برنامه ما Building Our First App

• معرفی کلاسهای Sencha Touch Introducing Sencha Touch Classes

• ساخت یک کلاس ساده JavaScript Building a Simple JavaScript Class

• کلاسها ، راه لمسی Sencha Classes, The Sencha Touch Way

• خلاصه Summary

اجزای سازنده و مستندات Sencha Touch Sencha Touch Components and Documentation Overview

• بررسی اجمالی Overview

• ارائه الگو با Ext.XTemplate در یک صفحه Ext.Panel Rendering a Template with Ext.XTemplate in an Ext.Panel

• مخفی کردن و نمایش کامپوننت بر اساس ضربه زدن روی دکمه Component Hiding and Showing Based on Button Tap

• پیامهای بازشو در اجزا Popup Messages on Components

• اجزا خود را متصل می کنند Components Docking Themselves

• اجزا خود را تراز می کنند Components Align Themselves

• چرخه زندگی قطعات Components Life Cycle

• خلاصه اجزا Component Summary

• مروری بر مستندات Documentation Overview

• مستندات API Deep Dive API Documentation Deep Dive

• راهنماها و مثالهای مستند Documentation Guides and Examples

• اجزا and و خلاصه مستندات Components and Documentation Summary

کانتینرها و مدیریت چیدمان Containers and Layout Management

• اصول کانتینر Container Basics

• به طور کلی مدیریت چیدمان چیست What is Layout Management in General

• اصول چیدمان Layout Fundamentals

• سلسله مراتب و چیدمان کلاس Class Hierarchy and Layouts

• برنامه نویسی مدیریت طرح بندی ساده در Visual Studio Coding Simple Layout Management in Visual Studio

• مدیریت چیدمان فاصله نسبی با Flex Layout Management Relative Spacing with Flex

• اصول طرح کارت Card Layout Basics

• شکل دادن به طرح کارت در یک صفحه Tab Morphing a Card Layout to a Tab Panel

• جزئیات مدیریت طرح چرخ و فلک Carousel Layout Management Details

• اضافه کردن انیمیشن ها به مدیران چرخ و فلک و طرح بندی برگه ها Adding Animations to Carousel and Tab Layout Managers

• افزودن بسته و تراز کردن به مدیران چیدمان Adding Pack and Align to Layout Managers

• ایجاد مدیران چیدمان تو در تو Building Nested Layout Managers

• خلاصه ظروف و مدیران چیدمان Summary of Containers and Layout Managers

اجزای بصری Visual Components

• بررسی اجزای کلی Components Overview

• افزودن نمادها و قالب بندی به صفحات برگه Adding Icons and Formatting to Tab Pages

• افزودن به یک صفحه برگه آرم و پیام سفارشی Adding To a Tab Page a Logo and Custom Message

• افزودن نقشه گوگل به صفحه برگه Adding a Google Map to a Tab Page

• افزودن یک نوار عنوان با یک دکمه برای ظاهر شدن پیام Adding a Title Bar With a Button To Popup a Message

• پخش یک پنجره ویدیویی از یک دکمه فشار دهید Playing a Video Popup From a Button Press

• خلاصه اجزای بصری تاکنون Visual Components Summary So Far

• معرفی فرم ها و زمینه های Sencha Touch Introduction to Sencha Touch Forms and Fields

• ساخت یک فرم ورود ساده Building a Simple Login Form

• ارسال اطلاعات فرم به یک سرور و نسخه ی نمایشی سینک ظرفشویی Posting Form Data To A Server and the Kitchen Sink Demo

• نمای کلی کنترلهای پیمایش بصری Visual Navigation Controls Overview

• نمای ناوبری خود را با طرح کارت ایجاد کنید Building Our Own Navigation View With a Card Layout

• توضیح مثال راهنمای مشاهده ناوبری Explaining the Navigation View Online Help Example

• توضیحات کنترل نمایش Nested List Explanations of the Nested List View Control

• خلاصه Summary

مدل ها و فروشگاه های داده سمت جانبی مشتری Client Side Data Models And Stores

• مقدمه ای بر فروشگاه ها و Dataviews Introduction to Stores and Dataviews

• ساخت یک فروشگاه ساده و Dataview با Sencha Touch Building a Simple Store and Dataview With Sencha Touch

• مرتب سازی و فیلتر کردن با Data Store Sorting and Filtering with the Data Store

• ساخت یک Dataview بلندگوها با یک فروشگاه و الگو Building a Speakers Dataview with a Store and Template

• مرتب سازی DataView در Visual Studio Sorting a DataView in Visual Studio

• افزودن برخی از سبک ها به Dataview Adding some styling to a Dataview

• فیلتر کردن و گروه بندی جلسات بلندگو براساس روز Filtering and Grouping Speaker Sessions by Day

• تعریف و درک مدلهای داده Defining and Understanding Data Models

• استفاده از مدل های داده با فروشگاه در Sencha Touch Using Data Models with Stores in Sencha Touch

• اعتبارسنجی مدل داده از جمله مثالها Data Model Validation Including Examples

• انجمن های مدل داده و پروکسی های داده Data Model Associations and Data Proxies

• افزودن انجمن ها و پروکسی های مدل داده Adding Data Model Associations and Proxies

• تلفیق ارتباطات مدل داده با پروکسی Integrating Data Model Associations with Proxies

• خلاصه Summary

برنامه همه جانبه خط مشاغل (LOB) را با هم بیاورید Bringing It All Together Line Of Business (LOB) Code Camp App

• بررسی اجمالی همه موارد با هم Overview of Bringing it all Together

• Sencha CMD بررسی اجمالی مختصر با مستندات Sencha CMD Brief Overview With Documentation

• داربست یک برنامه Sencha Touch Scaffolding a Sencha Touch Application

• برنامه خود را برای آزمایش و تولید وارد کنید Compile Your App For Testing and Production

• بررسی طرح فایل برای Sencha Touch Builds File Layout Review for Sencha Touch Builds

• با پاک کردن برگه های پیش فرض ، برنامه داربست را برطرف کنید Fix Scaffolded Application By Clearing Default Tabs

• خلاصه CMD و ساختمان برای تولید Summary of CMD and the Building for Production

• مقدمه ای برای ساخت یک برنامه لمسی واقعی Sencha Introduction to Building a Real Sencha Touch Application

• چیدمان برنامه همانطور که از پرونده JavaScript app.js مشاهده شده است Application Layout as Seen from the JavaScript file app.js

• نمایشی از برنامه Code Camp که خواهیم ساخت The Demo of the Code Camp Application we will Build

• نمودار بلوکی از طرح جاوا اسکریپت Code Camp ما A Block Diagram of our Code Camp JavaScript Layout

• هفت فایل JavaScript را به جای یک پرونده بزرگ مشاهده کنید Seven view JavaScript files instead of one big one

• Ext.define ، مستعار ، نیاز به ، پیکربندی و نمونه طرح کارت است Ext.define, alias, requires, config and card layout example

• پیمایش بین صفحه ورود به سیستم و صفحه تب برنامه Navigating Between our Login Screen and Application Tab Panel

• ارجاع به اجزای Sencha Touch Referencing Sencha Touch Components

• جایگزینی منابع نوع دکمه بالا Replacing Button Up Type References

• پیمایش دقیق یک کنترل کننده MVC Sencha Touch A Detailed Walk Through of a Sencha Touch MVC Controller

• سبک با CSS و افزایش عملکرد با پیمایش بی نهایت Style with CSS and Increasing Performance with Infinite Scrolling

• خلاصه Summary