
دوره آموزش فرانت اند با React یک دوره تخصصی است که به شما آموزش می دهد چگونه وب سایت ها و وب اپلیکیشن های پویا و تعامل پذیر بسازید. React یکی از محبوب ترین و قدرتمندترین کتابخانه های جاوااسکریپت است که توسط Facebook توسعه داده شده و برای ساخت رابط های کاربری پیچیده و سریع مورد استفاده قرار می گیرد. در این دوره، شما از مفاهیم ابتدایی تا پیشرفته React را یاد خواهید گرفت و مهارت های لازم برای ساخت پروژه های کاربردی و جذاب را به دست خواهید آورد.
با کد تخفیف unixic در این دوره با 10 درصد تخفیف ثبت نام نمایید. یعنی: بخش 1: مقدمه و مفاهیم پایه
- آشنایی با فرانت اند و فریمورک های مدرن
- معرفی React و Next.js و تفاوت های آن ها
- نصب و راهاندازی محیط توسعه (Node.js، npm، yarn، VS Code)
- معرفی JSX و نحوه استفاده از آن
- ساختار کامپوننت ها و Props
- مدیریت State در React
- رویدادها و مدیریت آن ها در React
- کار با لیست ها و رندر شرطی
- استفاده از useEffect و useState
- Context API و مدیریت وضعیت سراسری
- مدیریت فرم ها در React
- استفاده از کتابخانه های استایل دهی (CSS Modules, Tailwind, Styled Components)
- کار با React Router برای مسیریابی
بخش 2: Next.js
- مزایای Next.js نسبت به React
- ساختار پروژه در Next.js
- تفاوت بین SSR (Server Side Rendering) و SSG (Static Site Generation)
- کار با API Routes در Next.js
- نحوه ایجاد Layout های مشترک در صفحات
بخش 3: مدیریت داده ها و تعامل با API ها
- دریافت و ارسال داده با Fetch و Axios
- استفاده از SWR برای فچینگ بهینه داده ها
- کار با GraphQL و Apollo Client
- بهینه سازی API calls در Next.js
بخش 4: احراز هویت و مدیریت کاربران
- روش های احراز هویت (JWT, OAuth, NextAuth)
- ایجاد سیستم لاگین و ثبت نام در Next.js
- مدیریت کاربران با Context و State Management
بخش 5: بهینه سازی و بهبود عملکرد
- بهینه سازی تصاویر در Next.js
- Lazy Loading و Code Splitting
- بهینه سازی SEO در Next.js
- بهینه سازی Performance و Core Web Vitals
بخش 6: تست نویسی و دیباگینگ
- معرفی ابزارهای تست در React (Jest, React Testing Library)
- نوشتن تست های واحد و یکپارچه
- استفاده از DevTools برای دیباگ کد
بخش 7: پروژه عملی و انتشار
- طراحی و پیاده سازی یک پروژه واقعی
- استفاده از Git و GitHub برای مدیریت پروژه
- استقرار پروژه روی Vercel یا Netlify
- بهینه سازی نهایی و بررسی Best Practices
مشاهده بیشتر
نظرات
لطفا برای ارسال یا مشاهده تیکت به حساب خود وارد شوید
دیدگاهها
هیچ دیدگاهی برای این محصول نوشته نشده است.