دوره HTML و API های وب: ادغام با سرویس‌های خارجی همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره HTML و API های وب: ادغام با سرویس‌های خارجی

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

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

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

• 1. مبانی HTML: شروع کار با ساختار وب
• 2. HTML چیست؟ تاریخچه و اهمیت
• 3. تنظیم محیط توسعه: ویرایشگر کد و مرورگر
• 4. ساختمان اصلی یک سند HTML: `<!DOCTYPE>`, `<html>`, `<head>`, `<body>`
• 5. تگ های اساسی HTML: `<h1>` تا `<h6>`, `<p>`, `<br>`, `<hr>`
• 6. کار با متن: فرمت بندی، پاراگراف، سرصفحه
• 7. لیست ها در HTML: مرتب (ordered)، نامرتب (unordered)، لیست تعریف
• 8. ایجاد لینک ها: تگ `<a>` و آدرس دهی
• 9. کار با تصاویر: تگ `<img>` و ویژگی های alt و src
• 10. جداول در HTML: `<table>`, `<tr>`, `<td>`, `<th>`
• 11. فرم ها در HTML: تگ `<form>` و عناصر ورودی
• 12. عناصر ورودی فرم: `<input>`, `<textarea>`, `<select>`, `<button>`
• 13. ویژگی های مهم عناصر ورودی: `name`, `id`, `type`, `value`
• 14. استفاده از CSS در HTML: معرفی و روش های الحاق
• 15. CSS Inline: سبک دهی مستقیم به عناصر
• 16. CSS Internal: استفاده از تگ `<style>`
• 17. CSS External: اتصال فایل CSS خارجی
• 18. انتخابگرهای CSS: پایه و اساس استایل دهی
• 19. انتخابگرهای CSS: کلاس ها و شناسه ها
• 20. انتخابگرهای CSS: انتخابگرهای فرزند، نواده، همسایه
• 21. مدل جعبه (Box Model) در CSS: Margin, Border, Padding, Content
• 22. اندازه گیری ها در CSS: px, %, em, rem
• 23. نمایش عناصر: display, visibility
• 24. موقعیت دهی عناصر: position, top, right, bottom, left
• 25. فضای انعطاف پذیر (Flexbox): معرفی و کاربردها
• 26. فضای انعطاف پذیر: تنظیمات اصلی (flex-direction, justify-content, align-items)
• 27. شبکه (Grid) در CSS: معرفی و کاربردها
• 28. شبکه: تنظیمات اصلی (grid-template-columns, grid-template-rows)
• 29. واکنش‌گرایی (Responsive Design): مفاهیم و اهمیت
• 30. Media Queries: ایجاد طرح بندی واکنش گرا
• 31. بهینه سازی تصاویر برای وب
• 32. تکنیک های SEO پایه در HTML
• 33. معرفی API های وب: مفهوم و کاربرد
• 34. دریافت داده از API با استفاده از Fetch API
• 35. دریافت داده از API با استفاده از XMLHttpRequest
• 36. JSON: فرمت تبادل داده
• 37. پردازش پاسخ های JSON
• 38. آشنایی با متدهای HTTP: GET, POST, PUT, DELETE
• 39. ارسال داده به API با استفاده از POST
• 40. ارسال داده به API با استفاده از PUT و DELETE
• 41. کار با CORS (Cross-Origin Resource Sharing)
• 42. API های معروف وب: معرفی و بررسی
• 43. ادغام API توییتر: دریافت توییت ها
• 44. ادغام API فیسبوک: نمایش پست ها
• 45. ادغام API گوگل مپ: نمایش نقشه
• 46. ادغام API هواشناسی: نمایش اطلاعات آب و هوا
• 47. اعتبار سنجی فرم ها: اعتبارسنجی سمت کلاینت
• 48. اعتبار سنجی فرم ها: اعتبارسنجی سمت سرور (مقدماتی)
• 49. ذخیره سازی محلی (Local Storage) در مرورگر
• 50. ذخیره سازی محلی: ذخیره و بازیابی داده ها
• 51. کوکی ها: معرفی و کاربردها
• 52. کار با کوکی ها: تنظیم، خواندن و حذف
• 53. جاوا اسکریپت و HTML: تعامل
• 54. انتخاب عناصر HTML با جاوا اسکریپت
• 55. تغییر محتوای HTML با جاوا اسکریپت
• 56. مدیریت رویدادها در جاوا اسکریپت
• 57. ایجاد انیمیشن های ساده با CSS و جاوا اسکریپت
• 58. کتابخانه های جاوا اسکریپت: معرفی
• 59. استفاده از jQuery برای دستکاری DOM
• 60. استفاده از کتابخانه های انیمیشن (مانند Anime.js)
• 61. طراحی رابط کاربری تعاملی
• 62. بهبود تجربه کاربری (UX) در وب
• 63. بهینه سازی عملکرد وب سایت
• 64. آشنایی با وب سوکت ها
• 65. استفاده از وب سوکت ها برای ارتباط بلادرنگ
• 66. امنیت در وب: اصول اولیه
• 67. شناسایی و جلوگیری از حملات XSS
• 68. شناسایی و جلوگیری از حملات CSRF
• 69. مفاهیم RESTful API
• 70. طراحی API های RESTful
• 71. مستندسازی API (Swagger, OpenAPI)
• 72. نسخه بندی API
• 73. احراز هویت و مجوز در API
• 74. استانداردهای دسترسی پذیری وب (WCAG)
• 75. ایجاد وب سایت های دسترسی پذیر
• 76. بهبود سئو با HTML5 Semantic Elements
• 77. HTML5 Semantic Elements: `<article>`, `<aside>`, `<nav>`, `<header>`, `<footer>`
• 78. استفاده از Web Components
• 79. معرفی Shadow DOM
• 80. کار با Custom Elements
• 81. افزودن قابلیت های آفلاین به وب سایت (Service Workers)
• 82. استفاده از Service Workers برای کش کردن منابع
• 83. PWA (Progressive Web Apps): معرفی و کاربرد
• 84. افزودن قابلیت های PWA به وب سایت
• 85. آشنایی با WebAssembly
• 86. بهره وری در توسعه HTML: ابزارها و ترفندها
• 87. استفاده از کامپوننت های UI
• 88. استفاده از فریمورک های CSS (Bootstrap, Tailwind CSS)
• 89. بهبود گردش کار توسعه دهندگان
• 90. استفاده از ابزارهای تست
• 91. اشکال زدایی و عیب یابی در HTML و API
• 92. استفاده از مرورگر برای اشکال زدایی
• 93. بهینه سازی وب سایت برای موتورهای جستجو
• 94. بازاریابی محتوایی برای وب سایت
• 95. تحلیل و آنالیز وب سایت (Google Analytics)
• 96. آینده HTML و API های وب
• 97. بهترین شیوه ها و توصیه ها
• 98. منابع و آموزش های تکمیلی
• 99. پروژه های عملی برای تمرین و یادگیری
• 100. بررسی نمونه کدهای کاربردی