دوره آموزش جامع jQuery Mobile: ساخت اپلیکیشن‌های وب موبایل حرفه‌ای از صفر تا صد همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره آموزش جامع jQuery Mobile: ساخت اپلیکیشن‌های وب موبایل حرفه‌ای از صفر تا صد

موضوع کلی: توسعه وب موبایل با جاوااسکریپت

موضوع میانی: طراحی رابط کاربری موبایل با jQuery Mobile

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

• 1. مقدمه‌ای بر توسعه وب موبایل
• 2. چرا jQuery Mobile؟
• 3. تاریخچه و تکامل jQuery Mobile
• 4. مقایسه jQuery Mobile با فریم‌ورک‌های دیگر
• 5. نصب و راه‌اندازی jQuery Mobile
• 6. استفاده از jQuery Mobile CDN
• 7. دانلود و نصب jQuery Mobile به صورت محلی
• 8. ساختار پروژه jQuery Mobile
• 9. ایجاد اولین صفحه وب موبایل با jQuery Mobile
• 10. مفهوم صفحات (Pages) در jQuery Mobile
• 11. نحوه تعریف صفحات با data-role="page"
• 12. قابلیت چند صفحه‌ای در یک فایل HTML
• 13. انتقال بین صفحات (Page Transitions)
• 14. انواع Transition های پیش‌فرض
• 15. تنظیم Transition های سفارشی
• 16. مدیریت حالت صفحه (Page History)
• 17. مفهوم ویجت‌ها (Widgets) و کامپوننت‌ها
• 18. ساختار کلی ویجت‌ها
• 19. استفاده از دیتاتگ‌ها (Data Attributes)
• 20. فیلدهای فرم (Form Elements)
• 21. Input Text
• 22. Input Password
• 23. Input Email
• 24. Input URL
• 25. Input Number
• 26. Input Range
• 27. Input Checkbox
• 28. Input Radio Button
• 29. Select Menu (Dropdown)
• 30. Textarea
• 31. Date Picker
• 32. Slider
• 33. Switch (Toggle)
• 34. Button
• 35. استایل‌دهی به دکمه‌ها
• 36. اندازه دکمه‌ها
• 37. رنگ‌بندی دکمه‌ها
• 38. آیکون‌ها (Icons) در jQuery Mobile
• 39. استفاده از آیکون‌های موجود
• 40. اضافه کردن آیکون‌های سفارشی
• 41. کار با لیست‌ها (Lists)
• 42. لیست‌های ساده
• 43. لیست‌های مرتب
• 44. لیست‌های کارتی (Card Lists)
• 45. لیست‌های با آیکون
• 46. لیست‌های با دکمه
• 47. لیست‌های با نشانگر (Badges)
• 48. استفاده از Header و Footer
• 49. تعریف Header
• 50. تعریف Footer
• 51. قابلیت‌های Navigation در Header و Footer
• 52. منوهای کشویی (Collapsible Menus)
• 53. استفاده از Collapsible
• 54. استفاده از Accordion
• 55. تب‌ها (Tabs)
• 56. ساخت تب‌های ساده
• 57. مدیریت محتوای تب‌ها
• 58. نویگیشن بار (Navbar)
• 59. استفاده از Navbar برای ناوبری
• 60. طراحی Navbar
• 61. استفاده از آیکون در Navbar
• 62. نمایشگر پیشرفت (Progress Bar)
• 63. استفاده از Progress Bar
• 64. تنظیم مقدار Progress Bar
• 65. پاپ‌آپ‌ها (Popups)
• 66. ساخت پاپ‌آپ‌های ساده
• 67. محتوای پاپ‌آپ‌ها
• 68. تنظیمات پاپ‌آپ
• 69. پاپ‌آپ‌های مودال (Modal Popups)
• 70. دیالوگ‌ها (Dialogs)
• 71. ساخت دیالوگ‌های ساده
• 72. ارسال داده به دیالوگ‌ها
• 73. بازگشت داده از دیالوگ‌ها
• 74. استفاده از Layout Grid
• 75. ساختار Grid
• 76. ستون‌بندی محتوا
• 77. Responsive Design با Grid
• 78. استفاده از Toolbars
• 79. Toolbar در Header و Footer
• 80. Toolbar به عنوان یک ویجت جداگانه
• 81. Toolbar با قابلیت Scroll
• 82. استفاده از Page Load Message
• 83. نمایش پیام بارگذاری صفحه
• 84. سفارشی‌سازی پیام بارگذاری
• 85. کار با رویدادها (Events) در jQuery Mobile
• 86. رویدادهای صفحه (Page Events)
• 87. رویداد pageinit
• 88. رویداد pagebeforecreate
• 89. رویداد pagecreate
• 90. رویداد pagebeforechange
• 91. رویداد pagechange
• 92. رویداد pagebeforeshow
• 93. رویداد pageshow
• 94. رویداد pagehide
• 95. رویداد pagebeforehide
• 96. رویداد orientationchange
• 97. رویدادهای ویجت‌ها
• 98. رویداد click
• 99. رویداد tap
• 100. رویداد taphold