فلش‌کارت‌های آموزشی کتاب جامع و پروژه محور ساخت وب‌اپلیکیشن برای موبایل با HTML, CSS و JavaScript

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

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

عنوان دوره: دوره جامع و پروژه محور ساخت وب‌اپلیکیشن برای موبایل با HTML, CSS و JavaScript

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

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

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

• 1. مقدمه‌ای بر توسعه وب موبایل: چرا موبایل مهم است؟
• 2. آشنایی با HTML: ساختار اولیه یک صفحه وب
• 3. تگ‌های اصلی HTML: عنوان‌ها، پاراگراف‌ها و لینک‌ها
• 4. لیست‌ها در HTML: مرتب و نامرتب
• 5. تصاویر و ویدیوها در HTML: اضافه کردن محتوای چندرسانه‌ای
• 6. فرم‌ها در HTML: جمع‌آوری اطلاعات از کاربران
• 7. جداول در HTML: سازماندهی داده‌ها
• 8. آشنایی با CSS: استایل‌دهی به صفحات وب
• 9. انتخابگرهای CSS: انتخاب عناصر برای استایل‌دهی
• 10. رنگ‌ها، فونت‌ها و متن در CSS
• 11. مدل جعبه‌ای CSS (Box Model): درک حاشیه‌ها، پدینگ و مرزها
• 12. چیدمان عناصر با CSS: شناورها (Floats) و موقعیت‌دهی (Positioning)
• 13. Flexbox: چیدمان منعطف عناصر
• 14. Grid Layout: چیدمان دو بعدی عناصر
• 15. رسانه‌های چندگانه (Media Queries): طراحی واکنش‌گرا
• 16. مقدمه‌ای بر JavaScript: افزودن تعامل به صفحات وب
• 17. متغیرها، انواع داده و عملگرها در JavaScript
• 18. دستورات شرطی (if/else) در JavaScript
• 19. حلقه‌ها (Loops) در JavaScript: تکرار کد
• 20. توابع در JavaScript: سازماندهی و استفاده مجدد از کد
• 21. آرایه‌ها در JavaScript: کار با مجموعه‌ای از داده‌ها
• 22. اشیاء در JavaScript: ذخیره و دستکاری داده‌ها
• 23. Document Object Model (DOM): دسترسی و تغییر ساختار صفحه
• 24. رویدادها در JavaScript: واکنش به رفتار کاربر
• 25. اعتبارسنجی فرم‌ها با JavaScript
• 26. ایجاد افکت‌های بصری ساده با JavaScript
• 27. آشنایی با jQuery: کتابخانه محبوب JavaScript
• 28. انتخاب عناصر با jQuery
• 29. دستکاری DOM با jQuery
• 30. رویدادها در jQuery: ساده‌تر و کارآمدتر
• 31. انیمیشن‌ها در jQuery: افزودن حرکت به صفحات وب
• 32. Ajax با jQuery: درخواست داده از سرور
• 33. آشنایی با Mobile-First Design
• 34. Viewport Meta Tag: تنظیم مقیاس صفحه برای موبایل
• 35. استفاده از واحدهای نسبی (em, rem, %) در CSS
• 36. تصاویر واکنش‌گرا: ارائه تصاویر مناسب برای هر دستگاه
• 37. فریمورک‌های CSS برای موبایل: Bootstrap, Materialize, Foundation
• 38. نصب و راه‌اندازی Bootstrap
• 39. کامپوننت‌های Bootstrap: دکمه‌ها، فرم‌ها، ناوبری
• 40. شبکه (Grid System) در Bootstrap: چیدمان واکنش‌گرا
• 41. استفاده از آیکون‌ها در وب‌اپلیکیشن‌های موبایل
• 42. آشنایی با فونت آوسوم (Font Awesome)
• 43. بهینه‌سازی تصاویر برای موبایل
• 44. فشرده‌سازی کد HTML, CSS و JavaScript
• 45. بارگذاری تنبل (Lazy Loading) تصاویر
• 46. استفاده از CDN برای منابع خارجی
• 47. ذخیره‌سازی محلی (Local Storage) در مرورگر
• 48. کوکی‌ها: مدیریت اطلاعات کاربر
• 49. آشنایی با PWA (Progressive Web App)
• 50. مانیفست (Manifest) فایل PWA
• 51. Service Worker در PWA: کَش و تجربه آفلاین
• 52. پوش نوتیفیکیشن (Push Notifications) در PWA
• 53. نصب PWA بر روی دستگاه موبایل
• 54. تست و اشکال‌زدایی کد با Developer Tools
• 55. استفاده از مرورگرهای مختلف برای تست
• 56. آشنایی با ابزارهای تست موبایل
• 57. Remote Debugging: اشکال‌زدایی از دستگاه موبایل
• 58. تست سرعت وب‌اپلیکیشن موبایل
• 59. Google PageSpeed Insights: تحلیل و بهینه‌سازی سرعت
• 60. آشنایی با Git: سیستم کنترل نسخه
• 61. مبانی Git: کامیت، پوش و پول
• 62. استفاده از GitHub برای مدیریت کد
• 63. استفاده از ابزارهای ساخت (Build Tools): Grunt, Gulp, Webpack
• 64. مقدمه‌ای بر React Native: توسعه اپلیکیشن‌های موبایل با JavaScript
• 65. نصب و راه‌اندازی React Native
• 66. کامپوننت‌های React Native
• 67. استایل‌دهی در React Native
• 68. مدیریت state در React Native
• 69. Navigation در React Native
• 70. اتصال به API در React Native
• 71. ذخیره‌سازی داده‌ها در React Native
• 72. آشنایی با Firebase: پایگاه داده Realtime و Authentication
• 73. استفاده از Firebase برای ذخیره داده‌ها
• 74. Authentication با Firebase: ورود و ثبت نام کاربر
• 75. React Hooks: مدیریت state و lifecycle در React
• 76. Context API در React: مدیریت state سراسری
• 77. آشنایی با Redux: مدیریت state پیچیده
• 78. TypeScript: افزودن نوع‌بندی به JavaScript
• 79. ES6+: ویژگی‌های جدید JavaScript
• 80. آشنایی با Next.js: فریمورک React برای رندرینگ سمت سرور
• 81. استفاده از API Routes در Next.js
• 82. استقرار (Deployment) وب‌اپلیکیشن موبایل
• 83. استقرار بر روی Netlify
• 84. استقرار بر روی Vercel
• 85. استقرار بر روی Firebase Hosting
• 86. بهینه‌سازی SEO برای وب‌اپلیکیشن‌های موبایل
• 87. ساخت وب‌اپلیکیشن فروشگاهی موبایل محور (پروژه)
• 88. ساخت وب‌اپلیکیشن وبلاگ موبایل محور (پروژه)
• 89. ساخت وب‌اپلیکیشن مدیریت وظایف موبایل محور (پروژه)
• 90. ساخت وب‌اپلیکیشن رزرو آنلاین موبایل محور (پروژه)
• 91. ساخت وب‌اپلیکیشن شبکه اجتماعی موبایل محور (پروژه)
• 92. نگهداری و به‌روزرسانی وب‌اپلیکیشن موبایل
• 93. امنیت در وب‌اپلیکیشن موبایل: جلوگیری از XSS و CSRF
• 94. راهکارهای افزایش کارایی وب‌اپلیکیشن موبایل
• 95. اصول طراحی رابط کاربری (UI) برای موبایل
• 96. اصول تجربه کاربری (UX) برای موبایل
• 97. آینده توسعه وب موبایل: روندهای جدید
• 98. جمع‌بندی و نکات پایانی دوره
• 99. منابع مفید برای توسعه‌دهندگان وب موبایل
• 100. پرسش و پاسخ