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

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

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

عنوان دوره: دوره آموزش جامع HTML5 برای ساخت صفحات وب پویا

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

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

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

• 1. مقدمه‌ای بر توسعه وب و نقش HTML5
• 2. آشنایی با ساختار پایه صفحات وب
• 3. تگ‌های اصلی HTML5: doctype، html، head، body
• 4. کاربرد تگ‌های متا در سربرگ صفحه
• 5. تنظیم عنوان صفحه (title) و ارتباط آن با SEO
• 6. ایجاد لینک‌های داخلی و خارجی (a)
• 7. کاربرد تگ‌های تصویری (img) و ویژگی‌های آن
• 8. مدیریت اندازه و نسبت تصاویر
• 9. استفاده از تگ‌های صوتی (audio) و تصویری (video)
• 10. کنترل پخش و ویژگی‌های مدیا پلیر
• 11. ساختاردهی محتوا با تگ‌های معنایی (semantic tags)
• 12. استفاده از header، nav، main، article، section
• 13. کاربرد footer و aside در ساختار صفحه
• 14. جدول‌ها در HTML5: ساختار و کاربرد (table)
• 15. سلول‌های سربرگ و بدنه جدول (thead، tbody، th، td)
• 16. دسته‌بندی ردیف‌ها و ستون‌ها (colgroup، col)
• 17. فرم‌ها در HTML5: ایجاد ورودی‌های کاربر (form)
• 18. انواع فیلدهای ورودی: text، password، email، number
• 19. فیلدهای تاریخ، زمان و رنگ (date، time، color)
• 20. دکمه‌های ارسال و بازنشانی فرم (submit، reset)
• 21. استفاده از select و option برای گزینه‌های انتخابی
• 22. تگ textarea برای ورودی‌های چندخطی
• 23. اعتبارسنجی ورودی‌های فرم در سمت کاربر (client-side validation)
• 24. استفاده از attributeهای required، pattern، min، max
• 25. کاربرد attributeهای placeholder و autofocus
• 26. استفاده از canvas برای گرافیک‌های دوبعدی
• 27. رسم اشکال هندسی پایه در canvas
• 28. کاربرد canvas در نمودارها و تصاویر پویا
• 29. آشنایی با SVG (Scalable Vector Graphics)
• 30. رسم اشکال برداری در SVG
• 31. استفاده از SVG برای آیکون‌ها و لوگوها
• 32. تگ‌های جدید HTML5 برای ساختاردهی محتوا
• 33. کاربرد تگ‌های figure و figcaption
• 34. استفاده از تگ‌های mark، time، progress
• 35. تگ‌های داده (data-* attributes) و کاربرد آن‌ها
• 36. مفهوم DOM (Document Object Model)
• 37. کار با DOM با استفاده از جاوا اسکریپت (مقدماتی)
• 38. تغییر محتوا و استایل عناصر با جاوا اسکریپت
• 39. افزودن و حذف عناصر از DOM
• 40. مفاهیم اولیه CSS (Cascading Style Sheets)
• 41. ارتباط HTML و CSS
• 42. نحوه انتخابگرها (selectors) در CSS
• 43. استایل‌دهی متون: فونت، اندازه، رنگ، ترازبندی
• 44. استایل‌دهی پس‌زمینه و رنگ صفحه
• 45. مدیریت حاشیه‌ها (margin) و فاصله‌ها (padding)
• 46. جعبه مدل (box model) در CSS
• 47. استفاده از display: block، inline، inline-block
• 48. تکنیک‌های چیدمان صفحه: Flexbox (مقدماتی)
• 49. کاربرد Flexbox برای چیدمان افقی و عمودی
• 50. مفهوم Grid Layout در CSS (مقدماتی)
• 51. استفاده از Grid برای چیدمان پیچیده‌تر
• 52. طراحی واکنش‌گرا (Responsive Design)
• 53. استفاده از Media Queries
• 54. تنظیم Viewport برای دستگاه‌های مختلف
• 55. بهینه‌سازی تصاویر برای وب
• 56. فرمت‌های تصویری مناسب (JPEG، PNG، GIF، WebP)
• 57. فشرده‌سازی تصاویر بدون افت کیفیت محسوس
• 58. مفهوم SEO (Search Engine Optimization) و نقش HTML
• 59. استفاده صحیح از تگ‌های عنوان (h1-h6)
• 60. مدیریت تگ‌های متا برای سئو
• 61. ایجاد لینک‌های داخلی با هدف سئو
• 62. آشنایی با وب‌کامپوننت‌ها (Web Components)
• 63. مفهوم Shadow DOM
• 64. استفاده از Custom Elements
• 65. مفهوم Template و Slot
• 66. ساخت عناصر قابل استفاده مجدد
• 67. مفاهیم اولیه JavaScript برای تعامل با HTML
• 68. انتخاب عناصر HTML با JavaScript
• 69. تغییر محتوای عناصر
• 70. تغییر استایل عناصر
• 71. مدیریت رویدادها (events) در JavaScript
• 72. مثال: واکنش به کلیک دکمه
• 73. مثال: واکنش به ورود متن در فیلد
• 74. مفاهیم پیشرفته‌تر HTML5
• 75. ذخیره‌سازی محلی (Local Storage)
• 76. ذخیره‌سازی داده در مرورگر
• 77. کاربرد Local Storage برای نگهداری تنظیمات کاربر
• 78. مفهوم Application Cache (استفاده محدود)
• 79. کاربرد Service Workers برای قابلیت آفلاین (مقدماتی)
• 80. آشنایی با APIهای مرورگر
• 81. Geolocation API برای دسترسی به موقعیت مکانی
• 82. Web Workers برای اجرای کد در پس‌زمینه
• 83. مقدمه‌ای بر فریم‌ورک‌ها و کتابخانه‌های جاوا اسکریپت
• 84. نقش فریم‌ورک‌ها در توسعه وب مدرن
• 85. معرفی مختصر React، Angular، Vue (بدون ورود به جزئیات)
• 86. نحوه استفاده از کتابخانه‌های خارجی در پروژه‌های HTML
• 87. مدیریت خطاها در توسعه وب
• 88. اصول اولیه‌سازی و اشکال‌زدایی (debugging)
• 89. ابزارهای توسعه‌دهنده مرورگر
• 90. تست صفحات وب در مرورگرهای مختلف
• 91. اصول دسترسی‌پذیری (Accessibility) در وب
• 92. استفاده از ARIA attributes
• 93. طراحی برای کاربران با نیازهای ویژه
• 94. امنیت در توسعه وب (مقدماتی)
• 95. جلوگیری از حملات رایج XSS (Cross-Site Scripting)
• 96. اهمیت استفاده از HTTPS
• 97. ملاحظات نهایی در ساخت صفحات وب پویا
• 98. نکات کلیدی برای بهبود تجربه کاربری (UX)
• 99. مراحل نهایی آماده‌سازی برای انتشار
• 100. جمع‌بندی و مسیر یادگیری آتی