فلش‌کارت‌های آموزشی هَمِل؛ طراحی قالب‌های HTML خالص، خوانا و مقیاس‌پذیر

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

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

عنوان دوره: دوره هَمِل؛ طراحی قالب‌های HTML خالص، خوانا و مقیاس‌پذیر

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

موضوع میانی: قالب‌نویسی HTML با Haml

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

• 1. نقش Haml در طراحی وب مدرن
• 2. تفاوت Haml با HTML، Sass و سایر قالب‌نویس‌ها
• 3. پیش‌نیازهای HTML5 برای استفاده مؤثر از Haml
• 4. نصب و راه‌اندازی موتور اجرای Haml
• 5. معرفی کامپایلر Haml و فرایند تبدیل کد
• 6. راه‌اندازی پروژه Haml از صفر
• 7. شناخت پسوند فایل‌ها و ساختار پروژه
• 8. تبدیل و رندر خودکار کدهای Haml
• 9. قواعد تورفتگی و معنای آن‌ها در Haml
• 10. تگ‌های ضمنی و حذف تگ‌های HTML
• 11. استفاده هدفمند از تگ‌های صریح
• 12. شیوه ساخت و ترکیب تگ‌ها
• 13. نحوه تو‌درتو کردن عناصر
• 14. نوشتن متن چندخطی با تورفتگی
• 15. کار با فیلتر plain برای متن خام
• 16. درج مستقیم HTML در قالب‌های Haml
• 17. نوشتن کامنت‌های غیرنمایشی و توضیحی
• 18. تنظیم DOCTYPE در اسناد Haml
• 19. ساخت قطعات HTML مستقل
• 20. ساخت تگ‌های ساده و چندتگ
• 21. تنظیم Attributes در Haml
• 22. استفاده از Class و ID
• 23. اضافه‌کردن چند Class به یک تگ
• 24. تعریف Attributeهای Boolean
• 25. ساخت Attributeهای Data
• 26. نوشتن Href و Src به شکل استاندارد
• 27. استفاده از Attributeهای Style
• 28. افزودن Attributeهای پویا
• 29. کار با Interpolation در Haml
• 30. تفاوت Interpolation و Escape در خروجی
• 31. کار با فیلترهای متنی
• 32. ساخت استایل‌های CSS با فیلتر css
• 33. نوشتن اسکریپت‌های JavaScript با فیلتر javascript
• 34. استفاده از فیلتر Markdown
• 35. اجرای کدهای Ruby با فیلتر Ruby
• 36. ساخت فیلتر اختصاصی Haml
• 37. تعریف متغیرها و محدود کردن دامنه آن‌ها
• 38. کنترل جریان برنامه با شرط‌ها
• 39. نوشتن حلقه‌ها در Haml
• 40. استفاده از بلوک‌های Do
• 41. تقسیم قالب با Partialها
• 42. ادغام بخش‌های قالب با Includeها
• 43. ساخت Layoutهای قابل استفاده مجدد
• 44. فراخوانی Helpers در قالب‌های Haml
• 45. یکپارچه‌سازی Haml با Ruby on Rails
• 46. تنظیم موتور Haml در پروژه‌های Rails
• 47. استفاده از Haml در پروژه‌های غیر Rails
• 48. یکپارچه‌سازی Haml با Asset Pipeline
• 49. ارتباط Haml با Sass و SCSS
• 50. تبدیل پروژه‌های Sass به Haml
• 51. بهینه‌سازی با HamlC و کامپایل پیشین
• 52. پیش‌پردازش کدهای Haml
• 53. مدیریت Cache در پروژه‌های بزرگ
• 54. سنجش و بهبود عملکرد رندر
• 55. عیب‌یابی خطاهای Haml
• 56. تشخیص خطاهای نحوی و ساختاری
• 57. استفاده از Linter برای استانداردسازی کد
• 58. نگارش حرفه‌ای و قواعد سبک Haml
• 59. مهاجرت تدریجی از HTML به Haml
• 60. سازگارکردن قالب‌های قدیمی با Haml
• 61. نوشتن Markup مناسب برای وب واکنش‌گرا
• 62. افزایش دسترسی‌پذیری با Haml
• 63. ایمن‌سازی خروجی‌های داینامیک
• 64. آزمایش قالب‌ها و بررسی خروجی نهایی
• 65. مدیریت نسخه کدهای Haml
• 66. یکپارچه‌سازی Haml با ابزارهای ساخت وب
• 67. الگوسازی ساختار پروژه‌های مقیاس‌پذیر
• 68. کاربرد Haml در استودیوهای چندنفره
• 69. راه‌اندازی Haml در محیط Deployment
• 70. تمرین ساخت یک قالب وب کامل با Haml