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

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

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

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

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

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

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

• 1. مقدمه‌ای بر توسعه وب فرانت‌اند
• 2. HTML: مبانی و ساختار صفحات وب
• 3. تگ‌های HTML: معرفی و کاربردها
• 4. عناصر بلوکی و اینلاینی در HTML
• 5. فرم‌ها و ورودی‌های HTML
• 6. تصاویر و چندرسانه‌ای در HTML
• 7. CSS: اصول و قواعد استایل‌دهی
• 8. انتخابگرهای CSS: ID، Class، Element
• 9. مدل جعبه‌ای (Box Model) در CSS
• 10. طراحی واکنش‌گرا (Responsive Design) با CSS
• 11. فونت‌ها و متن‌ها در CSS
• 12. رنگ‌ها و پس‌زمینه‌ها در CSS
• 13. آرایش‌بندی عناصر با Flexbox
• 14. آرایش‌بندی عناصر با Grid
• 15. JavaScript: مبانی و دستورات اولیه
• 16. متغیرها و انواع داده در JavaScript
• 17. عملگرها و عبارات در JavaScript
• 18. شرط‌ها و حلقه‌ها در JavaScript
• 19. توابع در JavaScript
• 20. DOM (Document Object Model): معرفی و کار با عناصر
• 21. دستکاری محتوای صفحات با JavaScript
• 22. رویدادها (Events) در JavaScript
• 23. کار با فرم‌ها و اعتبارسنجی داده‌ها با JavaScript
• 24. آشنایی با کتابخانه‌های JavaScript: jQuery
• 25. آشنایی با فریم‌ورک‌های JavaScript: React
• 26. آشنایی با فریم‌ورک‌های JavaScript: Vue.js
• 27. آشنایی با فریم‌ورک‌های JavaScript: Angular
• 28. ساخت یک وب‌سایت ساده با HTML، CSS و JavaScript
• 29. طراحی و پیاده‌سازی یک فرم تماس
• 30. ایجاد یک گالری تصاویر با JavaScript
• 31. ساخت یک منوی ناوبری واکنش‌گرا
• 32. آشنایی با ابزارهای توسعه‌دهنده مرورگر
• 33. عیب‌یابی و رفع اشکال در کد
• 34. بهینه‌سازی عملکرد وب‌سایت
• 35. آشنایی با مفاهیم SEO (بهینه‌سازی موتور جستجو)
• 36. استفاده از Git و GitHub برای مدیریت پروژه
• 37. آشنایی با سیستم‌های کنترل نسخه (Version Control)
• 38. مقدمه‌ای بر طراحی UI/UX
• 39. طراحی تجربه کاربری (UX)
• 40. طراحی رابط کاربری (UI)
• 41. آشنایی با ابزارهای طراحی UI/UX
• 42. استفاده از CSS Frameworks: Bootstrap
• 43. استفاده از CSS Frameworks: Tailwind CSS
• 44. آشنایی با Webpack و Bundlers
• 45. آشنایی با Babel و Transpilers
• 46. مقدمه‌ای بر Accessibility (دسترسی‌پذیری وب)
• 47. آشنایی با ARIA attributes
• 48. آشنایی با تست‌نویسی (Testing) در فرانت‌اند
• 49. آشنایی با انواع تست‌ها: Unit، Integration، E2E
• 50. پیاده‌سازی یک اسلایدر با JavaScript
• 51. ساخت یک تقویم با JavaScript
• 52. طراحی و پیاده‌سازی یک وبلاگ ساده
• 53. آشنایی با REST APIs و دریافت داده
• 54. نمایش داده‌های API در وب‌سایت
• 55. ساخت یک برنامه To-Do List با JavaScript
• 56. آشنایی با Local Storage و Session Storage
• 57. ساخت یک ماشین حساب ساده با JavaScript
• 58. آشنایی با Async/Await در JavaScript
• 59. آشنایی با Promises در JavaScript
• 60. آشنایی با Fetch API
• 61. آشنایی با WebSockets
• 62. استفاده از Web Animations API
• 63. مقدمه‌ای بر Progressive Web Apps (PWAs)
• 64. ساخت یک PWA ساده
• 65. آشنایی با Service Workers
• 66. بهینه‌سازی تصاویر برای وب
• 67. آشنایی با ابزارهای بهینه‌سازی تصاویر
• 68. امنیت در فرانت‌اند
• 69. جلوگیری از حملات XSS
• 70. جلوگیری از حملات CSRF
• 71. آشنایی با Content Security Policy (CSP)
• 72. آشنایی با مفاهیم Server-Side Rendering (SSR)
• 73. آشنایی با Next.js
• 74. آشنایی با Nuxt.js
• 75. آشنایی با Svelte
• 76. آشنایی با TypeScript
• 77. استفاده از Webpack Dev Server
• 78. آشنایی با Docker و Containerization
• 79. استفاده از CI/CD برای فرانت‌اند
• 80. آشنایی با Performance Monitoring Tools
• 81. آشنایی با Lighthouse
• 82. آشنایی با PageSpeed Insights
• 83. آشنایی با Core Web Vitals
• 84. آشنایی با ابزارهای بررسی Accessibility
• 85. آشنایی با axe DevTools
• 86. آشنایی با WAVE Evaluation Tool
• 87. آشنایی با Chrome DevTools Accessibility Tab
• 88. آشنایی با مفاهیم Progressive Enhancement
• 89. آشنایی با Graceful Degradation
• 90. آشنایی با Semantic HTML
• 91. آشنایی با Micro Frontends
• 92. آشنایی با Web Components
• 93. آشنایی با Shadow DOM
• 94. آشنایی با Custom Elements
• 95. آشنایی با ES Modules
• 96. آشنایی با JavaScript Bundlers: Parcel
• 97. آشنایی با JavaScript Bundlers: Rollup
• 98. آشنایی با Static Site Generators (SSGs)
• 99. آشنایی با Gatsby
• 100. آشنایی با Hugo