فلش‌کارت‌های آموزشی ساخت اپلیکیشن شبکه‌های اجتماعی با React و Tailwind CSS

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

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

عنوان دوره: دوره ساخت اپلیکیشن شبکه‌های اجتماعی با React و Tailwind CSS

موضوع کلی: توسعه وب و اپلیکیشن‌های موبایل

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

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

• 1. آشنایی با مفاهیم پایه توسعه وب
• 2. مقدمه‌ای بر React
• 3. نصب و راه‌اندازی محیط توسعه React
• 4. مفاهیم JSX و کامپوننت‌ها در React
• 5. مدیریت State در کامپوننت‌های کلاسیک
• 6. مدیریت State با هوک‌های React (useState)
• 7. هوک‌های React (useEffect) برای مدیریت Side Effects
• 8. کار با Props در React
• 9. لیست‌ها و کلیدها در React
• 10. شرطی‌سازی در رندرینگ
• 11. فرم‌ها و ورودی‌ها در React
• 12. کار با رویدادها در React
• 13. کامپوننت‌های سطح بالاتر (Higher-Order Components)
• 14. هوک‌های سفارشی (Custom Hooks)
• 15. مقدمه‌ای بر Tailwind CSS
• 16. نصب و پیکربندی Tailwind CSS
• 17. مفاهیم Utility-First CSS
• 18. استفاده از کلاس‌های Tailwind برای استایل‌دهی
• 19. طراحی ریسپانسیو با Tailwind CSS
• 20. ایجاد Layout با Flexbox و Grid در Tailwind
• 21. کامپوننت‌های UI با Tailwind CSS
• 22. طراحی فرم‌ها با Tailwind CSS
• 23. انیمیشن‌ها و Transitionها با Tailwind CSS
• 24. مقدمه‌ای بر Firebase
• 25. ثبت‌نام و راه‌اندازی پروژه Firebase
• 26. احراز هویت کاربران با Firebase Authentication
• 27. مدیریت کاربران در Firebase
• 28. ذخیره‌سازی داده‌ها با Cloud Firestore
• 29. ساختاردهی دیتابیس در Cloud Firestore
• 30. خواندن و نوشتن داده‌ها در Cloud Firestore
• 31. به‌روزرسانی و حذف داده‌ها در Cloud Firestore
• 32. مدیریت خطا در Firebase
• 33. استفاده از Cloud Storage برای ذخیره فایل‌ها
• 34. آپلود و دانلود فایل‌ها با Cloud Storage
• 35. پیاده‌سازی احراز هویت با ایمیل و رمز عبور
• 36. پیاده‌سازی احراز هویت با گوگل
• 37. تنظیمات امنیتی Firebase
• 38. مقدمه‌ای بر ساخت اپلیکیشن شبکه‌های اجتماعی
• 39. طراحی ساختار کلی اپلیکیشن
• 40. پیاده‌سازی صفحه ثبت‌نام و ورود
• 41. مدیریت وضعیت ورود کاربر
• 42. طراحی کامپوننت پست (Post)
• 43. نمایش لیست پست‌ها
• 44. پیاده‌سازی کامپوننت افزودن پست جدید
• 45. کار با ورودی متن و دکمه ارسال
• 46. مدیریت بارگذاری تصویر برای پست
• 47. ذخیره پست‌ها در Firebase
• 48. نمایش نام کاربری و زمان انتشار پست
• 49. پیاده‌سازی کامپوننت لایک (Like)
• 50. مدیریت وضعیت لایک برای هر پست
• 51. نمایش تعداد لایک‌ها
• 52. پیاده‌سازی کامپوننت کامنت (Comment)
• 53. نمایش لیست کامنت‌ها برای هر پست
• 54. پیاده‌سازی کامپوننت افزودن کامنت جدید
• 55. ذخیره کامنت‌ها در Firebase
• 56. نمایش نام کاربری و زمان انتشار کامنت
• 57. طراحی صفحه پروفایل کاربر
• 58. نمایش اطلاعات پروفایل
• 59. نمایش پست‌های کاربر در صفحه پروفایل
• 60. پیاده‌سازی قابلیت دنبال کردن (Follow)
• 61. مدیریت لیست دنبال‌کنندگان و دنبال‌شوندگان
• 62. نمایش فید (Feed) کاربران دنبال شده
• 63. بهینه‌سازی عملکرد اپلیکیشن
• 64. مدیریت تصاویر با فرمت مناسب
• 65. استفاده از Lazy Loading برای تصاویر
• 66. بهینه‌سازی کوئری‌های Firebase
• 67. مدیریت وضعیت بارگذاری (Loading State)
• 68. پیاده‌سازی صفحه‌بندی (Pagination) برای پست‌ها
• 69. مدیریت خطا در نمایش لیست‌ها
• 70. آزمایش و دیباگ کردن اپلیکیشن
• 71. مقدمه‌ای بر استقرار (Deployment)
• 72. استقرار اپلیکیشن با Firebase Hosting
• 73. تنظیمات دامنه سفارشی
• 74. مقدمه‌ای بر توسعه آفلاین
• 75. استفاده از Service Workers برای کشینگ
• 76. مباحث پیشرفته‌تر React
• 77. کار با Context API برای مدیریت State سراسری
• 78. مقدمه‌ای بر Redux (اختیاری)
• 79. استفاده از React Router برای ناوبری
• 80. پیاده‌سازی مسیریابی پویا
• 81. مدیریت State پیچیده
• 82. مباحث امنیتی در توسعه وب
• 83. اصول برنامه‌نویسی امن
• 84. جلوگیری از حملات رایج (XSS, CSRF)
• 85. مدیریت صحیح اطلاعات حساس کاربران
• 86. اصول طراحی رابط کاربری (UI)
• 87. اصول تجربه کاربری (UX)
• 88. ایجاد جریان کاربری منطقی
• 89. تست کاربردپذیری (Usability Testing)
• 90. مقدمه‌ای بر طراحی پایگاه داده
• 91. اصول نرمال‌سازی پایگاه داده
• 92. طراحی اسکیمای دیتابیس برای شبکه‌های اجتماعی
• 93. مباحث پیشرفته‌تر Tailwind CSS
• 94. استفاده از پلاگین‌های Tailwind
• 95. سفارشی‌سازی Tailwind CSS
• 96. بهینه‌سازی نهایی کد
• 97. مقدمه‌ای بر معماری نرم‌افزار
• 98. الگوهای طراحی رایج در توسعه فرانت‌اند
• 99. اهمیت خوانایی و قابلیت نگهداری کد
• 100. نکات پایانی و گام‌های بعدی توسعه