فلش‌کارت‌های آموزشی ساخت ابزار مدیریت مالی شخصی با HTML، CSS و JavaScript

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

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

عنوان دوره: دوره ساخت ابزار مدیریت مالی شخصی با HTML، CSS و JavaScript

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

موضوع میانی: طراحی و پیاده‌سازی رابط کاربری

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

• 1. مقدمه‌ای بر توسعه وب فرانت‌اند
• 2. HTML: مبانی و ساختار صفحات وب
• 3. CSS: استایل‌دهی و طراحی ظاهری صفحات وب
• 4. جاوااسکریپت: افزودن تعامل و پویایی به صفحات وب
• 5. مفاهیم DOM و دستکاری عناصر HTML با جاوااسکریپت
• 6. کار با رویدادها در جاوااسکریپت
• 7. فرم‌ها و اعتبارسنجی داده‌ها
• 8. آشنایی با ابزارهای توسعه‌دهنده مرورگر
• 9. طراحی واکنش‌گرا (Responsive Design)
• 10. Flexbox برای چیدمان صفحات وب
• 11. Grid Layout برای چیدمان صفحات وب
• 12. استفاده از کتابخانه‌های CSS مانند Bootstrap
• 13. مقدمه‌ای بر پیش‌پردازنده‌های CSS (Sass/Less)
• 14. متغیرها و توابع در CSS
• 15. انیمیشن‌ها و ترنزیشن‌ها در CSS
• 16. جاوااسکریپت: توابع و ساختارهای کنترلی
• 17. آرایه‌ها و اشیاء در جاوااسکریپت
• 18. کار با تاریخ و زمان در جاوااسکریپت
• 19. آژاکس (AJAX) و ارتباط با سرور
• 20. JSON: فرمت تبادل داده
• 21. Fetch API برای درخواست‌های شبکه
• 22. Local Storage و Session Storage
• 23. Cookies و مدیریت اطلاعات کاربر
• 24. مقدمه‌ای بر فریم‌ورک‌های جاوااسکریپت
• 25. آشنایی با React، Vue، و Angular
• 26. کامپوننت‌بندی در جاوااسکریپت
• 27. مدیریت state در جاوااسکریپت
• 28. مفاهیم اساسی Git و کنترل نسخه
• 29. استفاده از GitHub برای مدیریت پروژه‌ها
• 30. بهینه‌سازی عملکرد وب‌سایت
• 31. تصاویر و بهینه‌سازی آن‌ها برای وب
• 32. فشرده‌سازی فایل‌ها (Minification)
• 33. Lazy Loading تصاویر
• 34. استفاده از CDN برای تحویل سریع‌تر محتوا
• 35. آشنایی با ابزارهای Linting و Formatting
• 36. نوشتن کد تمیز و قابل‌نگهداری
• 37. تست‌نویسی مقدماتی برای فرانت‌اند
• 38. مفاهیم Accessibility (دسترسی‌پذیری وب)
• 39. طراحی رابط کاربری برای افراد دارای معلولیت
• 40. معرفی استانداردهای WCAG
• 41. استفاده از Semantic HTML
• 42. طراحی تجربه کاربری (UX)
• 43. اصول طراحی بصری
• 44. انتخاب رنگ و تایپوگرافی مناسب
• 45. ساخت نمونه اولیه (Prototype) رابط کاربری
• 46. آشنایی با ابزارهای طراحی UI مانند Figma
• 47. پیاده‌سازی قالب‌های آماده
• 48. طراحی و پیاده‌سازی صفحات ورود و ثبت‌نام
• 49. طراحی و پیاده‌سازی داشبورد کاربری
• 50. ذخیره‌سازی و نمایش داده‌های مالی
• 51. نمودارها و گزارش‌گیری
• 52. مدیریت تراکنش‌ها (درآمد و هزینه)
• 53. دسته‌بندی تراکنش‌ها
• 54. جستجو و فیلتر تراکنش‌ها
• 55. محاسبه مانده حساب
• 56. نمایش خلاصه‌ای از وضعیت مالی
• 57. ساخت تقویم مالی
• 58. تنظیم یادآوری برای پرداخت‌ها
• 59. گزارش‌گیری دوره‌ای (ماهانه، سالانه)
• 60. صادرات داده‌ها به فرمت‌های مختلف (CSV، Excel)
• 61. استفاده از کتابخانه‌های نموداری (Chart.js)
• 62. امنیت در توسعه وب فرانت‌اند
• 63. جلوگیری از حملات XSS
• 64. جلوگیری از حملات CSRF
• 65. استفاده از HTTPS
• 66. به‌روزرسانی و نگهداری وب‌سایت
• 67. عیب‌یابی و رفع اشکالات
• 68. استقرار وب‌سایت (Deployment)
• 69. آشنایی با مفاهیم SEO
• 70. بهینه‌سازی وب‌سایت برای موتورهای جستجو
• 71. مقدمه‌ای بر Progressive Web Apps (PWA)
• 72. خدمات وب (Web Workers)
• 73. استفاده از Web Storage API
• 74. آشنایی با WebAssembly
• 75. آینده توسعه وب فرانت‌اند