فلش‌کارت‌های آموزشی HTML و Web Components: ایجاد عناصر سفارشی HTML

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

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

عنوان دوره: دوره HTML و Web Components: ایجاد عناصر سفارشی HTML

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

موضوع میانی: HTML

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

• 1. مقدمه ای بر HTML
• 2. تاریخچه HTML
• 3. ساختار پایه یک سند HTML
• 4. عناصر HTML و تگ ها
• 5. صفات (Attributes) در HTML
• 6. تگ های معنایی (Semantic Tags)
• 7. عناصر سرصفحه (Headings)
• 8. عناصر پاراگراف (Paragraphs)
• 9. عناصر نقل قول (Quotes)
• 10. عناصر متن (Text Formatting)
• 11. عناصر لیست (Lists) - مرتب و نامرتب
• 12. عناصر لینک (Links) - نسبی و مطلق
• 13. صفات لینک (Link Attributes)
• 14. عناصر تصویر (Images)
• 15. صفات تصویر (Image Attributes)
• 16. عناصر جدول (Tables)
• 17. سلول های جدول (Table Cells) - th و td
• 18. ادغام سلول ها (Rowspan و Colspan)
• 19. عناصر فرم (Forms)
• 20. عناصر ورودی (Input Types) - text, password, submit
• 21. عناصر ورودی (Input Types) - checkbox, radio, button
• 22. عناصر ورودی (Input Types) - email, url, tel, number
• 23. عناصر ورودی (Input Types) - date, time, month, week
• 24. عناصر ورودی (Input Types) - color, range
• 25. عناصر ورودی (Input Types) - hidden, image, file
• 26. عناصر فرم (Form Elements) - textarea, select, option
• 27. صفات فرم (Form Attributes) - action, method
• 28. صفات ورودی (Input Attributes) - name, value, placeholder
• 29. صفات ورودی (Input Attributes) - required, readonly, disabled
• 30. صفات ورودی (Input Attributes) - min, max, step, pattern
• 31. عناصر چندرسانه ای (Multimedia) - audio
• 32. عناصر چندرسانه ای (Multimedia) - video
• 33. صفات ویدئو (Video Attributes) - controls, autoplay
• 34. صفات ویدئو (Video Attributes) - loop, muted, poster
• 35. عناصر iframe
• 36. عناصر Div و Span
• 37. عناصر Block-level و Inline-level
• 38. شناسه ها (IDs) و کلاس ها (Classes)
• 39. CSS: مقدمه ای بر استایل دهی
• 40. انتخابگرهای CSS (Selectors)
• 41. انتخابگرهای نوع، کلاس و شناسه
• 42. انتخابگرهای ویژگی (Attribute Selectors)
• 43. انتخابگرهای ترکیبی (Combinators)
• 44. انتخابگرهای شبه کلاس (Pseudo-classes)
• 45. انتخابگرهای شبه عنصر (Pseudo-elements)
• 46. خاصیت (Specificity) در CSS
• 47. وراثت (Inheritance) در CSS
• 48. واحدها در CSS (px, em, rem, %, vw, vh)
• 49. مدل جعبه ای (Box Model) در CSS
• 50. Margin, Border, Padding, Content
• 51. نمایش (Display) - block, inline, inline-block
• 52. نمایش (Display) - flex, grid
• 53. موقعیت دهی (Positioning) - static, relative, absolute
• 54. موقعیت دهی (Positioning) - fixed, sticky
• 55. زیرنویس ها (Floats) و پاکسازی (Clear)
• 56. پس زمینه ها (Backgrounds)
• 57. رنگ ها (Colors) و مقادیر رنگ
• 58. فونت ها (Fonts) و خانواده فونت
• 59. تنظیمات متن (Text Properties)
• 60. لینک ها و استایل دهی آنها
• 61. استایل دهی جدول ها
• 62. استایل دهی فرم ها
• 63. نکاتی در مورد طراحی واکنش گرا (Responsive Design)
• 64. رسانه ها (Media Queries)
• 65. استفاده از فونت های گوگل (Google Fonts)
• 66. ایجاد فرم های پیچیده
• 67. اعتبارسنجی فرم ها در سمت کلاینت (Client-side Validation)
• 68. مقدمه ای بر Web Components
• 69. مزایای Web Components
• 70. Shadow DOM
• 71. Custom Elements
• 72. HTML Templates
• 73. ایجاد یک Custom Element پایه
• 74. تعریف رفتار در Custom Elements
• 75. استفاده از صفات در Custom Elements
• 76. مدیریت رویدادها در Custom Elements
• 77. ترکیب Custom Elements
• 78. اسلات ها (Slots) در Shadow DOM
• 79. استفاده از Shadow DOM برای کپسوله سازی
• 80. لایف سایکل (Lifecycle) Custom Elements
• 81. متدهای لایف سایکل (connectedCallback, disconnectedCallback)
• 82. متدهای لایف سایکل (attributeChangedCallback, adoptedCallback)
• 83. نظارت بر تغییرات صفات
• 84. ایجاد کامپوننت های قابل استفاده مجدد
• 85. طراحی کامپوننت های واکنش گرا
• 86. کامپوننت های فرم سفارشی
• 87. ادغام Web Components با فریمورک های جاوااسکریپت
• 88. بهترین روش ها در توسعه Web Components
• 89. اشکال زدایی (Debugging) Web Components
• 90. ملاحظات دسترسی پذیری (Accessibility) در Web Components
• 91. کارایی (Performance) Web Components
• 92. مقدمه ای بر HTML5 APIs
• 93. HTML5 APIs - Geolocation
• 94. HTML5 APIs - Drag and Drop
• 95. HTML5 APIs - Local Storage و Session Storage
• 96. HTML5 APIs - Web Workers
• 97. HTML5 APIs - Canvas
• 98. HTML5 APIs - SVG
• 99. Web Components برای ساخت UI های پیچیده
• 100. استفاده از کتابخانه های Web Components