لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش برنامه های آفلاین-اول با 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
افزودن/حذف محصولات، ایجاد یک لوله مرتب سازی سفارشی
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
نمایش نظرات
Packtpub یک ناشر دیجیتالی کتابها و منابع آموزشی در زمینه فناوری اطلاعات و توسعه نرمافزار است. این شرکت از سال 2004 فعالیت خود را آغاز کرده و به تولید و انتشار کتابها، ویدیوها و دورههای آموزشی میپردازد که به توسعهدهندگان و متخصصان فناوری اطلاعات کمک میکند تا مهارتهای خود را ارتقا دهند. منابع آموزشی Packtpub موضوعات متنوعی از جمله برنامهنویسی، توسعه وب، دادهکاوی، امنیت سایبری و هوش مصنوعی را پوشش میدهد. محتوای این منابع به صورت کاربردی و بهروز ارائه میشود تا کاربران بتوانند دانش و تواناییهای لازم برای موفقیت در پروژههای عملی و حرفهای خود را کسب کنند.
Dominic Rudigier یک توسعهدهنده نرمافزاری با تجربه و حرفهای است که متخصص در توسعه برنامههای وب و موبایل است. Dominic با تخصص در TypeScript، Angular، Ionic، NestJS، Java، C# و Python، 13 سال تجربه در توسعه راه حل های نرم افزاری دارد. او علاقه زیادی به سیستم های توزیع شده، بهبود زمان بارگذاری برنامه های تلفن همراه و کاوش مداوم فناوری های جدید در فضای توسعه وب دارد.
دومینیک وقف به اشتراک گذاری دانش خود است و از تدریس به عنوان یک پروژه جانبی، در کنار خوداشتغالی در کارهای پروژه محور لذت می برد. او همچنین در حال تحصیل در مقطع کارشناسی ارشد در مهندسی نرم افزار است تا مهارت ها و تخصص خود را بیشتر کند.
نمایش نظرات