فلش‌کارت‌های آموزشی ساخت وب‌سایت پویا با API، HTML، جاوااسکریپت و JSON

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

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

عنوان دوره: دوره ساخت وب‌سایت پویا با API، HTML، جاوااسکریپت و JSON

موضوع کلی: توسعه وب فرانت‌اند

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

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

• 1. مقدمه‌ای بر وب‌سایت‌های پویا و ایستا
• 2. معماری کلاینت-سرور و نقش API
• 3. آشنایی با HTTP و متدهای GET و POST
• 4. ساختار پایه یک سند HTML5
• 5. کار با المان‌های معنایی HTML
• 6. فرم‌ها و المان‌های ورودی در HTML
• 7. مفاهیم پایه جاوااسکریپت: متغیرها و انواع داده
• 8. عملگرها و عبارات شرطی در جاوااسکریپت
• 9. حلقه‌ها و تکرار در جاوااسکریپت
• 10. توابع و محدوده (Scope) در جاوااسکریپت
• 11. آرایه‌ها و متدهای پرکاربرد
• 12. آشنایی با اشیاء (Objects) و JSON
• 13. تبدیل JSON به آبجکت جاوااسکریپت و برعکس
• 14. دریافت داده با Fetch API
• 15. مدیریت پاسخ‌های异步 (Asynchronous) با Promise
• 16. کار با دستورات async/await
• 17. مدیریت خطاها در درخواست‌های شبکه
• 18. انتخاب المان‌های DOM با querySelector
• 19. تغییر محتوای HTML با innerHTML
• 20. ایجاد و حذف المان‌ها با createElement و removeChild
• 21. مدیریت رویدادها (Events) با addEventListener
• 22. رویدادهای کلیک، ارسال فرم و بارگذاری صفحه
• 23. ارسال داده فرم به API با جاوااسکریپت
• 24. دریافت و نمایش داده از یک API عمومی
• 25. پیمایش (Iteration) روی داده‌های آرایه‌ای برای نمایش
• 26. ایجاد کارت‌های پویا برای نمایش محصولات
• 27. ساخت یک فرم جستجوی ساده و اتصال به API
• 28. صفحه‌بندی (Pagination) داده‌ها با جاوااسکریپت
• 29. فیلتر کردن و مرتب‌سازی داده‌های دریافتی
• 30. ذخیره‌سازی داده‌ها در LocalStorage
• 31. بارگذاری و نمایش داده‌های ذخیره شده از LocalStorage
• 32. مدیریت وضعیت (State) ساده با متغیرها
• 33. آشنایی با DevTools مرورگر برای اشکال‌زدایی
• 34. اشکال‌زدایی درخواست‌های شبکه در تب Network
• 35. مفاهیم اولیه CSS: انتخابگرها و ویژگی‌ها
• 36. مدل جعبه‌ای (Box Model) و چیدمان
• 37. طراحی ریسپانسیو با Media Queries
• 38. استایل‌دهی به المان‌های تولید شده توسط جاوااسکریپت
• 39. ایجاد یک نوار ناوبری ساده و پویا
• 40. مدیریت خطاهای کاربری با پیام‌های مناسب
• 41. استفاده از Font Awesome برای آیکون‌ها
• 42. دریافت داده با متدهای مختلف HTTP (GET, POST, PUT, DELETE)
• 43. ساخت یک داشبورد ساده مدیریتی
• 44. کار با داده‌های تو در تو (Nested JSON)
• 45. تبدیل داده‌های API به جدول HTML
• 46. افزودن قابلیت جستجوی پیشرفته (با چند فیلد)
• 47. ایجاد یک سیستم رتبه‌بندی (Rating) ساده
• 48. کار با تاریخ و زمان در جاوااسکریپت
• 49. مفاهیم پایه API Key و احراز هویت
• 50. مدیریت خطاهای ۴۰۴ و ۵۰۰
• 51. بهینه‌سازی تصاویر و محتوای بارگذاری شده
• 52. کاهش درخواست‌های شبکه با کش (Cache) ساده
• 53. ایجاد یک صفحه نمایش جزئیات (Detail Page)
• 54. ارسال داده به سرور با متد POST
• 55. مدیریت فرم‌های چند مرحله‌ای
• 56. کار با کتابخانه‌های جانبی (مثل Axios) برای API
• 57. ایجاد یک گالری تصویر پویا
• 58. ساخت یک فروشگاه ساده آنلاین (نمایش محصولات)
• 59. پیاده‌سازی سبد خرید با LocalStorage
• 60. مدیریت رویدادهای صفحه‌کلید و اسکرول
• 61. تست و اعتبارسنجی ساده فرم سمت کاربر
• 62. ایجاد یک اپلیکیشن آب و هوا با API
• 63. ساخت یک وبلاگ ساده با نمایش پست‌ها از API
• 64. کار با قابلیت Geolocation مرورگر
• 65. ایجاد نقشه ساده با استفاده از API نقشه (Leaflet)
• 66. مدیریت چندین درخواست همزمان با Promise.all
• 67. مفاهیم اولیه ماژول‌ها (Modules) در جاوااسکریپت
• 68. ساخت یک تایمر یا شمارنده معکوس
• 69. پیاده‌سازی جستجوی زنده (Live Search)
• 70. ایجاد یک انیمیشن ساده با CSS و جاوااسکریپت
• 71. مدیریت تاریخچه مرورگر با History API
• 72. ساخت یک اپلیکیشن لیست کارها (Todo List) با API
• 73. مدیریت خطاهای CORS و راه‌حل‌های ساده
• 74. آشنایی با مفهوم WebSocket (مقدماتی)
• 75. بهینه‌سازی عملکرد با Debouncing و Throttling
• 76. ایجاد یک پروژه نهایی: وب‌سایت خبری پویا
• 77. تست و رفع اشکال نهایی پروژه