دوره تسلط بر JavaScript و دستکاری DOM برای ساخت صفحات وب پویا همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره تسلط بر JavaScript و دستکاری DOM برای ساخت صفحات وب پویا

موضوع کلی: توسعه وب

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

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

• 1. مقدمه‌ای بر توسعه وب و نقش JavaScript
• 2. آشنایی با ساختار صفحات وب: HTML و CSS
• 3. مبانی JavaScript: متغیرها، انواع داده و عملگرها
• 4. ساختارهای کنترلی: شرط‌ها و حلقه‌ها در JavaScript
• 5. توابع در JavaScript: تعریف، فراخوانی و پارامترها
• 6. آرایه‌ها و کار با آن‌ها در JavaScript
• 7. اشیاء در JavaScript: ساختار و متدها
• 8. مبانی DOM: درخت سند و گره‌ها
• 9. نحوه دسترسی به عناصر DOM با JavaScript
• 10. تغییر محتوای عناصر DOM
• 11. تغییر استایل عناصر DOM
• 12. ایجاد و حذف عناصر DOM
• 13. کار با رویدادها در DOM
• 14. مدیریت رویدادها: Event Listeners
• 15. انتقال رویدادها (Event Bubbling و Capturing)
• 16. اصول برنامه‌نویسی شیءگرا در JavaScript
• 17. کلاس‌ها و وراثت در JavaScript
• 18. ماژول‌ها در JavaScript
• 19. آشنایی با AJAX و درخواست‌های HTTP
• 20. کار با داده‌های JSON
• 21. واکشی داده‌ها از سرور (Fetch API)
• 22. کار با فرم‌ها در صفحات وب
• 23. اعتبارسنجی ورودی‌های فرم با JavaScript
• 24. اصول طراحی واکنش‌گرا (Responsive Design)
• 25. مقدمه‌ای بر کتابخانه‌ها و فریم‌ورک‌های Front-end
• 26. کار با تاریخ و زمان در JavaScript
• 27. عبارات باقاعده (Regular Expressions) در JavaScript
• 28. مدیریت خطاها و استثناها در JavaScript
• 29. مبانی Asynchronous Programming
• 30. Promises در JavaScript
• 31. Async/Await در JavaScript
• 32. Web Storage: Local Storage و Session Storage
• 33. کوکی‌ها و مدیریت آن‌ها
• 34. مقدمه‌ای بر معماری SPA (Single Page Application)
• 35. کار با URL ها و پارامترهای آن‌ها
• 36. مبانی امنیت در توسعه وب Front-end
• 37. اصول بهینه‌سازی عملکرد صفحات وب
• 38. کار با Canvas API برای گرافیک
• 39. مقدمه‌ای بر Web Workers
• 40. اصول دسترسی‌پذیری (Accessibility) در وب
• 41. کار با SVG و انیمیشن‌ها
• 42. مبانی تست‌نویسی در JavaScript
• 43. تست واحد (Unit Testing)
• 44. تست یکپارچه‌سازی (Integration Testing)
• 45. مقدمه‌ای بر ابزارهای Build (مانند Webpack)
• 46. مدیریت پکیج‌ها با npm یا Yarn
• 47. کار با Sass/Less برای CSS پیشرفته
• 48. مقدمه‌ای بر TypeScript
• 49. انواع داده در TypeScript
• 50. کلاس‌ها و اینترفیس‌ها در TypeScript
• 51. توابع و ماژول‌ها در TypeScript
• 52. اصول طراحی الگوهای طراحی (Design Patterns)
• 53. الگوی Observer
• 54. الگوی Module
• 55. الگوی Factory
• 56. الگوی Singleton
• 57. الگوی Iterator
• 58. الگوی Strategy
• 59. الگوی Decorator
• 60. الگوی Adapter
• 61. الگوی Facade
• 62. الگوی Proxy
• 63. مبانی معماری MVC
• 64. اصول برنامه‌نویسی تابعی (Functional Programming)
• 65. توابع مرتبه بالا (Higher-Order Functions)
• 66. توابع خالص (Pure Functions)
• 67. Immutability در JavaScript
• 68. مبانی State Management
• 69. اصول طراحی API های RESTful
• 70. کار با WebSockets
• 71. مفاهیم SSR (Server-Side Rendering)
• 72. مفاهیم SSG (Static Site Generation)
• 73. مبانی Progressive Web Apps (PWA)
• 74. اصول طراحی رابط کاربری (UI)
• 75. اصول تجربه کاربری (UX)
• 76. مقدمه‌ای بر ابزارهای توسعه مرورگر
• 77. دیباگ کردن کد JavaScript
• 78. پروفایلینگ عملکرد با ابزارهای مرورگر
• 79. کار با Web Audio API
• 80. مقدمه‌ای بر WebGL
• 81. مبانی انیمیشن‌های CSS
• 82. انتقال و تبدیل در CSS
• 83. انیمیشن‌های کلیدی (Keyframes) در CSS
• 84. استفاده از انیمیشن‌ها در JavaScript
• 85. مدیریت دارایی‌ها (Assets) در پروژه‌های وب
• 86. اصول سازماندهی کد
• 87. استفاده از Linters و Formatters
• 88. مقدمه‌ای بر CI/CD برای Front-end
• 89. اصول مدیریت نسخه (Version Control) با Git
• 90. کار با GitHub/GitLab
• 91. مبانی حقوقی و مالکیت معنوی در توسعه نرم‌افزار
• 92. اصول اخلاقی در توسعه وب
• 93. ملاحظات امنیتی در کدنویسی Front-end
• 94. اهمیت مستندسازی کد
• 95. مقدمه‌ای بر ابزارهای تحلیل کد
• 96. مبانی SEO برای صفحات وب پویا
• 97. تکنیک‌های بهینه‌سازی تصاویر
• 98. مدیریت منابع (Resources) در وب
• 99. اصول طراحی پایدار و سبز در توسعه وب
• 100. مقدمه‌ای بر WebAssembly