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

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

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

عنوان دوره: دوره ساخت صفحات وب مدرن با HTML، CSS و JavaScript

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

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

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

• 1. مقدمه‌ای بر توسعهٔ وب
• 2. ساختار صفحات وب با HTML
• 3. عناصر اصلی HTML
• 4. تگ‌های معنایی در HTML
• 5. کار با فرم‌ها در HTML
• 6. صدا و تصویر در صفحات وب
• 7. مرورگرها و نحوهٔ نمایش صفحات
• 8. مقدمه‌ای بر CSS
• 9. انتخابگرها در CSS
• 10. قواعد CSS و اولویت‌بندی
• 11. رنگ‌ها و پس‌زمینه‌ها در CSS
• 12. متن و فونت در CSS
• 13. کادربندی و حاشیه در CSS
• 14. مدل جعبه‌ای (Box Model) در CSS
• 15. نمایش عناصر (Display) در CSS
• 16. موقعیت‌دهی (Positioning) در CSS
• 17. فلوت (Float) و پاکسازی فلوت
• 18. CSS Flexbox برای چیدمان
• 19. CSS Grid برای چیدمان
• 20. رسپانسیو کردن صفحات با Media Queries
• 21. مقدمه‌ای بر JavaScript
• 22. متغیرها و انواع داده در JavaScript
• 23. عملگرها در JavaScript
• 24. ساختارهای کنترلی (شرطی) در JavaScript
• 25. حلقه‌ها در JavaScript
• 26. توابع در JavaScript
• 27. مدیریت خطا در JavaScript
• 28. مقدمه‌ای بر DOM
• 29. انتخاب عناصر DOM
• 30. تغییر محتوای DOM
• 31. تغییر استایل عناصر DOM
• 32. ایجاد و حذف عناصر DOM
• 33. مدیریت رویدادها در DOM
• 34. مقدمه‌ای بر فرم‌های JavaScript
• 35. اعتبارسنجی فرم‌ها با JavaScript
• 36. کار با آرایه‌ها در JavaScript
• 37. کار با اشیاء در JavaScript
• 38. مقدمه‌ای بر AJAX
• 39. ارسال درخواست‌های AJAX
• 40. دریافت پاسخ‌های AJAX
• 41. کار با JSON
• 42. مقدمه‌ای بر APIهای وب
• 43. استفاده از APIهای عمومی
• 44. مقدمه‌ای بر توسعهٔ فرانت‌اند مدرن
• 45. ابزارهای توسعهٔ فرانت‌اند
• 46. مدیریت بسته (Package Managers)
• 47. مقدمه‌ای بر Build Tools
• 48. Webpack برای Bundling
• 49. مقدمه‌ای بر فریم‌ورک‌های جاوا اسکریپت
• 50. مقدمه‌ای بر React
• 51. کامپوننت‌ها در React
• 52. JSX در React
• 53. Props در React
• 54. State در React
• 55. هوک‌های React
• 56. Routing در React
• 57. مقدمه‌ای بر Vue.js
• 58. کامپوننت‌ها در Vue.js
• 59. Template Syntax در Vue.js
• 60. Data Binding در Vue.js
• 61. Computed Properties و Watchers در Vue.js
• 62. Lifecycle Hooks در Vue.js
• 63. Routing در Vue.js
• 64. مقدمه‌ای بر Angular
• 65. کامپوننت‌ها در Angular
• 66. Templates در Angular
• 67. Data Binding در Angular
• 68. Directives در Angular
• 69. Services و Dependency Injection در Angular
• 70. Routing در Angular
• 71. ساخت اپلیکیشن‌های تک‌صفحه‌ای (SPA)
• 72. بهینه‌سازی عملکرد فرانت‌اند
• 73. تست در فرانت‌اند
• 74. مقدمه‌ای بر Git و Version Control
• 75. اصول کار با Git
• 76. مدیریت شاخه‌ها (Branches) در Git
• 77. مرج کردن (Merging) در Git
• 78. رفع تعارضات (Conflicts) در Git
• 79. مقدمه‌ای بر CI/CD در فرانت‌اند
• 80. مفاهیم امنیت در فرانت‌اند
• 81. ملاحظات دسترسی‌پذیری (Accessibility)
• 82. کار با داده‌های سمت سرور
• 83. مفاهیم RESTful API
• 84. اصول طراحی UI/UX
• 85. مقدمه‌ای بر طراحی واکنش‌گرا
• 86. استفاده از فریم‌ورک‌های CSS (مانند Bootstrap)
• 87. مقدمه‌ای بر فریم‌ورک‌های CSS (مانند Tailwind CSS)
• 88. توسعهٔ وب با در نظر گرفتن اصول اسلامی
• 89. پرهیز از نمایش محتوای نامناسب
• 90. رعایت حریم خصوصی کاربران
• 91. استفاده از فونت‌های مناسب و خوانا
• 92. طراحی متناسب با فرهنگ ایرانی
• 93. اصول اخلاقی در توسعهٔ نرم‌افزار
• 94. ملاحظات حقوقی در توسعهٔ وب
• 95. مدیریت پروژه در توسعهٔ فرانت‌اند
• 96. اصول دیباگ کردن (Debugging)
• 97. کار با ابزارهای توسعهٔ مرورگر
• 98. مقدمه‌ای بر Progressive Web Apps (PWA)
• 99. اصول بهینه‌سازی برای موتورهای جستجو (SEO)
• 100. ملاحظات فنی برای SEO