آموزش برنامه چت واقعی MERN پشته با Express، React، MongoDB

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

معرفی Introduction

• مقدمه - آنچه خواهید ساخت Introduction - What You Will Build

• به کمکت احتیاج دارم Need Your Help

• با من در تماس باشید Stay Touch With Me

شروع کار با جاوا اسکریپت Getting Started with JavaScript

• راه اندازی محیط توسعه Development Environment Setup

• استفاده از کنسول و نظرات در جاوا اسکریپت Uses of Console and Comments in JavaScript

• ES6 چیست؟ What is ES6

• فایل های جاوا اسکریپت JavaScript Excise Files

متغیرها و انواع داده ها Variables and Data Types

• یک متغیر اعلام کنید Declare a Variable

• کاربرد Let و Const Uses of Let and Const

• انواع داده های اولیه Primitive Data types

• انواع مرجع: شی (مبانی) Reference types: Object (Basics)

• انواع مرجع: آرایه (مبانی) Reference types: Array (Basics)

• انواع مرجع: تابع (مبانی) Reference types: Function (Basics)

• الفاظ الگو Template Literals

• تمرین - شی شخص Exercise - Person Object

اپراتورهای جاوا اسکریپت JavaScript Operators

• عملگرهای حسابی Arithmetic Operators

• اپراتورهای واگذاری Assignment Operators

• اپراتورهای مقایسه Comparison Operators

• عملگرهای منطقی Logical Operators

• اپراتورهای برابری Equality Operators

• تمرین مبادله دو عدد Exercise Swap two numbers

اظهارات مشروط Conditional Statements

• اگر دیگری If else

• کیس سوئیچ Switch case

• اپراتورهای سه تایی Ternary Operators

• ورزش Fizz Buzz Exercise Fizz Buzz

• Exercise Fizz Buzz (با اپراتورهای سه تایی) Exercise Fizz Buzz (With Ternary Operators)

• سیستم درجه بندی ما را تمرین کنید Exercise Our Grading System

• کیس سوئیچ با چند عملگر منطقی Switch case with multiple logical operators

حلقه های جاوا اسکریپت JavaScript Loops

• برای حلقه For loop

• در حالی که حلقه While loop

• حلقه while انجام دهید Do while loop

• برای در حلقه For in loop

• برای حلقه For of loop

• بشکن و ادامه بده Break and continue

• حلقه های بی نهایت Infinite loops

• حلقه های تو در تو Nested Loops

رشته در جاوا اسکریپت String in JavaScript

• مبانی رشته String Basics

• روش‌های رشته: charAt، toUpperCase، toLowerCase، شامل، startsWith، endsWith String Methods: charAt, toUpperCase, toLowerCase, includes, startsWith, endsWith

• روش های رشته: جستجو، IndexOf، lastIndexOf String Methods: Search, IndexOf, lastIndexOf

• روش های رشته: toString، Concat، split String Methods: toString, Concat, split

• روش های رشته: slice، subStr، substring String Methods: slice, subStr, subString

• دنباله های فرار Escape Sequences

• تغییرناپذیری رشته String Immutability

اشیاء - هسته جاوا اسکریپت و JSON Objects - The Core of Javascript & JSON

• مبانی شی با علامت گذاری براکت نقطه Object Basics with Dot Bracket Notation

• افزودن، اصلاح ویژگی های حذف Adding, Modifying Deleting Properties

• شی روش این کلمه کلیدی Object Methods This Keyword

• عبور از ورودی های اشیاء Traversing Object Entries

• حقوق کل ورزش - Exercise Total Salary-

• تخریب شی Object Destructuring

• شبیه سازی یک شی Cloning an object

• شیء ریاضی Math Object

• فرمت داده JSON JSON Data Format

توابع جاوا اسکریپت JavaScript Functions

• مبانی تابع Function Basics

• پارامترهای پیش فرض Default Parameters

• عملکرد به عنوان یک بیان Function as an Expression

• توابع پیکان Arrow Functions

• پارامتر استراحت Rest Parameter

آرایه های جاوا اسکریپت JavaScript Arrays

• مبانی آرایه Array Basics

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

• حذف عناصر Removing Elements

• یافتن عناصر (نوع اولیه) Finding Elements (Primitive Type)

• یافتن عناصر (نوع مرجع) Finding Elements (Reference Type)

• تکرار یک آرایه Iterating an Array

• مرتب سازی و معکوس کردن یک آرایه Sorting and Reversing an Array

• تست عناصر آرایه Testing the elements of the Array

• ترکیب و برش آرایه Combining and Slicing the Array

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

• پیوستن به آرایه Joining Array

• نگاشت یک آرایه Mapping an array

• فیلتر کردن یک آرایه Filtering an Array

• کاهش یک آرایه Reducing an Array

سایر ویژگی های ES6، ES7 و ES8 Other ES6, ES7 and ES8 Features

• تخریب شیء آرایه Array Object Destructuring

• ساختار داده: مجموعه Data Structure: Set

• ساختار داده: نقشه Data Structure: Map

• مجموعه ضعیف + نقشه ضعیف Weak Set + Weak Map

• ماژول (واردات صادرات) Module (Import Export)

• padStart، padEnd TrimStart، TrimEnd padStart, padEnd TrimStart, TrimEnd

مدیریت خطا در جاوا اسکریپت Error Handlings in JavaScript

• انواع مختلف خطاها در جاوا اسکریپت (سینتکس، مرجع، نوع، خطای محدوده، Different types of errors in JavaScript. (Syntax, Reference, Type, Range Error,

• تمرین Throw Custom Error Object Exercise Throw Custom Error Object

• خطاها را با try، catch و در نهایت مسدود کردن مدیریت کنید Handle Errors with try, catch, and finally block

عبارت منظم Regular Expression

• Regular Expression چیست و چرا مفید است What is Regular Expression and why is it useful

• ساختار RegExp و تست برخی از آنها Structure of RegExp and Testing some of them

• RegExp Modifiers و Object Methods RegExp Modifiers and Object Methods

جاوا اسکریپت شی گرا Object Oriented JavaScript

• توابع کارخانه Factory Functions

• سازنده این کلمه کلیدی را عمل می کند Constructor Functions this keyword

• تمرین: آدرس منزل (با توابع سازنده کارخانه) Exercise: Home Address (with Factory Constructor functions)

جاوا اسکریپت ناهمزمان، Ajax و API واکشی Asynchronous JavaScript, Ajax & Fetch API

• کد غیر مسدود کننده ناهمزمان چیست؟ What is Asynchronous Non-blocking Code

• Callback چیست؟ What is Callback

• برگشت به تماس جهنم Callback Hell

• وعده ها Promises

• برخورد با وعده های متعدد Dealing with Multiple Promises

• برقراری تماس Ajax با Fetch API (و Promises) Making Ajax call with Fetch API (and Promises)

• برقراری تماس Ajax با Fetch API (و AsyncAwait) Making Ajax call with Fetch API (and AsyncAwait)

DOM (مدل شیء سند) DOM (Document Object Model)

• منبع قابل دانلود برای این بخش Downloadable Resource For This section

• راه اندازی پروژه معرفی DOM DOM Introduction Project Setup

• مشاهده شیء سند Observing Document Object

• انتخابگرهای DOM (برای عناصر منفرد) DOM Selectors (For Single Elements)

• انتخابگرهای DOM (برای چندین عنصر) DOM Selectors (For Multiple Elements)

• رعایت خواص والدین، فرزندان، خواهر و برادر Observing parent, children, sibling properties

• ایجاد عناصر با DOM Create Elements with DOM

• شنوندگان رویدادهای مختلف Various Event Listeners

• مشاهده شی رویداد Observing the event object

Web Storage API Web Storage API

• نمای کلی بخش Section Overview

• ذخیره، دریافت و به روز رسانی داده ها از ذخیره سازی محلی Storing, Getting and Updating data from local storage

• حذف و پاک کردن داده ها از حافظه محلی Deleting and Clear out the data from Local storage

• Sringify و تجزیه داده ها از حافظه محلی Stringify and Parsing data from local storage

• ذخیره‌سازی جلسه و تفاوت بین ذخیره‌سازی محلی و ذخیره‌سازی جلسه Session Storage and the difference between local storage and session storage

Node.js را از ابتدا یاد بگیرید Learn Node.js From Scratch

• برخی از یادداشت ها Some Notes

• بخش فایل مالیاتی - منبع قابل دانلود Section Excise File - Downloadable Resource

• NodeJS چیست؟ What is NodeJS-

• آشنایی با NodeJS Introduction to NodeJS

• شروع شدن Getting Started

• شروع کار با Nodemon Getting Started With Nodemon

• درک ماژول ها Understanding Modules

• ماشین حساب کوچک تمرین (با آرگومان های خط فرمان) Exercise MiniCalculator (with Command Line Arguments)

• ماژول سیستم فایل (با پاسخ به تماس) File System Module (With Callbacks)

• تمرین خواندن و نوشتن فایل به طور همزمان Exercise Read and Write File Simultaneously

• ماژول HTTP HTTP Module

• تمرین ارائه HTML به عنوان یک پاسخ Exercise Rendering HTML as a Response

• ماژول URL توضیح داده شد URL Module Explained

• وارد کردن ماژول های NPM Importing NPM Modules

پروژه - فروشگاه دوچرخه (ساخت وب سرور با Pure Node JS) Project - The Bicycle Shop (Build a Web Server with Pure Node JS)

• بخش مقدمه Section Introduction

• معرفی پروژه و راه اندازی رابط کاربری Project Intro and UI Setup

• ساختار پوشه و ایجاد سرور HTTP- Folder Structure and Create HTTP Server-

• تجزیه URL و Query String Parsing URL and Query String

• اعلان مسیرها و رندر HTML Declaring Routes and Rendering HTML

• رندر CSS، تصاویر، فایل های SVG Rendering CSS, Images, SVG Files

• ارائه داده های پویا برای صفحه نمای کلی Rendering Dynamic Data for Overview Page

• ایجاد بلوک های پویا در صفحه اصلی Create Dynamic blocks in Homepage

• ارائه داده های پویا برای صفحه اصلی قسمت 1 Rendering Dynamic Data for Homepage Part 1

• ارائه داده های پویا برای صفحه اصلی قسمت 2 Rendering Dynamic Data for Homepage Part 2

Express JS را از ابتدا یاد بگیرید Learn Express JS From Scratch

• اکسپرس چیست؟ چرا باید از این استفاده کنیم؟ What is Express? Why should we use this?

• یک سرور ساده با Express.js ایجاد کنید Create a simple server with Express.js

• برای تست تماس های API، POSTMAN را نصب و استفاده کنید Install and Use POSTMAN to test API Calls

• پردازش درخواست POST با Body Parser Processing POST Request with Body Parser

• معرفی Middleware Introducing Middleware

• تمرین: یک Logger سفارشی ایجاد کنید Exercise: Create a Custom Logger

EJS را با یک پروژه کامل یاد بگیرید Learn EJS with a Complete Project

• بررسی اجمالی پروژه Express Js Express Js Project Overview

• ساختار پوشه خاص برای یک پروژه Express + EJS Specific Folder Structure for an Express + EJS Project

• راه اندازی سرور با اعلام همه مسیرها با Express Part 1 Server Setup with Declaring all the Routes with Express Part 1

• راه اندازی سرور با اعلام همه مسیرها با Express Part 2 Server Setup with Declaring all the Routes with Express Part 2

• ارائه اولین الگوی EJS ما Rendering our First EJS Template

• مدیریت فایل های استاتیک Handle Static Files

• داده های پویا را برای صفحه نمای کلی ارائه دهید Render dynamic data for Overview Page

• داده های پویا را برای صفحه اصلی ارائه دهید Render dynamic data for Home Page

API RESTFUL خود را از ابتدا بسازید Build your own RESTFUL API from Scratch

• پیش نیازهای بخش Section Prerequisites

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

• با Node و Express.js یک CRUD Rest API ایجاد کنید Create a CRUD Rest API with Node and Express.js

• راه اندازی اولیه سرور با EXPRESS و POSTMAN Basic Server Setup with EXPRESS and POSTMAN

• دریافت همه محصولات، در POSTMAN GET All Products, in POSTMAN

• یک محصول خاص با پارامترهای پرس و جو دریافت کنید GET a Specific Product with Query Parameters

• ارسال یک محصول جدید POST a New Product

• متن درخواست را با Joi تأیید کنید Validate the body of the request with Joi

• اطلاعات محصول را با روش PUT به روز کنید Update a Product Information with PUT Method

• اطلاعات محصول را با روش PATCH به روز کنید Update a Product Information with PATCH Method

• یک محصول خاص را حذف کنید DELETE a Specific Product

• تمام محصولات را حذف کنید DELETE all the products

• بیایید کد وضعیت را یاد بگیریم Let’s Learn some Status Code

MongoDB - یک پایگاه داده NoSQL MongoDB - A NoSQL Database

• مقدمه ای بر MongoDB Introduction to MongoDB

• نصب MongoDB و Compass Installing MongoDB and Compass

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

• طرحواره و مدل ها Schema and Models

• ایجاد و ذخیره یک سند Create and Save a document

• اسناد را به روش های مختلف پیدا کنید Find documents in multiple ways

• Query API Select, Sort, Limit, Count Documents Query API Select, Sort, Limit, Count Documents

• عملگرهای مقایسه پرس و جو پیچیده Complex Query Comparison Operators

• پرس و جو پیچیده و یا عملیات Complex Query And, Or Operations

• پرس و جوی پیشرفته را تمرین کنید Exercise Advanced Query

• به روز رسانی یک سند (راه 1) Update a document (Way 1)

• به روز رسانی یک سند (راه 2 Update a document (Way 2

• حذف اسناد به 3 روش Delete documents in 3 ways

React - کتابخانه جاوا اسکریپت React - A JavaScript Library

• React چیست؟ What is React?

• React Section - کد منبع پروژه React Section - Project Source Code

• دلایل اصلی برای اینکه باید یاد بگیرید همین الان واکنش نشان دهید Top Reasons Why You Should Learn React Right Now

• چه چیزی یاد خواهیم گرفت؟ What will we learn?

React - ویژگی های اساسی و نحو React - Basic Features and Syntax

• Create-React-App را نصب کنید Install Create-React-App

• ساختار پوشه پروژه Project Folder Structure

• React Component Basic React Component Basic

• دستور JSX JSX Syntax

• جزء کلاس نوشتن Writing Class Component

• کامپوننت عملکردی پویا Dynamic Functional Component

• کامپوننت کلاس دینامیک Dynamic Class Component

• نوشتن کامپوننت جدید Writing a new Component

• وضعیت یک جزء State of a Component

• تغییر حالت با رویداد JS Changing State with JS event

• Pass Method در props Pass Method in props

• تغییر حالت با عناصر ورودی Change State With Input Elements

• اجزای یک ظاهر طراحی شده Styling Components

React - لیست های کامپوننت React - Component Lists

• ایجاد لیست کامپوننت Creating Component List

• تغییر حالت Change State

• کلید کودکان لیست Key of List Children

• لیست ها را انعطاف پذیر کنید Make Lists Flexible

React - رندر شرطی React - Conditional Rendering

• رندر مشروط Render Conditionally

• راه حل بهتر Better Solution

React - پروژه رستوران (مبانی) React - Restaurant Project (Basics)

• راه اندازی پوشه پروژه Setup Project Folder

• درخت جزء Component Tree

• نوار ناوبری با استفاده از Reactstrap Navigation bar using Reactstrap

• ایجاد مؤلفه منو Creating Menu Component

• طراحی آیتم منو Designing Menu Item

• DishDetail جزء 1 DishDetail Component Part 1

• DishDetail Component Part 2 DishDetail Component Part 2

• مؤلفه LoadComments LoadComments Component

• React Developer Tools React Developer Tools

React - پروژه رستوران (افزودن روتر) React - Restaurant Project (Adding Router)

• آماده سازی پروژه برای روتر Preparing Project for Router

• طراحی نوار ناوبری Designing Navigation Bar

• اضافه کردن مسیرها Adding Routes

• برخی از تغییرات در مؤلفه منو Some Changes in Menu Component

React - پروژه رستوران (افزودن فرم ها) React - Restaurant Project (Adding Forms)

• فرم تماس Contact Form

• مدیریت فرم تماس Contact Form Handling

• کامپوننت پاورقی Footer Component

• عنوان پویا Dynamic Title

• بارگیری نظرات از Comment js Load Comments from Comment js

• به روز رسانی منوی عرض معین Update Menu Modal Width

Socket-IO Basic Fundamental Socket-IO Basic Fundamental

• Socket Section Excise Files - منبع قابل دانلود Socket Section Excise Files - Downloadable Resource

• سوکت وب چیست چگونه کار می کند What is web socket how it works

• کتابخانه سوکت و ابزار Socket Library And Tools

• سوکت در مقابل WebRTC Socket vs WebRTC

• ایجاد پروژه جدید با سوکت قسمت 1 Create New Project With Socket Part 1

• ایجاد پروژه جدید با سوکت قسمت 2 Create New Project With Socket Part 2

• ایجاد پروژه جدید با سوکت قسمت 3 Create New Project With Socket Part 3

• پروتکل قطع اتصال و WS را کشف کنید Discover Connection Disconnection And WS Protocol

• درک رویداد سوکت Understanding Socket Event

• بخش 1 انتقال داده سرور به مشتری Server to Client Data Transfer Part 1

• بخش 2 انتقال داده سرور به مشتری Server to Client Data Transfer Part 2

• سرور رویداد سفارشی به انتقال داده های مشتری Custom Event Server to Client Data Transfer

• انتقال داده مشتری به سرور Client to Server Data Transfer

• انتقال داده سفارشی رویداد به سرور Custom Event Client to Server Data Transfer

• صدا و سیما Broadcasting

• فضای نام Namespace

• یک برنامه چت ساده SocketIO قسمت 1 ایجاد کنید Create a simple chat app SocketIO Part 1

• یک برنامه چت ساده SocketIO قسمت 2 ایجاد کنید Create a simple chat app SocketIO Part 2

• یک برنامه چت ساده SocketIO قسمت 3 ایجاد کنید Create a simple chat app SocketIO Part 3

• یک برنامه چت ساده SocketIO قسمت 4 ایجاد کنید Create a simple chat app SocketIO Part 4

• یک برنامه چت ساده SocketIO قسمت 5 ایجاد کنید Create a simple chat app SocketIO Part 5

• SocketIO Rooms قسمت 1 SocketIO Rooms Part 1

• SocketIO Rooms قسمت 2 SocketIO Rooms Part 2

• سوکت با React FrontEnd Express BackEnd قسمت 1 Socket With React FrontEnd Express BackEnd Part 1

• سوکت با React FrontEnd Express BackEnd قسمت 2 Socket With React FrontEnd Express BackEnd Part 2

• سوکت با React FrontEnd Express BackEnd قسمت 3 Socket With React FrontEnd Express BackEnd Part 3

• سوکت با React FrontEnd Express BackEnd قسمت 4 Socket With React FrontEnd Express BackEnd Part 4

MERN Stack کامل برنامه چت بلادرنگ MERN Stack Complete Real Time Chat Application

• معرفی پروژه - آنچه خواهید ساخت Project Introduction - What You Will Build

• MERN Stack Section Excise Files - منبع قابل دانلود MERN Stack Section Excise Files - Downloadable Resource

• راه اندازی پروژه برنامه چت قسمت 1 Chat App Project Setup Part 1

• راه اندازی پروژه برنامه چت قسمت 2 Chat App Project Setup Part 2

• ایجاد سرور Backend Backend Server Create

• دستور همزمان ایجاد کنید Create Concurrently Command

طراحی صفحه ورود و ثبت نام Design Login and Register Page

• ایجاد صفحه ورود و ثبت نام در طراحی روتر قسمت 1 Create Router Design Login and Register Page Part 1

• ایجاد صفحه ورود و ثبت نام در طراحی روتر قسمت 2 Create Router Design Login and Register Page Part 2

• ایجاد صفحه ورود و ثبت نام در طراحی روتر قسمت 3 Create Router Design Login and Register Page Part 3

• ایجاد صفحه ورود و ثبت نام در طراحی روتر قسمت 4 Create Router Design Login and Register Page Part 4

• تنظیم Redux Redux Setup

ایجاد State and Register Page Handle Create State and Register Page Handle

• قسمت 1 دسته 1 را ایجاد کنید و صفحه را ثبت کنید Create State and Register Page Handle Part 1

• قسمت 2 دسته 2 را ایجاد کنید و صفحه را ثبت کنید Create State and Register Page Handle Part 2

• ایجاد State and Register Page Handle Part 3 Create State and Register Page Handle Part 3

• قسمت 4 هندل صفحه State and Register Create State and Register Page Handle Part 4

ثبت نام کاربر BackEnd User Register BackEnd

• ثبت نام کاربر کامل Back End Part 1 User Register complete Back End Part 1

• ثبت نام کاربر کامل Back End Part 2 User Register complete Back End Part 2

• ثبت نام کاربر کامل Back End Part 3 User Register complete Back End Part 3

• ثبت نام کاربر کامل Back End Part 4 User Register complete Back End Part 4

• ثبت نام کاربر کامل Back End Part 5 User Register complete Back End Part 5

• ثبت نام کاربر کامل Back End Part 6 User Register complete Back End Part 6

• ثبت نام کاربر کامل Back End Part 7 User Register complete Back End Part 7

ذخیره اطلاعات کاربر در Redux User Data Store in Redux

• فروشگاه اطلاعات کاربر در Redux Part 1 User Information Store in Redux Part 1

• فروشگاه اطلاعات کاربر در Redux Part 2 User Information Store in Redux Part 2

نمایش موفقیت ثبت نام کاربر و پیام خطا Display User Register Success and Error Message

• موفقیت ثبت نام کاربر و پیام خطا نمایش قسمت 1 User Register Success and Error Message Show Part 1

• موفقیت ثبت نام کاربر و پیام خطا نمایش قسمت 2 User Register Success and Error Message Show Part 2

• موفقیت ثبت نام کاربر و پیام خطا نمایش قسمت 3 User Register Success and Error Message Show Part 3

• موفقیت ثبت نام کاربر و پیام خطا نمایش قسمت 4 User Register Success and Error Message Show Part 4

راه اندازی پس زمینه ورود کاربر Setup User Login Backend

• ورود کاربر باطن قسمت 1 User Login Backend Part 1

• ورود کاربر پس زمینه قسمت 2 User Login Backend Part 2

• ورود کاربر قسمت اول User Login Frontend Part 1

• ورود به سیستم کاربر قسمت 2 User Login Frontend Part 2

طراحی صفحه مسنجر Messenger Page Design

• طراحی مسنجر قسمت 1 Messenger Design Part 1

• طراحی مسنجر قسمت 2 Messenger Design Part 2

• طراحی مسنجر قسمت 3 Messenger Design Part 3

• طراحی مسنجر قسمت 4 Messenger Design Part 4

• طراحی مسنجر قسمت 5 Messenger Design Part 5

• طراحی مسنجر قسمت 6 Messenger Design Part 6

• طراحی مسنجر قسمت 7 Messenger Design Part 7

• طراحی مسنجر قسمت 8 Messenger Design Part 8

دوستان پیدا کنید و نمایش دهید Get Friends and Display

• دوستان پیدا کنید و قسمت 1 را نمایش دهید Get Friends and Display Part 1

• دوستان پیدا کنید و قسمت 2 را نمایش دهید Get Friends and Display Part 2

• دوستان پیدا کنید و قسمت 3 را نمایش دهید Get Friends and Display Part 3

• دوستان را دریافت کنید و قسمت 4 را نمایش دهید Get Friends and Display Part 4

• دوستان پیدا کنید و قسمت 5 را نمایش دهید Get Friends and Display Part 5

• دوستان پیدا کنید و قسمت 6 را نمایش دهید Get Friends and Display Part 6

دوست فعلی را مدیریت کنید Handle Current Friend

• بخش 1 دوست فعلی را مدیریت کنید Handle Current Friend Part 1

• Handle Current Friend Part 2 Handle Current Friend Part 2

رسیدگی به ارسال پیام Handle Send Message

• ارسال پیام به دوستان قسمت 1 Send Message Friends Part 1

• ارسال پیام به دوستان قسمت 2 Send Message Friends Part 2

• ارسال پیام به دوستان قسمت 3 Send Message Friends Part 3

• ارسال پیام به دوستان قسمت 4 Send Message Friends Part 4

دریافت و نمایش پیام Message Get and Display

• پیام دریافت و نمایش قسمت 1 Message Get and Display Part 1

• پیام دریافت و نمایش قسمت 2 Message Get and Display Part 2

• پیام دریافت و نمایش قسمت 3 Message Get and Display Part 3

• پیام دریافت و نمایش قسمت 4 Message Get and Display Part 4

• پیام دریافت و نمایش قسمت 5 Message Get and Display Part 5

ارسال ایموجی و پیام تصویری Send Emoji and Image Message

• ایموجی و پیام تصویری ارسال قسمت 1 Emoji and Image Message Send Part 1

• ایموجی و پیام تصویری ارسال قسمت 2 Emoji and Image Message Send Part 2

• ایموجی و پیام تصویری ارسال قسمت 3 Emoji and Image Message Send Part 3

• ایموجی و پیام تصویری ارسال قسمت 4 Emoji and Image Message Send Part 4

• ایموجی و پیام تصویری ارسال قسمت 5 Emoji and Image Message Send Part 5

• ایموجی و پیام تصویری ارسال قسمت 6 Emoji and Image Message Send Part 6

راه اندازی زمان واقعی کاربر فعال Setup Real Time Active User

• سوکت زمان واقعی کاربر فعال قسمت 1 Active User Real Time Socket Part 1

• Active User Real Time Socket قسمت 2 Active User Real Time Socket Part 2

• Active User Real Time Socket قسمت 3 Active User Real Time Socket Part 3

• Active User Real Time Socket قسمت 4 Active User Real Time Socket Part 4

• Active User Real Time Socket قسمت 5 Active User Real Time Socket Part 5

• پیام ارسال زمان واقعی سوکت قسمت 1 Message Send Real Time Socket Part 1

• پیام ارسال زمان واقعی سوکت قسمت 2 Message Send Real Time Socket Part 2

اعلان پیام را در سوکت تنظیم کنید Setup Message Notification in Socket

• نمایش سوکت اعلان پیام تایپ قسمت 1 Show Typing Message notification Socket Part 1

• نمایش سوکت اعلان پیام تایپ قسمت 2 Show Typing Message notification Socket Part 2

• نمایش سوکت اعلان پیام تایپ قسمت 3 Show Typing Message notification Socket Part 3

• سوکت اعلان ارسال پیام Send Message Notification Socket

• سوکت افزودن صدای اعلان Notification Sound add Socket

دریافت کاربر و آخرین پیام Get User and Last Message

• دریافت کاربر و آخرین پیام قسمت 1 Get User and Last Message Part 1

• دریافت کاربر و آخرین پیام قسمت 2 Get User and Last Message Part 2

• دریافت کاربر و آخرین پیام قسمت 3 Get User and Last Message Part 3

• نمایش آخرین پیام قسمت 1 Show Last Message Part 1

• نمایش آخرین پیام قسمت 2 Show Last Message Part 2

راه اندازی گزینه پیام زمان واقعی Setup Real Time Message Option

• به روز رسانی پیام بلادرنگ قسمت 1 Real Time Message Update Part 1

• به روز رسانی پیام بلادرنگ قسمت 2 Real Time Message Update Part 2

• به روز رسانی پیام بلادرنگ قسمت 3 Real Time Message Update Part 3

• سوکت پیام بلادرنگ قسمت 1 Real Time Message Socket Part 1

• سوکت پیام بلادرنگ قسمت 2 Real Time Message Socket Part 2

• سوکت پیام بلادرنگ قسمت 3 Real Time Message Socket Part 3

• رفع اشکالات ساده Fixed Simple Bugs

• سوکت پیام بلادرنگ قسمت 4 Real Time Message Socket Part 4

• سوکت پیام بلادرنگ قسمت 5 Real Time Message Socket Part 5

• سوکت پیام بلادرنگ قسمت 6 Real Time Message Socket Part 6

• رفع اشکالات زمان واقعی سوکت پیام Fixed Real Time Message Socket Bugs

پیام تحویل داده شده در زمان واقعی را تنظیم کنید Setup Real Time Delivered Message

• پیام بلادرنگ Seen Unseen تحویل داده شد قسمت 1 Real Time Message Seen Unseen Delivered Part 1

• پیام زمان واقعی Seen Unseen تحویل داده شد قسمت 2 Real Time Message Seen Unseen Delivered Part 2

• پیام تحویل داده شده در زمان واقعی Seen Unseen قسمت 1 Real Time Seen Unseen Delivered Message Part 1

• پیام تحویل داده شده در زمان واقعی Seen Unseen قسمت 2 Real Time Seen Unseen Delivered Message Part 2

• محافظت از مسیر Protect Route

سیستم خروج پیام رسان Messenger Logout System

• سیستم خروج پیام رسان قسمت 1 Messenger Logout System Part 1

• سیستم خروج پیام رسان قسمت 2 Messenger Logout System Part 2

• سیستم خروج پیام رسان قسمت 3 Messenger Logout System Part 3

تنظیم تم و گزینه جستجوی دوست Setup Theme and Friend Search Option

• مجموعه حالت تم قسمت 1 Theme Mode Set Part 1

• مجموعه حالت تم قسمت 2 Theme Mode Set Part 2

• جستجوی دوست قسمت 1 Friend Search Part 1

• جستجوی دوست قسمت 2 Friend Search Part 2

دسته خطا Error Handle

• حل خطا قسمت 1 Error Solve Part 1

• حل خطا قسمت 2 Error Solve Part 2

• بعدش چی میشه؟ What is coming next ?