فلش‌کارت‌های آموزشی جامع تزریق اسکریپت پویا با Jade (Pug) – از مبانی تا امنیت پیشرفته

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

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

عنوان دوره: دوره جامع تزریق اسکریپت پویا با Jade (Pug) – از مبانی تا امنیت پیشرفته

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

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

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

• 1. مقدمه‌ای بر Jade/Pug و مزایای قالب‌سازی سمت سرور
• 2. نصب و پیکربندی محیط توسعه با Node.js
• 3. نحوه کارکرد موتور قالب Pug در رندر HTML
• 4. مفاهیم پایه: تگ‌ها، ویژگی‌ها، متن و توابع
• 5. استفاده از متغیرها وInterpolation در قالب‌ها
• 6. کنترل جریان: شرطی‌ها (if/else) و حلقه‌ها (each/while)
• 7. میکسین‌ها (mixins) و ماژولار کردن قالب‌ها
• 8. ارث‌بری و بلاک‌ها (extends/block) برای Layoutها
• 9. کار با فیلترها (filters) و پیش‌پردازش‌کننده‌ها
• 10. ادغام داده‌های JSON و API در قالب‌ها
• 11. رندر سمت سرور (SSR) با Express و Pug
• 12. رندر سمت کلاینت: کامپایل Pug به جاوااسکریپت
• 13. تزریق اسکریپت پویا: مفاهیم و سناریوهای استفاده
• 14. ایمن‌سازی تزریق اسکریپت: جلوگیری از XSS
• 15. استراتژی‌های Content Security Policy (CSP) با Pug
• 16. Nonce و Hash در تگ‌های script برای CSP
• 17. استفاده از Trusted Types برای مدیریت اسکریپت‌های پویا
• 18. پیاده‌سازی Lazy Loading اسکریپت‌ها در قالب‌ها
• 19. بندل‌سازی و مینیفای اسکریپت‌های تزریق‌شده
• 20. استفاده از Webpack/Vite برای پردازش قالب‌های Pug
• 21. تست واحد (Unit Testing) قالب‌های Pug با Jest
• 22. تست یکپارچه (Integration Testing) رندر و تزریق اسکریپت
• 23. استفاده از ESLint و Stylelint برای کد تمیز Pug
• 24. بهینه‌سازی عملکرد رندر: کش کردن و پیش‌کامپایل
• 25. مدیریت خطا و لاگ‌گیری در رندر سمت سرور
• 26. معماری میکروسرویس و اشتراک قالب‌های Pug
• 27. نسخه‌سازی و استقرار قالب‌ها در CI/CD
• 28. امنیت پیشرفته: جلوگیری از Prototype Pollution در داده‌های قالب
• 29. استفاده از TypeScript با Pug برای تایپ‌های امن
• 30. الگوهای طراحی برای کامپوننت‌های قابل Wieder استفاده
• 31. پیاده‌سازی Internationalization (i18n) در Pug
• 32. دسترسی‌پذیری (Accessibility) در قالب‌های پویا
• 33. مشاهده و دیباگ رندر در مرورگر با DevTools
• 34. استفاده از Pug در Static Site Generators (Eleventy, Hexo)
• 35. مقایسه Pug با موتورهای دیگر: Handlebars, EJS, Nunjucks
• 36. مهاجرت از Jade به Pug: تغییرات و نکات کلیدی
• 37. بهترین شیوه‌های نام‌گذاری و سازماندهی فایل‌های قالب
• 38. استفاده از Partialها و Include برای ماژولاریت
• 39. مدیریت State در قالب‌های سمت کلاینت با Alpine.js
• 40. ادغام با فریم‌ورک‌های فرانت‌اند: React, Vue, Svelte
• 41. ساخت کامپوننت‌های UI قابل تست با Storybook و Pug
• 42. استفاده از Pug در ایمیل‌های تراکنشی (Transactional Emails)
• 43. بهینه‌سازی SEO با متا تگ‌های پویا در Pug
• 44. معماری Serverless و رندر Pug در AWS Lambda/Cloudflare Workers
• 45. محدودیت‌های امنیتی در محیط‌های Shared Hosting
• 46. استفاده از Pug برای Generating PDF (via Puppeteer)
• 47. پروفایل‌سازی حافظه و CPU در رندرهای سنگین
• 48. استراتژی‌های Rollback و Feature Flag برای قالب‌ها
• 49. مستندسازی خودکار قالب‌ها با JSDoc و Pug Doc
• 50. آماده‌سازی برای مقیاس‌پذیری: Load Balancing و Caching
• 51. بررسی موارد واقعی (Case Studies) از شرکت‌های بزرگ
• 52. پروژه نهایی: ساخت یک اپلیکیشن کامل با تزریق اسکریپت امن