کتاب مبانی جامع HTML5: ساخت، طراحی و کاربرد در وب‌سایت‌ها

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

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

عنوان دوره: دوره مبانی جامع HTML5: ساخت، طراحی و کاربرد در وب‌سایت‌ها

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

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

📋 سرفصل‌های دوره (100 موضوع)

• 1. مقدمه‌ای بر فناوری اطلاعات و توسعه وب
• 2. ساختار کلی صفحات وب
• 3. تاریخچه مختصر زبان‌های نشانه‌گذاری
• 4. معرفی HTML5 و جایگاه آن
• 5. ساختار سند HTML5
• 6. عناصر اصلی سند (doctype, html, head, body)
• 7. مدیریت متادیتای سند (meta tags)
• 8. تنظیمات زبان و کاراکتر ست (charset)
• 9. عنوان صفحه و نمایش در مرورگر
• 10. استفاده از پیوندهای خارجی (links)
• 11. مدیریت تصاویر در صفحات وب
• 12. انواع فرمت‌های تصویری پشتیبانی شده
• 13. استفاده از تصاویر با تگ img
• 14. ویژگی‌های تگ img (src, alt, width, height)
• 15. نمایش تصاویر پس‌زمینه با CSS
• 16. ساختاردهی محتوای متنی
• 17. عناصر پاراگراف و خطوط شکسته
• 18. عناوین و زیرعنوان‌ها (h1 تا h6)
• 19. لیست‌های مرتب و نامرتب
• 20. استفاده از لیست‌های تعریف (definition lists)
• 21. نقل قول‌ها و متن‌های کوتاه
• 22. نقل قول‌های بلند و بلاک‌کوت
• 23. نمایش کدها و خروجی برنامه‌ها
• 24. عناصر معنایی در HTML5
• 25. عناصر ساختاری جدید (header, nav, main, article, section, aside, footer)
• 26. استفاده صحیح از تگ header
• 27. ایجاد منوهای ناوبری با nav
• 28. محتوای اصلی صفحه با main
• 29. مقالات و بخش‌های مستقل با article
• 30. بخش‌بندی منطقی محتوا با section
• 31. محتوای مرتبط اما جدا با aside
• 32. پاورقی سند با footer
• 33. فرم‌ها در HTML5
• 34. عناصر پایه فرم (form, input, label)
• 35. انواع فیلدهای ورودی (text, password, email, url)
• 36. فیلدهای عددی و دامنه‌ای (number, range)
• 37. فیلدهای تاریخ و زمان (date, time, datetime-local)
• 38. فیلدهای انتخاب (checkbox, radio)
• 39. فیلدهای منحصربه‌فرد (tel, color)
• 40. دکمه‌های ارسال و بازنشانی (submit, reset)
• 41. منطقه‌ها و ناحیه‌های قابل کلیک (textarea, button)
• 42. گروه‌بندی عناصر فرم (fieldset, legend)
• 43. اعتبارسنجی سمت کلاینت در فرم‌ها
• 44. ویژگی‌های اعتبارسنجی (required, pattern, min, max)
• 45. پیام‌های سفارشی اعتبارسنجی
• 46. کاربرد canvas در HTML5
• 47. مقدمه‌ای بر گرافیک برداری و رستر
• 48. رسم اشکال هندسی پایه با canvas
• 49. کشیدن خطوط و منحنی‌ها
• 50. پر کردن اشکال و استروک کردن
• 51. استفاده از رنگ‌ها و گرادیانت‌ها
• 52. کار با متن در canvas
• 53. تصاویر در canvas
• 54. انیمیشن با canvas
• 55. کاربرد video و audio در HTML5
• 56. قرار دادن فایل‌های ویدیویی
• 57. کنترل‌های پخش ویدیو
• 58. فرمت‌های ویدیویی پشتیبانی شده
• 59. قرار دادن فایل‌های صوتی
• 60. کنترل‌های پخش صوتی
• 61. مدیریت پخش و رویدادها
• 62. APIهای جدید HTML5
• 63. وب‌سوکِت‌ها (WebSockets)
• 64. ذخیره‌سازی محلی (Local Storage)
• 65. ذخیره‌سازی موقت (Session Storage)
• 66. فایل API (File API)
• 67. کش (Cache API)
• 68. کاربردهای پیشرفته HTML5
• 69. وب کامپوننت‌ها (Web Components)
• 70. اصول طراحی ریسپانسیو (Responsive Design)
• 71. چارچوب‌های CSS مرتبط
• 72. بهینه‌سازی عملکرد صفحات HTML5
• 73. دسترسی‌پذیری (Accessibility) در وب
• 74. مقدمه‌ای بر استاندارد WCAG
• 75. استفاده از سمانتیک برای دسترسی‌پذیری
• 76. تست و ارزیابی دسترسی‌پذیری
• 77. مقدمه‌ای بر CSS
• 78. قواعد CSS و انتخابگرها
• 79. خاصیت‌ها و مقادیر CSS
• 80. مدیریت رنگ و پس‌زمینه
• 81. قواعد فونت و متن
• 82. مدیریت حاشیه‌ها و فاصله‌ها (box model)
• 83. چیدمان عناصر (display, position)
• 84. فلکس‌باکس (Flexbox)
• 85. گرید CSS (CSS Grid)
• 86. انتقال‌ها و تبدیل‌ها (Transitions & Transforms)
• 87. انیمیشن‌ها در CSS
• 88. طراحی واکنش‌گرا با Media Queries
• 89. مقدمه‌ای بر جاوا اسکریپت
• 90. متغیرها، انواع داده و عملگرها
• 91. ساختارهای کنترلی (if, for, while)
• 92. توابع و دامنه‌ها
• 93. مفهوم DOM و دسترسی به عناصر
• 94. مدیریت رویدادها در جاوا اسکریپت
• 95. تغییر محتوا و استایل عناصر
• 96. ایجاد انیمیشن با جاوا اسکریپت
• 97. ارتباط با سرور (AJAX)
• 98. مقدمه‌ای بر فریم‌ورک‌های مدرن
• 99. معرفی کلی رویکردها
• 100. اهمیت یادگیری عمیق HTML5