آموزش ساخت برنامه های تلفن همراه بومی با NativeScript و Angular 2

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

مقدمه Introduction

• خوش آمدی Welcome

• آنچه باید بدانید What you should know

• درباره پرونده های تمرینی About the exercise files

• با استفاده از برنامه نسخه ی نمایشی Touring the demo application

1. شروع و ابزار سازی 1. Getting Started and Tooling

• تنظیم محیط توسعه Setting up the development environment

• پیش نیازهای iOS و Android iOS and Android prerequisites

• با استفاده از NativeScript CLI Using the NativeScript CLI

• برنامه افزودنی کد ویژوال استودیو NativeScript NativeScript Visual Studio Code extension

2. آشنایی با NativeScript با زاویه ای 2. Introduction to NativeScript with Angular

• آشنایی با NativeScript Introduction to NativeScript

• با استفاده از Angular with NativeScript Using Angular with NativeScript

• بوت استرپ زاویه ای Angular bootstrap

• سازمان کد: راه اندازی جهانی Code organization: Global setup

• سازمان کد: ماژول های ویژه Code organization: Feature modules

• سازماندهی کد: مدل ها و تنظیمات Code organization: Models and settings

3. معماری برنامه 3. Application Architecture

• اجزاء Components

• الگوی کامپوننت Component template

• سبک های مؤلفه Component styles

• متغیرهای الگو Template variables

• رسیدگی به شیر لیست نمایش Handling Listview tap

• الگوی مورد پس زمینه Backlog item template

• طرح بندی های تو در تو Nested layouts

• دستورالعمل: ngIf Directives: ngIf

• دستورالعمل: ngFor Directives: ngFor

• تزریق وابستگی: قسمت 1 Dependency injection: Part 1

• تزریق وابستگی: قسمت 2 Dependency injection: Part 2

• چرخه عمر برنامه Application lifecycle

• ماژول ها Modules

• بشکه Barrels

4- رابط کاربری 4. User Interface

• ابزارک های NativeScript NativeScript widgets

• جزء جزئیات Details component

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

• نمای پیمایش کنید Scroll view

• چیدمان Layouts

• به عنوان مثال طرح بندی Layout example

• ظروف Containers

• راه اندازی کشو جانبی Side drawer setup

• سبک غلبه دارد Style overrides

• یک ظاهر طراحی پویا Dynamic styling

• طراحی محتوای اصلی Styling main content

• مضامین Themes

• تصاویر Images

• تصاویر سیستم سیستم File system images

• تصاویر پایه 64 Base64 images

• حرکات Gestures

• حالت دکمه متحرک Animating button state

• راه اندازی انیمیشن را وارد کنید Login animation setup

• انیمیشن اعلانی Declarative animation

• انیمیشن امپراتوری Imperative animation

5- اتصال داده و رویداد 5. Data and Event Binding

• تنظیم کتابخانه فاکر Setting up the Faker library

• تولید کاربران Generating users

• اتصال ملک Property binding

• الزام آور رویداد Event binding

• اصول اولیه ngModel ngModel basics

• فرمهای ngModel ngModel forms

• ارتباط کامپوننت 101 Component communication 101

• خروجی مؤلفه Component output

• ورودی مؤلفه Component input

• فیلتر جزء را لیست کنید List component filtering

• لوله های زاویه ای Angular pipes

6. پیمایش 6. Navigation

• ناوبری بومی Native navigation

• جزئیات استاد Master detail

• AuthGuard AuthGuard

• پیمایش سبک زاویه ای Angular style navigation

• ناوبری برگشت Back navigation

نتیجه Conclusion

• مراحل بعدی Next steps