آموزش برنامه های Ionic 3 برای WooCommerce: ساخت یک برنامه موبایل تجارت الکترونیک

Ionic 3 Apps for WooCommerce: Build an eCommerce Mobile App

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: با استفاده از Ionic Framework 3 و WooCommerce با استفاده از HTML، SCSS و TypeScript یک اپلیکیشن موبایل تجارت الکترونیک از ابتدا تا انتها بسازید. برنامه های اندروید و iOS را با فریم ورک Ionic بسازید. ساخت و استقرار برنامه های ترکیبی متقابل پلت فرم. با WooCommerce اپلیکیشن های تجارت الکترونیک بسازید. WooCommerce را به صورت محلی مستقر کنید و از آن به عنوان یک Backend استفاده کنید. از اجزای Ionic و ویژگی های بومی استفاده کنید. دروازه پرداخت PayPal را در برنامه های Ionic/Cordova ادغام کنید. یک برنامه را در فروشگاه Play منتشر کنید. ادغام Push Notifications در برنامه های Ionic. پیش نیازها: دانش اولیه HTML، CSS و JS. آشنایی با Datatypes و OOP امتیاز محسوب می شود. آشنایی مقدماتی با Ionic 2 یا TypeScript امتیاز محسوب می شود. آشنایی با برنامه ها و سیستم عامل های موبایل استعداد برنامه نویسی و تفکر منطقی

Ionic 3 Apps for WooCommerce دوره‌ای است که به شما کمک می‌کند اصول آخرین نسخه Ionic Framework، نسخه 3 را درک کنید و همچنین قدم به قدم شما را راهنمایی می‌کند تا یک برنامه تجارت الکترونیک کامل برای Android و iOS با استفاده از برنامه خود بسازید. فروشگاه WooCommerce به عنوان بک‌اند. Ionic Framework v2 و v3 شبیه هم هستند، بنابراین حتی اگر می خواهید Ionic 2 را یاد بگیرید، به همان دوره نیاز دارید.

برنامه تجارت الکترونیکی که در این دوره آموزشی خواهیم ساخت، اطلاعات محصولات را از فروشگاه WooCommerce دریافت می‌کند. نیازی به راه اندازی پایگاه داده یا سرور اضافی ندارید. تنها چیزی که نیاز دارید فقط یک فروشگاه WooCommerce است، چه به صورت محلی یا روی یک سرور راه دور.

هنوز فروشگاه ووکامرس ندارید؟ شما یاد خواهید گرفت که چگونه یک فروشگاه WooCommerce را به صورت رایگان بر روی رایانه شخصی خود راه اندازی کنید و سپس از آن برای ایجاد یک برنامه تجارت الکترونیک استفاده کنید. شما نیازی به خرید ابزار یا نرم افزار ندارید. این دوره از تمام فناوری های منبع باز استفاده می کند.

شما یک برنامه تجارت الکترونیک خواهید ساخت که به کاربر امکان می دهد کاتالوگ محصولات را مرور کند، محصولات را در یک دسته محصول خاص جستجو کند، محصول را به سبد خرید خود اضافه کند و سپس هزینه سفارشات خود را بپردازد. مشتریان می توانند با استفاده از درگاه پرداخت PayPal نیز پرداخت کنند. هر بار که محصول جدیدی را منتشر می کنید، کاربران اعلان های فشاری دریافت می کنند.

سفارش‌ها در WooCommerce دریافت می‌شوند و سپس می‌توانند توسط مدیر فروشگاه پردازش شوند. این برنامه از احراز هویت کاربر مراقبت می کند و فقط به کاربرانی که حساب های مشتری معتبر دارند اجازه سفارش می دهد. این برنامه همچنین به مشتریان جدید اجازه می دهد تا برای یک حساب ثبت نام کنند.

پس چرا صبر کنیم؟ خودتان یک راه حل کامل برای تجارت الکترونیک بسازید و برنامه خود را در فروشگاه بازی منتشر کنید، چه نیاز به گسترش مهارت های خود یا کسب و کار خود داشته باشید.


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

معرفی Introduction

  • فایل های پروژه دوره Course Project Files

معرفی Introduction

  • معرفی دوره Course Introduction

  • معرفی دوره Course Introduction

  • فایل های پروژه دوره Course Project Files

مقدمه ای بر Ionic Framework Introduction to Ionic Framework

  • ایجاد و اجرای برنامه های Ionic در مرورگر Creating and Running Ionic Apps in Browser

مقدمه ای بر Ionic Framework Introduction to Ionic Framework

  • مقدمه ای بر Ionic Framework Introduction to Ionic Framework

  • مقدمه ای بر Ionic Framework Introduction to Ionic Framework

  • نصب Node، Ionic و Cordova Installing Node, Ionic and Cordova

  • نصب Node، Ionic و Cordova Installing Node, Ionic and Cordova

  • ایجاد و اجرای برنامه های Ionic در مرورگر Creating and Running Ionic Apps in Browser

  • اجرای برنامه های Ionic در شبیه ساز و دستگاه Running Ionic Apps in Emulator and Device

  • اجرای برنامه های Ionic در شبیه ساز و دستگاه Running Ionic Apps in Emulator and Device

مقدمه ای بر WooCommerce و WooCommerce API Introduction to WooCommerce and WooCommerce API

  • مقدمه ای بر WooCommerce API Introduction to WooCommerce API

مقدمه ای بر WooCommerce و WooCommerce API Introduction to WooCommerce and WooCommerce API

  • مقدمه ای بر ووکامرس Introduction to WooCommerce

  • مقدمه ای بر ووکامرس Introduction to WooCommerce

  • راه اندازی ووکامرس به صورت محلی Setting Up WooCommerce Locally

  • راه اندازی ووکامرس به صورت محلی Setting Up WooCommerce Locally

  • مقدمه ای بر WooCommerce API Introduction to WooCommerce API

شروع شدن Getting Started

  • ایجاد WooIonic: یک برنامه تجارت الکترونیک Ionic 3 Creating WooIonic: An Ionic 3 eCommerce App

  • ایجاد WooIonic: یک برنامه تجارت الکترونیک Ionic 3 Creating WooIonic: An Ionic 3 eCommerce App

  • بازسازی برنامه Restructuring the App

شروع شدن Getting Started

  • بازسازی برنامه Restructuring the App

ساخت صفحه اصلی برنامه Building App HomePage

  • ایجاد اسلایدر در صفحه اصلی Creating a Slider on Home Page

  • ایجاد اسلایدر در صفحه اصلی Creating a Slider on Home Page

  • نمایش محصولات در صفحه اصلی Displaying Products on Home Page

  • پخش خودکار محصولات لغزنده Autoplaying Products Slider

  • پخش خودکار محصولات لغزنده Autoplaying Products Slider

  • لیست محصولات در صفحه اصلی Product List on Home Page

  • اسکرول بی نهایت در صفحه اصلی Infinite Scrolling on Home Page

  • اسکرول بی نهایت در صفحه اصلی Infinite Scrolling on Home Page

ساخت صفحه اصلی برنامه Building App HomePage

  • نمایش محصولات در صفحه اصلی Displaying Products on Home Page

  • لیست محصولات در صفحه اصلی Product List on Home Page

دسته بندی محصولات و منو Product Categories and Menu

  • دسته بندی محصولات در منو Product Categories in Menu

  • دسته بندی محصولات در منو Product Categories in Menu

  • نمادها و تصاویر در منو Icons and Images in Menu

  • نمادها و تصاویر در منو Icons and Images in Menu

  • نمایش محصولات بر اساس دسته بندی Displaying Products by Category

  • اسکرول بی نهایت در صفحات دسته بندی Infinite Scroll on Category Pages

  • رفع ناوبری با استفاده از ViewChild Fixing Navigation using ViewChild

  • رفع ناوبری با استفاده از ViewChild Fixing Navigation using ViewChild

دسته بندی محصولات و منو Product Categories and Menu

  • نمایش محصولات بر اساس دسته بندی Displaying Products by Category

  • اسکرول بی نهایت در صفحات دسته بندی Infinite Scroll on Category Pages

صفحه جزئیات محصول Product Details Page

  • ایجاد صفحه محصول Creating the Product Page

  • ایجاد صفحه محصول Creating the Product Page

  • تصاویر محصول، عنوان و توضیحات Product Images, Title and Description

  • تصاویر محصول، عنوان و توضیحات Product Images, Title and Description

  • نمایش مشخصات محصول Displaying Product Specs

  • نمایش نظرات محصول Displaying Product Reviews

  • نمایش نظرات محصول Displaying Product Reviews

صفحه جزئیات محصول Product Details Page

  • نمایش مشخصات محصول Displaying Product Specs

ساخت سبد خرید Building the Cart

  • پیاده سازی سبد خرید با استفاده از فضای ذخیره سازی Implementing Cart using Storage

  • ایجاد یک مدال برای سبد خرید Creating a Modal for Cart

  • ایجاد یک مدال برای سبد خرید Creating a Modal for Cart

  • نمایش محصولات در سبد خرید Displaying Products in the Cart

  • سبد خرید نهایی Finalizing Cart

ساخت سبد خرید Building the Cart

  • پیاده سازی سبد خرید با استفاده از فضای ذخیره سازی Implementing Cart using Storage

  • نمایش محصولات در سبد خرید Displaying Products in the Cart

  • سبد خرید نهایی Finalizing Cart

ثبت نام و ورود به سیستم The Sign Up and Login

  • ایجاد صفحه ثبت نام Creating Signup Page

  • ایجاد صفحه ثبت نام Creating Signup Page

  • بررسی اعتبار ایمیل Checking Email Validity

  • بررسی اعتبار ایمیل Checking Email Validity

  • ثبت نام کاربران جدید Signing Up New Users

  • ثبت نام کاربران جدید Signing Up New Users

  • ایجاد فرم ورود Creating Login Form

  • ایجاد فرم ورود Creating Login Form

  • ورود کاربر با استفاده از JSON Auth API Logging User using JSON Auth API

  • ورود کاربر با استفاده از JSON Auth API Logging User using JSON Auth API

  • تغییر پویا آیتم های منو Changing Menu Items Dynamically

  • تغییر پویا آیتم های منو Changing Menu Items Dynamically

ثبت نام و ورود به سیستم The Sign Up and Login

صفحه پرداخت The Checkout Page

  • پیمایش به صفحه پرداخت Navigating to the Checkout Page

  • ایجاد فرم پرداخت Creating Checkout Form

  • از قبل پر کردن فرم پرداخت Prepopulating the Checkout Form

  • از قبل پر کردن فرم پرداخت Prepopulating the Checkout Form

  • ثبت سفارش Placing the Order

  • ثبت سفارش Placing the Order

  • نمایش تایید سفارش Displaying Order Confirmation

صفحه پرداخت The Checkout Page

  • پیمایش به صفحه پرداخت Navigating to the Checkout Page

  • ایجاد فرم پرداخت Creating Checkout Form

  • نمایش تایید سفارش Displaying Order Confirmation

ادغام PayPal در Ionic 3 Integrating PayPal in Ionic 3

  • پیکربندی پی پال و نصب پلاگین ها Configuring Paypal and Installing Plugins

  • پرداخت از طریق پی پال Paying via PayPal

  • پرداخت از طریق پی پال Paying via PayPal

  • آزمون پی پال کوردووا PayPal Cordova Quiz

  • آزمون پی پال کوردووا PayPal Cordova Quiz

ادغام PayPal در Ionic 3 Integrating PayPal in Ionic 3

  • پیکربندی پی پال و نصب پلاگین ها Configuring Paypal and Installing Plugins

ادغام Push Notifications با استفاده از OneSignal Integrating Push Notifications using OneSignal

  • راه اندازی Push Notification با OneSignal Setting up Push Notification with OneSignal

  • راه اندازی Push Notification با OneSignal Setting up Push Notification with OneSignal

  • پیکربندی Push در وردپرس Configuring Push on WordPress

  • پیکربندی Push در وردپرس Configuring Push on WordPress

  • سفارشی کردن Push Notifications در وردپرس Customizing Push Notifications on WordPress

ادغام Push Notifications با استفاده از OneSignal Integrating Push Notifications using OneSignal

  • سفارشی کردن Push Notifications در وردپرس Customizing Push Notifications on WordPress

انتشار اپلیکیشن در پلی استور اندروید Publishing the app in Android Play Store

  • ساخت اپلیکیشن برای انتشار Building the App for Release

  • ساخت اپلیکیشن برای انتشار Building the App for Release

  • در حال ارسال برنامه به فروشگاه Play Submitting the App to Play Store

انتشار اپلیکیشن در پلی استور اندروید Publishing the app in Android Play Store

  • در حال ارسال برنامه به فروشگاه Play Submitting the App to Play Store

ویژگی های اضافی برای WooIonic: جستجوی محصول Additional Features for WooIonic: The Product Search

  • ویژگی جستجوی ساختمان قسمت 01 Building Search Feature Part 01

  • ویژگی جستجوی ساختمان قسمت 01 Building Search Feature Part 01

  • ویژگی جستجوی ساختمان قسمت 02 Building Search Feature Part 02

  • ویژگی جستجوی ساختمان قسمت 02 Building Search Feature Part 02

  • ویژگی جستجوی ساختمان قسمت 03 Building Search Feature Part 03

ویژگی های اضافی برای WooIonic: جستجوی محصول Additional Features for WooIonic: The Product Search

  • ویژگی جستجوی ساختمان قسمت 03 Building Search Feature Part 03

ویژگی های اضافی WooIonic: Ionic Lazy Loading Additional Features for WooIonic: Ionic Lazy Loading

  • Ionic Lazy Loading Part 01 Ionic Lazy Loading Part 01

  • Ionic Lazy Loading Part 02 Ionic Lazy Loading Part 02

ویژگی های اضافی WooIonic: Ionic Lazy Loading Additional Features for WooIonic: Ionic Lazy Loading

  • Ionic Lazy Loading Part 01 Ionic Lazy Loading Part 01

  • Ionic Lazy Loading Part 02 Ionic Lazy Loading Part 02

ویژگی های اضافی برای WooIonic: بهبود عملکرد سبد خرید Additional Features for WooIonic: Improving the Cart Functionality

  • بهبود عملکرد سبد خرید قسمت 01 Improving the Cart Functionality Part 01

  • بهبود عملکرد سبد خرید قسمت 01 Improving the Cart Functionality Part 01

  • بهبود عملکرد سبد خرید قسمت 02 Improving the Cart Functionality Part 02

  • بهبود عملکرد سبد خرید قسمت 02 Improving the Cart Functionality Part 02

ویژگی های اضافی برای WooIonic: بهبود عملکرد سبد خرید Additional Features for WooIonic: Improving the Cart Functionality

ویژگی های اضافی برای WooIonic: استفاده از ارائه دهندگان در Ionic Additional Features for WooIonic: Using Providers in Ionic

  • معرفی ارائه دهندگان Introduction to Providers

  • معرفی ارائه دهندگان Introduction to Providers

  • ایجاد یک ارائه دهنده در Ionic Creating a Provider in Ionic

  • استفاده از Provider در Ionic Pages Using the Provider in Ionic Pages

ویژگی های اضافی برای WooIonic: استفاده از ارائه دهندگان در Ionic Additional Features for WooIonic: Using Providers in Ionic

  • ایجاد یک ارائه دهنده در Ionic Creating a Provider in Ionic

  • استفاده از Provider در Ionic Pages Using the Provider in Ionic Pages

ویژگی های اضافی برای WooIonic: محصولات متغیر Additional Features for WooIonic: Variable Products

  • Legacy V3 VS REST API V2 Legacy V3 VS REST API V2

  • تغییر به V2 API Switching to V2 API

  • ایجاد رابط کاربری برای انتخاب گزینه ها Creating UI for Selecting Options

  • ایجاد رابط کاربری برای انتخاب گزینه ها Creating UI for Selecting Options

  • بررسی تغییرات مطابق - 1 Checking for Matching Variations - 1

  • بررسی تغییرات مطابق - 2 Checking for Matching Variations - 2

  • برای تغییرات به سبد خرید اضافه کنید Add to Cart for Variations

  • به روز رسانی صفحه سبد خرید Updating the Cart Page

  • به روز رسانی صفحه پرداخت Updating the Checkout Page

ویژگی های اضافی برای WooIonic: محصولات متغیر Additional Features for WooIonic: Variable Products

  • Legacy V3 VS REST API V2 Legacy V3 VS REST API V2

  • تغییر به V2 API Switching to V2 API

  • بررسی تغییرات مطابق - 1 Checking for Matching Variations - 1

  • بررسی تغییرات مطابق - 2 Checking for Matching Variations - 2

  • برای تغییرات به سبد خرید اضافه کنید Add to Cart for Variations

  • به روز رسانی صفحه سبد خرید Updating the Cart Page

  • به روز رسانی صفحه پرداخت Updating the Checkout Page

نمایش نظرات

آموزش برنامه های Ionic 3 برای WooCommerce: ساخت یک برنامه موبایل تجارت الکترونیک
جزییات دوره
7 hours
65
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
3,994
4.7 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Samarth Agarwal Samarth Agarwal

برنامه‌نویس/توسعه‌دهنده وب، مدرس، علاقه‌مند به فناوری