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

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

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

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

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

موضوع میانی: طراحی و توسعه وب‌سایت با استفاده از HTML، CSS و JavaScript

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

• 1. آشنایی با توسعه وب و HTML
• 2. ساختار اولیه صفحات وب با HTML
• 3. عناصر اصلی HTML و تگ‌های پرکاربرد
• 4. کار با متن و پاراگراف‌ها در HTML
• 5. ایجاد لینک‌ها و پیوندها
• 6. افزودن تصاویر و رسانه‌ها
• 7. ساخت جداول در HTML
• 8. فرم‌ها و ورودی‌های کاربر
• 9. عناصر معنایی (Semantic HTML)
• 10. مقدمه‌ای بر CSS و استایل‌دهی صفحات
• 11. انتخابگرها در CSS
• 12. قواعد استایل‌دهی و ویژگی‌های CSS
• 13. کار با رنگ‌ها و پس‌زمینه‌ها
• 14. مدیریت فونت‌ها و متن
• 15. جعبه مدل (Box Model) در CSS
• 16. چیدمان عناصر با Float و Positioning
• 17. استفاده از Flexbox برای چیدمان
• 18. کار با Grid Layout
• 19. انتقال‌ها (Transitions) و انیمیشن‌ها در CSS
• 20. مقدمه‌ای بر JavaScript و تعامل با کاربر
• 21. متغیرها و انواع داده در JavaScript
• 22. عملگرها و عبارات در JavaScript
• 23. ساختار کنترل جریان (دستورات شرطی)
• 24. حلقه‌ها در JavaScript
• 25. توابع و مدیریت آن‌ها
• 26. کار با آرایه‌ها (Arrays)
• 27. کار با اشیاء (Objects)
• 28. مقدمه‌ای بر DOM (Document Object Model)
• 29. انتخاب عناصر DOM
• 30. تغییر محتوا و استایل عناصر DOM
• 31. مدیریت رویدادها (Events) در DOM
• 32. ایجاد و حذف عناصر DOM
• 33. مقدمه‌ای بر فرم‌های HTML و JavaScript
• 34. اعتبارسنجی فرم‌ها با JavaScript
• 35. کار با رویدادهای فرم
• 36. مقدمه‌ای بر JSON و تبادل داده
• 37. دریافت داده از سرور با Fetch API
• 38. کار با داده‌های JSON
• 39. ساخت یک صفحه وب ساده با HTML، CSS و JavaScript
• 40. طراحی رابط کاربری (UI)
• 41. مبانی طراحی تجربه کاربری (UX)
• 42. اصول طراحی ریسپانسیو (Responsive Design)
• 43. استفاده از Media Queries
• 44. تطبیق‌پذیری با دستگاه‌های مختلف
• 45. مقدمه‌ای بر فریم‌ورک‌های CSS (مانند Bootstrap)
• 46. استفاده از کامپوننت‌های آماده
• 47. اصول طراحی تمیز و خوانا
• 48. بهینه‌سازی تصاویر برای وب
• 49. مقدمه‌ای بر ابزارهای توسعه‌دهنده مرورگر
• 50. استفاده از Console برای اشکال‌زدایی
• 51. بازرسی عناصر HTML و CSS
• 52. تست صفحات در مرورگرهای مختلف
• 53. مبانی امنیت در توسعه وب (سطح مقدماتی)
• 54. جلوگیری از حملات رایج (سطح مقدماتی)
• 55. اصول کدنویسی تمیز و قابل نگهداری
• 56. استفاده از کامنت‌ها در کد
• 57. مقدمه‌ای بر سیستم‌های کنترل نسخه (مانند Git)
• 58. اصول اولیه Git (Commit, Push, Pull)
• 59. مدیریت شاخه‌ها (Branches) در Git
• 60. کار با مخازن راه دور (Remote Repositories)
• 61. مقدمه‌ای بر مفاهیم بک‌اند (Backend)
• 62. نقش سرور در توسعه وب
• 63. مقدمه‌ای بر پایگاه داده (Database)
• 64. مفاهیم اولیه SQL
• 65. مقدمه‌ای بر زبان‌های سمت سرور (مانند Python/Node.js)
• 66. ساخت یک API ساده (مفهومی)
• 67. اصول RESTful API
• 68. مفاهیم احراز هویت (Authentication)
• 69. مفاهیم مجوز دسترسی (Authorization)
• 70. مقدمه‌ای بر ابزارهای توسعه مدرن
• 71. استفاده از Package Managers (مانند npm)
• 72. مقدمه‌ای بر Bundlers (مانند Webpack)
• 73. مقدمه‌ای بر Transpilers (مانند Babel)
• 74. اصول معماری MVP (Model-View-Presenter)
• 75. اصول معماری MVC (Model-View-Controller)
• 76. مقدمه‌ای بر فریم‌ورک‌های JavaScript (مانند React/Vue)
• 77. ساخت کامپوننت‌ها در فریم‌ورک‌ها
• 78. مدیریت وضعیت (State Management)
• 79. مسیریابی (Routing) در برنامه‌های تک‌صفحه‌ای
• 80. اصول تست نویسی (Testing)
• 81. انواع تست (Unit, Integration)
• 82. مقدمه‌ای بر CI/CD (Continuous Integration/Continuous Deployment)
• 83. اصول استقرار (Deployment) وب‌سایت
• 84. بهینه‌سازی عملکرد وب‌سایت
• 85. کاهش زمان بارگذاری صفحات
• 86. اصول سئو (SEO) برای وب‌سایت‌ها
• 87. ساخت نقشه سایت (Sitemap)
• 88. مدیریت فرم‌ها با رویکرد امن
• 89. مقدمه‌ای بر مباحث حقوقی و مالکیت معنوی در وب
• 90. رعایت حقوق کپی‌رایت
• 91. اصول دسترسی‌پذیری (Accessibility) در وب
• 92. طراحی برای کاربران با نیازهای خاص
• 93. مقدمه‌ای بر توسعه وب پیشرفته
• 94. معماری میکروسرویس‌ها (مفهومی)
• 95. مباحث مربوط به IOT و وب (مفهومی)
• 96. تحلیل داده‌های کاربران (مفهومی)
• 97. اخلاق در توسعه نرم‌افزار
• 98. پروژه نهایی: راه‌اندازی یک وب‌سایت تعاملی
• 99. طراحی و پیاده‌سازی بخش‌های اصلی
• 100. بهینه‌سازی و تست نهایی