آموزش برنامه های تک صفحه ای با HTML5، Web API، Knockout و jQuery

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

شروع کار با Code Camper SPA Getting Started with the Code Camper SPA

• بررسی اجمالی دوره Course Overview

• داستان کاربر Code Camper The Code Camper User Story

• SPA چیست؟ What is a SPA?

• ابتدا به اپلیکیشن Code Camper نگاه کنید First Look at the Code Camper Application

• معماری Architecture

• فناوری های سرور Server Technologies

• فن آوری های مشتری Client Technologies

• خلاصه Summary

فن آوری ها و الگوهای Code Camper SPA Technologies and Patterns of the Code Camper SPA

• معرفی Introduction

• کاوش در ساختار راه حل Exploring the Solution Structure

• ایجاد پروژه ها از ابتدا Creating the Projects from Scratch

• ابزارهای مفید Helpful Tools

• ابزار طراحی پاسخگو Responsive Design Tools

• خلاصه Summary

مدل های داده، چارچوب موجودیت، و الگوهای داده Data Models, Entity Framework, and Data Patterns

• معرفی Introduction

• فناوری های لایه داده Data Layer Technologies

• مدل ها و POCO Models and POCO

• ایجاد مدل ها: نسخه ی نمایشی Creating Models: Demo

• Entity Framework، DbContext و Magical Unicorns Entity Framework, DbContext, and Magical Unicorns

• ایجاد و سفارشی سازی DbContext: نسخه ی نمایشی Creating and customizing a DbContext: Demo

• چرا از الگوی مخزن استفاده کنیم؟ Why Use the Repository Pattern

• پیاده سازی الگوی مخزن: نسخه ی نمایشی Implementing the Repository Pattern: Demo

• مخازن پیشرفته: نسخه ی نمایشی Advanced Repositories: Demo

• قرار دادن آن با هم در یک واحد کار Putting it Together in a Unit of Work

• پیاده سازی واحد الگوی کار: دمو Implementing the Unit of Work Pattern: Demo

• خلاصه Summary

سطح داده های JSON با ASP.NET Web API Surfacing JSON Data with ASP.NET Web API

• معرفی Introduction

• چرا از ASP.NET Web API استفاده کنیم؟ Why Use the ASP.NET Web API?

• درک مسیرها Understanding Routes

• ایجاد کنترلرهای مبتنی بر کنوانسیون Creating Convention Based Controllers

• استفاده از وارونگی کنترل با ASP.NET Web API Using Inversion of Control with ASP.NET Web API

• ایجاد اقدامات و مسیرهای کنترل کننده سفارشی Creating Custom Controller Actions and Routes

• ذخیره داده های JSON از Fiddler Saving JSON Data from Fiddler

• آزمایش درخواست های Web API با QUnit Testing Web API Requests with QUnit

• تست اعتبارسنجی مدل و سایر سفارشی سازی Testing Model Validation and Other Customization

• خلاصه و منابع Summary and Resources

بهینه سازی صفحه واحد Optimizing the Single Page

• معرفی Introduction

• آماده سازی صفحه برای HTML5 Preparing the Page for HTML5

• ساختن صفحه Building the Page

• بهینه سازی وب ASP.NET ASP.NET Web Optimization

• بهینه سازی جاوا اسکریپت Optimizing the JavaScript

• بهینه سازی CSS و LESS Optimizing the CSS and LESS

• خلاصه Summary

اصول آبگرم: جداسازی راویولی ها SPA Basics: Separating the Ravioli

• معرفی Introduction

• مدولار بودن و جداسازی راویولی ها Modularity and Separating the Ravioli

• بوت استرپ SPA با ماژول ها Bootstrapping the SPA with modules

• مدیریت بسیاری از ماژول های کوچک Managing Many Small Modules

• تعریف مسئله وابستگی ماژول Defining the Module Dependency Problem

• چگونه RequireJS به ماژولاریت کمک می کند How RequireJS Helps Modularity

• RequireJS Basics RequireJS Basics

• اعمال RequireJS در SPA Applying RequireJS to a SPA

• خلاصه Summary

بارگیری نماها با MVVM و Knockout Loading Views with MVVM and Knockout

• معرفی Introduction

• MVVM، Knockout و Data Binding به طور خلاصه MVVM, Knockout, and Data Binding in a Nutshell

• پیوند تاریخ رویداد با ناک اوت Binding the Event Dates with Knockout

• قالب ها، فیلترها و throttling Templates, Filters and Throttling

• ارائه آرایه ها در قالب Presenting Arrays in a Template

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

• فعال کردن ViewModel Activating the ViewModel

• نکات رفع اشکال Knockout Debugging Tips

• خلاصه Summary

خدمات داده بر روی مشتری Data Services on the Client

• معرفی Introduction

• چرا از خدمات داده استفاده کنیم؟ Why Use Data Services?

• AJAX و نقشه برداری مدل AJAX and Model Mapping

• ایجاد سرویس داده Creating A Data Service

• AmplifyJS AmplifyJS

• Refactoring برای AmplifyJS و Caching Refactoring for AmplifyJS and Caching

• داده های ساختگی و آزمایش سرویس های داده Mock Data and Testing the Data Services

• نقش زمینه داده Role of the Data Context

• ایجاد یک زمینه داده Creating a Data Context

• مدل‌های پیمایش Navigating Models

• خلاصه و گزینه های آینده Recap and Future Options

ناوبری، انتقال، ذخیره سازی و پیام رسانی Navigation, Transitions, Storage, and Messaging

• معرفی Introduction

• اصول ناوبری SPA SPA Navigation Fundamentals

• تعریف مسیرها Defining Routes

• مسیرهای گرفتن Catching Routes

• عبور پارامترها Passing Parameters

• هیئت رویداد Event Delegation

• انتقال و ارائه دهنده Transitions and the Presenter

• متحرک سازی انتقال Animating Transitions

• دستورات ناهمزمان Asynchronous Commands

• افزودن ویژگی های ذخیره سازی و لغو Adding Storage and Cancelation Features

• لغو ناوبری و Pub/Sub Canceling Navigation and Pub/Sub

• محل ذخیره سازی Local Storage

• با ناوبری بیشتر بروید Going Further with Navigation

ذخیره، تغییر ردیابی و اعتبارسنجی Saving, Change Tracking and Validation

• معرفی Introduction

• مزایای ردیابی تغییرات Benefits of Change Tracking

• اعمال و آزمایش ردیابی تغییر Applying and Testing Change Tracking

• دستورات و فعالیت Async Async Commands and Activity

• به روز رسانی Async از طریق Commands و DataContext Async Updates via Commands and DataContext

• ذخیره های ضمنی Implicit Saves

• بررسی اجمالی اعتبارسنجی Validation Overview

• اعتبارسنجی داده ها Validating Data

• خلاصه و منابع Recap and Resources

تحرک و طراحی پاسخگو با CSS و LESS Mobility and Responsive Design with CSS and LESS

• تابلوی نقاشی The Drawing Board

• اشکال زدایی CSS در مرورگر Debugging CSS in the Browser

• اصول کمتر LESS Fundamentals

• درخواست کمتر برای SPA Applying LESS to the SPA

• طراحی وب سایت ریسپانسیو Responsive Web Design

• پرسش‌ها و ابزارهای رسانه Media Queries and Tools

• منابع Resources