آموزش بوت کمپ کامل SOCKET IO V4: ساخت اپلیکیشن های وب بلادرنگ - آخرین آپدیت

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

معرفی دوره Introduction to the Course

• چه چیزی از این مسترکلاس Socket IO بدست خواهید آورد What you are going to get from this Socket IO Masterclass

• چگونه در این دوره موفق شوید How to succeed in this course

• سرفصل‌های دوره Course Outline

• ابزارهایی که در این مسترکلاس به آنها نیاز خواهیم داشت [همه رایگان] The tools that we are going to need in this Masterclass [all free]

• نحوه دانلود فایل‌ها از تب منابع Udemy How to download files from the Udemy Resources tab

• چگونه تمرین‌های کدنویسی تعاملی را حل کنیم How to solve The Interactive Coding Exercises

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

• یک نکته دیگر!!! One More Thing!!!

مقدمه ای بر Socket IO Introduction to Socket IO

• Socket IO از نظر مفهومی چیست؟ What is Socket IO Conceptually?

• Socket IO از نظر فنی چیست؟ What is Socket IO Technically?

• تفاوت بین Socket IO، HTTP و Polling چیست What are the differences between Socket IO, HTTP and Polling

• چرا در موارد خاص از Socket IO به جای HTTP استفاده می‌کنیم؟ Why do we use Socket IO over HTTP in certain cases?

• وب سوکت‌ها چیست؟ و چرا از Socket IO به جای WebSocket ساده استفاده می‌کنیم؟ What are Websockets? and why do we use Socket IO over plain WebSocket?

• درک خود را از مفاهیم پایه Socket IO ارزیابی کنید Evaluate your understanding of Basic Socket IO Concepts

• راه اندازی یک پروژه Socket IO [Node JS] Setting up a Socket IO project [Node JS]

• CORS چیست؟ What is CORS ?

• مدیریت CORS Handling CORS

رویدادها در Socket IO Events in Socket IO

• رویدادها در توسعه وب به چه معنا هستند و چگونه کار می‌کنند؟ What do events mean in web development and how do they work?

• ارسال و دریافت پیام‌ها با استفاده از رویدادهای Socket IO Sending and receiving messages using Socket IO Events

• درک خود را از رویدادها در Socket IO ارزیابی کنید Evaluate your understanding of Events in Socket IO

• رویداد "در زدن" The 'door knocks' event

• پیاده سازی رویداد "در زدن" Implementing the 'door knocks' event

• [تمرین کدنویسی تعاملی] رویداد "سلام" [Interactive Coding Exercise] 'greeting' event

• [راه حل تمرین کدنویسی تعاملی] رویداد "سلام" [Interactive Coding Exercise Solution] 'greeting' event

• [تمرین کدنویسی تعاملی] رویداد "ارسال اطلاعات کاربر" [Interactive Coding Exercise] 'send user info' event

• [راه حل تمرین کدنویسی تعاملی] رویداد "ارسال اطلاعات کاربر" [Interactive Coding Exercise Solution] 'send user info' event

• Acknowledgement در توسعه وب چیست What are Acknowledgements in Web Development

• Acknowledgement در Socket IO Acknowledgements in Socket IO

• [تمرین کدنویسی تعاملی] رویداد "سلام" با Acknowledgement [Interactive Coding Exercise] 'greeting' event with Acks

• [راه حل تمرین کدنویسی تعاملی] رویداد "سلام" با Acknowledgement [Interactive Coding Exercise Solution] 'greeting' event with Acks

• Acknowledgement با Timeout Acknowledgements with Timeout

• [تمرین] اطلاعات کاربر با Timeout Acknowledgement [Exercise] User Info with Acknowledgment Timeout

• [راه حل] اطلاعات کاربر با Timeout Acknowledgement [Solution] User Info with Acknowledgment Timeout

• درک خود را از Acknowledgement Socket IO ارزیابی کنید Evaluate your understanding of Socket IO Acknowledgments

• رویدادهای فرار Volatile events

• پخش پیام با استفاده از رویدادهای Socket.io Broadcasting messages using Socket.io Events

• [تمرین کدنویسی تعاملی] برنامه ردیابی حالت روحی [Interactive Coding Exercise] Mood Tracker App

• [راه حل تمرین کدنویسی تعاملی] برنامه ردیابی حالت روحی [Interactive Coding Exercise Solution] Mood Tracker App

• درک خود را از پخش رویدادها در Socket IO ارزیابی کنید Evaluate your understanding of Broadcasting Events in Socket IO

• شنونده یکباره در Socket IO One-Time listener in Socket IO

• حذف شنوندگان Removing Listeners

• متدهای onAny() و onAnyOutgoing() onAny() and onAnyOutgoing() methods

• نحوه مدیریت خطاها در Socket IO How to handle errors in Socket IO

اتاق‌ها در Socket IO Rooms in Socket IO

• اتاق‌ها چیست و چرا بسیار مفید هستند؟ What are rooms and why they are very useful ?

• نحوه استفاده از اتاق‌ها در Socket IO How to use rooms in socket IO

• [تمرین کدنویسی تعاملی] برنامه اخبار ورزشی [Interactive Coding Exercise] Sports news app

• [راه حل تمرین کدنویسی تعاملی] برنامه اخبار ورزشی [Interactive Coding Exercise Solution] Sports news app

• درک خود را از اتاق‌های Socket IO ارزیابی کنید Evaluate your understanding of Socket IO Rooms

فضاهای نام در Socket IO Namespaces in Socket IO

• فضاهای نام در Socket IO چیست What are Namespaces in socket IO

• مثال فضاهای نام Namespaces example

• درک خود را از فضای نام Socket.IO آزمایش کنید Test your understanding of Socket.IO Namespace

تست در Socket IO Testing in Socket IO

• تست چیست و چرا بسیار مهم است؟ What is Testing, and why it's very important?

• مثال تست با Mocha Testing Example with Mocha

• مثال تست با Jest Testing Example with Jest

برگه تقلب Emit Emit cheatsheet

• برگه تقلب Emit Emit cheatsheet

مهارت های JavaScript خود را تست کنید [اختیاری] Test your JavaScript Skills[Optional]

• توضیحات بخش Section Description

• جابه جایی متغیر بدون متغیر موقت با استفاده از JavaScript Variable Swap Without a Temporary Variable using JavaScript

• معکوس کردن یک رشته با استفاده از JavaScript Reverse a String using JavaScript

• محاسبه میانگین هر آرایه از اعداد با استفاده از JavaScript Calculate the Average of any array of numbers using JavaScript

• یافتن عوامل یک عدد با استفاده از حلقه‌های JavaScript Find the Factors of a Number using JavaScript Loops

• دستکاری داده های دانش آموز با اشیاء JavaScript Manipulating Student Data with JavaScript Objects

• بررسی کننده دما با استفاده از عبارات شرطی JavaScript Temperature Checker Using JavaScript Conditional Statements

برنامه Hang Out [بخش 1] (ساخت و استقرار یک برنامه چت) Hang Out App [part 1] (Building and deploying a chat application)

• در این پروژه چه چیزی می سازیم؟ What are we building in this Project?

• راه اندازی سرور Setting up the Server

• ارائه فایل‌های کلاینت Serving client files

• ادغام Socket IO Integrating Socket IO

• ارسال رویدادها Emitting events

• پخش رویدادها برای همه کاربران از جمله فرستنده Broadcasting Events to all users including the sender

• [تمرین] پخش یک پیام در هنگام اتصال و قطع اتصال [Exercise]Broadcast a message on connection and disconnection

• [راه حل] پخش یک پیام در هنگام اتصال و قطع اتصال [Solution] Broadcast a message on connection and disconnection

• [تمرین] افزودن پشتیبانی از نام‌های مستعار [Exercise] Add support for nicknames

• [راه حل] افزودن پشتیبانی از نام‌های مستعار [Solution] Add support for nicknames

• [تمرین] نمایش "من" در کنار پیام خود کاربر [Exercise] Display 'Me' next to the user's own message

• [راه حل] نمایش "من" در کنار پیام خود کاربر [Solution] Display 'Me' next to the user's own message

• [تمرین] اضافه کردن عملکرد "{user} در حال تایپ است" [Exercise] Add “{user} is typing” functionality

• [راه حل] اضافه کردن عملکرد "{user} در حال تایپ است" [Solution] Add “{user} is typing” functionality

• [تمرین] نشان دادن چه کسی آنلاین است [Exercise] Show who’s online

• [راه حل] نشان دادن چه کسی آنلاین است [Solution] Show who’s online

• [تمرین] اضافه کردن پیام رسانی خصوصی [Exercise] Add private messaging

• [راه حل] اضافه کردن پیام رسانی خصوصی {بخش 1} [Solution] Add private messaging {Part 1}

• [راه حل] اضافه کردن پیام رسانی خصوصی {بخش 2} [Solution] Add private messaging {Part 2}

برنامه Hang Out [بخش 2] (ساخت و استقرار یک برنامه چت) Hang Out App [part 2] (Building and deploying a chat application)

• در این بخش چه کار خواهیم کرد What are we going to do in this section

• ایجاد یک دکمه برای ایجاد یک گروه خصوصی Creating a button to create a private Group

• [تمرین] اضافه کردن NSP برای گروه‌های خصوصی [Exercise] Adding NSP for private groups

• [راه حل] اضافه کردن NSP برای گروه‌های خصوصی [Solution] Adding NSP for private groups

• [تمرین] اضافه کردن منطق NSP [Exercise] Adding NSP logic

• [راه حل] اضافه کردن منطق NSP [Solution] Adding NSP logic

• رندر کردن همان نمای گروهی که قبلاً انجام دادیم Render the same group view as we did before

• [تمرین] اضافه کردن رویداد برای پیوستن به گروه [Exercise] Adding the event to join group

• [راه حل] اضافه کردن رویداد برای پیوستن به گروه [Solution] Adding the event to join group

• سایر رویدادهای ضروری در فضای نام گروه و اتاق [بخش 1] Other necessary events in the group namespace and room[part 1]

• سایر رویدادهای ضروری در فضای نام گروه و اتاق [بخش 2] Other necessary events in the group namespace and room[part 2]

• سایر رویدادهای ضروری در فضای نام گروه و اتاق [بخش 3] Other necessary events in the group namespace and room[part 3]

• [تمرین] اضافه کردن گزینه ای برای خروج از گروه [Exercise] Add an option to leave group

• [راه حل] اضافه کردن گزینه ای برای خروج از گروه [Solution] Add an option to leave group

استقرار برنامه Hang Out در Glitch Deploying Hang Out App to Glitch

• Glitch چیست؟ (سخنرانی ویدیویی) What is Glitch? (Video Lecture)

• استقرار برنامه در Glitch Deploying The App to Glitch

• کد منبع برای کل پروژه [برنامه Hang Out] The Source Code for the Whole Project [Hang Out App]

مهارت های Python خود را تست کنید [اختیاری] Test your Python Skills[Optional]

• توضیحات بخش Section Description

• تعویض متغیر بدون متغیر موقت Variable Swapping without a temporary variable

• یافتن حداکثر عدد در یک لیست Find the Maximum Number in a List

• محاسبه فاکتوریل یک عدد مثبت با استفاده از Python Calculate Factorial of a positive number using Python

• ادغام دو دیکشنری Merge Two Dictionaries

استفاده از Socket.io با Python Using Socket.io with Python

• مقدمه ای بر Python Socket IO Introduction to Python Socket IO

• نصب Socket IO در یک محیط Python Installing Socket IO in a Python Environment

• راه اندازی یک سرور Python Socket IO Setting up a Python Socket IO server

• اتصال یک کلاینت Socket IO Connecting a Socket IO client

• رویدادهای اتصال در Python Socket IO Connection Events in Python Socket IO

• ارسال و دریافت پیام‌ها در Python Socket IO Sending and Receiving Messages in Python Socket IO

• Acknowledgement در Python Socket IO Acknowledgments In Python Socket IO

• پخش پیام‌ها در Python Socket IO Broadcasting Messages in Python Socket IO

• درک خود را از رویدادها در Python و Flask-SocketIO ارزیابی کنید Evaluate your Understanding of Events in Python and Flask-SocketIO

• فضاهای نام در Python Socket IO Namespaces In Python Socket IO

• اتاق‌ها در Python Socket IO Rooms In Python Socket IO

• درک خود را از اتاق‌ها در Python و Flask-SocketIO ارزیابی کنید Evaluate your understanding of rooms in Python and Flask-SocketIO

• مدیریت خطا در Python Socket IO Error Handling In Python Socket IO

برنامه Stock Stalker [برنامه ردیاب سهام بلادرنگ با استفاده از flask socket IO و Python] Stock Stalker App[Real-time stock tracker App using flask socket IO and Python]

• چه چیزی می سازیم What are we building

• راه اندازی پروژه Setting up the Project

• راه اندازی سرور Setting up the server

• نحوه نصب بسته ها در هر زمان با استفاده از requirements.txt How to install the packages at any time using requirements.txt

• ایجاد رابط کاربری برنامه Creating the UI of the App

• اتصال Socket IO از کلاینت Connecting Socket IO from the client

• API چیست؟ [یک ویدیو از کانال YouTube ما] What is an API? [A video from our YouTube channel]

• کاوش در Alpha Vantage API Exploring the Alpha Vantage API

• ایجاد منطق "سرویس نمایش" Create 'display service' logic

• اضافه کردن گزینه های انتخابی برای سرویس های برنامه Adding select options for the app services

• ذخیره کلید API در یک محیط امن Storing API key in a safe environment

• واکشی داده های سهام از API Fetching stock data from the API

• مدیریت رویدادهای کلاینت Handling client events

• تابع renderIntradayAndTechnicalIndicators renderIntradayAndTechnicalIndicators function

• فراخوانی تابع clearPricesInterval Invoking clearPricesInterval function

• تابع renderWinningPortfolios renderWinningPortfolios function

• تابع renderCompanyOverview renderCompanyOverview function

• تابع renderIncomeStatement renderIncomeStatement function

• رندر ترازنامه و جریان نقدی Rendering balance sheet and cash flow

• تابع renderExchangeRate renderExchangeRate function

• تابع renderCommodityAndEconomicIndicators renderCommodityAndEconomicIndicators function

• نشان دادن اسپینرهای بارگیری Show loading spinners

• تست نهایی و رفع اشکال برای برنامه ما Final Testing and Debugging for our application

• استقرار برنامه با استفاده از Glitch Deploying the app using Glitch

• کد منبع برای کل پروژه [برنامه Stock Stalker] The Source code for the whole Project [Stock Stalker App]

قابلیت اطمینان Socket IO [پیشرفته] Socket IO Reliability [Advanced]

• Socket IO چگونه در داخل کار می کند؟ How Socket IO works internally?

• رفتار آفلاین در Socket IO Offline Behavior In Socket IO

• تضمین های تحویل در Socket IO Delivery guarantees In Socket IO

• درک خود را از قابلیت اطمینان Socket IO ارزیابی کنید Evaluate your understanding of Socket IO Reliability

• تست اصول Websocket Websockets Fundamentals test

نحوه استفاده از ابزارهای مختلف برای یک توسعه دهنده بهتر Socket IO How to use various tools to be a better Socket IO Developer

• نحوه استفاده از Google برای یک توسعه دهنده بهتر Socket IO How to use Google to be a better Socket IO Developer

• نحوه استفاده از Stack Overflow برای یک توسعه دهنده بهتر Socket IO How to use Stack Overflow to be a better Socket IO Developer

• نحوه استفاده از Chat GPT برای یک توسعه دهنده بهتر Socket IO [حتما تماشا کنید] How to use Chat GPT to be a better Socket IO Developer[Must Watch]

• مستندات رسمی Socket IO The Socket IO Official Documentation

بعد از این مسترکلاس چه کاری انجام دهیم؟ What to do after this Masterclass?

• بعدی برای شما چیست What's next for you

• متشکرم !! Thank You !!

مطالب مفید اضافی [بخش اختیاری] Extra Useful Materials [Optional Section]

• 5 کلید Socket IO [از این به عنوان یادآوری استفاده کنید] 5 Keys To Socket IO [Use this as a reminder]

• برنامه‌های بلادرنگ چیست؟ [یک ویدیو از کانال YouTube ما] What are Real-Time Applications?[A video from our YouTube Channel]

• حفاظت از برنامه های بلادرنگ: تهدیدات امنیتی رایج. Safeguarding Real-Time Applications: Common Security Threats.

• بهترین روش ها در Socket.IO v4 Best Practices in Socket.IO v4

بخش جایزه Bonus Section

• سخنرانی جایزه Bonus Lecture