فلش‌کارت‌های آموزشی راهنمای جامع HTML5 برای ساخت وب‌سایت‌های مدرن

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

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

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

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

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

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

• 1. مقدمه ای بر ساختار وب
• 2. تاریخچه مختصری از HTML
• 3. تفاوت HTML4 و HTML5
• 4. معماری پایه یک صفحه HTML5
• 5. تگ های اصلی و ساختار سند
• 6. عناصر معنایی در HTML5
• 7. استفاده از تگ header
• 8. کاربرد تگ nav
• 9. تگ های section و article
• 10. عنصر aside و footer
• 11. تگ های نمایشی و فرمت دهی متن
• 12. عناصر پاراگراف و سرفصل ها
• 13. تگ های لیست ها (مرتب و نامرتب)
• 14. عناصر نقل قول و نقل قول کوتاه
• 15. تگ های برجسته سازی متن (strong, em)
• 16. عناصر زمان و تاریخ
• 17. تگ های مربوط به جزئیات (details, summary)
• 18. نمایش کدها و پیش فرمت شده (code, pre)
• 19. کاربرد تگ blockquote
• 20. عناصر تصویری و چندرسانه ای
• 21. تگ img و ویژگی های آن
• 22. عناصر صوتی (audio)
• 23. عناصر تصویری (video)
• 24. نحوه ی نمایش زیرنویس برای ویدئو
• 25. استفاده از canvas برای گرافیک
• 26. عناصر گرافیکی برداری مقیاس پذیر (SVG)
• 27. فرم ها در HTML5
• 28. تگ form و ویژگی های آن
• 29. انواع فیلدهای ورودی (text, password, email)
• 30. فیلدهای عددی و محدوده (number, range)
• 31. انتخابگر تاریخ و زمان
• 32. فیلدهای دکمه ای (radio, checkbox)
• 33. فیلدهای دکمه ای (submit, reset, button)
• 34. تگ select و option
• 35. تگ textarea برای ورودی های متنی طولانی
• 36. اعتبارسنجی فرم ها در سمت کلاینت
• 37. استفاده از attribute های لازم و pattern
• 38. عناصر جدید فرمی در HTML5
• 39. عناصر ارتباطی و جاسازی محتوا
• 40. تگ iframe برای جاسازی صفحات
• 41. تگ embed و object
• 42. تگ map و area برای نواحی تصویری
• 43. استفاده از تگ figure و figcaption
• 44. عناصر ساختاری جدید
• 45. تگ main برای محتوای اصلی صفحه
• 46. کاربرد تگ mark
• 47. عناصر داده محور
• 48. استفاده از تگ time
• 49. عناصر تعاملی
• 50. تگ dialog برای پنجره های محاوره ای
• 51. عناصر رویداد محور
• 52. کاربرد attribute های data-*
• 53. API های HTML5
• 54. مقدمه ای بر JavaScript در وب
• 55. استفاده از JavaScript برای تعامل
• 56. کاربرد geolocation API
• 57. کاربرد localStorage و sessionStorage
• 58. مقدمه ای بر CSS3
• 59. فلسفه و کاربرد CSS3
• 60. انتخابگرهای CSS3
• 61. ویژگی های جدید CSS3
• 62. استفاده از فونت های وب
• 63. انیمیشن و ترنزیشن در CSS3
• 64. طراحی واکنش گرا (Responsive Design)
• 65. مفهوم Grid Layout
• 66. مفهوم Flexbox
• 67. استفاده از Media Queries
• 68. بهینه سازی وب سایت برای موبایل
• 69. مفاهیم پیشرفته HTML5
• 70. وب کامپوننت ها (Web Components)
• 71. Shadow DOM
• 72. Custom Elements
• 73. HTML Templates
• 74. مفاهیم دسترسی پذیری (Accessibility)
• 75. استفاده از ARIA Attributes
• 76. تست و اعتبارسنجی صفحات وب
• 77. تگ های معنایی و دسترسی
• 78. بهینه سازی عملکرد وب سایت
• 79. فشرده سازی و بارگذاری سریع تر
• 80. استفاده از تکنیک های Caching
• 81. مقدمه ای بر امنیت وب
• 82. اصول اولیه امنیت در توسعه وب
• 83. مروری بر پروتکل HTTPS
• 84. مدیریت کوکی ها و سشن ها
• 85. تکنیک های جلوگیری از حملات رایج
• 86. مباحث تکمیلی
• 87. استفاده از Progressive Web Apps (PWA)
• 88. نقشه راه توسعه وب مدرن
• 89. جمع بندی مباحث