برنامه های آفلاین-اول با Angular، Ionic، PouchDB و CouchDB [ویدئو]

Offline-First Apps with Angular, Ionic, PouchDB, and CouchDB [Video]

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Angular یک فریمورک محبوب جاوا اسکریپت برای ساخت برنامه های وب مقیاس پذیر است، در حالی که Ionic یک چارچوب متن باز است که از Angular برای ایجاد برنامه های تلفن همراه چند پلتفرمی استفاده می کند. PouchDB یک پایگاه داده مبتنی بر جاوا اسکریپت برای ذخیره سازی آفلاین و همگام سازی یکپارچه داده ها است و CouchDB یک پایگاه داده NoSQL است که برای محیط های توزیع شده با تکرار داده های داخلی و دسترسی آفلاین طراحی شده است. آنها با هم، توسعه دهندگان را قادر می سازند تا برنامه های وب مقیاس پذیر و آفلاین را بسازند. این دوره با مقدمه و پیش نمایش و مروری بر ساختار پروژه Ionic آغاز می شود. سپس به ساخت یک برنامه سریع و آسان Todo ادامه می دهیم و توسعه برنامه Julies را آغاز می کنیم، با معرفی و طراحی صفحه نمایش برای صفحه های خانگی و سفارش و مفاهیم اساسی مانند اتصال چهار طرفه، قضیه CAP و در نهایت شروع می کنیم. ثبات. شما یاد خواهید گرفت که تغییرات را از PouchDB منتشر کنید، با انواع/مدل ها کار کنید و برای محصولات مصرف شده یک نمای ایجاد کنید. نمایش محصولات موجود برای سفارش، رفع اشکال‌ها، و شکل دادن به نمای محصولات از دیگر موضوعاتی است که به آن پرداخته می‌شود. ما افزودن فونت های سفارشی، انجام عملیات CRUD روی محصولات و جداول، انتقال از پولی به رایگان و تولید اسناد کد با استفاده از compodoc را پوشش خواهیم داد. پس از تکمیل، ما به دانش/مهارت برای ساختن برنامه‌های آفلاین مقیاس‌پذیر و غنی از ویژگی‌ها مجهز خواهیم شد. برنامه های آفلاین را با Angular، Ionic، PouchDB، CouchDB بسازید داده ها را به طور یکپارچه بین پایگاه داده های محلی و راه دور همگام سازی کنید از الگوهای مخزن برای راه حل های پیشرفته پایگاه داده استفاده کنید پیاده سازی ماشین های XState برای مدیریت کارآمد حالت مدیریت مشکلات در توسعه با استفاده از تکنیک های عملی کاوش ویژگی‌های پیشرفته مانند RxJS و لوله‌های سفارشی این دوره برای مهندسین نرم‌افزاری طراحی شده است که علاقه‌مند به ایجاد برنامه‌های چند پلتفرمی با استفاده از چارچوب وب هستند، مناسب برای مهندسینی که می‌خواهند ویژگی‌های پیشرفته‌ای مانند الگوهای مخزن برای راه‌حل‌های پایگاه داده و پیاده‌سازی ماشین‌های حالت با XState. این دوره شامل دانش پایه Angular و Ionic است. اگر با این چارچوب ها تازه کار هستید، می توانید به مستندات ارائه شده مراجعه کنید. دانش قبلی TypeScript مطلوب است. درک اولیه جاوا اسکریپت ضروری است. این دوره بر اجرای عملی تمرکز دارد، بنابراین هر مفهوم اساسی به طور کامل توضیح داده نشده است. برنامه‌هایی را طراحی کنید که بدون اتصال به اینترنت کار می‌کنند و تجربه کاربری یکپارچه را تضمین می‌کنند * PouchDB/CouchDB را در برنامه‌ها ادغام کنید تا به همگام‌سازی یکپارچه داده‌ها بین جلو/پشت دست پیدا کنید * مفاهیم پیشرفته مانند الگوهای مخزن، ماشین‌های XState را برای مدیریت وضعیت‌های پیچیده برنامه کاوش کنید

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

معرفی Introduction

  • معرفی Introduction

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

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

برنامه Quick First Todo ما Our Quick First Todo App

  • یک برنامه سریع و آسان Todo 1 A Fast and Easy Todo App 1

  • یک برنامه سریع و آسان Todo 2 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 ادغام، چهار طرفه اتصال PouchDB / CouchDB Integration, Four-Way-Binding

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

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

  • چهار طرفه صحافی Four-Way-Binding

  • قضیه CAP، سازگاری نهایی، به‌روزرسانی بهتر از واکشی است 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 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 the Database Implementation

  • Refactor: افزودن الگوی مخزن Refactor: Adding Repository Pattern

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

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

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

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

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

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

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

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

  • ایجاد سرویس برای تولید قبوض Creating a Service for Generating Bills

  • Refactor: برای هر کاربر بدون بروزرسانی بیل جدیدی ایجاد کنید Refactor: Create New Bill for Every User without Update

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

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

  • استفاده از XState برای ایجاد یک ماشین حالت برای هر جدول Using XState to Create a State Machine for Every Table

  • Styling را اجرا کنید و با State Machine ادامه دهید Implement Styling and Continue with State Machine

  • اجرای انتقال حالت: قسمت 1 Implement State Transitions: Part 1

  • اجرای انتقال حالت: قسمت 2 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

  • چگونه اشکال زدایی کنیم How to Debug

  • اضافه کردن فونت های سفارشی Adding Custom Fonts

CRUD برای محصولات و جداول CRUD for Products and Tables

  • محصولات CRUD: قسمت 1 CRUD Products: Part 1

  • محصولات CRUD: قسمت 2 CRUD Products: Part 2

  • محصولات CRUD: قسمت 3 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

  • پایگاه داده برای تست های واحد را مسخره کنید Mock the Database for Unit Tests

نمایش نظرات

برنامه های آفلاین-اول با Angular، Ionic، PouchDB و CouchDB [ویدئو]
جزییات دوره
11 h 12 m
48
Packtpub Packtpub
(آخرین آپدیت)
از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Dominic Rudigier Dominic Rudigier

Dominic Rudigier یک توسعه‌دهنده نرم‌افزاری با تجربه و حرفه‌ای است که متخصص در توسعه برنامه‌های وب و موبایل است. Dominic با تخصص در TypeScript، Angular، Ionic، NestJS، Java، C# و Python، 13 سال تجربه در توسعه راه حل های نرم افزاری دارد. او علاقه زیادی به سیستم های توزیع شده، بهبود زمان بارگذاری برنامه های تلفن همراه و کاوش مداوم فناوری های جدید در فضای توسعه وب دارد. دومینیک وقف به اشتراک گذاری دانش خود است و از تدریس به عنوان یک پروژه جانبی، در کنار خوداشتغالی در کارهای پروژه محور لذت می برد. او همچنین در حال تحصیل در مقطع کارشناسی ارشد در مهندسی نرم افزار است تا مهارت ها و تخصص خود را بیشتر کند.