آموزش ساختن برنامه های کاربردی موبایلی بومی Cross Platform با NativeScript

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

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

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

معرفی دوره Course Introduction

• معرفی دوره Course Introduction

• با NativeScript آشنا شوید Meet NativeScript

• NativeScript چگونه کار می کند How NativeScript Works

• منابع Resources

• تور برنامه کنفرانس RPS RPS Conference Application Tour

• طرح کلی دوره Course Outline

پیکربندی محیط شما Configuring Your Environment

• مقدمه Introduction

• مواد نصب Installation Materials

• نسخه ی نمایشی: نصب وابستگی های iOS Demo: Installing iOS Dependencies

• نسخه ی نمایشی: اجرای اسکریپت نصب وابستگی Demo: Running Dependency Install Script

• نسخه ی نمایشی: نصب Node با Homebrew Demo: Installing Node with Homebrew

• نسخه ی نمایشی: نصب NativeScript CLI Demo: Installing the NativeScript CLI

• نسخه ی نمایشی: نصب کد ویژوال استودیو و پسوند NativeScript Demo: Installing Visual Studio Code and the NativeScript Extension

• نسخه ی نمایشی: Visual Studio Code Clean Workspace Demo: Visual Studio Code Clean Workspace

• خلاصه Summary

مفاهیم اصلی Core Concepts

• مقدمه Introduction

• دستورات The Commands

• ایجاد اسکلت برنامه Creating the App Skeleton

• با استفاده از TypeScript Using TypeScript

• تعریف صفحات Defining Pages

• نسخه ی نمایشی: راه اندازی برنامه ما Demo: Setting Up Our App

• الگوی MVVM MVVM Pattern

• NativeScript با Angular 2 NativeScript with Angular 2

• ویژگی های قدرت Power Features

• گزینه های اشکال زدایی Debugging Options

• نسخه ی نمایشی: اشکال زدایی برنامه ما Demo: Debugging Our App

• خلاصه Summary

مبانی UI UI Basics

• مقدمه Introduction

• سلسله مراتب مؤلفه ها Component Hierarchy

• ساختار برنامه و مدیریت رویداد App Structure and Event Handling

• انواع چیدمان Layout Types

• سایر اجزای کانتینر Other Container Components

• انتزاع ویجت Widget Abstraction

• صحافی و بیان خصوصیات Property Binding and Expressions

• حرکات Gestures

• یک ظاهر طراحی CSS CSS Styling

• نسخه ی نمایشی: Layout، ابزارک ها، Bindings و CSS Demo: Layout, Widgets, Bindings, and CSS

• نسخه ی نمایشی: Models و Main ViewModel Demo: Models and Main ViewModel

• نسخه ی نمایشی: ژست ها، عبارات، و Session ViewModel Demo: Gestures, Expressions, and Session ViewModel

• خلاصه Summary

کار با دیتا Working with Data

• مقدمه Introduction

• تولید داده های ساختگی Generating Mock Data

• نسخه ی نمایشی: تمسخر داده های جلسه Demo: Mocking Session Data

• نسخه ی نمایشی: داده های ساختگی و صفحه جزئیات جلسه Demo: Mock Data and the Session Details Page

• خواندن اطلاعات فایل سیستم Reading File System Data

• نسخه ی نمایشی: خواندن سیستم فایل Demo: Reading the File System

• واکشی داده های از راه دور Fetching Remote Data

• نسخه ی نمایشی: واکشی جلسات از طریق HTTP Demo: Fetching Sessions via HTTP

• ذخیره تنظیمات کاربر محلی Storing Local User Settings

• نسخه ی نمایشی: خواندن و ذخیره جلسات مورد علاقه Demo: Reading and Storing Favorite Sessions

• خلاصه Summary

جهت یابی Navigation

• مقدمه Introduction

• موجودیت های ناوبری کلیدی Key Navigation Entities

• نسخه ی نمایشی: با استفاده از ماژول فریم Demo: Using the Frame Module

• تاریخچه ناوبری Navigation History

• نسخه ی نمایشی: پیمایش به عقب Demo: Navigating Back

• گذراندن زمینه Passing Context

• نسخه ی نمایشی: پیمایش با متن Demo: Navigating with Context

• نوار تقسیم شده Segmented Bar

• نسخه ی نمایشی: فیلتر کردن لیست جلسات Demo: Filtering Session List

• ناوبری کشوی کناری Side Drawer Navigation

• نسخه ی نمایشی: افزودن یک کشو کناری Demo: Adding a Side Drawer

• پیمایش بر اساس تابع Navigating by Function

• نسخه ی نمایشی: پیمایش بر اساس تابع Demo: Navigating by Function

• انتقال ناوبری Navigation Transitions

• نسخه ی نمایشی: انتقال ناوبری Demo: Navigation Transitions

• سایر گزینه های انتقال Other Transition Options

• خلاصه Summary

انیمیشن Animation

• مقدمه Introduction

• شروع با انیمیشن Starting with Animations

• تعریف انیمیشن Animation Definition

• نسخه ی نمایشی: متحرک سازی تصویر نقشه اتاق Demo: Animating the Room Map Image

• کلاس انیمیشن Animation Class

• انواع منحنی انیمیشن Animation Curve Types

• زنجیره سازی انیمیشن Animation Chaining

• نسخه ی نمایشی: انیمیشن زنجیره ای و منحنی ها Demo: Animation Chaining and Curves

• انیمیشن های CSS3 CSS3 Animations

• خلاصه Summary

خلاصه دوره Course Summary

• خلاصه دوره Course Summary