فلش‌کارت‌های آموزشی ساخت وب‌سایت پورتفولیو با Next.js: از صفر تا حرفه‌ای

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

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

عنوان دوره: دوره ساخت وب‌سایت پورتفولیو با Next.js: از صفر تا حرفه‌ای

موضوع کلی: توسعه وب

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

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

• 1. معرفی Next.js و مزایای استفاده از آن
• 2. مقایسه Next.js با سایر فریم‌ورک‌های جاوااسکریپت
• 3. نصب و راه‌اندازی Next.js
• 4. ساختار پروژه Next.js
• 5. مفهوم Routing در Next.js
• 6. ایجاد صفحات در Next.js (Pages Directory)
• 7. Routing دینامیک با استفاده از براکت‌ها
• 8. پیاده‌سازی لینک‌ها و Navigation
• 9. استفاده از کامپوننت‌ها در Next.js
• 10. کامپوننت‌های Functional و Class-Based
• 11. استفاده از CSS Modules در Next.js
• 12. استایل‌دهی با CSS-in-JS (Styled Components)
• 13. مدیریت State با استفاده از useState و useEffect
• 14. درک مفهوم Server-Side Rendering (SSR)
• 15. درک مفهوم Static Site Generation (SSG)
• 16. استفاده از getStaticProps برای تولید صفحات Static
• 17. استفاده از getServerSideProps برای رندر سمت سرور
• 18. Fetch کردن داده از API در Next.js
• 19. نمایش داده‌های API در صفحات
• 20. مدیریت خطاها در Next.js
• 21. بهینه‌سازی تصاویر در Next.js
• 22. استفاده از Next.js Image Component
• 23. استفاده از Next.js Link Component برای بهینه‌سازی Navigation
• 24. استفاده از Next.js Head Component برای مدیریت متا تگ‌ها
• 25. آشنایی با SEO و بهینه‌سازی برای موتورهای جستجو
• 26. استفاده از فایل robots.txt و sitemap.xml
• 27. استفاده از محیط‌های متغیر (Environment Variables)
• 28. دیپلوی کردن وب‌سایت Next.js در Vercel
• 29. دیپلوی کردن وب‌سایت Next.js در Netlify
• 30. معرفی Next.js App Router (نسخه جدید)
• 31. ساختار App Router
• 32. ایجاد Layouts در App Router
• 33. ایجاد Route Groups در App Router
• 34. استفاده از Server Components در App Router
• 35. استفاده از Client Components در App Router
• 36. Fetch کردن داده در Server Components
• 37. Fetch کردن داده در Client Components
• 38. مدیریت State در App Router با استفاده از use client
• 39. استفاده از Form Actions در App Router
• 40. استفاده از Error Boundaries در App Router
• 41. آشنایی با Streaming و Suspense در App Router
• 42. بهینه‌سازی عملکرد وب‌سایت Next.js
• 43. استفاده از Code Splitting
• 44. استفاده از Lazy Loading
• 45. استفاده از Memoization
• 46. آشنایی با Next.js Middleware
• 47. استفاده از Next.js Analytics
• 48. آشنایی با Next.js Turbopack
• 49. امنیت در Next.js
• 50. مقدمه‌ای بر Next.js API Routes
• 51. ساخت API endpoint ساده
• 52. احراز هویت در Next.js
• 53. پیاده‌سازی یک فرم تماس
• 54. طراحی ریسپانسیو با Next.js
• 55. استفاده از کتابخانه‌های UI مانند Material UI یا Ant Design
• 56. تست کردن کامپوننت‌های Next.js
• 57. آشنایی با Jest و React Testing Library