فلش‌کارت‌های آموزشی ساخت اپلیکیشن‌های وب با Nuxt.js: از مقدماتی تا پیشرفته

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

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

عنوان دوره: دوره ساخت اپلیکیشن‌های وب با Nuxt.js: از مقدماتی تا پیشرفته

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

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

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

• 1. آشنایی با ساختار Nuxt.js
• 2. مفاهیم اصلی Nuxt.js
• 3. نصب و راه‌اندازی Nuxt.js
• 4. ساختار پروژه Nuxt.js
• 5. صفحات در Nuxt.js
• 6. رندرینگ سمت سرور (SSR) در Nuxt.js
• 7. رندرینگ استاتیک (SSG) در Nuxt.js
• 8. ناوبری در Nuxt.js
• 9. مدیریت وضعیت (State Management) با Pinia
• 10. استفاده از Nuxt API Routes
• 11. مدیریت داده‌ها با Nuxt Data
• 12. کامپوننت‌های Nuxt
• 13. ماژول‌های Nuxt
• 14. پلاگین‌ها در Nuxt.js
• 15. تنظیمات Nuxt.js
• 16. بهینه‌سازی عملکرد با Nuxt.js
• 17. سئو در Nuxt.js
• 18. امنیت در Nuxt.js
• 19. تست کردن اپلیکیشن‌های Nuxt.js
• 20. استقرار (Deployment) اپلیکیشن‌های Nuxt.js
• 21. مقدمه‌ای بر توسعهٔ فرانت‌اند مدرن
• 22. اصول اولیهٔ جاوااسکریپت برای وب
• 23. مفاهیم جاوااسکریپت مدرن (ES6+)
• 24. ساختار پروژه‌های وب مدرن
• 25. مقدمه‌ای بر فریم‌ورک‌های جاوااسکریپت
• 26. چرا Nuxt.js؟
• 27. مقایسه Nuxt.js با سایر فریم‌ورک‌ها
• 28. معماری Nuxt.js (Universal, SPA, Static)
• 29. راه‌اندازی محیط توسعه Nuxt.js
• 30. ایجاد اولین پروژه Nuxt.js
• 31. ساختار دایرکتوری Nuxt.js
• 32. فایل `nuxt.config.js`
• 33. پیکربندی Nuxt.js
• 34. مدیریت صفحات و مسیرها
• 35. ایجاد صفحات با استفاده از فایل‌ها
• 36. ناوبری برنامه‌ریزی شده (Programmatic Navigation)
• 37. پارامترهای مسیر (Route Parameters)
• 38. کوئری پارامترها (Query Parameters)
• 39. لینک‌های فعال (Active Links)
• 40. رندرینگ سمت سرور (SSR) چیست؟
• 41. مزایای SSR در Nuxt.js
• 42. راه‌اندازی SSR در Nuxt.js
• 43. محدودیت‌های SSR
• 44. رندرینگ استاتیک (SSG) چیست؟
• 45. مزایای SSG در Nuxt.js
• 46. راه‌اندازی SSG در Nuxt.js
• 47. محدودیت‌های SSG
• 48. تولید سایت‌های تک‌صفحه‌ای (SPA) با Nuxt.js
• 49. مدیریت وضعیت (State Management)
• 50. مقدمه‌ای بر Pinia
• 51. نصب و راه‌اندازی Pinia
• 52. تعریف Store در Pinia
• 53. استفاده از State, Getters, Actions
• 54. ماژول‌های Pinia
• 55. کامپوننت‌ها در Nuxt.js
• 56. ساخت کامپوننت‌های سفارشی
• 57. پاس دادن داده‌ها به کامپوننت‌ها (Props)
• 58. ارسال رویدادها از کامپوننت‌ها (Emits)
• 59. اسلات‌ها (Slots) در کامپوننت‌ها
• 60. کامپوننت‌های داینامیک
• 61. API Routes در Nuxt.js
• 62. ایجاد API Endpoints
• 63. نحوهٔ استفاده از API Routes
• 64. مدیریت درخواست‌ها و پاسخ‌ها
• 65. Nuxt Data
• 66. استفاده از `useFetch`
• 67. استفاده از `useAsyncData`
• 68. مدیریت خطا در Nuxt Data
• 69. پلاگین‌ها در Nuxt.js
• 70. نوشتن پلاگین‌های سفارشی
• 71. استفاده از پلاگین‌ها برای افزودن قابلیت‌ها
• 72. مدیریت وابستگی‌ها با پلاگین‌ها
• 73. ماژول‌های Nuxt.js
• 74. نصب ماژول‌های موجود
• 75. نوشتن ماژول‌های سفارشی
• 76. پیکربندی ماژول‌ها
• 77. بهینه‌سازی عملکرد
• 78. بارگذاری تنبل (Lazy Loading)
• 79. تقسیم کد (Code Splitting)
• 80. کشینگ (Caching)
• 81. بهینه‌سازی تصاویر
• 82. سئو (SEO) در Nuxt.js
• 83. تگ‌های متا (Meta Tags)
• 84. نقشه‌های سایت (Sitemaps)
• 85. داده‌های ساختاریافته (Structured Data)
• 86. بهینه‌سازی برای موتورهای جستجو
• 87. امنیت در Nuxt.js
• 88. جلوگیری از حملات XSS
• 89. مدیریت کوکی‌ها و نشست‌ها
• 90. اعتبارسنجی ورودی‌ها
• 91. تست کردن اپلیکیشن‌های Nuxt.js
• 92. تست واحد (Unit Testing)
• 93. تست یکپارچه‌سازی (Integration Testing)
• 94. تست End-to-End (E2E Testing)
• 95. استقرار (Deployment)
• 96. استقرار بر روی Vercel
• 97. استقرار بر روی Netlify
• 98. استقرار بر روی سرورهای سفارشی
• 99. مدیریت متغیرهای محیطی
• 100. نکات پیشرفته در Nuxt.js