آموزش Ionic 6+ با NodeJs - دوره کامل مبتدی تا حرفه ای 2023

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

معرفی دوره و نحوه دریافت پشتیبانی من Course Introduction & How to get my Support

• به این دوره خوش آمدید Welcome to this Course

• طرح کلی دوره Course Outline

• چگونه از این دوره بیشترین بهره را ببرید How to get the Most out of this Course

• چگونه از طریق رسانه های دیگر با من ارتباط برقرار کنیم؟ How to Reach Out to Me through other medium?

• به انجمن Discord ما بپیوندید Join our Discord Community

• از کانال یوتیوب من بیشتر بیاموزید Learn more from my Youtube Channel

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

• معرفی ماژول Module Introduction

• یونیک چیست؟ What is Ionic?

• Angular چیست؟ What is Angular?

• آشنایی با اکوسیستم یونی و نحوه عملکرد آن Understanding Ionic Ecosystem & How it Works

• تکامل یونی Evolution of Ionic

• Ionic 6+ در مقابل Ionic 5 در مقابل Ionic 4 در مقابل Ionic 3 Ionic 6+ vs Ionic 5 vs Ionic 4 vs Ionic 3

• برنامه یونی - کامپایل شده یا ترکیبی Ionic App - Compiled or Hybrid

• خازن در مقابل کوردووا Capacitor vs Cordova

راه اندازی محیط زیست Setting up the Environment

• معرفی ماژول Module Introduction

• Nodejs را نصب کنید Install Nodejs

• ایجاد اولین پروژه شما Creating your first project

• ویرایشگر کد ویژوال استودیو را راه اندازی کنید و ساختار پروژه Ionic را درک کنید Setup Visual Studio Code Editor & Understand Ionic Project Structure

ساخت برنامه های بومی با خازن Building Native Apps with Capacitor

• معرفی ماژول Module Introduction

• ایجاد برنامه اندروید و اجرا در شبیه ساز و دستگاه اندروید واقعی Creating an Android App & Running in Emulator & Real Android Device

• ایجاد یک برنامه iOS و اجرا در شبیه ساز و دستگاه واقعی iOS Creating an iOS App & Running in Simulator & Real iOS Device

• رفع مشکلات موجود در مک بوک پرو M1 (با نصب کوکوپود) Fix problems in M1 MacBook Pro (with cocoapods installation)

مبانی یونی Ionic Basics

• معرفی ماژول Module Introduction

• قالب های یونی استارتر Ionic Starter Templates

• مسیریابی و ناوبری یونی Ionic Routing & Navigations

• ناوبری یونی با استفاده از NavController Ionic Navigation using NavController

• چرخه عمر صفحه Ionic + Angular Ionic + Angular Page Lifecycle

• نحوه استفاده از خدمات در Ionic How to use Services in Ionic

• نحوه استفاده از Shared Components در Ionic How to use Shared Components in Ionic

• استفاده از Promise async در انتظار گرفتن است Use of Promise async await try catch

• اپراتورهای پخش Spread Operators

• سازنده در مقابل ngOnInit constructor vs ngOnInit

• مدل در مقابل رابط Model vs Interface

کار با درخواست های HTTP Working with HTTP Requests

• معرفی ماژول Module Introduction

• REST API چیست؟ What is REST API

• واکشی همه داده‌ها و نمایش در برنامه Fetch all Data & Display in App

• واکشی تک داده و نمایش در برنامه Fetch Single Data & Display in App

• نحوه استفاده از HTTP POST, PUT Methods How to use HTTP POST, PUT Methods

• نحوه برخورد با مشکل CORS How to Deal with CORS Issue

اشکال زدایی برنامه های Ionic Debugging Ionic Apps

• معرفی ماژول Module Introduction

• اشکال زدایی برنامه Ionic با استفاده از console.log() Debugging Ionic App using console.log()

• اشکال زدایی با استفاده از ابزارهای توسعه دهنده مرورگر و نقاط شکست Debugging using Browser DevTools & Breakpoints

• اشکال زدایی رابط کاربری و عملکرد برنامه Debugging the App UI & Performance

• اشکال زدایی برنامه های اندروید در دستگاه واقعی یا شبیه ساز Debugging Android Apps in Real Device or Emulator

• اشکال زدایی برنامه های IOS در دستگاه واقعی یا شبیه ساز Debugging IOS Apps in Real Device or Simulator

استایل و طرح‌بندی برنامه‌های Ionic Styling & Theming Ionic Apps

• معرفی ماژول Module Introduction

• شروع با CSS Utilities Starting with CSS Utilities

• تنظیم متغیرهای تم جهانی Setting Global Theme Variables

• تنظیم همه رنگ های تم به یکباره Setting all Theme Colors at once

• ایجاد یک رنگ تم جدید Creating a New Theme Color

• تنظیم سبک های جهانی Setting Global Styles

• تنظیم سبک های خاص پلت فرم Setting Platform-Specific Styles

• یک ظاهر طراحی اجزای اصلی با متغیرها Styling Core Components with Variables

• متغیرهای CSS خاص مؤلفه و قوانین سفارشی Component-Specific CSS Variables & Custom Rules

• استفاده از حالت تاریک Using Dark Mode

استفاده از برخی از ویژگی های دستگاه بومی Using Some Native Device Features

• معرفی ماژول Module Introduction

• شبکه و نان تست Network & Toast

• اشتراک گذاری Share

• دوربین - عکس بگیرید، از عکس بگیرید و تصویر را از طریق ایمیل به اشتراک بگذارید Camera - take picture, get from photos & share image via email

• مشکل نمایش تصویر را با استفاده از webPath حل کنید Resolve image display issue using webPath

• مخاطبین - به مخاطبین تلفن دسترسی داشته باشید Contacts - access phone contacts

• شماره تماس و تست در iOS Call Number & Test on iOS

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

• کد منبع پیوست شده Attached Source Code

بررسی اجمالی اجزای یونی Ionic Components Overview

• معرفی ماژول Module Introduction

• 2.ویژگی ها، اموال و شکاف ها 2.Attributes, Property & Slots

• 3. شبکه یونی (شبکه یونی) 3.Ionic Grid (ion-grid)

• 4. Grid Column (ion-col) Sizes & Responsiveness 4.Grid Column (ion-col) Sizes & Responsiveness

• 5. ترازبندی ردیف و ستون شبکه 5.Grid Row & Column Alignments

• 6.ion-grid در مقابل ion-list 6.ion-grid vs ion-list

• 7. آیتم یونی، برچسب یونی و متن یونی 7.ion-item, ion-label & ion-text

• اقلام رسانه (عناصر تصویر) و موارد فهرست قابل کشیدن Media Items (Image Elements) & Swipable List Items

• آشنایی با پیمایش مجازی Understanding Virtual Scrolling

• پیاده سازی پیمایش مجازی (ion-virtual-scroll) Implementing Virtual Scrolling (ion-virtual-scroll)

• پیاده سازی پیمایش بی نهایت (ion-infinite-scroll) Implementing Infinite Scrolling (ion-infinite-scroll)

• دکمه های تقسیم بندی شده Segmented Buttons

• اضافه کردن اسپینر (یون اسپینر) Adding a Spinner (ion-spinner)

• با استفاده از Loading Controller Using the Loading Controller

• با استفاده از کنترلر ActionSheet Using the ActionSheet Controller

• 16.ion-refresher 16.ion-refresher

• اسلایدهای یونی (منسوخ شده) ion-slides (deprecated)

• یون پاور ion-popover

• کد منبع پیوست شده Attached Source Code

یکپارچه سازی عناصر PWA Integrating PWA Elements

• معرفی ماژول Module Introduction

• افزودن عناصر PWA Adding PWA Elements

• پیاده سازی عناصر PWA برای دوربین و نان تست Implementing PWA Elements for Camera and Toast

• کد منبع پیوست شده Attached Source Code

شروع به کار با برنامه تحویل غذا Getting Started with Food Delivery App

• معرفی ماژول Module Introduction

• ایجاد یک پروژه خالی برای برنامه تحویل غذا Creating a Blank Project for Food Delivery App

• راه‌اندازی طرح‌بندی برگه‌ها و اعمال تم در یک پروژه خالی Setting up Tabs Layout & apply Theming in a Blank Project

• طراحی صفحه فرود اپلیکیشن (صفحه اصلی) Designing App Landing Screen (Home Page)

• مشکلات Swiper را حل کنید Resolve Swiper issues

• کد رفرکتور برای صفحه اصلی (با اجزای مشترک و بارگذاری اسکلت) Refractor Code for Home Screen (with shared components & skeleton loading)

• طراحی صفحه جستجو Designing Search Screen

• کد شکست برای صفحه جستجو (همچنین ایجاد مؤلفه صفحه خالی) Refractoring Code for Search Screen (also Creating Empty-Screen Component)

• طراحی صفحه منوی رستوران (صفحه موارد) Design Restaurant Menu Screen (Items Page)

• افزودن اقلام به سبد خرید Add Items To Cart

• کد شکست برای صفحه آیتم ها Refractor Code for Items Page

• طراحی صفحه نمایش سبد خرید Design Cart Screen

• ساخت سبد خرید کاربردی Making Cart Functional

• کد رفرکتور برای صفحه گاری Refractor Code for Cart Screen

• طراحی صفحه اکانت Design Account Screen

• کد Refractor برای صفحه حساب Refractor Code for Account Screen

• طراحی صفحه نمایش همه آدرس ها Designing All Addresses Screen

• کد شکست برای صفحه آدرس Refractor Code for Address Screen

• کد منبع پیوست شده Attached Source Code

مدیریت دولتی State Management

• معرفی ماژول Module Introduction

• استفاده از خدمات مشترک Using Common Services

• استفاده از موضوعات و اشتراک های RxJS برای مدیریت دولتی Using RxJS Subjects & Subscriptions for State Management

• استفاده از سرویس برای سبد خرید و ذخیره سازی Using Service for Cart & Storage

• قابلیت سفارش مجدد Reorder Functionality

• کد منبع پیوست شده Attached Source Code

ساختار داده ها با استفاده از مدل ها Structuring data using Models

• معرفی ماژول Module Introduction

• مدل آدرس Address Model

• مدل رستوران Restaurant Model

• مدل دسته بندی Category Model

• مدل مورد Item Model

• مدل سبد خرید Cart Model

• مدل سفارش Order Model

• کد منبع پیوست شده Attached Source Code

کار با نقشه های گوگل Working with Google Maps

• معرفی ماژول Module Introduction

• راه اندازی و یکپارچه سازی API در برنامه API Setup & Integration in App

• طراحی افزودن صفحه نمایش آدرس Design Add Address Screen

• افزودن Google Maps SDK Adding the Google Maps SDK

• افزودن نشانگر و ادغام موقعیت جغرافیایی خازن بومی Adding Marker & Integrating Native Capacitor Geolocation

• استفاده از Geocoding API و افزودن آدرس Using Geocoding API & adding Address

• به روز رسانی آدرس Update Address

• کد شکست Refractor Code

• کد منبع پیوست شده Attached Source Code

پیاده سازی مدال ها Implementing Modals

• معرفی ماژول Module Introduction

• باز کردن یک مدال Opening a Modal

• با استفاده از Places API به جستجوی معین مکان بپردازید Search location modal using Places API

• چگونه مکان ها را از کشورهای مختلف یا کل جهان جستجو کنیم How to Search Places from different Country or whole World

• به روز رسانی موقعیت نشانگر Updating Marker position

• رفع اشکال Bug fixes

• تغییر نشانگر با استفاده از موقعیت جغرافیایی Change Marker using Geolocation

• ادغام Modal در صفحه سبد خرید Integrating Modal in Cart Page

• ادغام Modal در صفحه اصلی Integrating Modal in Home Page

• رفع اشکالات در Search-Location Modal Fixing Bugs in Search-location Modal

• استفاده از Modal برای ویرایش نمایه Using Modal for Editing Profile

• پایان لمس Finishing Touches

• کد منبع پیوست شده Attached Source Code

آشنایی با Nodejs، expressjs و mongoDB Introduction to Nodejs, expressjs & mongoDB

• معرفی ماژول Module Introduction

• Nodejs چیست؟ What is Nodejs

• Nodejs Architecture Nodejs Architecture

• Node چگونه کار می کند How Node Works

• Expressjs چیست؟ What is Expressjs

• MongoDB چیست؟ What is MongoDB

• Nodejs & MongoDB را نصب کنید Install Nodejs & MongoDB

• آشنایی با انواع درخواست در سرور Understanding different request types in a server

پروژه Nodejs را راه اندازی کنید و به اصول اولیه آن بپردازید Setup Nodejs project & deep dive into its basics

• معرفی ماژول Module Introduction

• ایجاد پروژه جدید Nodejs و راه اندازی آن (برای Typescript) Creating new Nodejs Project & Setting it up (for Typescript)

• آشنایی با اصول مسیریابی Understanding Routing Basics

• آشنایی با مبانی میان افزار Understanding Middleware Basics

• اتصال به MongoDB Connecting to MongoDB

• مدیریت متغیرهای محیطی Handling Environment Variables

• ساختار پروژه Nodejs Structuring Nodejs Project

• رسیدگی به خطا Error Handling

• دسترسی به متغیرهای درخواست Accessing Request Variables

• مبانی طرحواره (مدل ها) Basics of Schema (Models)

• پیاده سازی درخواست اعتبارسنجی و بررسی اجمالی کد وضعیت خطای Http Implementing Request Validation & Overview of Http Error Status Code

• کد منبع پیوست شده Attached Source Code

احراز هویت کاربر با Nodejs User Authentication with Nodejs

• معرفی ماژول Module introduction

• طراحی صفحه ورود به سیستم Design Sign-in Screen

• سرویس Auth ایجاد کنید Create Auth Service

• طراحی صفحه ثبت نام Design Sign-up Screen

• ایجاد صفحه رمز فراموش شده Create Forgot Password Screen

• ایجاد کاربر و درک CORS با راه حل Creating a User & understand CORS with Solution

• کد شکست Refractor code

• آماده سازی برای تأیید ایمیل کاربر Preparing for User Email Verification

• ایمیل تأیید را با استفاده از SendGrid و Gmail ارسال کنید و ایمیل Unique A/c را بررسی کنید Send Verification Email using SendGrid & Gmail and Check for Unique Email A/c

• ایمیل تایید را دوباره بفرست Resend Verification Email

• رمزگذاری رمز عبور با استفاده از bcrypt Encrypting password using bcrypt

• طراحی صفحه تأیید ایمیل (OTP). Design Email Verification (OTP) Screen

• JWT چیست و چگونه کار می کند What is JWT & how it works

• پیاده سازی JWT برای احراز هویت کاربر Implementing JWT for User Authentication

• Token را ذخیره کنید و رهگیر توکن Http را در برنامه Ionic تنظیم کنید Store Token & Setup Http Token Interceptor in Ionic App

• راه اندازی Auth Middleware برای Backend APIs Setup Auth Middleware for Backend APIs

• افزودن Auth Guard در برنامه Ionic Adding an Auth Guard in Ionic App

• اتصال صفحه OTP با API های Backend Connecting OTP Screen with Backend APIs

• طراحی بازنشانی رمز عبور در برنامه Ionic Design Reset password in Ionic App

• ایجاد APIهای Backend و اتصال با قابلیت Reset Password در Frontend Creating Backend APIs & Connecting with Reset Password functionality in Frontend

• بهینه سازی کد Optimising Code

• خروج از سیستم کاربر در برنامه Ionic Logging out a User in Ionic App

• واکشی و به‌روزرسانی نمایه در صفحه حساب Fetch & Update Profile in Account page

• استفاده از OTP Screen همچنین به عنوان کامپوننت در همه جا - قسمت 1 Using OTP Screen also as Component everywhere - Part 1

• استفاده از OTP Screen همچنین به عنوان کامپوننت در همه جا - قسمت 2 Using OTP Screen also as Component everywhere - Part 2

• کد منبع پیوست شده Attached Source Code

کار با پنل مدیریت در همان برنامه Ionic برای کاشت داده زنده با استفاده از Nodejs Working with Admin Panel in same Ionic app for Live Data Seeding using Nodejs

• معرفی ماژول Module Introduction

• راه اندازی پنل مدیریت با مسیریابی تأیید هویت مبتنی بر نقش Setup Admin Panel with Role based Auth Routing

• محافظت از مسیر صفحه نمایش OTP و رفع برخی اشکالات جزئی Protecting OTP Screen Route and fixing some minor bugs

• آپلود تصاویر بنر و نمایش در برنامه Upload Banner Images and Display in App

• کد شکست Refractor code

• درج شهرها در پایگاه داده Mongodb Insert Cities in Mongodb Database

• طراحی افزودن صفحه نمایش رستوران Design Add Restaurant Screen

• درج اسناد رستوران، دسته در MongoDB با استفاده از Nodejs - قسمت 1 Inserting Restaurant, Category documents in MongoDB using Nodejs - Part 1

• درج اسناد رستوران، دسته در MongoDB با استفاده از Nodejs - قسمت 2 Inserting Restaurant, Category documents in MongoDB using Nodejs - Part 2

• واکشی رستوران‌های نزدیک در صفحه اصلی و جستجو با استفاده از جستارهای جغرافیایی - قسمت 1 Fetch Neaby Restaurants in Home & Search Screen using Geospatial Queries - Part1

• واکشی رستوران های نزدیک در صفحه اصلی و جستجو با استفاده از جستارهای جغرافیایی - قسمت 2 Fetch Neaby Restaurants in Home & Search Screen using Geospatial Queries - Part2

• افزودن آیتم‌های منوی رستوران (همچنین یادگیری جمع‌آوری و طرح‌بندی mongodb) - قسمت 1 Add Restaurant Menu Items (also learning mongodb populate & projection) - Part 1

• افزودن آیتم های منوی رستوران (همچنین یادگیری پر کردن و طرح ریزی mongodb) - قسمت 2 Add Restaurant Menu Items (also learning mongodb populate & projection) - Part 2

• واکشی آیتم های منوی رستوران (همچنین بهینه سازی چند طرح) Fetch Restaurant Menu Items (also optimise few designs)

• عملیات CRUD را برای آدرس های کاربر انجام دهید Perform CRUD Operations for User Addresses

• رفع اشکالات در سبد خرید، ثبت سفارش و واکشی سفارشات کاربر Fix Bugs in Cart, place order & fetch user orders

• کد منبع پیوست شده Attached Source Code

پیاده سازی چند بهینه سازی در برنامه ما Implementing few Optimizations in Our App

• معرفی ماژول Module Introduction

• استفاده از گارد ورود خودکار در برنامه Ionic Using Auto-Login Guard in Ionic App

• با استفاده از ENUM در برنامه Ionic ما Using ENUM in our Ionic app

• 4. پیام هشدار برای خروج را تأیید کنید 4. Confirm Alert message for Logout

• بهینه سازی ورود، طراحی پیام خطای ثبت نام و تغییر سبک نقطه در صفحه سبد خرید Optimise Login, Signup error message design & change dotstyle in Cart Screen

• رفع اشکال مدل مکان در صفحه اصلی و بهینه سازی کد آدرس ویرایش Fix location model bug in Home page & optimise edit address code

• تبدیل مدل سبد خرید به یک رابط Converting Cart Model into an Interface

• نسوز کلیه خدمات Refractoring all Services

• رفع اشکال سبد خدمات بررسی فاصله و شکست کد صفحه سبد خرید Fix Cart Service check distance bug & refractor Cart page code

• رفع اشکال پیمایش خودکار آیتم های منو Fixing Menu Screen items auto-scrolling bug

• بهینه سازی طراحی های صفحه ورود و ثبت نام Optimising Login & Signup Screen Designs

• ایجاد رابط شهر و بهینه سازی افزودن طراحی صفحه رستوران Create City Interface & Optimising Add Restaurant Screen Design

• تبدیل مدال‌ها در صفحه‌های سبد، حساب و ویرایش آدرس به شیت مدال Converting Modals in Cart, Account & Edit-Address Screens into Sheet Modal

• بنر را در برنامه Ionic قابل کلیک کنید Make Banner Clickable in Ionic App

• پیاده سازی فایل Dotenv در برنامه Nodejs ما Implementing Dotenv file in our Nodejs App

• کد منبع پیوست شده Attached Source Code

افزودن قابلیت صفحه بندی در Ionic App با استفاده از Nodejs Adding Pagination feature in Ionic App using Nodejs

• معرفی ماژول Module Introduction

• پیاده سازی صفحه بندی در صفحه آدرس Implementing Pagination in Address Screen

• پیاده سازی صفحه بندی در لیست سفارشات در صفحه حساب Implementing Pagination in Orders list in Account Screen

• صفحه بندی در لیست رستوران ها در صفحه اصلی و صفحه جستجو Pagination in Restaurants list in Home & Search Screen

• کد منبع پیوست شده Attached Source Code

پیاده سازی Refresh Token برای احراز هویت قوی JWT Implementing Refresh Token for Strong JWT Authentication

• معرفی ماژول Module Introduction

• ایجاد Refresh Token و ارسال در Ionic App، همچنین کلیدهای مخفی تصادفی ایجاد می کند Creating Refresh Token & Sending in Ionic App, also generate random secret keys

• هنگامی که نشانه اکسس منقضی شد، توکن‌های جدید Access & Refresh را به‌طور خودکار ایجاد کنید Auto-generate new Access & Refresh Tokens when Access token expires

• کد منبع پیوست شده Attached Source Code

قرار دادن توکن‌های Refresh در لیست سیاه با استفاده از Redis و اعمال چند بهینه‌سازی Blacklisting Refresh Tokens using Redis & applying few optimisations

• معرفی ماژول Module Introduction

• درک اینکه چرا RefreshTokens در لیست سیاه نیاز است و راه اندازی Redis در MacOS Understanding why blacklist RefreshTokens needed & Setting up Redis in MacOS

• راه اندازی Redis در ویندوز Setting up Redis in Windows

• Redis را با Nodejs راه اندازی کنید و آن را با سرور محلی در سیستم خود وصل کنید Setup Redis with Nodejs & Connect it with Local Server in your System

• اتصال رایگان به Redis Enterprise (سرور) با Nodejs Connecting to Redis Enterprise (Server) for free with Nodejs

• UserController را در Nodejs بهینه کنید تا فقط فیلدهای User مورد نیاز در frontend ارسال شود Optimise UserController in Nodejs to send only required User fields in frontend

• لیست سیاه RefreshToken در Nodejs با استفاده از Redis & Optimize Token Interceptor Blacklist RefreshToken in Nodejs using Redis & Optimise Token Interceptor

• رمز بازخوانی کاربر را از پایگاه داده Redis در خروج از سیستم پاک کنید Clear User Refresh Token from Redis database on Logout

• مختصری در مورد نحوه مدیریت RefreshToken در Redis اگر همان حساب در چندین دستگاه باشد Brief on how to manage RefreshToken in Redis if same account in multiple device

• کد منبع پیوست شده Attached Source Code

گزینه های پرداخت COD و RAZORPAY را ادغام کنید و در اندروید و iOS آزمایش کنید Integrate COD & RAZORPAY Payment Options and test in Android & iOS

• معرفی ماژول Module Introduction

• صفحه گزینه پرداخت را طراحی کنید و برای سفارش آماده شوید Design Payment Option Screen & Prepare for Ordering

• ثبت سفارش از طریق COD Place Order via COD

• رفع مشکل منطقه زمانی و شماره پورت تاریخ فعلی در Nodejs Fixing Current Date Timezone & Port Number issue in Nodejs

• رفع تشخیص تغییر آدرس در سبد خرید Fixing Address Change Detection in Cart

• پلتفرم‌های Android و iOS را با مجوز اضافه کنید و RAZORPAY را در حالت آزمایشی ادغام کنید Add Android & iOS platforms with permissions & Integrate RAZORPAY in test mode

• درگاه پرداخت Razorpay را در حالت زنده ادغام کنید Integrate Razorpay payment gateway in Live Mode

• با استفاده از LiveReload برنامه را در Android و iOS آزمایش کنید Test App in Android & iOS using LiveReload

• کد منبع پیوست شده Attached Source Code

رفع پیام های خطا برای عدم وجود رکورد در Nodejs Fixing error messages for no records available in Nodejs

• معرفی ماژول Module Introduction

• بهینه سازی کنترلر رستوران برای هیچ سابقه ای یافت نشد Optimising Restaurant Controller for no records found

• بهینه سازی OrderController برای هیچ سابقه ای یافت نشد Optimising OrderController for no records found

• بهینه سازی AddressController برای هیچ سابقه ای یافت نشد Optimising AddressController for no records found

• کد منبع پیوست شده Attached Source Code

نمایه سازی در MongoDB Indexing in MongoDB

• معرفی ماژول Module Introduction

• Indexing MongoDB چیست؟ What is MongoDB Indexing

• آشنایی با انواع نمایه سازی و مختصری در مورد عملگرهای مختلف Understanding types of Indexing & a brief about various operators

• استفاده از geoNear (برای فاصله)، nearSphere و geoWithin در کنترلر رستوران Using geoNear(for distance), nearSphere & geoWithin in Restaurant controller

• کد منبع پیوست شده Attached Source Code

رفع برخی از حفره های امنیتی و بهینه سازی برنامه ها Fix some Security Loopholes & optimise apps

• معرفی ماژول Module Introduction

• اعمال محدودیت های مبتنی بر نقش دقیق Applying Strict Role based Restrictions

• در صورت تأیید نشدن ایمیل، ورود به صفحه گزینه پرداخت را محدود کنید Restrict entry in Payment option page if email unverified

• کد catch() را بهینه کنید Optimise catch() code

• برخی از بهینه‌سازی نهایی برنامه‌های ما را لمس می‌کند Some final optimisation touches to our apps

• پیاده سازی ویژگی ویرایش تصویر نمایه در برنامه - قسمت 1 Implementing Edit Profile picture feature in App - Part 1

• پیاده سازی ویژگی ویرایش تصویر نمایه در برنامه - قسمت 2 Implementing Edit Profile picture feature in App - Part 2

• کد منبع پیوست شده Attached Source Code

برنامه Nodejs را برای تولید در Heroku مستقر کنید Deploy Nodejs App for production to Heroku

• معرفی ماژول Module Introduction

• مقیاس افقی در مقابل عمودی Horizontal vs Vertical Scaling

• درک MongoDB Replication Understanding MongoDB Replication

• استقرار برنامه Nodejs در Heroku Deploying Nodejs App to Heroku

• بررسی فایل ها در Heroku و درک مشکل سیستم فایل Heroku Checking Files in Heroku & Understanding about Heroku filesystem problem

• چگونه تست بار انجام دهیم؟ How to do Load Testing?

• کد منبع پیوست شده Attached Source Code

آماده سازی اپلیکیشن Ionic برای تولید Preparing Ionic App for Production

• معرفی ماژول Module Introduction

• StatusBar را سفارشی کنید و افزونه SplashScreen را در برنامه Ionic نصب کنید Customise StatusBar & install SplashScreen plugin in Ionic App

• آماده سازی تنظیمات برنامه اندروید و درک سخت افزار BackButton Preparing Android App Configurations & Understanding Hardware BackButton

• آماده سازی تنظیمات برنامه iOS Preparing iOS App Configurations

• آیکون های سفارشی و Splash Screens برای اندروید و iOS ایجاد کنید Generate Custom Icons & SplashScreens for Android & iOS

• در حال آماده سازی فایل ambient.prod.ts Preparing environment.prod.ts file

• کد منبع پیوست شده Attached Source Code

انتشار Ionic App در Play Store و App Store Publishing Ionic App to Play Store & App Store

• معرفی ماژول Module Introduction

• انتشار اپلیکیشن iOS در اپ استور Publishing iOS App on App Store

• انتشار اپلیکیشن اندروید در پلی استور Publishing Android App on Play Store

• لینک ها و نکات مفید Useful Links & Tips

• کد منبع پیوست شده Attached Source Code

با استفاده از Nodejs تصاویر را در Cloudinary آپلود کنید و یاد بگیرید که REDIS را حذف کنید Upload Images in Cloudinary using Nodejs & learn to exclude REDIS

• معرفی ماژول Module Introduction

• راه اندازی و یکپارچه سازی Cloudinary API در NodeJS Setup & Integrate Cloudinary API in NodeJS

• آزمایش آپلود فایل در کلودیناری با استفاده از NodeJS Testing File Upload in Cloudinary using NodeJS

• تغییر تصاویر بنر به ابری و اصلاح افزودن بنر Shifting Banner Images to Cloudinary & Modify Add Banner

• تغییر تصاویر رستوران به ابری و تغییر افزودن رستوران Shifting Restaurant Images to Cloudinary & Modify Add Restaurant

• تغییر تصاویر منو به ابری و تغییر منوی افزودن Shifting Menu Images to Cloudinary & Modify Add Menu

• تصویر نمایه را در Cloudinary بارگذاری کنید و یاد بگیرید که Redis را از NodeJS حذف کنید Upload Profile Image to Cloudinary & learn to exclude Redis from NodeJS

• کد منبع پیوست شده Attached Source Code

ادغام Stripe Payment Gateway و بهینه سازی برنامه با آخرین تغییرات RxJS Integrate Stripe Payment Gateway & Optimise App with latest RxJS changes

• معرفی ماژول Module Introduction

• برنامه Ionic را با تغییرات جدید RxJS بهینه کنید Optimise Ionic App with new RxJS changes

• STRIPE API را یکپارچه کنید Integrate STRIPE API

• پلاگین Stripe را نصب کنید و عملکرد را در برنامه Ionic آماده کنید Install Stripe Plugin & prepare functionality in Ionic App

• برنامه Nodejs را با پلاگین Stripe آماده کنید Prepare Nodejs App with Stripe plugin

• Test Stripe در Android و iOS (Test & Live Mode) Test Stripe in Android & iOS (Test & Live Mode)

• کد منبع پیوست شده Attached Source Code

به Ionic 7 ارتقا دهید Upgrade to Ionic 7

• معرفی ماژول Module Introduction

• چیزهای جدید در Ionic 7 What's new in Ionic 7

• ایجاد پروژه Ionic 7 و درک ساختار فایل Creating Ionic 7 Project & Understanding File Structure

• پروژه Ionic 6 را به Ionic 7 ارتقا دهید (رویکرد ماژولار مانند Ionic 6) Upgrade Ionic 6 project to Ionic 7 (Modular Approach like Ionic 6)