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

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

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

عنوان دوره: دوره ساخت پورتفولیوی شخصی واکنش‌گرا با HTML، CSS و JavaScript

موضوع کلی: توسعه وب و طراحی رابط کاربری

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

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

• 1. مقدمه ای بر توسعه وب
• 2. آشنایی با HTML: ساختار صفحات وب
• 3. عناصر اصلی HTML
• 4. برچسب های متنی و پاراگراف ها
• 5. لینک ها و ابرمتن ها
• 6. تصاویر و رسانه ها در HTML
• 7. جداول در HTML
• 8. فرم ها و ورودی ها در HTML
• 9. عناصر معنایی HTML5
• 10. آشنایی با CSS: استایل دهی صفحات وب
• 11. قوانین و سلکتورهای CSS
• 12. رنگ ها و پس زمینه ها در CSS
• 13. متن و فونت ها در CSS
• 14. باکس مدل در CSS
• 15. حاشیه ها، لبه ها و فاصله ها
• 16. پس زمینه ها و گرادیانت ها
• 17. اندازه ها و واحدها در CSS
• 18. موقعیت دهی عناصر در CSS
• 19. نمایش و ترتیب دهی در CSS
• 20. فلکس باکس برای چیدمان
• 21. شبکه CSS (Grid) برای چیدمان
• 22. طراحی واکنش گرا (Responsive Design)
• 23. مدیا کوئری ها در CSS
• 24. عرض viewport و دستگاه ها
• 25. تنظیمات تصویر واکنش گرا
• 26. طراحی برای موبایل اول (Mobile-First)
• 27. طراحی برای دسکتاپ
• 28. بهینه سازی برای دستگاه های مختلف
• 29. آشنایی با JavaScript: افزودن تعامل
• 30. متغیرها و انواع داده در JavaScript
• 31. اپراتورها در JavaScript
• 32. ساختار شرطی (if, else)
• 33. حلقه ها (for, while)
• 34. توابع در JavaScript
• 35. آرایه ها در JavaScript
• 36. اشیاء در JavaScript
• 37. کار با DOM (Document Object Model)
• 38. انتخاب عناصر DOM
• 39. تغییر محتوای DOM
• 40. تغییر استایل عناصر DOM
• 41. مدیریت رویدادها در JavaScript
• 42. رویدادهای ماوس و کیبورد
• 43. ارسال فرم ها در JavaScript
• 44. اعتبارسنجی فرم ها
• 45. انیمیشن ها با JavaScript
• 46. تغییرات CSS با JavaScript
• 47. ساخت اسلایدرهای ساده
• 48. ایجاد منوهای بازشو
• 49. آشنایی با ابزارهای توسعه وب
• 50. مرورگرهای وب و کنسول توسعه دهنده
• 51. ابزارهای اشکال زدایی (Debugging)
• 52. مدیریت پروژه های وب
• 53. فایل های CSS و JavaScript خارجی
• 54. ساختار پروژه ای منظم
• 55. اصول طراحی رابط کاربری (UI)
• 56. اصول تجربه کاربری (UX)
• 57. کنتراست و خوانایی
• 58. فضای سفید در طراحی
• 59. اصول تایپوگرافی در وب
• 60. استفاده از آیکون ها
• 61. طراحی فرم های کاربر پسند
• 62. ناوبری (Navigation) در وب سایت
• 63. ساخت هدر و فوتر
• 64. عناصر بصری جذاب
• 65. استفاده از رنگ های سازگار
• 66. تنظیمات فونت های سفارشی
• 67. پلتفرم های طراحی (مانند Figma)
• 68. نمونه سازی (Prototyping)
• 69. اصول طراحی پورتفولیو
• 70. اهمیت پورتفولیوی شخصی
• 71. نمایش پروژه های منتخب
• 72. نوشتن معرفی حرفه ای
• 73. اطلاعات تماس و لینک ها
• 74. طراحی صفحه اصلی پورتفولیو
• 75. بخش درباره من
• 76. بخش پروژه ها
• 77. صفحه جزئیات پروژه
• 78. بخش مهارت ها
• 79. بخش تجربه کاری
• 80. بخش تحصیلات
• 81. بخش گواهینامه ها
• 82. بخش نظرات مشتریان (اختیاری)
• 83. بهینه سازی تصاویر برای وب
• 84. فشرده سازی تصاویر
• 85. فرمت های تصویر مناسب (JPG, PNG, SVG)
• 86. استفاده از تصاویر واکنش گرا
• 87. بهینه سازی سرعت بارگذاری
• 88. فشرده سازی فایل های CSS و JS
• 89. استفاده از Caching
• 90. بارگذاری تنبل (Lazy Loading)
• 91. اصول سئو (SEO) پایه
• 92. تگ های عنوان و توضیحات متا
• 93. ساختار لینک های داخلی
• 94. متن جایگزین برای تصاویر (Alt Text)
• 95. اهمیت محتوای با کیفیت
• 96. ابزارهای تست سرعت وب
• 97. ملاحظات دسترسی پذیری (Accessibility)
• 98. استفاده از ARIA Labels
• 99. طراحی برای کاربران با نیازهای خاص
• 100. تست با ابزارهای دسترسی پذیری