دوره اولین قدم‌ها در ساخت رابط‌های کاربری جذاب برای موبایل با jQuery Mobile همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

📚 کتاب آموزشی جامع

📚 اطلاعات کتاب

عنوان کتاب: کتاب اولین قدم‌ها در ساخت رابط‌های کاربری جذاب برای موبایل با jQuery Mobile

موضوع کلی: آشنایی با توسعه وب موبایل با jQuery Mobile

موضوع میانی: اصول اولیه و ایجاد صفحات واکنش‌گرا

📋 سرفصل‌های کتاب (100 موضوع)

• 1. مقدمه و آشنایی با jQuery Mobile
• 2. چرا jQuery Mobile؟
• 3. مزایای jQuery Mobile
• 4. مخاطبان این دوره
• 5. پیش‌نیازهای دوره
• 6. نصب و راه‌اندازی jQuery Mobile
• 7. فایل‌های CSS و JavaScript مورد نیاز
• 8. نحوه اضافه کردن jQuery Mobile به پروژه
• 9. ساختار اولیه یک صفحه jQuery Mobile
• 10. مفهوم صفحات (Pages)
• 11. ساختار صفحه اصلی (Home Page)
• 12. استفاده از data-role="page"
• 13. استفاده از data-role="header"
• 14. استفاده از data-role="content"
• 15. استفاده از data-role="footer"
• 16. ناوبری در صفحات jQuery Mobile
• 17. لینک‌های ساده بین صفحات
• 18. استفاده از data-rel="back" برای بازگشت
• 19. ناوبری با استفاده از data-transition
• 20. انواع افکت‌های انتقال صفحه
• 21. نوار ابزار (Toolbars) در jQuery Mobile
• 22. سربرگ (Header) و فوتر (Footer)
• 23. تنظیمات سربرگ و فوتر
• 24. اضافه کردن دکمه‌ها به نوار ابزار
• 25. استفاده از آیکون‌ها در نوار ابزار
• 26. لیست‌ها (Lists) در jQuery Mobile
• 27. انواع لیست‌ها (استاندارد، شمارشی، غیرشمارشی)
• 28. لیست‌های با قابلیت گروه‌بندی
• 29. لیست‌های با قابلیت جستجو
• 30. لیست‌های با آیکون
• 31. لیست‌های با قابلیت ویرایش
• 32. فرم‌ها (Forms) در jQuery Mobile
• 33. عناصر ورودی استاندارد (text, password, email)
• 34. چک‌باکس‌ها (checkbox) و رادیو باتن‌ها (radio button)
• 35. انتخابگرها (select menu)
• 36. اسلایدرها (slider)
• 37. تغییردهنده‌های تاریخ و زمان
• 38. دکمه‌ها (Buttons) در jQuery Mobile
• 39. استفاده از data-role="button"
• 40. استفاده از data-icon
• 41. استفاده از data-iconpos
• 42. استفاده از data-inline
• 43. استفاده از data-theme
• 44. استفاده از data-mini
• 45. کارت‌ها (Cards) و پنل‌ها (Panels)
• 46. استفاده از data-role="collapsible"
• 47. پنل‌های کناری (Side Panels)
• 48. نحوه باز و بسته کردن پنل‌ها
• 49. ورودی‌های متنی پیشرفته (Text Inputs)
• 50. استفاده از placeholder
• 51. استفاده از autofocus
• 52. استفاده از readonly
• 53. استفاده از disabled
• 54. استفاده از data-clear-btn
• 55. استفاده از data-mini
• 56. چیدمان (Layout) در jQuery Mobile
• 57. گریدها (Grids) در jQuery Mobile
• 58. استفاده از data-role="grid"
• 59. استفاده از data-grid
• 60. چیدمان ستونی
• 61. چیدمان سطری
• 62. چیدمان‌های واکنش‌گرا
• 63. کارت‌های سفارشی
• 64. استفاده از کلاس‌های CSS سفارشی
• 65. استفاده از data-theme برای سفارشی‌سازی
• 66. محتوای قابل بسط (Collapsible Content)
• 67. استفاده از data-role="collapsible-set"
• 68. تنظیمات پیشرفته لیست‌ها
• 69. گروه‌بندی لیست‌ها
• 70. لیست‌های با قابلیت حذف
• 71. لیست‌های با قابلیت جابجایی
• 72. لیست‌های با قابلیت انتخاب چندگانه
• 73. فرم‌های پیچیده
• 74. اعتبارسنجی فرم‌ها (Validation)
• 75. استفاده از data-required
• 76. استفاده از data-pattern
• 77. نحوه ارسال داده‌های فرم
• 78. استفاده از AJAX در jQuery Mobile
• 79. نحوه بارگذاری صفحات با AJAX
• 80. مدیریت رویدادهای AJAX
• 81. تنظیمات AJAX در jQuery Mobile
• 82. استفاده از data-ajax="false"
• 83. نوار پیشرفت (Progress Bars)
• 84. استفاده از data-role="progressbar"
• 85. تنظیمات نوار پیشرفت
• 86. نمایش وضعیت بارگذاری
• 87. تصاویر (Images) در jQuery Mobile
• 88. قابلیت ریسپانسیو بودن تصاویر
• 89. استفاده از data-role="image"
• 90. نمایش تصاویر در گرید
• 91. گالری تصاویر
• 92. پاپ‌آپ‌ها (Popups) و مودال‌ها (Modals)
• 93. استفاده از data-role="popup"
• 94. تنظیمات پاپ‌آپ
• 95. باز و بسته کردن پاپ‌آپ‌ها
• 96. نحوه استفاده از مودال‌ها
• 97. ابزارهای کمکی (Utilities)
• 98. استفاده از data-role="dialog"
• 99. استفاده از data-dialog
• 100. تغییر تم‌ها (Themes) در jQuery Mobile