آموزش ساخت برنامه های HTML5 و JavaScript با MVVM و Knockout

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

شروع کار با Knockout و MVVM در JavaScript Getting Started with Knockout and MVVM in JavaScript

• مقدمه Introduction

• جاوا اسکریپت ، اتصال داده و ناک اوت JavaScript, Data Binding and Knockout

• JavaScript برای توسعه دهندگان: نسخه ی نمایشی JavaScript for Developers: Demo

• MVVM با ناک اوت MVVM with Knockout

• MVVM با Knockout: Demo MVVM with Knockout: Demo

• jsFiddle jsFiddle

• jsFiddle: نسخه ی نمایشی jsFiddle: Demo

• استفاده از Knockout در Visual Studio Using Knockout in Visual Studio

• استفاده از Knockout در Visual Studio: Demo Using Knockout in Visual Studio: Demo

• شروع کدگذاری با ناک اوت Begin Coding with Knockout

• شروع کدگذاری با Knockout: Demo Begin Coding with Knockout: Demo

• منابع Resources

• منابع: نسخه ی نمایشی Resources: Demo

• خلاصه Summary

صحافی و مشاهده Bindings and Observables

• مقدمه Introduction

• داده ها را بدون اتصال به داده فشار دهید و بکشید Push and Pull Data without Data Binding

• فشار و کشیدن داده ها بدون اتصال داده: نسخه ی نمایشی Push and Pull Data without Data Binding: Demo

• قابل مشاهده Observables

• مشاهدات: نسخه ی نمایشی Observables: Demo

• مشاهدات محاسبه شده Computed Observables

• مشاهدات محاسباتی: نسخه ی نمایشی Computed Observables: Demo

• مشاهدات محاسبه شده روی نمودار شی: نسخه ی نمایشی Computed Observables on an Object Graph: Demo

• قابل مشاهده محاسبه شده Writeable Computed Observables

• قابل مشاهده قابل مشاهده محاسبه شده: نسخه ی نمایشی Writeable Computed Observables: Demo

• آرایه های قابل مشاهده Observable Arrays

• آرایه های قابل مشاهده: نسخه ی نمایشی Observable Arrays: Demo

• توابع آرایه قابل مشاهده Observable Array Functions

• توابع آرایه قابل مشاهده: نسخه ی نمایشی Observable Array Functions: Demo

• مشترک شدن در Observables شوید Subcribe to Observables

• مشترک شدن در Observables: Demo Subcribe to Observables: Demo

• خلاصه Summary

ساخته شده در صحافی ها Built In Bindings

• ساخته شده در صحافی Built In Bindings Overview

• پیوندها: متن و HTML: نسخه ی نمایشی Bindings: Text and HTML: Demo

• صحافی ها: ارزش ها: نسخه ی نمایشی Bindings: Values: Demo

• صحافی: جعبه تأیید و دکمه رادیو: نسخه ی نمایشی Bindings: Checkbox and Radio Button: Demo

• صحافی ها: لیست ها: نسخه ی نمایشی Bindings: Lists: Demo

• اتصالها: فعال و غیرفعال کردن: نسخه ی نمایشی Bindings: Enable and Disable: Demo

• اتصال دهنده ها: تمرکز عنصر DOM: نسخه ی نمایشی Bindings: DOM Element Focus: Demo

• صحافی ها: کلیک و رویداد: نسخه ی نمایشی Bindings: Click and Event: Demo

• اتصالات: CSS و یک ظاهر طراحی شده: نسخه ی نمایشی Bindings: CSS and Styling: Demo

• صحافی ها: ویژگی ها: نسخه ی نمایشی Bindings: Attributes: Demo

• خلاصه Summary

الگوهای جاوا اسکریپت: اسپاگتی به راویولی JavaScript Patterns: Spaghetti to Ravioli

• الگوهای جاوا اسکریپت با ناک اوت JavaScript Patterns with Knockout

• اسپاگتی به راویولی Spaghetti to Ravioli

• اسپاگتی به راویولی: نسخه ی نمایشی Spaghetti to Ravioli: Demo

• Object Literals و 'this' Object Literals and 'this'

• Object Literals و 'this': نسخه ی نمایشی Object Literals and 'this': Demo

• الگوی ماژول برای ViewModels The Module Pattern for ViewModels

• الگوی ماژول برای ViewModels: نسخه ی نمایشی The Module Pattern for ViewModels: Demo

• الگوی ماژول آشکار برای ViewModels The Revealing Module Pattern for ViewModels

• الگوی ماژول آشکار برای ViewModels: نسخه ی نمایشی The Revealing Module Pattern for ViewModels: Demo

• خلاصه و نکات Summary and Tips

الگوها ، کنترل جریان و اتصالات بدون کانتینر Templates, Control of Flow, and Containerless Bindings

• الگوها ، کنترل جریان و اتصالات بدون کانتینر Templates, Control of Flow, and Containerless Bindings

• الگوهای نامگذاری شده در برچسب های اسکریپت Named Templates in Script Tags

• الگوهای نامگذاری شده در برچسب های اسکریپت: نسخه ی نمایشی Named Templates in Script Tags: Demo

• الگوهای بدون اسکریپت برچسب ها: نسخه ی نمایشی Named Templates without Script Tags: Demo

• کنترل زمینه های جریان و اتصال Control of Flow and Binding Contexts

• کنترل زمینه های جریان و اتصال: نسخه ی نمایشی Control of Flow and Binding Contexts: Demo

• الگوهای ناشناس/درون خطی Anonymous/Inline Templates

• الگوهای ناشناس/درون خطی: نسخه ی نمایشی Anonymous/Inline Templates: Demo

• الگوهای اختصاص یافته پویا Dynamically Assigned Templates

• الگوهای اختصاص یافته پویا: نسخه ی نمایشی Dynamically Assigned Templates: Demo

• مبادله الگوها با کنترل جریان: نسخه ی نمایشی Swap Templates with Control of Flow: Demo

• پارامترهای صحافی الگو و فیلتر آرایه Template Binding Parameters and Array Filtering

• پارامترهای الزام آور الگو و فیلتر آرایه: نسخه ی نمایشی Template Binding Parameters and Array Filtering: Demo

• صحافی های بدون ظرف (نظر) Containerless (Comment) Bindings

• اتصالات بدون ظرف (نظر): نسخه ی نمایشی Containerless (Comment) Bindings: Demo

• الگوهای خارجی External Templates

• الگوهای خارجی: نسخه ی نمایشی External Templates: Demo

• خلاصه و نکات Summary and Tips

دسته اتصال دهنده های سفارشی و داده های ماندگار Custom Binding Handlers and Persisting Data

• دسته اتصال دهنده های سفارشی و داده های ماندگار Custom Binding Handlers and Persisting Data

• کنترل کننده های صحافی سفارشی Custom Binding Handlers

• Binding Handler for jQuery Animation: fadeVisible نسخه ی نمایشی Binding Handler for jQuery Animation: fadeVisible Demo

• نسخه ی نمایشی کنترل کننده اتصال دکمه jQuery UI jQuery UI Button Binding Handler Demo

• Binding Handler with Behavior: نسخه نمایشی starRating Binding Handler with Behavior: starRating Demo

• جاوا اسکریپت بدون سر و صدا Unobtrusive JavaScript

• جاوا اسکریپت بدون سر و صدا: نسخه ی نمایشی Unobtrusive JavaScript: Demo

• بارگیری و ذخیره اطلاعات Loading and Saving Data

• گفتگوی آژاکس ، انتزاع خدمات و jQuery: نسخه ی نمایشی Ajax, Service Abstraction, and jQuery Dialogs: Demo

• پیگیری را تغییر دهید Change Tracking

• پیگیری تغییر: نسخه ی نمایشی Change Tracking: Demo

• ناک اوت Knockout Mapper

• خلاصه و نکات Summary and Tips