فلش‌کارت‌های آموزشی طراحی و پیاده‌سازی یک اپلیکیشن شبکه‌ اجتماعی کامل با React، Appwrite و Tailwind CSS

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

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

عنوان دوره: دوره طراحی و پیاده‌سازی یک اپلیکیشن شبکه‌ اجتماعی کامل با React، Appwrite و Tailwind CSS

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

موضوع میانی: ساخت و استقرار برنامه‌های جامع تحت وب

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

• 1. مقدمه‌ای بر توسعه اپلیکیشن‌های وب
• 2. آشنایی با مفاهیم توسعه فول-استک
• 3. معرفی React JS و مزایای آن
• 4. نصب و راه‌اندازی محیط توسعه React
• 5. ساختار پروژه React
• 6. کامپوننت‌های تابعی و کلاس
• 7. مدیریت وضعیت (State) در React
• 8. Props و انتقال داده‌ها بین کامپوننت‌ها
• 9. هوک‌های React (useState, useEffect)
• 10. مدیریت رویدادها در React
• 11. کار با فرم‌ها در React
• 12. رندرینگ شرطی
• 13. لیست‌ها و کلیدها در React
• 14. استایل‌دهی در React با CSS
• 15. استفاده از Tailwind CSS
• 16. مقدمه‌ای بر Appwrite
• 17. نصب و راه‌اندازی Appwrite
• 18. مفاهیم پایگاه داده در Appwrite
• 19. ایجاد مجموعه (Collection) داده
• 20. مدل‌سازی داده‌ها در Appwrite
• 21. احراز هویت کاربران در Appwrite
• 22. ثبت‌نام و ورود کاربران
• 23. مدیریت نشست کاربر
• 24. راست‌رسانی (Routing) در اپلیکیشن React
• 25. React Router DOM
• 26. تعریف مسیرها و ناوبری
• 27. پارامترهای مسیر
• 28. مسیرهای محافظت‌شده (Protected Routes)
• 29. مقدمه‌ای بر React Query
• 30. مدیریت وضعیت سمت سرور با React Query
• 31. QueryClient و QueryProvider
• 32. استفاده از useQuery
• 33. مدیریت داده‌های Fetch شده
• 34. آپدیت داده‌ها با useMutation
• 35. Invalidation و Refetching
• 36. ساخت کامپوننت پروفایل کاربر
• 37. نمایش اطلاعات کاربر
• 38. ویرایش اطلاعات کاربر
• 39. مدیریت آپلود فایل (عکس پروفایل)
• 40. ذخیره‌سازی فایل‌ها در Appwrite
• 41. ساخت کامپوننت پست (Post)
• 42. ایجاد پست جدید
• 43. نمایش لیست پست‌ها
• 44. نمایش جزئیات پست
• 45. افزودن قابلیت لایک به پست‌ها
• 46. مدیریت وضعیت لایک‌ها
• 47. نمایش تعداد لایک‌ها
• 48. ساخت کامپوننت کامنت (Comment)
• 49. افزودن کامنت به پست‌ها
• 50. نمایش لیست کامنت‌ها
• 51. مدیریت وضعیت کامنت‌ها
• 52. پاسخ به کامنت‌ها
• 53. جستجو در پست‌ها
• 54. پیاده‌سازی قابلیت دنبال کردن (Follow)
• 55. مدیریت لیست دنبال‌کنندگان
• 56. مدیریت لیست دنبال‌شوندگان
• 57. نمایش فید (Feed) پست‌ها
• 58. ترتیب‌دهی پست‌ها در فید
• 59. پیاده‌سازی اعلان‌ها (Notifications)
• 60. مدیریت وضعیت اعلان‌ها
• 61. نمایش اعلان‌ها
• 62. پیاده‌سازی چت (Chat) بین کاربران
• 63. مدیریت پیام‌ها
• 64. نمایش مکالمات
• 65. ارسال پیام
• 66. مدیریت وضعیت پیام‌ها
• 67. امنیت در توسعه وب
• 68. اعتبارسنجی ورودی‌ها
• 69. جلوگیری از حملات XSS
• 70. جلوگیری از حملات CSRF
• 71. مدیریت خطاها در سمت کلاینت
• 72. مدیریت خطاها در سمت سرور (Appwrite)
• 73. لاگ‌گیری (Logging)
• 74. بهینه‌سازی عملکرد React
• 75. بهینه‌سازی React Query
• 76. فشرده‌سازی کد (Code Splitting)
• 77. Lazy Loading کامپوننت‌ها
• 78. استفاده از Service Workers
• 79. تست واحد (Unit Testing) در React
• 80. تست یکپارچه‌سازی (Integration Testing)
• 81. تست End-to-End (E2E)
• 82. معرفی Docker
• 83. ایجاد Dockerfile برای اپلیکیشن React
• 84. ایجاد Dockerfile برای Appwrite
• 85. راه‌اندازی اپلیکیشن با Docker Compose
• 86. مقدمه‌ای بر استقرار (Deployment)
• 87. مراحل استقرار اپلیکیشن وب
• 88. انتخاب پلتفرم استقرار (مثال: Vercel, Netlify)
• 89. استقرار اپلیکیشن React
• 90. استقرار Appwrite
• 91. پیکربندی دامنه (Domain)
• 92. تنظیمات HTTPS
• 93. مانیتورینگ اپلیکیشن
• 94. بک‌آپ‌گیری از داده‌ها
• 95. ملاحظات امنیتی در استقرار
• 96. بررسی و به‌روزرسانی وابستگی‌ها
• 97. مقدمه‌ای بر توسعه مداوم (CI/CD)
• 98. پیاده‌سازی CI/CD برای اپلیکیشن
• 99. ساخت و استقرار خودکار
• 100. مدیریت نسخه‌ها (Versioning)