آموزش ساخت اپلیکیشن با AngularJS و Breeze - قسمت 1

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

ساخت اپلیکیشن با الگوهای Angular، Breeze و JavaScript Building an App with Angular, Breeze and JavaScript Patterns

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

شروع به کار با اپلیکیشن های تک صفحه ای Getting Started with Single Page Apps

• چه چیزی می توانیم بسازیم؟ What Can We Build?

• چی، کجا و کی؟ What, Where and When?

• به چه ویژگی هایی نیاز داریم؟ What Features Do We Need?

• منابع ضروری Essential Resources

Angular From Scratch با HotTowel Angular From Scratch with HotTowel

• چه چیزی می توانیم بسازیم؟ What Can We Build?

• عازم Starting Out

• فایل پروژه وب جدید File New Web Project

• اضافه کردن پروژه های سرور Adding the Server Projects

• نصب کلاینت از طریق HotTowel.Angular Installing the Client via HotTowel.Angular

• بررسی مواد تشکیل دهنده Examining the Ingredients

• کد راه اندازی Start-Up Code

• تنظیمات پیکربندی ماژول Module Config Settings

• دکوراتور خدمات استثنایی Exception Service Decorator

• پیکربندی مسیرها Configuring Routes

• چیدمان با ng-include و ng-view Layout with ng-include and ng-view

• نماها و کنترل کننده های آنها Views and Their Controllers

• خدمات داده Data Services

• ماژول های سفارشی Custom Modules

• HotTowel.Angular.Breeze HotTowel.Angular.Breeze

• گسترش برنامه Extending the App

ایجاد برش عمودی از طریق برنامه شما Creating Vertical Slice Through Your App

• در هنگام افزودن نما چه انتظاری باید داشت What to Expect When Adding a View

• اضافه کردن یک نما و همه چیزهایی که با آن همراه است Adding a View and All That Goes With It

• سفارشی کردن Layout Customizing the Layout

• جمع کردن نمای جلسات و مسیر Stubbing the Sessions View and Route

• مدل داده Data Model

• اتصال نمای Binding the View

• قالب های SideWaffle SideWaffle Templates

• ایجاد کنترلر با SideWaffle Creating the Controller with SideWaffle

• دریافت جلسات با EntityQuery Breeze Getting Sessions with Breeze's EntityQuery

• وعده ها و س Promises and Q

• خلاصه Recap

نمودارهای شی، مدل‌های توسعه‌دهنده، و دستورالعمل‌های سفارشی Object Graphs, Extending Models, and Custom Directives

• گرد کردن برش Rounding Out the Slice

• دریافت پیش بینی ها Getting Projections

• دریافت اطلاعات جستجو Getting Lookup Data

• پر کردن برنامه با داده Priming the App with Data

• نگاشت انواع موجودیت Breeze به منابع Mapping Breeze Entity Types to Resources

• ایجاد سرویس مدل Creating the Model Service

• گسترش مدل ها Extending the Models

• زمان برای دستورالعمل تصویر Time for an Image Directive

• طراحی واکنشگرا بپاشید Sprinkle of Responsive Design

• ساخته شده به مقیاس Built to Scale

به اشتراک گذاری داده های محلی و راه دور در بین نماها Sharing Local and Remote Data Across Views

• به اشتراک گذاری داده ها Sharing Data

• مقیاس بندی به صورت افقی Scaling Horizontally

• ایجاد نمای دوم شما Creating Your 2nd View

• ایجاد کنترلر Creating the Controller

• استفاده مجدد از کد در سرویس DataContext Re-Using Code in the DataContext Service

• اتصال داده های دو طرفه زاویه ای با مدل ng Angular Two-Way Data Binding with ng-model

• اتصال دیدگاه شرکت کنندگان با Angular Binding the Attendees View with Angular

• ایجاد اعضای قابل اتصال یک کنترلر Creating the Bindable Members of a Controller

• ایجاد Breeze EntityQuery جدید Creating a new Breeze EntityQuery

• شناسایی درخواست های ناکارآمد Identifying Innefficient Requests

• اجرای پرس و جوهای Breeze به صورت محلی Executing Breeze Queries Locally

• گاهی اوقات ما داده های تازه می خواهیم Sometimes we Want Fresh Data

• اجباری کردن داده های تازه در همه جا Forcing Fresh Data Everywhere

• بسط مدل و ایجاد محمول Extending the Model and Creating Predicates

• خداحافظ رشته های جادویی! Goodbye Magic Strings!

• ایجاد یک تجربه کاربری بهتر Creating a Better User Experience

حل کننده های مسیر Route Resolvers

• رفتار مسیریابی Routing Behavior

• رویدادهای ناوبری Navigation Events

• آیا کاربر شما می خواهد نمای را ترک کند؟ Does Your User Want to Leave the View?

• اشتراک در تغییرات موفقیت آمیز مسیر Subscribing to Successful Route Changes

• رسیدگی به خطاهای مسیریابی Handling Routing Errors

• حل کننده های مسیر Route Resolvers

• حل‌کننده‌ها نیز می‌توانند رد کنند Resolvers Can Reject Too

• حل و فصل و رد مسیرها Resolving and Rejecting Routes

• بارگیری داده های ذخیره شده جهانی از طریق یک Resolver Loading Globally Cached Data Via a Resolver

• آن را "فقط کار" کنید Make it 'Just Work'

فیلتر کردن Filtering

• فیلتر کردن داده ها Filtering Data

• فیلترها چه کاری باید انجام دهند؟ What Should Filters Do?

• فیلترهای زاویه ای چیست؟ What Are Angular Filters?

• ایجاد فیلترهای زاویه ای Creating Angular Filters

• ایجاد توابع فیلتر سفارشی Creating Custom Filter Functions

• فیلترهای دریچه گاز Throttling Filters

• مسیریابی و فیلترها Routing and Filters

• تغییرات کیفیت Quality Variations

صفحه بندی، UI-Bootstrap، و گسترش سرویس داده با کوئری ها Paging, UI-Bootstrap, and Expanding the Data Service with Queries

• صفحه بندی و فیتلرینگ Paging and Fitlering

• یک استراتژی برای صفحه بندی تعریف کنید Define a Strategy for Paging

• دستورالعمل های بوت استرپ رابط کاربری UI Bootstrap Directives

• صفحه بندی در نمای Paging in the View

• صحافی صفحه بندی Paging Bindings

• توابع صفحه بندی در کنترلر Paging Functions in the Controller

• صفحه بندی از راه دور و داده های محلی با Breeze Paging Remote and Local Data with Breeze

• زدن Local Cache Hitting the Local Cache

• شمارنده های پرس و جو Querying Counters

• فعالیت شبکه مسطح Flatlined Network Activity

• لحظات کلیدی The Key Moments

• گردش کار Refactoring The Refactoring Workflow

ساخت داشبورد Building a Dashboard

• ترکیب آنچه تاکنون آموخته ایم Combining What We Learned So Far

• مفاهیم داشبورد Dashboard Concepts

• شمارنده و مسیریابی Counters and Routing

• استفاده مجدد از سرویس Datacontext Reusing the Datacontext Service

• درخواست تعداد اضافی Querying for Additional Counts

• نقشه ها Maps

• UI بوت استرپ چرخ فلک UI Bootstrap Carousel

• دریافت سخنرانان برتر Getting Top Speakers

• نمایش تعداد آهنگ Showing Track Counts

• Array.reduce و اشکال زدایی ES5 در کروم ES5's Array.reduce and Debugging in Chrome

• تماشای ترافیک XHR Watching the XHR Traffic

• روی داستان تمرکز کنید، نه ویژگی ها Focus on the Story, Not the Features

انیمیشن با Angular و CSS Animations with Angular and CSS

• انیمیشن با Angular Animations with Angular

• ماژول ngAnimate The ngAnimate Module

• اضافه کردن ngAnimate Adding ngAnimate

• چک لیست انیمیشن Animation Checklist

• قراردادهای ngHide و ngShow ngHide and ngShow Conventions

• متحرک سازی یک صفحه اسپلش Animating a Splash Page

• کنوانسیون ها را وارد کنید، ترک کنید و منتقل کنید Enter, Leave and Move Conventions

• ایجاد انیمیشن های ngView Creating ngView Animations

• متحرک سازی ngRepeat برای شرکت کنندگان Animating ngRepeat for the Attendees

• درهم ریختن نماها در SPA Shuffling Views in the SPA

• سال مو Year of Moo

کجا هستیم و نگاهی به آینده Where Are We and a Look Ahead at What's Next

• نگاهی به جلو A Look Ahead