دوره ساخت برنامه‌های سریع و کارآمد با Angular SSR همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره ساخت برنامه‌های سریع و کارآمد با Angular SSR

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

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

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

• 1. مقدمه‌ای بر توسعه وب مدرن
• 2. اصول معماری برنامه‌های وب
• 3. مبانی Angular
• 4. معماری کامپوننت در Angular
• 5. مدیریت وضعیت در Angular
• 6. مفاهیم پایه SSR
• 7. چرا SSR برای برنامه‌های وب؟
• 8. مزایای SSR در مقابل CSR
• 9. محدودیت‌های CSR
• 10. معماری برنامه‌های تک‌صفحه‌ای (SPA)
• 11. چالش‌های SEO در SPA
• 12. راهکارهای بهبود SEO
• 13. مقدمه‌ای بر Angular Universal
• 14. نصب و راه‌اندازی Angular Universal
• 15. پیکربندی اولیه Universal
• 16. ایجاد برنامه Universal
• 17. اجرای برنامه Universal
• 18. فهم فرآیند رندرینگ در SSR
• 19. تنظیمات سرور برای SSR
• 20. استفاده از Express.js با Angular Universal
• 21. پیکربندی Express.js
• 22. مدیریت درخواست‌ها در سرور
• 23. انتقال داده از سرور به کلاینت
• 24. استفاده از `TransferState`
• 25. ذخیره‌سازی و بازیابی `TransferState`
• 26. بهینه‌سازی بارگذاری اولیه صفحه
• 27. استفاده از `ɵprefetch`
• 28. استراتژی‌های پیش‌بارگذاری (Prefetching)
• 29. مدیریت خطا در SSR
• 30. اشکال‌زدایی (Debugging) برنامه‌های SSR
• 31. تست برنامه‌های SSR
• 32. معرفی ابزارهای تست SSR
• 33. تست رندرینگ سمت سرور
• 34. تست عملکرد SSR
• 35. بهینه‌سازی زمان رندرینگ سمت سرور
• 36. کاهش حجم بسته‌های JavaScript
• 37. استفاده از کد اسپلیتینگ (Code Splitting)
• 38. بهینه‌سازی تصاویر و منابع
• 39. کش کردن (Caching) در SSR
• 40. استراتژی‌های کش سمت سرور
• 41. کش کردن منابع استاتیک
• 42. کش کردن داده‌های API
• 43. مدیریت وضعیت در برنامه‌های SSR
• 44. همگام‌سازی وضعیت بین سرور و کلاینت
• 45. استفاده از کتابخانه‌های مدیریت وضعیت سازگار با SSR
• 46. مفاهیم پیشرفته `TransferState`
• 47. مدیریت `TransferState` در سناریوهای پیچیده
• 48. استفاده از `Domino` برای شبیه‌سازی DOM
• 49. مفاهیم `PlatformServer`
• 50. تنظیمات پیشرفته `PlatformServer`
• 51. استفاده از `RenderModule`
• 52. رندرینگ ماژول‌ها به صورت جداگانه
• 53. مدیریت مسیرها (Routing) در SSR
• 54. پیکربندی مسیریابی برای SSR
• 55. حل مشکلات مسیریابی در SSR
• 56. مفاهیم `ngExpressEngine`
• 57. تنظیمات سفارشی `ngExpressEngine`
• 58. استفاده از `ngUniversal`
• 59. کاربرد `ngUniversal` در پروژه‌ها
• 60. ملاحظات امنیتی در SSR
• 61. جلوگیری از حملات XSS در SSR
• 62. مدیریت کوکی‌ها در SSR
• 63. پردازش فرم‌ها در SSR
• 64. بهینه‌سازی فرم‌ها برای SSR
• 65. تجربه کاربری (UX) در برنامه‌های SSR
• 66. اهمیت First Contentful Paint (FCP)
• 67. تاثیر SSR بر Core Web Vitals
• 68. بهینه‌سازی برای موبایل با SSR
• 69. استفاده از PWA با SSR
• 70. مفاهیم Server-Side Templating
• 71. کاربرد Template Engines در SSR
• 72. ملاحظات مربوط به زبان‌های برنامه‌نویسی سمت سرور
• 73. مقایسه SSR با SSG (Static Site Generation)
• 74. کاربرد SSG در سناریوهای مختلف
• 75. تفاوت‌های کلیدی SSR و SSG
• 76. مفاهیم Incremental Static Regeneration (ISR)
• 77. نحوه پیاده‌سازی ISR
• 78. مزایای ISR
• 79. معرفی ابزارهای کمکی برای SSR
• 80. استفاده از `Angular CLI` برای SSR
• 81. پلاگین‌های مفید برای SSR
• 82. بهینه‌سازی مصرف حافظه در سرور
• 83. مدیریت پردازش‌های پس‌زمینه
• 84. ملاحظات مقیاس‌پذیری (Scalability)
• 85. استراتژی‌های استقرار (Deployment) برنامه‌های SSR
• 86. استقرار بر روی سرورهای Node.js
• 87. استقرار بر روی سرویس‌های ابری
• 88. استقرار بر روی پلتفرم‌های Serverless
• 89. ملاحظات مربوط به CDN
• 90. کاربرد CDN در بهبود عملکرد SSR
• 91. بهینه‌سازی برای موتورهای جستجو
• 92. تکنیک‌های پیشرفته SEO با SSR
• 93. ردیابی (Tracking) و آنالیتیکس در برنامه‌های SSR
• 94. پیاده‌سازی Google Analytics در SSR
• 95. ملاحظات مربوط به داده‌های حساس
• 96. مدیریت گواهینامه‌های SSL
• 97. توسعه ابزارهای داخلی برای SSR
• 98. بهبود فرآیند توسعه با SSR
• 99. جمع‌بندی و آینده SSR در Angular
• 100. روندهای جدید در توسعه وب سریع