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

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

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

عنوان دوره: دوره آشنایی با زبان نشانه‌گذاری ابرمتن (HTML5) برای ساختاردهی صفحات وب

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

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

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

• 1. مقدمه‌ای بر زبان نشانه‌گذاری ابرمتن (HTML)
• 2. تاریخچه و تکامل HTML
• 3. ساختار کلی یک سند HTML
• 4. عناصر و تگ‌های پایه در HTML
• 5. ویژگی‌های عناصر (Attributes)
• 6. کاربرد تگ‌های عنوان (Headings)
• 7. پاراگراف‌ها و خطوط شکسته
• 8. قوائم (Lists) مرتب و نامرتب
• 9. پیوندها (Links) و آدرس‌دهی
• 10. تصاویر (Images) و افزودن آن‌ها
• 11. جداول (Tables) و ساختاردهی داده‌ها
• 12. فرم‌ها (Forms) و ورودی‌های کاربر
• 13. عناصر متنی قالب‌بندی شده
• 14. عناصر معنایی (Semantic Elements)
• 15. تگ‌های جدید در HTML5
• 16. عناصر صوتی و تصویری در HTML5
• 17. عناصر گرافیکی (Canvas)
• 18. اشکال (SVG) و گرافیک برداری
• 19. عناصر فرم پیشرفته در HTML5
• 20. اعتبارسنجی فرم‌ها (Form Validation)
• 21. کاربرد داده‌های ساختاریافته (Microdata)
• 22. وب‌کامپوننت‌ها (Web Components)
• 23. مقدمه‌ای بر CSS (Cascading Style Sheets)
• 24. نحوه اتصال CSS به HTML
• 25. انتخابگرها (Selectors) در CSS
• 26. خاصیت‌ها (Properties) و مقادیر (Values) در CSS
• 27. مدیریت رنگ و پس‌زمینه
• 28. قواعد مربوط به متن و فونت
• 29. باکس مدل (Box Model) در CSS
• 30. حاشیه‌ها (Margins) و فاصله‌ها (Padding)
• 31. عرض (Width) و ارتفاع (Height) عناصر
• 32. مرزها (Borders) در CSS
• 33. نمایش (Display) و موقعیت‌دهی (Position)
• 34. فلوت (Float) و شفافیت (Opacity)
• 35. فلکس‌باکس (Flexbox) برای چیدمان
• 36. شبکه (Grid) برای چیدمان پیشرفته
• 37. تبدیلات (Transforms) و انیمیشن‌ها (Transitions)
• 38. انیمیشن‌های CSS (Animations)
• 39. طراحی واکنش‌گرا (Responsive Design)
• 40. مدیا کوئری‌ها (Media Queries)
• 41. کاربرد واحدهای نسبی (em, rem, %)
• 42. بهینه‌سازی تصاویر برای وب
• 43. مقدمه‌ای بر جاوا اسکریپت
• 44. ارتباط جاوا اسکریپت با HTML
• 45. متغیرها و انواع داده در جاوا اسکریپت
• 46. عملگرها (Operators) در جاوا اسکریپت
• 47. ساختارهای کنترلی (Control Structures)
• 48. توابع (Functions) در جاوا اسکریپت
• 49. آرایه‌ها (Arrays) در جاوا اسکریپت
• 50. اشیاء (Objects) در جاوا اسکریپت
• 51. مقدمه‌ای بر DOM (Document Object Model)
• 52. دستکاری عناصر HTML با جاوا اسکریپت
• 53. مدیریت رویدادها (Event Handling)
• 54. فرم‌های پویا با جاوا اسکریپت
• 55. اعتبارسنجی فرم‌ها با جاوا اسکریپت
• 56. ارسال داده‌ها به سرور (AJAX)
• 57. استفاده از APIهای وب
• 58. ذخیره‌سازی محلی (Local Storage)
• 59. مقدمه‌ای بر چارچوب‌های Front-end
• 60. اصول طراحی UX (تجربه کاربری)
• 61. اصول طراحی UI (رابط کاربری)
• 62. استفاده از ابزارهای طراحی
• 63. مقدمه‌ای بر سیستم‌های مدیریت محتوا (CMS)
• 64. کاربرد وردپرس برای ساخت سایت
• 65. اصول سئو (SEO) برای وب‌سایت‌ها
• 66. بهینه‌سازی سرعت بارگذاری صفحات
• 67. امنیت وب‌سایت‌ها
• 68. مقدمه‌ای بر هاستینگ و دامنه
• 69. انتخاب نام دامنه مناسب
• 70. انواع هاستینگ (اشتراکی، ابری)
• 71. اصول کار با پنل‌های مدیریت هاست
• 72. مفاهیم پایگاه داده (Database)
• 73. مقدمه‌ای بر SQL
• 74. نحوه اتصال به پایگاه داده
• 75. کاربرد JSON در وب
• 76. مقدمه‌ای بر APIها
• 77. طراحی APIهای ساده
• 78. مستندسازی APIها
• 79. مقدمه‌ای بر چارچوب‌های Back-end
• 80. معرفی چارچوب‌های رایج (مانند Django, Node.js)
• 81. اصول برنامه‌نویسی شیءگرا (OOP)
• 82. الگوهای طراحی (Design Patterns)
• 83. مباحث پیشرفته‌تر HTML5
• 84. مباحث پیشرفته‌تر CSS3
• 85. مباحث پیشرفته‌تر جاوا اسکریپت
• 86. برنامه‌نویسی ناهمگام (Asynchronous Programming)
• 87. کاربرد Web Workers
• 88. پروتکل‌های وب (HTTP/HTTPS)
• 89. مفاهیم RESTful API
• 90. کاربرد Git در توسعه وب
• 91. مقدمه‌ای بر ابزارهای Build
• 92. اصول تست‌نویسی در وب
• 93. ملاحظات دسترسی‌پذیری (Accessibility)
• 94. مقدمه‌ای بر امنیت در وب
• 95. انواع حملات رایج و روش‌های مقابله
• 96. ملاحظات اخلاقی در توسعه وب
• 97. کاربرد هوش مصنوعی در طراحی وب
• 98. آینده فناوری وب
• 99. بررسی نمونه‌های موفق سایت‌ها
• 100. کارگاه عملی: ساخت یک صفحه وب ساده