فلش‌کارت‌های آموزشی جی‌کوئری و دستکاری CSS: کنترل استایل‌ها

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

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

عنوان دوره: دوره جی‌کوئری و دستکاری CSS: کنترل استایل‌ها

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

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

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

• 1. مقدمه‌ای بر جی‌کوئری و دستکاری CSS
• 2. آشنایی با کتابخانه جی‌کوئری
• 3. نصب و پیکربندی جی‌کوئری
• 4. انتخاب عناصر با استفاده از سلکتورها
• 5. تغییر خصوصیات CSS عناصر
• 6. تغییر چندین خصوصیت CSS به صورت همزمان
• 7. افزودن و حذف کلاس‌های CSS
• 8. تغییر استایل عناصر با استفاده از توابع جی‌کوئری
• 9. ایجاد انیمیشن‌های ساده با جی‌کوئری
• 10. کنترل انیمیشن‌ها (شروع، توقف، مکث)
• 11. کار با رویدادهای ماوس در جی‌کوئری
• 12. کار با رویدادهای صفحه‌کلید در جی‌کوئری
• 13. مدیریت رویدادهای فرم
• 14. رویدادهای پنجره و سند
• 15. ایجاد و دستکاری عناصر DOM
• 16. افزودن و حذف عناصر از DOM
• 17. تغییر محتوای متنی و HTML عناصر
• 18. کار با صفات (Attributes) عناصر
• 19. مدیریت صفات با جی‌کوئری
• 20. دریافت و تنظیم صفات سفارشی
• 21. آشنایی با مفهوم چیدمان (Layout) در CSS
• 22. استفاده از جی‌کوئری برای تغییر چیدمان
• 23. کنترل نمایش عناصر (display, visibility)
• 24. ایجاد افکت‌های نمایشی با جی‌کوئری
• 25. تغییر رنگ پس‌زمینه و متن
• 26. تغییر فونت و اندازه متن
• 27. تغییر حاشیه‌ها و فاصله‌ها (padding, margin)
• 28. تغییر ابعاد عناصر (width, height)
• 29. کار با موقعیت‌دهی عناصر (position)
• 30. ایجاد اسلایدرهای ساده با جی‌کوئری
• 31. ساخت منوهای آبشاری (Dropdown menus)
• 32. پیاده‌سازی تب‌های داینامیک
• 33. ساخت گالری تصاویر ساده
• 34. کنترل اسکرول صفحه با جی‌کوئری
• 35. پیمایش بین بخش‌های صفحه
• 36. ایجاد افکت‌های Parallax ساده
• 37. مدیریت حالت فعال/غیرفعال عناصر
• 38. استفاده از جی‌کوئری برای اعتبارسنجی فرم
• 39. پیاده‌سازی پیام‌های خطا در فرم
• 40. تغییر استایل عناصر بر اساس ورودی کاربر
• 41. آشنایی با مفهوم Responsive Design
• 42. استفاده از جی‌کوئری برای چیدمان واکنش‌گرا
• 43. تغییر استایل‌ها بر اساس اندازه صفحه
• 44. مدیریت رویدادهای لمسی (Touch events)
• 45. ایجاد کنترل‌های لمسی برای اسلایدرها
• 46. بهینه‌سازی عملکرد جی‌کوئری
• 47. کاهش تعداد فراخوانی‌های جی‌کوئری
• 48. استفاده از Event Delegation
• 49. مدیریت حافظه در جی‌کوئری
• 50. آشنایی باAJAX در جی‌کوئری
• 51. بارگذاری محتوا به صورت داینامیک
• 52. ارسال داده به سرور بدون بارگذاری مجدد صفحه
• 53. نمایش نتایج AJAX در صفحه
• 54. مدیریت خطاها در درخواست‌های AJAX
• 55. آشنایی با JSON و استفاده از آن
• 56. کار با داده‌های JSON در جی‌کوئری
• 57. پارس کردن JSON
• 58. تولید JSON
• 59. کار با APIهای وب با جی‌کوئری
• 60. جستجو در منابع داده آنلاین
• 61. نمایش نتایج جستجو
• 62. ساخت اپلیکیشن‌های تک‌صفحه‌ای (SPA) ساده
• 63. مفاهیم پیشرفته‌تر جی‌کوئری
• 64. ایجاد پلاگین‌های سفارشی جی‌کوئری
• 65. توسعه ابزارهای کاربردی با جی‌کوئری
• 66. اصول طراحی رابط کاربری (UI)
• 67. اصول تجربه کاربری (UX)
• 68. کاربرد جی‌کوئری در بهبود UX
• 69. اصول دسترسی‌پذیری (Accessibility)
• 70. پیاده‌سازی دسترسی‌پذیری با جی‌کوئری
• 71. تست و دیباگ کردن کد جی‌کوئری
• 72. استفاده از ابزارهای توسعه‌دهنده مرورگر
• 73. رفع اشکالات رایج در جی‌کوئری
• 74. بررسی سازگاری با مرورگرهای مختلف
• 75. مقدمه‌ای بر فریم‌ورک‌های جاوااسکریپت (اشاره کوتاه)
• 76. مقایسه جی‌کوئری با فریم‌ورک‌های مدرن (اشاره کوتاه)
• 77. اهمیت یادگیری مداوم در توسعه وب
• 78. آشنایی با آخرین روندها در جی‌کوئری
• 79. کاربرد جی‌کوئری در پروژه‌های واقعی
• 80. ساخت داشبوردهای مدیریتی ساده
• 81. پیاده‌سازی صفحات فرود (Landing Pages)
• 82. طراحی فرم‌های پیچیده و تعاملی
• 83. ایجاد منوهای کناری (Sidebars)
• 84. ساخت پاپ‌آپ‌ها و مودال‌ها (Modals)
• 85. کنترل انیمیشن‌های CSS با جی‌کوئری
• 86. استفاده از Transition و Animation CSS
• 87. تنظیم زمان‌بندی و تاخیر انیمیشن‌ها
• 88. ایجاد افکت‌های Fade In/Out
• 89. ایجاد افکت‌های Slide Up/Down
• 90. مدیریت صف CSS برای انیمیشن‌ها
• 91. تغییر استایل‌ها در حالت‌های مختلف (hover, active)
• 92. کار با Pseudo-classes با جی‌کوئری
• 93. مدیریت رویدادهای سفارشی
• 94. ایجاد و فراخوانی رویدادهای سفارشی
• 95. استفاده از رویدادهای سفارشی برای ارتباط بین کامپوننت‌ها
• 96. ساخت یک پروژه کوچک عملی با جی‌کوئری
• 97. طراحی یک وب‌سایت ساده با استفاده از آموخته‌ها
• 98. پیاده‌سازی قابلیت‌های تعاملی
• 99. بهینه‌سازی پروژه نهایی