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

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

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

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

موضوع کلی: توسعه وب

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

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

• 1. مقدمه‌ای بر وب اپلیکیشن‌ها برای آیفون و آیپد
• 2. تفاوت بین اپلیکیشن‌های نیتیو (Native)، هیبریدی و وب
• 3. مزایا و معایب توسعه وب اپلیکیشن برای iOS
• 4. ابزارهای مورد نیاز برای توسعه: ویرایشگر کد و مرورگر
• 5. آشنایی با ابزارهای توسعه‌دهنده (Developer Tools) در سافاری
• 6. ساختار پایه یک سند HTML5
• 7. متا تگ Viewport: کلید اصلی برای نمایش صحیح در موبایل
• 8. مبانی HTML: تگ‌های اصلی و ساختار صفحه
• 9. مبانی CSS: استایل‌دهی به عناصر صفحه
• 10. مبانی JavaScript: افزودن تعامل به صفحه
• 11. اتصال فایل‌های CSS و JavaScript به سند HTML
• 12. ایجاد اولین پروژه: "سلام دنیا" برای آیفون
• 13. آشنایی با تگ‌های معنایی (Semantic Tags) در HTML5
• 14. کار با تگ‌های header, footer, nav, article, section
• 15. فرم‌ها در HTML5: مقدمه‌ای بر جمع‌آوری اطلاعات کاربر
• 16. انواع ورودی‌های جدید مخصوص موبایل (email, tel, number, date)
• 17. اعتبارسنجی فرم‌ها در سمت کلاینت با HTML5
• 18. کار با عناصر صوتی (Audio) و تصویری (Video)
• 19. مقدمه‌ای بر Canvas برای ترسیمات گرافیکی
• 20. استفاده از گرافیک‌های برداری (SVG) در وب اپلیکیشن
• 21. ذخیره‌سازی داده‌ها در سمت کلاینت: Web Storage (localStorage و sessionStorage)
• 22. مروری بر مفاهیم پایه CSS: انتخابگرها (Selectors) و ویژگی‌ها (Properties)
• 23. مدل جعبه‌ای (Box Model): margin, padding, border
• 24. ویژگی Display و تفاوت block, inline, inline-block
• 25. موقعیت‌یابی عناصر (Positioning): static, relative, absolute, fixed, sticky
• 26. مقدمه‌ای بر طراحی واکنش‌گرا (Responsive Web Design)
• 27. استفاده از Media Queries برای تطبیق با اندازه‌های مختلف صفحه
• 28. رویکرد Mobile-First در طراحی واکنش‌گرا
• 29. تعریف نقاط شکست (Breakpoints) برای آیفون و آیپد
• 30. طراحی برای حالت‌های عمودی (Portrait) و افقی (Landscape)
• 31. مقدمه‌ای بر Flexbox برای چیدمان‌های انعطاف‌پذیر
• 32. کار با کانتینر Flexbox و آیتم‌های آن
• 33. تراز کردن و توزیع عناصر با Flexbox
• 34. مقدمه‌ای بر CSS Grid Layout
• 35. ایجاد ستون‌ها و ردیف‌های سفارشی با CSS Grid
• 36. فونت‌های وب (Web Fonts) و نحوه استفاده از آن‌ها
• 37. افکت‌های بصری با CSS3: سایه‌ها، گوشه‌های گرد و گرادیان‌ها
• 38. انیمیشن‌ها و ترنزیشن‌ها (Transitions & Animations) در CSS3
• 39. استفاده از متغیرهای CSS (CSS Variables) برای مدیریت بهتر استایل‌ها
• 40. انتخابگرهای پیشرفته و شبه‌کلاس‌ها (Pseudo-classes)
• 41. مفهوم پیش‌پردازنده‌های CSS مانند Sass
• 42. بهینه‌سازی اندازه فضاهای قابل لمس (Touch Targets)
• 43. آشنایی با مدل شیءگرای سند (DOM)
• 44. انتخاب عناصر DOM با JavaScript
• 45. تغییر و دستکاری محتوا و استایل عناصر DOM
• 46. ایجاد و حذف عناصر DOM به صورت پویا
• 47. مقدمه‌ای بر رویدادها (Events) در JavaScript
• 48. کار با رویدادهای کلیک، بارگذاری و ارسال فرم
• 49. مفهوم Event Bubbling و Event Capturing
• 50. مقدمه‌ای بر عملیات ناهمزمان (Asynchronous) در JavaScript
• 51. آشنایی با AJAX و XMLHttpRequest
• 52. ارتباط با سرور با استفاده از Fetch API
• 53. کار با فرمت داده JSON
• 54. مفهوم Promise برای مدیریت عملیات ناهمزمان
• 55. ساده‌سازی کدهای ناهمزمان با async/await
• 56. مبانی ES6: متغیرهای let و const
• 57. توابع پیکانی (Arrow Functions)
• 58. قالب‌های رشته‌ای (Template Literals)
• 59. واکشی (Destructuring) اشیاء و آرایه‌ها
• 60. مدیریت خطا با try...catch
• 61. کار با تایمرها: setTimeout و setInterval
• 62. مقدمه‌ای بر APIهای مخصوص دستگاه‌های موبایل
• 63. مدیریت رویدادهای لمسی (Touch Events): touchstart, touchmove, touchend
• 64. تشخیص حرکات لمسی مانند Swipe
• 65. استفاده از Geolocation API برای دریافت موقعیت مکانی کاربر
• 66. دسترسی به اطلاعات حرکت و جهت دستگاه (Device Motion & Orientation)
• 67. استفاده از Vibration API برای ایجاد لرزش
• 68. دسترسی به دوربین و میکروفون با MediaDevices (getUserMedia)
• 69. نمایش تمام‌صفحه با Fullscreen API
• 70. تشخیص وضعیت آنلاین یا آفلاین بودن کاربر
• 71. مفهوم Progressive Web Apps (PWA)
• 72. فایل مانیفست وب اپلیکیشن (Web App Manifest)
• 73. افزودن آیکون به صفحه اصلی (Home Screen) در آیفون و آیپد
• 74. طراحی و پیاده‌سازی صفحه اسپلش (Splash Screen)
• 75. مقدمه‌ای بر Service Workers
• 76. ثبت و چرخه حیات یک Service Worker
• 77. استراتژی‌های کش کردن (Caching Strategies) برای دسترسی آفلاین
• 78. رهگیری درخواست‌های شبکه با Service Worker
• 79. ارسال پوش نوتیفیکیشن (Push Notifications)
• 80. مفهوم فریمورک‌های UI برای توسعه سریع‌تر
• 81. مروری بر فریمورک‌های محبوب (React, Vue, Svelte)
• 82. ساخت یک کامپوننت ساده و قابل استفاده مجدد
• 83. مفهوم مدیریت وضعیت (State Management) در اپلیکیشن
• 84. مسیریابی (Routing) در اپلیکیشن‌های تک‌صفحه‌ای (SPA)
• 85. استفاده از کتابخانه‌های CSS مانند Bootstrap یا Tailwind CSS
• 86. اهمیت کارایی (Performance) در وب اپلیکیشن‌های موبایل
• 87. تکنیک‌های بهینه‌سازی بارگذاری صفحه
• 88. کوچک‌سازی (Minification) و ترکیب فایل‌های CSS و JavaScript
• 89. بهینه‌سازی تصاویر برای نمایش در موبایل
• 90. استفاده از Lazy Loading برای تصاویر و کامپوننت‌ها
• 91. دیباگ کردن (Debugging) وب اپلیکیشن در سافاری دسکتاپ
• 92. دیباگ کردن از راه دور روی دستگاه واقعی آیفون یا آیپد
• 93. آزمایش و تست اپلیکیشن روی شبیه‌ساز iOS
• 94. مراحل نهایی و آماده‌سازی برای استقرار (Deployment)
• 95. انتخاب یک سرویس میزبانی وب (Hosting) مناسب
• 96. استقرار وب اپلیکیشن و انتشار آن