فلش‌کارت‌های آموزشی ساخت اپلیکیشن‌های Real-time با WebSockets

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره ساخت اپلیکیشن‌های Real-time با WebSockets

موضوع کلی: برنامه نویسی

موضوع میانی: توسعه وب: فرانت‌اند**

📋 سرفصل‌های دوره

• 1. مقدمه و معرفی دوره
• 2. چرا Real-time؟
• 3. کاربردهای اپلیکیشن‌های Real-time
• 4. مقایسه روش‌های Real-time (Polling, Server-Sent Events, WebSockets)
• 5. آشنایی با WebSockets
• 6. تاریخچه و استاندارد WebSockets
• 7. معماری و اصول کار WebSockets
• 8. مزایا و معایب WebSockets
• 9. پیش‌نیازهای دوره
• 10. آشنایی با HTML5
• 11. آشنایی با CSS3
• 12. آشنایی با JavaScript (ES6+)
• 13. آشنایی با مفاهیم پایه شبکه (HTTP, TCP)
• 14. راه‌اندازی محیط توسعه
• 15. نصب Node.js و npm
• 16. نصب ویرایشگر کد (VS Code)
• 17. نصب مرورگرهای مدرن
• 18. آشنایی با ابزارهای توسعه مرورگر (Developer Tools)
• 19. مبانی HTML برای فرانت‌اند
• 20. ساختار کلی صفحات وب
• 21. عناصر اصلی HTML (Div, Span, Header, Footer, Nav, Section, Article)
• 22. ایجاد فرم‌ها و ورودی‌ها
• 23. استفاده از فرم‌ها در فرانت‌اند
• 24. مبانی CSS برای استایل‌دهی
• 25. انتخابگرها (Selectors)
• 26. ویژگی‌های CSS (Color, Background, Font, Margin, Padding, Border)
• 27. Layout با Flexbox
• 28. Layout با CSS Grid
• 29. Responsive Design (طراحی واکنش‌گرا)
• 30. مبانی JavaScript برای تعامل
• 31. متغیرها و انواع داده
• 32. عملگرها
• 33. دستورات شرطی (If, Else, Switch)
• 34. حلقه‌ها (For, While, Do-While)
• 35. توابع (Functions)
• 36. دستکاری DOM (Document Object Model)
• 37. انتخاب عناصر DOM
• 38. تغییر محتوا و استایل عناصر
• 39. ایجاد و حذف عناصر DOM
• 40. مدیریت رویدادها (Event Handling)
• 41. مفاهیم پیشرفته JavaScript
• 42. آشنایی با Asynchronous JavaScript
• 43. Callbacks
• 44. Promises
• 45. Async/Await
• 46. Modules در JavaScript (ES Modules)
• 47. مفهوم Client-Server
• 48. آشنایی با معماری Server-Side
• 49. آشنایی با Node.js به عنوان بک‌اند
• 50. فریم‌ورک‌های Node.js (Express.js)
• 51. نصب Express.js
• 52. ساخت یک سرور ساده با Express.js
• 53. روتینگ (Routing) در Express.js
• 54. Middlewares در Express.js
• 55. مقدمه‌ای بر Socket.IO
• 56. چرا Socket.IO؟
• 57. نصب Socket.IO
• 58. راه اندازی سرور Socket.IO
• 59. ارتباط اولیه کلاینت با سرور
• 60. رویدادهای پایه Socket.IO (connection, disconnect)
• 61. ارسال و دریافت پیام‌های ساده
• 62. ارسال پیام به همه کلاینت‌ها (Broadcasting)
• 63. ارسال پیام به یک کلاینت خاص
• 64. ارسال پیام به کلاینت‌های درون یک اتاق (Rooms)
• 65. مدیریت اتاق‌ها (Rooms)
• 66. پیاده‌سازی چت ساده با Socket.IO
• 67. ساخت فرانت‌اند چت
• 68. ساخت بک‌اند چت
• 69. مدیریت کاربران در چت
• 70. نمایش لیست کاربران آنلاین
• 71. اطلاع‌رسانی ورود و خروج کاربران
• 72. مدیریت خطاها در WebSockets
• 73. خطاهای رایج اتصال
• 74. مدیریت قطع اتصال موقت
• 75. استراتژی‌های بازیابی اتصال (Reconnection)
• 76. امنیت در WebSockets
• 77. احراز هویت (Authentication)
• 78. مجوزدهی (Authorization)
• 79. استفاده از SSL/TLS برای WebSockets (WSS)
• 80. ملاحظات امنیتی در پیاده‌سازی
• 81. بهینه‌سازی عملکرد WebSockets
• 82. کاهش حجم داده‌های ارسالی
• 83. استفاده از فشرده‌سازی
• 84. مدیریت تعداد بالای اتصالات
• 85. استفاده از Load Balancers
• 86. تست و دیباگ WebSockets
• 87. ابزارهای تست Socket.IO
• 88. تست در مرورگر
• 89. تست در بک‌اند
• 90. مدیریت وضعیت (State Management) در فرانت‌اند
• 91. مفهوم State Management
• 92. استفاده از Context API یا Redux (اختیاری)
• 93. همگام‌سازی State بین کلاینت‌ها
• 94. پیاده‌سازی ویژگی‌های پیشرفته Real-time
• 95. نمایش وضعیت تایپ کردن (Typing Indicators)
• 96. اعلان‌های Real-time (Notifications)
• 97. به‌روزرسانی زنده داده‌ها (Live Data Updates)
• 98. داشبوردهای Real-time
• 99. بازی‌های Real-time ساده
• 100. پیاده‌سازی بازی حدس عدد