فلش‌کارت‌های آموزشی اصول جامع طراحی و توسعه فرانت‌اند وب با HTML، CSS و JavaScript

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

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

عنوان دوره: دوره اصول جامع طراحی و توسعه فرانت‌اند وب با HTML، CSS و JavaScript

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

موضوع میانی: توسعه فرانت‌اند وب

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

• 1. مقدمه‌ای بر توسعه فرانت‌اند وب
• 2. آشنایی با ساختار وب و نقش فرانت‌اند
• 3. ابزارهای توسعه فرانت‌اند
• 4. نصب و راه‌اندازی محیط توسعه
• 5. آشنایی با HTML: اصول و مبانی
• 6. ساختاردهی اسناد HTML
• 7. عناصر متنی و پاراگراف‌ها
• 8. پیوندها و ابرمتن‌ها
• 9. تصاویر و رسانه‌ها در HTML
• 10. جداول در HTML
• 11. فرم‌ها و ورودی‌ها در HTML
• 12. عناصر معنایی (Semantic Elements)
• 13. آشنایی با CSS: اصول و مبانی
• 14. نحوهٔ اعمال استایل‌ها با CSS
• 15. انتخابگرها (Selectors) در CSS
• 16. خاصیت‌ها (Properties) و مقادیر (Values) در CSS
• 17. واحدها و اندازه‌گیری در CSS
• 18. مدل جعبه‌ای (Box Model) در CSS
• 19. پس‌زمینه‌ها و رنگ‌ها در CSS
• 20. فونت‌ها و تایپوگرافی در CSS
• 21. لیست‌ها در CSS
• 22. جداول در CSS
• 23. نمایش و موقعیت‌دهی عناصر (Display & Position)
• 24. شناور کردن (Floats) و چیدمان (Layout)
• 25. CSS Grid Layout
• 26. CSS Flexbox Layout
• 27. لایه‌ها و پس‌زمینه‌های پیشرفته
• 28. انتقال‌ها (Transitions) و انیمیشن‌ها (Animations) در CSS
• 29. طراحی واکنش‌گرا (Responsive Design)
• 30. مدیا کوئری‌ها (Media Queries)
• 31. طراحی برای موبایل اول (Mobile-First)
• 32. بهینه‌سازی تصاویر برای وب
• 33. آشنایی با JavaScript: اصول و مبانی
• 34. متغیرها و انواع داده در JavaScript
• 35. عملگرها در JavaScript
• 36. ساختارهای کنترلی (Control Structures): شرط‌ها
• 37. ساختارهای کنترلی: حلقه‌ها
• 38. توابع (Functions) در JavaScript
• 39. دامنه (Scope) متغیرها
• 40. آرایه‌ها (Arrays) در JavaScript
• 41. اشیاء (Objects) در JavaScript
• 42. کار با DOM (Document Object Model)
• 43. انتخاب عناصر DOM
• 44. تغییر محتوا و استایل عناصر DOM
• 45. ایجاد و حذف عناصر DOM
• 46. مدیریت رویدادها (Event Handling)
• 47. رویدادهای ماوس و کیبورد
• 48. ارسال فرم‌ها با JavaScript
• 49. اعتبارسنجی فرم‌ها
• 50. AJAX و درخواست‌های ناهمگام
• 51. کار با JSON
• 52. مقدمه‌ای بر فریم‌ورک‌ها و کتابخانه‌ها
• 53. آشنایی با کتابخانه‌های پرکاربرد
• 54. اصول طراحی الگوهای طراحی (Design Patterns)
• 55. مدیریت وضعیت (State Management)
• 56. اصول اولیهٔ امنیت در فرانت‌اند
• 57. بهینه‌سازی عملکرد فرانت‌اند
• 58. تست در فرانت‌اند
• 59. مقدمه‌ای بر ابزارهای Build
• 60. آشنایی با Package Managers (npm/yarn)
• 61. مقدمه‌ای بر Git و کنترل نسخه
• 62. اصول پایدارسازی و نگهداری کد
• 63. مقدمه‌ای بر اصول UI/UX
• 64. اصول طراحی رابط کاربری (UI Design)
• 65. اصول تجربه کاربری (UX Design)
• 66. تحلیل نیازمندی‌های کاربری
• 67. طراحی Wireframe و Mockup
• 68. تست کاربردپذیری (Usability Testing)
• 69. اصول دسترسی‌پذیری (Accessibility)
• 70. استانداردهای وب (W3C)
• 71. مقدمه‌ای بر Progressive Web Apps (PWA)
• 72. مقدمه‌ای بر Web Components
• 73. اصول سئو (SEO) برای فرانت‌اند
• 74. مقدمه‌ای بر ابزارهای توسعه‌دهنده مرورگر
• 75. اشکال‌زدایی (Debugging) در فرانت‌اند
• 76. کار با API های وب
• 77. اصول طراحی API محور
• 78. مقدمه‌ای بر TypeScript
• 79. مفاهیم پیشرفته‌تر JavaScript
• 80. اصول برنامه‌نویسی شیءگرا در JavaScript
• 81. اصول برنامه‌نویسی تابعی در JavaScript
• 82. مدیریت خطاها (Error Handling)
• 83. کار با Web Storage (LocalStorage/SessionStorage)
• 84. مقدمه‌ای بر Web Workers
• 85. مفاهیم پیشرفتهٔ CSS Grid و Flexbox
• 86. نکات و ترفندهای CSS
• 87. نکات و ترفندهای JavaScript
• 88. ساخت پروژه‌های عملی با HTML, CSS, JavaScript
• 89. طراحی یک صفحهٔ معرفی وب‌سایت
• 90. ساخت یک فرم تماس واکنش‌گرا
• 91. پیاده‌سازی یک گالری تصاویر
• 92. ساخت یک لیست کارها (To-Do List)
• 93. ساخت یک بازی ساده با JavaScript
• 94. مقدمه‌ای بر چارچوب‌های مدرن فرانت‌اند
• 95. مرور کلی بر چارچوب‌های محبوب
• 96. اصول توسعه با چارچوب‌های مدرن
• 97. پروژه‌های نمونه با چارچوب‌های مدرن
• 98. مباحث تکمیلی و منابع یادگیری بیشتر