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

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

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

عنوان دوره: دوره ساخت تایمر پومودورو با HTML، CSS و جاوا اسکریپت

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

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

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

• 1. مبانی HTML برای ساختار تایمر
• 2. شناخت تگ‌های اساسی HTML
• 3. ایجاد ساختار کلی صفحه تایمر
• 4. استفاده از تگ‌های معنایی (Semantic Tags)
• 5. مقدمه‌ای بر CSS برای استایل‌دهی
• 6. انتخاب سلکتورهای CSS مناسب
• 7. استایل‌دهی به عناصر تایمر (رنگ، فونت، اندازه)
• 8. طراحی چیدمان (Layout) با CSS Flexbox
• 9. ایجاد حالت‌های مختلف نمایش تایمر (اجرا، توقف)
• 10. انتقال‌ها (Transitions) و انیمیشن‌های CSS
• 11. مقدمه‌ای بر جاوا اسکریپت برای منطق تایمر
• 12. متغیرها و انواع داده در جاوا اسکریپت
• 13. عملگرها و عبارات در جاوا اسکریپت
• 14. دستورات شرطی (if, else)
• 15. حلقه‌های تکرار (for, while)
• 16. توابع در جاوا اسکریپت
• 17. کار با آرایه‌ها
• 18. کار با اشیاء
• 19. مقدمه‌ای بر DOM (Document Object Model)
• 20. انتخاب عناصر DOM با جاوا اسکریپت
• 21. تغییر محتوای عناصر DOM
• 22. تغییر استایل عناصر DOM
• 23. ایجاد و حذف عناصر DOM
• 24. مدیریت رویدادها (Events) در جاوا اسکریپت
• 25. رویدادهای کلیک ماوس
• 26. رویدادهای صفحه کلید
• 27. مدیریت زمان در جاوا اسکریپت
• 28. تابع setInterval()
• 29. تابع setTimeout()
• 30. پاک کردن تایمرها (clearInterval, clearTimeout)
• 31. پیاده‌سازی منطق شمارش معکوس تایمر
• 32. نمایش زمان باقی‌مانده روی صفحه
• 33. دکمه‌های کنترل تایمر (شروع، توقف، ریست)
• 34. مدیریت وضعیت تایمر (در حال اجرا، متوقف)
• 35. ایجاد چرخه پومودورو (زمان کار، زمان استراحت)
• 36. تغییر متن و استایل دکمه‌ها بر اساس وضعیت
• 37. نمایش پیام اتمام زمان کار
• 38. نمایش پیام اتمام زمان استراحت
• 39. ذخیره‌سازی تنظیمات تایمر (در صورت نیاز)
• 40. استفاده از Local Storage مرورگر
• 41. تنظیم زمان کار پیش‌فرض
• 42. تنظیم زمان استراحت پیش‌فرض
• 43. تنظیم تعداد چرخه‌های پومودورو
• 44. بازنشانی تنظیمات به حالت پیش‌فرض
• 45. ایجاد صدا برای اتمام زمان
• 46. استفاده از تگ Audio در HTML
• 47. پخش صدا با جاوا اسکریپت
• 48. مدیریت خطاها در جاوا اسکریپت
• 49. اشکال‌زدایی (Debugging) کد جاوا اسکریپت
• 50. استفاده از console.log()
• 51. استفاده از ابزارهای توسعه‌دهنده مرورگر
• 52. بهینه‌سازی عملکرد کد جاوا اسکریپت
• 53. اصول کدنویسی تمیز (Clean Code)
• 54. نام‌گذاری مناسب متغیرها و توابع
• 55. تقسیم کد به توابع کوچک‌تر
• 56. مدیریت وابستگی‌ها (در صورت استفاده از کتابخانه‌ها)
• 57. مقدمه‌ای بر مفاهیم توسعه وب مدرن
• 58. توسعه فرانت‌اند با رویکرد ماژولار
• 59. اصول طراحی واکنش‌گرا (Responsive Design)
• 60. تست و اعتبارسنجی کد
• 61. مستندسازی کد
• 62. اصول اولیه امنیت در فرانت‌اند
• 63. ملاحظات مربوط به حریم خصوصی کاربران
• 64. معرفی ابزارهای خط فرمان (Command Line Tools)
• 65. نصب Node.js و npm
• 66. استفاده از ابزارهای Build (مانند Webpack یا Parcel - مقدماتی)
• 67. مقدمه‌ای بر Git برای کنترل نسخه
• 68. ایجاد ریپازیتوری Git
• 69. کامیت کردن تغییرات
• 70. شاخه (Branching) و ادغام (Merging) - مقدماتی
• 71. کار با فایل‌های CSS مجزا
• 72. کار با فایل‌های JavaScript مجزا
• 73. سازگاری با مرورگرهای مختلف
• 74. اصول دسترسی‌پذیری (Accessibility) در وب
• 75. استفاده از ARIA Attributes
• 76. بهینه‌سازی تصاویر برای وب
• 77. مقدمه‌ای بر مفاهیم SEO برای فرانت‌اند
• 78. ساختاردهی معنایی برای موتورهای جستجو
• 79. مدیریت کش مرورگر
• 80. ملاحظات مربوط به عملکرد (Performance)
• 81. تکنیک‌های بارگذاری تنبل (Lazy Loading)
• 82. مدیریت منابع (CSS, JS)
• 83. معرفی الگوهای طراحی رایج در فرانت‌اند
• 84. الگوی Observer (برای رویدادها)
• 85. الگوی Module (برای سازماندهی کد)
• 86. ملاحظات مربوط به توسعه پایدار (Sustainable Development)
• 87. بررسی و رفع باگ‌های گزارش شده
• 88. افزودن ویژگی‌های جدید بر اساس بازخورد
• 89. برنامه‌ریزی برای نسخه‌های آتی
• 90. اصول اولیه تست واحد (Unit Testing)
• 91. مقدمه‌ای بر فریم‌ورک‌های جاوا اسکریپت (اشاره کوتاه)
• 92. مرور کلی بر پیشرفت پروژه
• 93. اصول حرفه‌ای در توسعه نرم‌افزار
• 94. اخلاق در برنامه‌نویسی
• 95. اهمیت یادگیری مستمر در حوزه وب
• 96. نگاهی به آینده توسعه فرانت‌اند
• 97. فرهنگ همکاری در تیم‌های توسعه
• 98. نکات نهایی برای ساخت پروژه‌های موفق
• 99. جمع‌بندی آموخته‌ها و گام‌های بعدی
• 100. تکمیل پروژه تایمر پومودورو