دوره جی‌کوئری و APIهای شخص ثالث همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره جی‌کوئری و APIهای شخص ثالث

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

موضوع میانی: جی‌کوئری (jQuery)

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

• 1. مقدمه‌ای بر جی‌کوئری: چرا و چگونه؟
• 2. نصب و راه‌اندازی جی‌کوئری در پروژه
• 3. سینتکس اصلی جی‌کوئری: انتخاب‌گرها و متدها
• 4. مفهوم "انتخابگر" در جی‌کوئری
• 5. انتخابگرهای پایه‌ای CSS: ID, Class, Element
• 6. انتخابگرهای پیشرفته CSS: Attribute, Pseudo-classes
• 7. انتخابگرهای سلسله‌مراتبی: فرزندان، نوادگان، خواهر و برادر
• 8. انتخابگرهای فرم: ورودی‌ها، چک‌باکس‌ها، رادیو باتن‌ها
• 9. فیلتر کردن انتخاب‌ها: `first()`, `last()`, `eq()`
• 10. کار با محتوای HTML: `text()`, `html()`
• 11. کار با مقادیر فرم: `val()`
• 12. مدیریت ویژگی‌ها (Attributes): `attr()`, `removeAttr()`
• 13. مدیریت کلاس‌های CSS: `addClass()`, `removeClass()`, `toggleClass()`
• 14. بررسی وجود کلاس: `hasClass()`
• 15. ابعاد و موقعیت عناصر: `width()`, `height()`, `innerWidth()`, `outerWidth()`
• 16. موقعیت‌یابی عناصر: `position()`, `offset()`
• 17. رویدادها (Events): مقدمه
• 18. رویداد `click()`
• 19. رویداد `hover()` و `mouseenter()`, `mouseleave()`
• 20. رویدادهای کیبورد: `keydown()`, `keyup()`, `keypress()`
• 21. رویدادهای فرم: `submit()`, `change()`, `focus()`, `blur()`
• 22. متد `on()` برای مدیریت رویدادها
• 23. متد `off()` برای حذف رویدادها
• 24. توقف انتشار رویداد: `event.stopPropagation()`
• 25. جلوگیری از عملیات پیش‌فرض: `event.preventDefault()`
• 26. افکت‌ها: `hide()`, `show()`, `toggle()`
• 27. افکت‌های Fade: `fadeIn()`, `fadeOut()`, `fadeToggle()`, `fadeTo()`
• 28. افکت‌های Slide: `slideDown()`, `slideUp()`, `slideToggle()`
• 29. انیمیشن‌های سفارشی با `animate()`
• 30. صف‌بندی انیمیشن‌ها و `stop()`
• 31. دستکاری DOM: ایجاد عناصر جدید `$(html)`
• 32. دستکاری DOM: اضافه کردن عناصر `append()`, `prepend()`
• 33. دستکاری DOM: اضافه کردن عناصر `before()`, `after()`
• 34. دستکاری DOM: حذف عناصر `remove()`, `empty()`
• 35. دستکاری DOM: جایگزینی عناصر `replaceWith()`
• 36. دستکاری DOM: کپی کردن عناصر `clone()`
• 37. پیمایش DOM: پیدا کردن والدین `parent()`, `parents()`, `parentsUntil()`
• 38. پیمایش DOM: پیدا کردن فرزندان `children()`, `find()`
• 39. پیمایش DOM: پیدا کردن خواهر و برادرها `siblings()`, `next()`, `prev()`
• 40. پیمایش DOM: فیلتر کردن مجموعه عناصر `filter()`, `not()`
• 41. پیمایش DOM: متد `closest()`
• 42. توابع ابزاری جی‌کوئری: `$.each()` برای تکرار
• 43. توابع ابزاری جی‌کوئری: `$.map()` برای تبدیل آرایه‌ها
• 44. توابع ابزاری جی‌کوئری: `$.grep()` برای فیلتر آرایه‌ها
• 45. توابع ابزاری جی‌کوئری: `$.extend()` برای ادغام اشیاء
• 46. توابع ابزاری جی‌کوئری: `$.trim()`, `$.isArray()`, `$.isFunction()`
• 47. مقدمه‌ای بر AJAX در جی‌کوئری
• 48. ارسال درخواست‌های GET با `$.ajax()` و `$.get()`
• 49. ارسال درخواست‌های POST با `$.ajax()` و `$.post()`
• 50. کار با JSON و XML در AJAX
• 51. مدیریت پاسخ‌های موفقیت‌آمیز AJAX
• 52. مدیریت خطاهای AJAX
• 53. مفاهیم `Deferred` و `Promises` در جی‌کوئری
• 54. زنجیره‌ای کردن درخواست‌های AJAX با `Deferred`
• 55. مدیریت رویدادها با `delegate()` و `on()` برای عناصر دینامیک
• 56. معرفی APIها: مفاهیم و کاربردها
• 57. RESTful API: اصول طراحی و ارتباط
• 58. فرمت‌های تبادل داده: JSON در مقابل XML
• 59. فراخوانی APIها از سمت کلاینت و چالش‌های امنیتی
• 60. مفهوم CORS و راهکارهای آن
• 61. کلیدهای API: کاربرد، دریافت و مدیریت
• 62. روش‌های احراز هویت در APIها: Token, OAuth (مقدمه)
• 63. ساختار یک درخواست API: URL, Method, Headers, Body
• 64. بررسی پاسخ‌های API: کد وضعیت (Status Codes)
• 65. ابزارهای تست API: Postman و مرورگر
• 66. سناریوهای رایج برای ادغام APIهای شخص ثالث
• 67. استفاده از یک API آب و هوا (مانند OpenWeatherMap): مقدمه
• 68. دریافت داده‌های آب و هوا با جی‌کوئری و نمایش آن‌ها
• 69. شخصی‌سازی نمایش داده‌های آب و هوا
• 70. فیلترینگ و جستجو در داده‌های API
• 71. صفحه‌بندی (Pagination) برای نتایج API حجیم
• 72. معرفی APIهای نقشه: Google Maps و Leaflet (انتخاب)
• 73. راه‌اندازی نقشه با Leaflet.js و جی‌کوئری
• 74. افزودن نشانگر (Marker) به نقشه
• 75. تعامل با نقشه: کلیک، زوم و جابه‌جایی
• 76. نمایش اطلاعات از API روی نقشه (مثال مکان‌ها)
• 77. استفاده از Local Storage و Session Storage با جی‌کوئری
• 78. ذخیره و بازیابی اطلاعات API در Local Storage
• 79. معرفی APIهای ویدئو: YouTube Data API (مقدمه)
• 80. پخش ویدئو از YouTube با iframe API و کنترل آن با جی‌کوئری
• 81. جستجو در ویدئوهای YouTube با Data API
• 82. نمایش نتایج جستجو و ایجاد لیست پخش
• 83. معرفی APIهای نمودار و تجسم داده: Chart.js
• 84. ایجاد نمودارهای ساده با Chart.js و داده‌های ایستا
• 85. بارگذاری داده‌های نمودار از APIهای خارجی
• 86. به‌روزرسانی دینامیک نمودارها با پاسخ‌های API
• 87. ادغام با APIهای احراز هویت: Firebase Authentication (مفاهیم)
• 88. استفاده از جی‌کوئری برای تعامل با فرم‌های احراز هویت Firebase
• 89. APIهای اجتماعی: مفاهیم اتصال و نمایش فید
• 90. نمایش داده‌های API در قالب یک ویجت یا کامپوننت مستقل
• 91. مدیریت خطا در ادغام APIها: کد وضعیت و پیام‌ها
• 92. کنترل خطا در شبکه و درخواست‌های ناموفق
• 93. مدیریت نرخ درخواست (Rate Limiting) API
• 94. مکانیزم‌های Caching برای بهبود کارایی APIها
• 95. امنیت در سمت کلاینت: پنهان‌سازی کلیدهای API (چالش‌ها)
• 96. جلوگیری از حملات XSS و CSRF در تعامل با API
• 97. بهینه‌سازی عملکرد برنامه‌های جی‌کوئری با APIها
• 98. ابزارهای توسعه مرورگر برای عیب‌یابی AJAX و API
• 99. دیباگ کردن مشکلات رایج در ادغام APIها
• 100. ساخت یک پروژه کوچک و کامل با جی‌کوئری و چند API