آموزش ساخت برنامه های موبایل با Ionic ، Angular و TypeScript

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

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

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

مقدمه Introduction

• مقدمه Introduction

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

• Ionic چیست؟ What Is Ionic?

• چرا یونی؟ Why Ionic?

• پیش نیازهای مفید Helpful Prerequisites

• مخزن دوره Course Repository

• آنچه خواهیم ساخت What We Will Be Building

شروع کار با Ionic Getting Started with Ionic

• بررسی اجمالی Overview

• نصب یونیک Installing Ionic

• شروع یک پروژه جدید Starting a New Project

• برنامه را با مرورگر اجرا کنید Run App with Browser

• برنامه را با شبیه ساز اجرا کنید Run App with Emulator

• برنامه را روی دستگاه اجرا کنید Run App on Device

• برنامه را با نمای یونیک اجرا کنید Run App with Ionic View

• درک ساختار برنامه Understanding App Structure

• صفحه نمایش ویژه بستر های نرم افزاری Platform-specific Display

• سلام دنیا Hello World

• خلاصه Summary

جهت یابی Navigation

• بررسی اجمالی Overview

• پشته ناوبری The Navigation Stack

• اسکلت صفحه خود را ایجاد کنید Create Your Page Skeletons

• با استفاده از پشته پیمایش Using the Navigation Stack

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

• پیمایش منوی کناری Side Menu Navigaton

• نوارها و نوارهای ابزار Navbars and Toolbars

• پارامترهای ناوبری Navigation Parameters

• زبانه ها Tabs

• پارامترهای ناوبری با برگه ها Navigation Parameters with Tabs

• نگاه دقیق تر به پیمایش ریشه A Closer Look at Root Navigation

• خلاصه Summary

کار با HTTP و Lifecycle Events Working with HTTP and Lifecycle Events

• بررسی اجمالی Overview

• تنظیم Backend شما Setting up Your Backend

• برای تعامل با HTTP سرویس ایجاد کنید Create Service to Interact with HTTP

• کار با وعده ها Working with Promises

• بررسی اجمالی رویدادهای چرخه زندگی Lifecycle Events Overview

• بارگیری داده ها در چرخه زندگی Load Data Within Lifecycle

• کار با RxJS Working with RxJS

• در حال بارگیری ملفه Loading Component

• افزودن کتابخانه شخص ثالث: Lodash Add Third-party Library: Lodash

• همه اش را بگذار کنار هم Putting It All Together

• خلاصه Summary

اجزای یونی Ionic Components

• بررسی اجمالی Overview

• لیست های یونی Ionic Lists

• تقسیم کننده ها را لیست کنید List Dividers

• دکمه ها Buttons

• Ionicons Ionicons

• کارتها Cards

• CSS سفارشی Custom CSS

• شبکه ها Grids

• Ionic DateTime Ionic DateTime

• تغییر وضعیت Toggle

• نشان ها Badges

• هشدارها Alerts

• نان تست Toasts

• خلاصه Summary

اجزای یونی: فراتر از مبانی Ionic Components: Beyond the Basics

• بررسی اجمالی Overview

• ذخیره محلی Ionic Ionic Local Storage

• مناسبت ها Events

• تازه کردن Refresher

• نوار جستجو Search Bar

• پیمایش مجازی برای لیست ها Virtual Scroll for Lists

• بخش Segment

• همه اش را بگذار کنار هم Putting It All Together

• نقشه برداری Mapping

• راهنمای رانندگی Driving Directions

• خلاصه Summary

بومی یونیک Ionic Native

• بررسی اجمالی Overview

• Ionic Native چیست؟ What Is Ionic Native?

• یافتن و افزودن پلاگین های بومی Ionic Finding and Adding Ionic Native Plugins

• لرزش Vibration

• موقعیت جغرافیایی Geolocation

• دوربین Camera

• بارکد اسکنر Barcode Scanner

• حرکت دستگاه Device Motion

• اعلان های محلی Local Notifications

• SQLite را در برنامه خود ادغام کنید Integrate SQLite into Your App

• خلاصه Summary

سفارشی سازی یونیک Customizing Ionic

• بررسی اجمالی Overview

• رنگ های سفارشی در app.core.scss Custom Colors in app.core.scss

• فراداده برنامه: config.xml App Metadata: config.xml

• نمادهای برنامه را ایجاد کنید Generate App Icons

• صفحه Splash صفحه برنامه را ایجاد کنید Generate App Splash Screen

• خلاصه Summary