دوره تسلط بر Haml برای توسعه‌دهندگان فول‌استک همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره تسلط بر Haml برای توسعه‌دهندگان فول‌استک

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

موضوع میانی: تکنولوژی‌های فرانت‌اند

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

• 1. مقدمه‌ای بر Haml: فلسفه و مزایا
• 2. تفاوت‌های Haml با HTML و سایر زبان‌های قالب
• 3. نصب و راه‌اندازی Haml در محیط توسعه
• 4. ساختار پایه یک فایل Haml
• 5. نوشتن اولین کد Haml: Hello, World!
• 6. درک عناصر Haml: تگ‌ها، کلاس‌ها و IDها
• 7. کار با تورفتگی‌ها (Indentation) در Haml
• 8. استفاده از متغیرها در Haml
• 9. فیلترهای Haml: مقدمه و کاربردها
• 10. فیلترهای Haml: فرمت‌بندی متن و اعداد
• 11. فیلترهای Haml: کار با تاریخ و زمان
• 12. فیلترهای Haml: امنیت و خروجی‌سازی HTML
• 13. ساختن کامپوننت‌های کوچک با Haml
• 14. استفاده از شرط‌ها (Conditionals) در Haml
• 15. حلقه‌ها (Loops) در Haml: تکرار عناصر
• 16. کار با لیست‌ها و آرایه‌ها در Haml
• 17. ایجاد Helperها برای کد Haml تمیزتر
• 18. استفاده از Partialها برای سازماندهی کد
• 19. Haml و Ruby on Rails: یکپارچه‌سازی
• 20. Haml و JavaScript: تعامل با DOM
• 21. Haml و CSS: استایل‌دهی به عناصر
• 22. Haml و Bootstrap: استفاده از کلاس‌های آماده
• 23. Haml و Sass: ترکیب قدرت Haml و Sass
• 24. Haml و Webpack: مدیریت Assetها
• 25. بهینه‌سازی کد Haml برای عملکرد بهتر
• 26. تست و دیباگ کردن کد Haml
• 27. نوشتن کد Haml قابل نگهداری و خوانا
• 28. الگوهای طراحی در Haml
• 29. Haml و Accessibility: ایجاد وب‌سایت‌های دسترس‌پذیر
• 30. Haml و SEO: بهینه‌سازی برای موتورهای جستجو
• 31. Haml در پروژه‌های بزرگ: مقیاس‌پذیری
• 32. Haml و سیستم‌های کنترل نسخه (Git)
• 33. Haml و Continuous Integration/Continuous Deployment (CI/CD)
• 34. معرفی ابزارهای توسعه Haml
• 35. منابع آموزشی Haml: کتابخانه‌ها و وب‌سایت‌ها
• 36. حل مسئله: اشکال رایج در Haml و راه‌حل‌ها
• 37. مثال‌های عملی: ساخت یک رابط کاربری ساده با Haml