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

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

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

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

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

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

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

• 1. مقدمه‌ای بر وب و نحوه کارکرد مرورگرها
• 2. ساختار اصلی HTML5 و عناصر معنایی
• 3. فرم‌ها و اعتبارسنجی سمت کلاینت
• 4. عناصر چندرسانه‌ای: تصویر، ویدئو، صدا
• 5. SVG و Canvas برای گرافیک وب
• 6. مقدمه CSS3: انتخاب‌گرها، واحدها، مدل جعبه
• 7. Flexbox: چیدمان انعطاف‌پذیر
• 8. Grid Layout: شبکه‌های دو‌بعدی پیشرفته
• 9. Responsive Design و Media Queries
• 10. CSS Variables، Custom Properties و طراحی سیستم‌های طراحی
• 11. انیمیشن و Transition در CSS
• 12. پیش‌پردازنده‌های CSS: Sass/SCSS مقدماتی
• 13. معماری BEM و روش‌های نام‌گذاری کلاس
• 14. بهینه‌سازی و Minify کردن CSS
• 15. مقدمه JavaScript ES6+: متغیرها، توابع، Arrow Functions
• 16. اشیاء، آرایه‌ها و متدهای پیشرفته
• 17. دستورهای کنترلی، حلقه‌ها و Scope
• 18. DOM Manipulation و رویدادها
• 19. Async JavaScript: Promise، async/await، Fetch API
• 20. ماژول‌ها در JavaScript (ES Modules)
• 21. Web Storage: localStorage، sessionStorage، IndexedDB
• 22. Error Handling و Debugging در مرورگر
• 23. مقدمه TypeScript برای توسعه بزرگ‌مقیاس
• 24. ابزارهای Build: Webpack، Vite، Parcel
• 25. Linting و Formatting با ESLint و Prettier
• 26. تست واحد با Jest و React Testing Library
• 27. مقدمه React: کامپوننت‌ها، JSX، Props
• 28. State Management با useState و useReducer
• 29. Hooks پیشرفته: useEffect، useContext، useMemo، useCallback
• 30. Context API و Global State
• 31. React Router v6: مسیریابی SPA
• 32. Form Handling با React Hook Form و Yup
• 33. UI Libraries: Material UI، Tailwind CSS، Chakra UI
• 34. State Management با Redux Toolkit
• 35. Server State با React Query (TanStack Query)
• 36. Authentication: JWT، OAuth، Firebase Auth
• 37. Performance Optimization: Code Splitting، Lazy Loading، Memoization
• 38. Accessibility (a11y) در React
• 39. Internationalization (i18n) با react-i18next
• 40. Testing React Components: Unit، Integration، E2E با Cypress
• 41. Storybook برای توسعه کامپوننت‌های جدا
• 42. Deployment: Vercel، Netlify، Docker، CI/CD با GitHub Actions
• 43. SEO برای SPA: Next.js مقدماتی
• 44. Next.js: Pages، App Router، Server Components
• 45. Data Fetching در Next.js: getServerSideProps، getStaticProps
• 46. API Routes و Middleware در Next.js
• 47. Image Optimization و Font Optimization در Next.js
• 48. Authentication در Next.js با NextAuth.js
• 49. Database Integration: Prisma ORM با PostgreSQL
• 50. Real-time با WebSocket و Socket.io
• 51. Progressive Web App (PWA) با Workbox
• 52. Micro Frontends: مفاهیم و پیاده‌سازی با Module Federation
• 53. Monorepo Management با Nx یا Turborepo
• 54. GraphQL Basics و Apollo Client در React
• 55. State Management پیشرفته: Recoil، Zustand، Jotai
• 56. Design Systems و Component Library Publishing
• 57. Performance Monitoring: Web Vitals، Lighthouse CI
• 58. Security Best Practices: CSP، XSS، CSRF
• 59. Accessibility Testing Automation
• 60. Internationalization در Next.js
• 61. Advanced CSS: Container Queries، Cascade Layers
• 62. WebAssembly مقدماتی برای وب
• 63. Edge Computing و Serverless Functions
• 64. Final Project: ساخت یک اپلیکیشن کامل Full-Stack با React/Next.js