آموزش مبانی دسکتاپ ExtJS

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

مقدمه و بررسی اجمالی مبانی ExtJS ExtJS Fundamentals Introduction and Overview

• افتتاحیه سلام Opening Hello

• آیا Sencha ExtJS برای شما مناسب است؟ Is Sencha ExtJS for You?

• Sencha ExtJS Sencha Touch نیست Sencha ExtJS is Not Sencha Touch

• چرا Sencha ExtJS؟ Why Sencha ExtJS?

• Walkthrough برنامه وب 20 Line ExtJS The 20 Line ExtJS Web Application Walkthrough

• دنیای واقعی ExtJS برنامه کاربردی وب A Real World ExtJS Web Application Walkthrough

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

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

• Singletons و Literals Singletons and Literals

• توابع کمکی ExtJS ExtJS Utility Functions

• سیستم کلاس ExtJS ExtJS Class System

• خلاصه Summary

قطعات و مستندات ExtJS ExtJS Components and Documentation

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

• تغییر پارادایم The Paradigm Shift

• کامپوننت چیست؟ What is a Component?

• راه اندازی برنامه Base ExtJS Setting Up a Base ExtJS Application

• افزودن یک م Simpleلفه ساده با Ext.create Adding a Simple Component With Ext.create

• معرفی Alias Type Introducing the Alias Type

• الگوهای HTML Templates for HTML

• گوش دادن به رویدادهای کامپوننت مانند تغییر اندازه کامپوننت Listening for Component Events Like Component Resize

• فعال کردن و غیرفعال کردن ملفه ها Enabling and Disabling Components

• نمایش و پنهان کردن اجزا Showing and Hiding Components

• چرخه زندگی ملفه ها Component Life Cycle

• مستندات ExtJS ExtJS Documentation Walkthrough

• خلاصه Summary

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

• مقدمه Introduction

• کانتینرها و مدیران چیدمان مشخص شده است Containers and Layout Managers Defined

• طرح بندی برنامه نویسی در JavaScript Coding Layouts in JavaScript

• انبوهی از مدیران چیدمان An Abundance of Layout Managers

• بسته بندی و هماهنگی با VBox و HBox Pack and Align With VBox and HBox

• ترکیب مدیران چیدمان Combining Layout Managers

• خلاصه Summary

مدل ها و فروشگاه های داده در ExtJS Data Models and Stores in ExtJS

• مقدمه Introduction

• همه چیز درباره مدل داده All About the Data Model

• JavaScript مثالها تعریف و ایجاد مدلهای داده JavaScript Examples Defining and Creating Data Models

• اعتبار سنجی با استفاده از مدل های داده Validation Using Data Models

• CRUD (ایجاد خواندن به روزرسانی حذف) با پروکسی داده CRUD (Create Read Update Delete) With Data Proxies

• همکاران مدل داده ، BelongsTo ، HasMany و غیره Data Model Associates, BelongsTo, HasMany, etc.

• مفاهیم فروشگاه داده Data Store Concepts

• خلاصه Summary

چیدمان بصری و برنامه ویرایشگر کنفرانس Visual Layout and the Conference Editor App

• مقدمه Introduction

• ده هزار فوت نمای برنامه ای که خواهیم ساخت Ten Thousand Foot View of the App We Will Build

• مشخصات چیدمان بصری Visual Layout Specifics

• حداقل برنامه ، شروع به کار با Viewport Minimal App, Getting Started With Viewport

• Ext.Application Launch و اولین چارچوب حاشیه ای ما Ext.Application Launch and Our First Border Layout

• ترکیب مدیران چیدمان برای بدست آوردن آنچه می خواهیم Combining Layout Managers to Get What We Want

• معرفی xtype برای کاهش پیچیدگی کد Introducing xtype to Reduce Code Complexity

• استفاده از Type برای ساده سازی مثال طرح قبلی ما Using Type to Simplify Our Previous Combined Layout Example

• اطلاعات بیشتر درباره نوع و نحوه یافتن آن More About Type and How to Find It

• تغییر اندازه طرح ، تقسیم و نکات بیشتر درباره طرح حاشیه Layout Resizing, Splitters, and More Border Layout Tips

• خلاصه Summary

Session Grid Panel ، Xtype و Editing With Form Panel The Sessions Grid Panel, Xtype, and Editing With Form Panel

• مقدمه Introduction

• افزودن پانل شبکه به همراه نمونه داده به جلسات Adding a Grid Panel With Sample Data to Sessions

• تقویت پانل شبکه آن جلسات با ستون های تمیز Enhancing That Sessions Grid Panel With Clean Columns

• شبکه جلسات ما را به xtype ، مکانیک تبدیل کنید Make Our Sessions Grid an xtype, The Mechanics

• کشیدن داده های جلسه واقعی با پراکسی Pulling Real Session Data With Proxy

• مرتب سازی شبکه جلسات ما Sorting Our Sessions Grid

• گروه جلسه ما را براساس زمان با عناوین سفارشی گروه بندی کنید Grouping Our Session Grid by Time With Custom Group Headers

• افزودن ردیف Listener دوبار کلیک به شبکه Session Adding a Row Double Click Listener to the Session Grid

• فرم فرم جلسه ما را تقویت کنید تا خوب به نظر برسد Enhancing Our Session Grid Form to Look Good

• بارگذاری فرم داده های جلسه مدل واقعی Form Loading of Real Model Session Data

• افزودن دکمه های ذخیره و لغو به فرم جلسه ما Adding Save and Cancel Buttons to Our Session Form

• پیاده سازی فرمهای کنترل ذخیره و تأیید صحت فرم Implementing Form Save Handlers and Form Binding Verifications

• خلاصه Summary

MVC ، جدایی فایل JavaScript و مقیاس پذیری MVC, JavaScript File Separation, and Scalability

• مقدمه Introduction

• Structuring Ext. برنامه ای برای مدیریت نمای اصلی ، MVC Way Structuring Ext.Application to Handle the Main View, the MVC Way

• تبدیل پنل شبکه Session ها به MVC با انواع Converting the Sessions Grid Panel to MVC With Types

• ادغام فرم ویرایش جلسه در MVC Integrating the Session Edit Form Into MVC

• فروشگاه داده Session را به MVC بیاورید Bring Over the Session Data Store Into MVC

• در MVC ، جدا کردن مدل داده از Data Store In MVC, Separating Out the Data Model From the Data Store

• خلاصه Summary

کنترل کننده ها ، الگوهای HTML و برخی از سبک ها Controllers, HTML Templates, and Some Style

• مقدمه Introduction

• مبانی کنترل کننده Controller Basics

• افزودن شنوندگان و فرم پیاده سازی باز Adding Listeners and Implementing Form Open

• ساخت پانل شبکه جلسات ما با داده Building Our Sessions Grid Panel With Data

• مدل های جلسه و ارائه دهنده ما را تعریف می کند و روش MVC را ذخیره می کند Defining Our Session and Presenter Models and Stores the MVC Way

• ایجاد ارجاع متقابل ارائه دهنده به پنل شبکه جلسات Building the Presenter Cross Reference to Sessions Grid Panel

• جاوا اسکریپت را برای فیلتر کردن ارائه دهندگان توسط جلسات با استفاده از Refs سیم کشی کنید Wire Up JavaScript to Filter Presenters by Sessions Using Refs

• پنل جزئیات جلسه را بیاورید Bring in the Session Details Panel

• آوردن الگوهای HTML به جزئیات جلسه Bringing in HTML Templates to Session Details

• اتصال داده های مدل به الگوها Binding Model Data to Templates

• ادغام داده های ارائه دهنده Nested در الگوها Integrating Nested Presenter Data Into Templates

• الگوهایی را به زندگی با سبک بیاورید Bring Templates to Life With Style

• خلاصه Summary

آنچه در این دوره پوشش داده نمی شود و بازدهی What is Not Covered in This Course and an Outtake

• نمونه برداری از مباحث ExtJS پوشش داده نشده است Sampling of ExtJS Topics Not Covered

• تنظیمات خروجی Outtake Setup

• میزان مصرف - وقتی اوضاع به اشتباه پیش می رود The Outtake - When Things Go Wrong