فلش‌کارت‌های آموزشی ساخت وب‌سایت‌های حرفه‌ای با استفاده از ابزارهای مدرن (با تمرکز بر اصول طراحی کاربرپسند و سازگار با استانداردهای وب)

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

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

عنوان دوره: دوره ساخت وب‌سایت‌های حرفه‌ای با استفاده از ابزارهای مدرن (با تمرکز بر اصول طراحی کاربرپسند و سازگار با استانداردهای وب)

موضوع کلی: فناوری اطلاعات و ارتباطات

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

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

• 1. مقدمه‌ای بر طراحی و توسعه وب
• 2. آشنایی با ابزارهای طراحی وب
• 3. مبانی HTML: ساختار صفحات وب
• 4. عناصر اصلی HTML5
• 5. خصوصیات عناصر HTML
• 6. ساختاردهی محتوا با HTML
• 7. کار با لینک‌ها و تصاویر در HTML
• 8. ایجاد جداول با HTML
• 9. فرم‌ها در HTML: جمع‌آوری اطلاعات
• 10. عناصر معنایی HTML5
• 11. مقدمه‌ای بر CSS: استایل‌دهی صفحات
• 12. انتخابگرها در CSS
• 13. خصوصیات متن و فونت
• 14. رنگ‌ها و پس‌زمینه‌ها در CSS
• 15. مدل جعبه (Box Model) در CSS
• 16. قابلیت‌های Flexbox برای چیدمان
• 17. کار با Grid برای چیدمان پیشرفته
• 18. انتقال‌ها و تبدیل‌ها در CSS
• 19. انیمیشن‌ها با CSS
• 20. طراحی واکنش‌گرا (Responsive Design)
• 21. مقدمه‌ای بر JavaScript: تعامل‌پذیری
• 22. متغیرها و انواع داده در JavaScript
• 23. عملگرها در JavaScript
• 24. دستورات شرطی (if, else)
• 25. حلقه‌ها (for, while) در JavaScript
• 26. توابع در JavaScript
• 27. آرایه‌ها در JavaScript
• 28. کار با اشیاء در JavaScript
• 29. مقدمه‌ای بر DOM (Document Object Model)
• 30. دستکاری عناصر DOM با JavaScript
• 31. مدیریت رویدادها در JavaScript
• 32. اعتبارسنجی فرم‌ها با JavaScript
• 33. مقدمه‌ای بر فریم‌ورک‌ها و کتابخانه‌ها
• 34. آشنایی با ابزارهای توسعه وب مدرن
• 35. مبانی طراحی کاربرپسند (UX)
• 36. اصول طراحی رابط کاربری (UI)
• 37. استفاده از رنگ‌ها در طراحی وب
• 38. انتخاب فونت مناسب
• 39. اصول چیدمان و فضای سفید
• 40. طراحی سلسله‌مراتبی (Hierarchy)
• 41. قابلیت دسترسی (Accessibility) در وب
• 42. معرفی Dreamweaver: محیط کاربری
• 43. ایجاد پروژه‌های جدید در Dreamweaver
• 44. تنظیمات پروژه در Dreamweaver
• 45. کار با پنل‌ها در Dreamweaver
• 46. ویرایشگر کد در Dreamweaver
• 47. طراحی بصری با Live View
• 48. استفاده از قالب‌های آماده
• 49. مدیریت فایل‌ها و پوشه‌ها
• 50. ایجاد صفحات HTML با Dreamweaver
• 51. اضافه کردن متن و تصاویر
• 52. لینک‌دهی بین صفحات
• 53. ایجاد فرم‌ها در Dreamweaver
• 54. استفاده از CSS در Dreamweaver
• 55. اعمال استایل‌های خارجی
• 56. کار با استایل‌های داخلی
• 57. استفاده از ابزارهای طراحی CSS
• 58. مدیریت لایه‌ها (Layers) در Dreamweaver
• 59. ایجاد نوارهای ناوبری (Navbars)
• 60. طراحی فوتر (Footer)
• 61. اضافه کردن هدر (Header)
• 62. کار با جداول در Dreamweaver
• 63. ایجاد گالری تصاویر
• 64. طراحی فرم تماس
• 65. پیاده‌سازی اسلایدر (Slider)
• 66. استفاده از کتابخانه‌های جاوا اسکریپت
• 67. افزودن انیمیشن‌های ساده
• 68. بهینه‌سازی تصاویر برای وب
• 69. اصول سئو (SEO) در طراحی وب
• 70. ساختار URLهای سئو فرندلی
• 71. استفاده از تگ‌های معنایی برای سئو
• 72. نقش محتوا در سئو
• 73. مقدمه‌ای بر تست وب‌سایت
• 74. تست سازگاری مرورگرها
• 75. تست عملکرد (Performance)
• 76. بهینه‌سازی سرعت بارگذاری
• 77. مقدمه‌ای بر انتشار وب‌سایت
• 78. انتخاب هاست (Host) مناسب
• 79. ثبت دامنه (Domain)
• 80. آپلود فایل‌ها با FTP
• 81. تنظیمات DNS
• 82. مدیریت پایگاه داده (مقدماتی)
• 83. مقدمه‌ای بر سیستم‌های مدیریت محتوا (CMS)
• 84. آشنایی با وردپرس (به عنوان مثال)
• 85. اصول امنیتی وب‌سایت
• 86. پشتیبان‌گیری از وب‌سایت
• 87. مقدمه‌ای بر تحلیل ترافیک وب
• 88. آشنایی با Google Analytics
• 89. اصول بازاریابی محتوا
• 90. توسعه وب پیشرفته (مقدماتی)
• 91. آشنایی با ابزارهای توسعه‌دهنده مرورگر
• 92. اشکال‌زدایی (Debugging) کدهای وب
• 93. مقدمه‌ای بر چارچوب‌های Front-end
• 94. مقدمه‌ای بر چارچوب‌های Back-end
• 95. اصول کدنویسی تمیز
• 96. مستندسازی کدها
• 97. آخرین روندها در طراحی وب
• 98. کاربردهای هوش مصنوعی در وب
• 99. طراحی وب برای موبایل اول (Mobile-first)
• 100. اصول طراحی مینیمالیسم