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

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

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

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

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

موضوع میانی: توسعه وب و برنامه‌نویسی Front-end

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

• 1. مقدمه‌ای بر طراحی وب و استانداردهای آن
• 2. آشنایی با ساختار HTML و تگ‌های پایه
• 3. ایجاد عناصر متنی و پاراگراف‌ها در HTML
• 4. کاربرد تگ‌های عنوان و لیست‌ها
• 5. نحوه استفاده از لینک‌ها و تصاویر در صفحات وب
• 6. ساختاردهی صفحات با تگ‌های معنایی (Semantic HTML)
• 7. مقدمه‌ای بر CSS و نحوه انتخابگرها (Selectors)
• 8. قوانین و خصوصیات CSS برای استایل‌دهی متن
• 9. تنظیم رنگ، پس‌زمینه و حاشیه‌ها با CSS
• 10. مدیریت ابعاد و فاصله‌ها (Box Model) در CSS
• 11. استفاده از واحدهای اندازه‌گیری مختلف در CSS
• 12. نحوه چینش عناصر با استفاده از Flexbox
• 13. پیاده‌سازی طرح‌بندی‌های پیچیده با Grid CSS
• 14. ایجاد انیمیشن‌های ساده با CSS Transitions
• 15. کاربرد CSS Animations برای افکت‌های پویا
• 16. مقدمه‌ای بر JavaScript و نحوه اجرای آن
• 17. متغیرها و انواع داده در JavaScript
• 18. عملگرها و ساختارهای شرطی در JavaScript
• 19. حلقه‌ها و پیمایش در JavaScript
• 20. توابع و نحوه تعریف و فراخوانی آن‌ها
• 21. کار با آرایه‌ها و اشیاء در JavaScript
• 22. مقدمه‌ای بر DOM (Document Object Model)
• 23. دسترسی و تغییر عناصر HTML با JavaScript
• 24. مدیریت رویدادها (Events) در JavaScript
• 25. نحوه استفاده از Event Listeners
• 26. کار با فرم‌ها و اعتبارسنجی ورودی‌ها
• 27. مقدمه‌ای برAJAX و درخواست‌های HTTP
• 28. استفاده از Fetch API برای ارتباط با سرور
• 29. کار با داده‌های JSON در JavaScript
• 30. آشنایی با کتابخانه‌های Front-end
• 31. نصب و استفاده از npm یا Yarn
• 32. مقدمه‌ای بر فریم‌ورک‌های مدرن Front-end
• 33. اصول اولیه React.js
• 34. کامپوننت‌های React
• 35. مدیریت وضعیت (State) در React
• 36. Props در React
• 37. رویدادها و مدیریت آن‌ها در React
• 38. کار با فرم‌ها در React
• 39. مقدمه‌ای بر Vue.js
• 40. ساختار کامپوننت‌ها در Vue.js
• 41. مدیریت داده‌ها در Vue.js
• 42. دستورات شرطی و حلقه‌ها در Vue.js
• 43. کار با رویدادها در Vue.js
• 44. مقدمه‌ای بر Angular
• 45. مبانی TypeScript برای Angular
• 46. کامپوننت‌ها در Angular
• 47. سرویس‌ها و تزریق وابستگی در Angular
• 48. مسیریابی (Routing) در Angular
• 49. کار با فرم‌ها در Angular
• 50. ساخت و استقرار پروژه‌های وب
• 51. اصول طراحی واکنش‌گرا (Responsive Design)
• 52. استفاده از Media Queries در CSS
• 53. بهینه‌سازی تصاویر برای وب
• 54. اصول اولیه امنیت در Front-end
• 55. مقدمه‌ای بر ابزارهای توسعه (DevTools)
• 56. دیباگ کردن کد با JavaScript Console
• 57. استفاده از Linters برای کیفیت کد
• 58. اصول اولیه CI/CD برای پروژه‌های وب
• 59. مقدمه‌ای بر تست واحد (Unit Testing)
• 60. نوشتن تست برای توابع JavaScript
• 61. تست کامپوننت‌های React
• 62. تست کامپوننت‌های Vue.js
• 63. مقدمه‌ای بر مفاهیم معماری نرم‌افزار
• 64. الگوهای طراحی Front-end
• 65. اصول SOLID در توسعه Front-end
• 66. مدیریت وابستگی‌ها در پروژه‌های بزرگ
• 67. مقدمه‌ای بر PWA (Progressive Web Apps)
• 68. ساخت PWA با Service Workers
• 69. ذخیره‌سازی داده‌ها در مرورگر
• 70. مقدمه‌ای بر Web Components
• 71. استفاده از Shadow DOM
• 72. اصول اولیه SEO برای صفحات وب
• 73. بهینه‌سازی متا تگ‌ها
• 74. ساختاردهی محتوا برای SEO
• 75. استفاده از Schema Markup
• 76. ملاحظات دسترسی‌پذیری (Accessibility)
• 77. استانداردهای WCAG
• 78. تست دسترسی‌پذیری با ابزارها
• 79. مقدمه‌ای بر مفاهیم Backend برای Front-end Developers
• 80. ارتباط با RESTful APIs
• 81. مبانی GraphQL
• 82. امنیت در ارتباطات Front-end و Backend
• 83. ملاحظات مربوط به مدیریت کوکی‌ها و Sessionها
• 84. اصول اولیه مدیریت خطا در Front-end
• 85. پیاده‌سازی سیستم لاگینگ سمت کاربر
• 86. مقدمه‌ای بر ابزارهای مدیریت پروژه
• 87. کار با Git و GitHub/GitLab
• 88. اصول همکاری تیمی در توسعه وب
• 89. پروژه‌های عملی و جمع‌بندی
• 90. ساخت یک صفحه نمونه با HTML و CSS
• 91. افزودن تعامل با JavaScript
• 92. پیاده‌سازی یک بخش پویا با یک فریم‌ورک
• 93. تحلیل و بهبود یک پروژه Front-end
• 94. مقدمه‌ای بر فرصت‌های شغلی در حوزه Front-end
• 95. مسیر یادگیری و پیشرفت در توسعه وب
• 96. اخلاق حرفه‌ای در توسعه نرم‌افزار