جامع ترین دوره React و Redux ، Next.js و مباحث بیشتر با ساخت 10 پروژه فوق العاده
این دوره را پس از گذراندن دوره پرفروش شماره ۱ جاوا اسکریپت من (با بیش از ۹۰۰,۰۰۰ دانشجو) بگذرانید.
به تازگی ۱۶ ساعت محتوای آموزشی اضافه (Bonus) در مورد Next.js اضافه شد!
در سال ۲۰۲۴، ریکت (React) همچنان مهارت شماره ۱ برای یادگیری است اگر می‌خواهید به یک توسعه‌دهنده موفق فرانت‌اند (Front-end) تبدیل شوید!
اما یادگیری آن می‌تواند دشوار باشد. بخش‌های متغیر بسیار، کتابخانه‌های گوناگون و آموزش‌های بی‌شماری وجود دارند.
به همین دلیل است که اینجا هستید... و به جای درستی آمده‌اید! این دوره، جامع‌ترین و نهایی‌ترین آموزش React برای سال ۲۰۲۴ و فراتر از آن است.
یک رویکرد کاملاً عملی برای تسلط بر React از طریق ساخت اپلیکیشن‌های حرفه‌ای، که با نمودارها، مباحث تئوری و بررسی عمیق ساختار درونی (under the hood) ریکت پشتیبانی می‌شود.
یک پکیج همه‌چیز‌تمام که شما را از سطح صفر به درک واقعی React و ساخت اپلیکیشن‌های وب مدرن، قدرتمند و حرفه‌ای می‌رساند.
پروژه‌های واقعی. توضیحات واقعی. React واقعی.
[۰۱] چرا این دوره React برای شما مناسب است؟
این حماسی‌ترین و برترین دوره React (و Next.js) در یودمی (Udemy) است و از اساس با تمامی دوره‌های دیگر تفاوت دارد. دلایل آن عبارتند از:
- شامل بزرگترین و حرفه‌ای‌ترین پروژه‌ای است که در آن بسیاری از ویژگی‌های رایج اپلیکیشن‌ها را پیاده‌سازی می‌کنیم (ویدیوی معرفی را ببینید!).
- توضیحات فوق‌العاده دقیق برای تمامی مفاهیم مهم به همراه نمودارهای متحرک و با دقت طراحی‌شده.
- تمرکز بسیار زیاد بر روی «نحوه تفکر در React» و بهترین شیوه‌های مدرن (best practices).
- یک بخش طولانی که نحوه عملکرد واقعی React در پشت صحنه را بررسی می‌کند و به شما اعتماد به نفس می‌دهد تا به تنهایی و به شکلی مؤثر از آن استفاده کنید.
- الگوهای طراحی پیشرفته (Design Patterns) مانند Compound Components باعث می‌شود مانند یک مهندس ارشد React فکر کنید.
- بخش‌های متعدد (۱۶ ساعت!) در مورد Next.js با App Router مدرن (همراه با React Server Components و Server Actions).
و این‌ها تنها بخش‌های برجسته بودند! لیست کامل زیر (به همراه ویدیوی معرفی و سرفصل‌ها) را بررسی کنید. همچنین، اشتباه نکنید: منظور از «دوره React» در واقع «دوره توسعه فرانت‌اند با React و کتابخانه‌های مدرن» است.
درست است، علاوه بر خود کتابخانه React، شما تمامی این موارد را یاد گرفته و بر آن‌ها مسلط خواهید شد: React Router، Redux، Redux Toolkit، React Query، React Hook Form، Styled Components، Tailwind CSS، Next.js و موارد دیگر.
این همان روشی است که ما پروژه‌های حرفه‌ای را برنامه‌ریزی، ساخته و مستقر (Deploy) می‌کنیم! ما حتی از ابزارهای استاندارد صنعت مانند Supabase (یک بک‌اند کامل)، GitHub، Netlify و Vercel استفاده می‌کنیم.
همان‌طور که انتظار دارید، این دوره ۱۰۰٪ پروژه‌محور است. بنابراین در طول دوره، شروع به ساخت نمونه‌کارهای (Portfolio) خود شامل بیش از ۱۰ اپلیکیشن زیبا و باکیفیت React خواهید کرد، که هر کدام نمایانگر چند مورد از مهارت‌های جدیدی است که می‌آموزید.
در پایان دوره، تمامی دانش و اعتماد به نفس لازم برای موفقیت در مصاحبه‌های شغلی و تبدیل شدن به یک توسعه‌دهنده حرفه‌ای React که شرکت‌ها به دنبال آن هستند را به دست خواهید آورد.
[۰۲] چرا من مدرس مناسبی برای یادگیری شما هستم؟
نام من جوناس (Jonas) است، من یک توسعه‌دهنده و طراح وب باتجربه و یکی از برترین مدرسان یودمی هستم. من از سال ۲۰۱۵ دوره‌های توسعه وب را به بیش از ۱,۹۰۰,۰۰۰ توسعه‌دهنده آموزش داده‌ام، بنابراین دقیقاً می‌دانم دانشجویان چگونه یاد می‌گیرند و برای تسلط بر هر موضوعی چه چیزی لازم است.
با در نظر گرفتن این موضوع، من سرفصل‌های ایده‌آلی برای این دوره طراحی کردم: ترکیبی منحصربه‌فرد از پروژه‌های دنیای واقعی، توضیحات عمیق و جلسات تئوری، تا شما را در عرض تنها چند هفته به یک توسعه‌دهنده با اعتماد به نفس React و Next.js تبدیل کنم.
آیا آماده‌اید تا به یک توسعه‌دهنده مستقل و مطمئن در React و Next.js تبدیل شوید که توانایی بالایی در ساخت اپلیکیشن‌های خود دارد؟ پس دیگر منتظر نمانید و سفر یادگیری React خود را از همین امروز آغاز کنید!
[۰۳] هنوز مطمئن نیستید؟ در اینجا تمام جزئیات تخصصی مطالبی که پوشش خواهیم داد آورده شده است:
- اصول پایه React [چرا اصلاً به React نیاز داریم، کامپوننت‌ها (components)، مبحث JSX، پراپ‌ها (props)، رویدادها (events)، فرم‌ها، State و مقایسه props با state]
- نحوه تفکر درباره State [محل قرارگیری State، دستورالعمل‌ها، انتقال State به بالا (lifting state up)، State محلی در برابر سراسری (local vs. global)، UI State در برابر Remote State]
- نحوه تفکر درباره کامپوننت‌ها [چگونگی تقسیم کامپوننت‌ها، پراپ‌ها به عنوان API، نحوه ساخت کامپوننت‌های قابل استفاده مجدد و ترکیبی (composable)، پراپ children]
- بررسی عمیق Effects و useEffect [دریافت داده (data fetching)، چرخه حیات (lifecycle) در برابر همگام‌سازی (synchronization)، زمان استفاده از effects و مقایسه effects با event handlers]
- بررسی عمیق هوک‌ها (Hooks) [قوانین هوک‌ها، نحوه عملکرد آن‌ها، useRef، و ساخت هوک‌های سفارشی (custom hooks) بسیار کاربردی]
- بهینه‌سازی عملکرد (Performance Optimization) [رندرهای بیهوده (wasted renders)، مموایزیشن (memoization) با memo، useMemo و useCallback، بهینه‌سازی Context API، و مبحث Code Splitting به همراه Suspense]
- مدیریت State پیشرفته [هوک useReducer، ابزار Context API، کتابخانه‌های Redux، Redux Toolkit، مبحث Thunks و React Query]
- ساخت اپلیکیشن‌های تک‌صفحه‌ای (SPA) [استفاده از Vite، مسیریابی با React Router، پارامترهای URL و query strings برای مدیریت State، و data loaders و actions در نسخه ۶.۴ به بالا]
- ساخت ویژگی‌های واقعی موجود در بسیاری از اپلیکیشن‌ها [احراز هویت و سطح دسترسی (authentication & authorization)،
- مرتب‌سازی، فیلتر کردن و صفحه‌بندی داده‌ها، حالت تاریک (dark mode)، داشبورد همراه با نمودار و غیره]
- ایجاد بک‌اند اختصاصی خود با دیتابیس و API با استفاده از Supabase [قدرت ساخت اپلیکیشن‌های فول‌استک (full-stack) به تنهایی را به دست آورید!]
- نحوه استایل‌دهی در اپلیکیشن‌های React [ابزارهای Tailwind CSS، CSS Modules و Styled Components]
- الگوهای پیشرفته React که توسط توسعه‌دهندگان ارشد استفاده می‌شوند [Render props، کامپوننت‌های مرتبه بالاتر (HOC)، و Compound components (برای ساخت مودال، منوی کانتکست و موارد دیگر)]
- نحوه عملکرد React در پشت صحنه [فرآیند رندرینگ (rendering)، مبحث Virtual DOM، فرآیند تطبیق (reconciliation)، ساختار Fiber tree، پراپ key، رویدادها، State batching و غیره]
- آموزش Next.js با App Router، کامپوننت‌های سمت سرور (React Server Components) و Server Actions [رندر سمت سرور (SSR)،
- رندر استاتیک در برابر داینامیک، مدیریت State بین سرور و کلاینت، استراتژی‌های بارگذاری داده، Streaming، کشینگ (Caching)،
- بهینه‌سازی تصویر و فونت، احراز هویت با NextAuth، و هوک‌های مدرن React (مانند useFormState و useOptimistic)]
[۰۴] با ثبت‌نام در امروز، شما موارد زیر را نیز دریافت خواهید کرد:
- ویدیوهای به‌روز با کیفیت HD که جستجو و ارجاع به آن‌ها آسان است (عالی برای زبان‌آموزان Udemy Business).
- فایل PDF اسلایدهای قابل دانلود برای بیش از ۷۰ ویدیوی تئوری (قول می‌دهم خسته‌کننده نباشد!).
- زیرنویس فارسی حرفه‌ای
- فایل‌های ضمیمه، کد اولیه (starter) و کد نهایی قابل دانلود برای هر پروژه.
- بیش از ۱۰ چالش و تمرین برای تمرین مهارت‌های شما (به همراه راه‌حل‌ها).
این دوره برای چه کسانی مناسب است:
- شما به تازگی یادگیری جاوا اسکریپت را به پایان رسانده‌اید و به دنبال قدم بعدی خود هستید!
- شما می‌خواهید به طور واقعی بر توسعه React مسلط شوید، از جمله کتابخانه‌های رایج مورد نیاز برای ساخت اپلیکیشن‌های دنیای واقعی: React Router، Redux، React Query، Next.js و بسیاری دیگر.
- شما در حال یادگیری React بوده‌اید، اما ۱) هنوز React را درک نکرده‌اید، یا ۲) هنوز برای ساخت اپلیکیشن‌های حرفه‌ای React احساس اطمینان نمی‌کنید.
- شما اپلیکیشن‌های React ساخته‌اید، اما هنوز در مباحث پیشرفته ضعف دارید: useReducer، بهینه‌سازی عملکرد، نحوه عملکرد واقعی React، الگوهای طراحی پیشرفته و غیره.
