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

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

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

عنوان دوره: دوره مقدمه‌ای کاربردی بر HTML5 برای ساخت صفحات وب پویا

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

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

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

• 1. مقدمه: وب چیست و چگونه کار می‌کند؟
• 2. آشنایی با مفاهیم پایه‌ای وب: کلاینت، سرور، پروتکل‌ها
• 3. ساختار کلی یک صفحه وب
• 4. معرفی HTML: زبان نشانه‌گذاری ابرمتن
• 5. تاریخچه مختصر HTML و تحول آن
• 6. چرا HTML5؟ ویژگی‌ها و مزایای نسخه ۵
• 7. نصب و راه‌اندازی ابزارهای توسعه وب (مرورگر، ویرایشگر کد)
• 8. ساختار اصلی یک سند HTML5
• 9. تگ‌های پایه: `<!DOCTYPE html>`, `<html>`, `<head>`, `<body>`
• 10. عناصر بخش `head`: `<meta>`, `<title>`, `<link>`, `<style>`, `<script>`
• 11. برچسب عنوان صفحه: `<title>`
• 12. استفاده از کاراکترهای یونیکد و تنظیم انکودینگ صفحه (`<meta charset="UTF-8">`)
• 13. برچسب‌های پاراگراف: `<p>`
• 14. برچسب‌های سرتیتر: `<h1>` تا `<h6>`
• 15. برچسب خط افقی: `<hr>`
• 16. برچسب خط جدید: `<br>`
• 17. عناصر متن: `<strong>`, `<em>`, `<b>`, `<i>`, `<u>`, `<s>`
• 18. برچسب نقل قول: `<blockquote>` و `<q>`
• 19. برچسب آدرس: `<address>`
• 20. برچسب کد: `<code>`
• 21. برچسب پیش‌قالب‌بندی شده: `<pre>`
• 22. برچسب نمایش متغیر: `<var>`
• 23. برچسب نمایش نمونه ورودی: `<kbd>`
• 24. برچسب نمایش خروجی کامپیوتر: `<samp>`
• 25. برچسب نمایش مخفف: `<abbr>` و `<acronym>` (و جایگزین‌های مدرن)
• 26. برچسب نمایش زمان: `<time>`
• 27. برچسب‌های لینک: `<a>` و ویژگی `href`
• 28. لینک به صفحات دیگر و صفحات خارجی
• 29. لینک به بخش‌های داخلی یک صفحه (لنگرها)
• 30. لینک به ایمیل و شماره تلفن
• 31. برچسب تصاویر: `<img>` و ویژگی‌های `src`, `alt`, `width`, `height`
• 32. فرمت‌های تصویری پشتیبانی شده در وب
• 33. برچسب لیست‌ها: `<ul>`, `<ol>`, `<li>`
• 34. لیست‌های مرتب و نامرتب
• 35. لیست‌های تو در تو
• 36. برچسب جدول: `<table>`, `<tr>`, `<th>`, `<td>`
• 37. ساختار و سلول‌های جدول
• 38. ادغام سلول‌ها: `rowspan` و `colspan`
• 39. سربرگ، بدنه و پابرگ جدول: `<thead>`, `<tbody>`, `<tfoot>`
• 40. استفاده از `<caption>` برای عنوان جدول
• 41. برچسب فرم: `<form>` و ویژگی‌های آن
• 42. عناصر ورودی: `<input>` و انواع آن (text, password, email, number, date, etc.)
• 43. برچسب دکمه: `<button>`
• 44. برچسب ناحیه متنی: `<textarea>`
• 45. برچسب لیست کشویی: `<select>` و `<option>`
• 46. برچسب چک‌باکس و رادیو باتن
• 47. برچسب فیلد ست: `<fieldset>` و برچسب راهنما: `<legend>`
• 48. برچسب مخفی: `<input type="hidden">`
• 49. برچسب دکمه ارسال: `<input type="submit">`
• 50. برچسب دکمه ریست: `<input type="reset">`
• 51. برچسب برای انتخاب فایل: `<input type="file">`
• 52. برچسب برای انتخاب رنگ: `<input type="color">`
• 53. برچسب برای اسلایدر: `<input type="range">`
• 54. برچسب برای انتخاب تاریخ و زمان: `<input type="datetime-local">`, `<input type="month">`, `<input type="week">`
• 55. برچسب برای نمایش پیشرفت: `<progress>`
• 56. برچسب برای نمایش وضعیت: `<meter>`
• 57. عناصر معنایی (Semantic Elements) در HTML5
• 58. برچسب سربرگ صفحه: `<header>`
• 59. برچسب ناوبری: `<nav>`
• 60. برچسب محتوای اصلی: `<main>`
• 61. برچسب بخش: `<section>`
• 62. برچسب مقاله: `<article>`
• 63. برچسب پنل کناری: `<aside>`
• 64. برچسب پابرگ صفحه: `<footer>`
• 65. برچسب جزئیات: `<details>` و `<summary>`
• 66. برچسب نشانه‌گذاری: `<mark>`
• 67. برچسب ورودی داده: `<data>`
• 68. برچسب خروجی: `<output>`
• 69. برچسب صدا: `<audio>` و ویژگی‌های آن
• 70. برچسب ویدئو: `<video>` و ویژگی‌های آن
• 71. قالب‌های صوتی و تصویری پشتیبانی شده
• 72. استفاده از SVG (Scalable Vector Graphics)
• 73. عناصر گرافیکی در HTML5: `<canvas>`
• 74. مقدمه‌ای بر CSS: زبان استایل‌دهی صفحات وب
• 75. نحوه اتصال CSS به HTML
• 76. انتخابگرها (Selectors) در CSS
• 77. ویژگی‌های پایه CSS: رنگ، فونت، پس‌زمینه
• 78. مدیریت طرح‌بندی (Layout) با CSS
• 79. جعبه مدل (Box Model) در CSS
• 80. فلوت (Float) و پاکسازی آن
• 81. نمایش (Display) و موقعیت (Position) در CSS
• 82. استفاده از Grid Layout
• 83. استفاده از Flexbox Layout
• 84. طراحی واکنش‌گرا (Responsive Design)
• 85. مقدمه ای بر JavaScript برای تعامل‌پذیری
• 86. نمونه‌های ساده تعامل با JavaScript
• 87. بررسی و اعتبارسنجی فرم‌ها با JavaScript
• 88. مقدمه‌ای بر مفاهیم پایه‌ای برنامه‌نویسی وب
• 89. اصول دسترسی‌پذیری (Accessibility) در وب
• 90. بهینه‌سازی صفحات وب (SEO)
• 91. معرفی ابزارهای توسعه‌دهنده مرورگر
• 92. آشنایی با چرخه توسعه وب
• 93. استانداردهای وب و مراجع معتبر
• 94. ساخت یک صفحه وب ساده با HTML5 و CSS
• 95. پروژه نهایی: ساخت یک صفحه وب پویا و واکنش‌گرا