آموزش ساخت اپلیکیشن‌های آفلاین-محور با Angular، Ionic، PouchDB و CouchDB - آخرین آپدیت

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

مقدمه Introduction

• مقدمه Introduction

• راه‌اندازی Ionic Ionic Setup

• بررسی ساختار پروژه Ionic Ionic Project Structure Walkthrough

اولین اپلیکیشن Todo سریع و ساده Our Quick First Todo App

• یک اپلیکیشن Todo سریع و آسان ۱ A Fast and Easy Todo App 1

• یک اپلیکیشن Todo سریع و آسان ۲ A Fast and Easy Todo App 2

اپلیکیشن Julies؛ اپلیکیشن آفلاین-محور برای رستوران‌ها Julies - The Offline-First App for Restaurants

• اپلیکیشن Julies؛ مقدمه Julies App - Introduction

• طراحی صفحه؛ صفحه اصلی و صفحه سفارش Screen Design - Home and Order Screen

• صفحه اصلی با نمای کلی میزها Home Screen with Table Overview

یکپارچه‌سازی PouchDB / CouchDB و اتصال چهار‌طرفه (Four Way Binding) PouchDB / CouchDB Integration, Four-Way-Binding

• راه‌اندازی CouchDB Setting Up CouchDB

• یکپارچه‌سازی PouchDB PouchDB Integration

• اتصال چهار‌طرفه (Four Way Binding) Four-Way-Binding

• قضیه CAP، سازگاری نهایی (Eventual Consistency)، برتری آپدیت بر Fetch CAP-Theorem, Eventual Consistency, Update Is Better Than Fetch

• انتشار تغییرات از PouchDB Propagate Changes from PouchDB

استفاده از مدل‌ها، پیاده‌سازی صفحه جزئیات میز و فرآیند سفارش‌دهی Using Models, Implementing the Table Details Screen and the Ordering Process

• تایپ‌ها / مدل‌ها Types / Models

• مدل‌های جزئیات میز Table Details Models

• نمای محصولات مصرف شده Products Consumed View

• نمایش محصولات موجود برای سفارش Display Available Products for Ordering

• رفع باگ: محصولات یکسان برای همه میزها مصرف می‌شد Bugfix: Same Products Consumed for Every Table

• استایل‌دهی به نمای محصولات Styling the Products View

• مقایسه String در مقابل String در Typescript String Versus String in Typescript

• افزودن محصول سفارش داده شده به محصولات مصرف شده Add Ordered Product to Consumed Products

• ذخیره افزودن/حذف محصولات مصرف شده در PouchDB و CouchDB Save Add / Delete of Consumed Products to PouchDB and CouchDB

• ایجاد اسناد در پایگاه داده برای میزهای خالی Create Documents in the Database for Empty Tables

بازنویسی (Refactoring) پیاده‌سازی پایگاه داده Refactoring the Database Implementation

• بازنویسی: افزودن الگوی Repository Refactor: Adding Repository Pattern

افزودن/حذف محصولات و ایجاد یک Pipe سفارشی برای مرتب‌سازی Add/Remove Products, Creating a Custom Sorting Pipe

• افزودن / حذف محصولات Add / Remove Products

• استفاده از OrderByPipe برای مرتب‌سازی آرایه‌ای از اشیاء تو در تو OrderByPipe to Sort Nested Array of Objects

صفحه پرداخت Payment Screen

• دکمه Ion Fab برای رفتن به صفحه پرداخت Ion-Fab-Button to Navigate to the Payment Screen

• صفحه پرداخت ۰۱ Payment Page 01

• صفحه پرداخت ۰۲ Payment Page 02

• صفحه پرداخت ۰۳ Payment Page 03

• ایجاد سرویس برای صدور صورت‌حساب Creating a Service for Generating Bills

• بازنویسی: ایجاد صورت‌حساب جدید برای هر کاربر بدون آپدیت Refactor: Create New Bill for Every User without Update

نمای آشپزخانه Kitchen View Screen

• نمای آشپزخانه Kitchen View

• استفاده از XState برای ایجاد ماشین وضعیت (State Machine) برای هر میز Using XState to Create a State Machine for Every Table

• پیاده‌سازی استایل و ادامه کار با ماشین وضعیت Implement Styling and Continue with State Machine

• پیاده‌سازی گذارهای وضعیت (State Transitions): بخش ۱ Implement State Transitions: Part 1

• پیاده‌سازی گذارهای وضعیت (State Transitions): بخش ۲ Implement State Transitions: Part 2

بهبود جریان کاری گارسون Improve Waiter Workflow

• بهبود جریان کاری و مرتب‌سازی Improve Workflow, Sorting

• نمایش تغییرات قبل از ذخیره در پایگاه داده Make Changes Visible before Storing Them in the Database

عیب‌یابی و استایل‌دهی با استفاده از فونت‌های مختلف Debug and Styling Using Different Fonts

• نحوه عیب‌یابی (Debug) How to Debug

• افزودن فونت‌های سفارشی Adding Custom Fonts

عملیات CRUD برای محصولات و میزها CRUD for Products and Tables

• CRUD محصولات: بخش ۱ CRUD Products: Part 1

• CRUD محصولات: بخش ۲ CRUD Products: Part 2

• CRUD محصولات: بخش ۳ CRUD Products: Part 3

• CRUD میزها CRUD Tables

رفع آخرین باگ؛ میزها پس از یک بار اشغال شدن نمی‌توانند آزاد شوند Fix the Last Bug - Tables Cannot Be Free after Being Occupied Once

• تغییر وضعیت از پرداخت شده به آزاد Transition from Paid to Free

مستندسازی Documentation

• تولید مستندات کد با استفاده از compodoc Generate Code Documentation Using compodoc

تست‌های واحد (Unit Tests) Unit Tests

• شبیه‌سازی (Mock) پایگاه داده برای تست‌های واحد Mock the Database for Unit Tests