در این دوره به ری اکت مدرن، از مبتدی تا پیشرفته تسلط پیدا کرده و مباحثی مانند Context API و React Query، ریداکس، Tailwind و الگوهای پیشرفته را بررسی می کنید.
آنچه یاد خواهید گرفت
به توسعه دهنده پیشرفته، با اعتماد به نفس و مدرن ری اکت از ابتدا تبدیل می شوید.
بیش از 8 پروژه زیبا، از جمله یک اپلیکیشن حرفه ای بزرگ واقعی می سازید.
از طریق کار با کتابخانه ها و ابزارهای مورد استفاده در پروژه های حرفه ای برای کار آماده می شوید.
به بیش از 1.800.000 دانشجوی شاد این مدرس در این مسیر می پیوندید.
با الگوهای طراحی پیشرفته مانند مهندس باتجربه ری اکت فکر می کنید.
مسیریاب اپلیکیشن Next..js با کامپوننت های پیشرفته سرور ری اکت + اکشن های سرور
مدیریت state - تفکر درباره state، محل قرار دادن آن، state محلی در مقابل گلوبال، رابط کاربری state در مقابل state راه دور
کامپوننت های قابل استفاده مجدد، قابل کامپوز کردن و تطبیق پذیر می سازید.
به هوک گیج کننده اما مهم useEffect یکبار برای همیشه مسلط پیدا می شوید.
هوک های مختلف سفارشی می سازید که در پروژه های آینده قابل استفاده مجدد باشند.
اپلیکیشن های تک صفحه ای با React Router (شامل نسخه +6.4 و بارگذاری داده) می سازید.
بهینه سازی عملکرد با memo ،useMemo ،useCallback و تقسیم کد
ویژگی های پیشرفته ری اکت - useReducer ،Context API ،cloneElement پورتال ها و غیره
مدیریت پیشرفته state با ریداکس، جعبه ابزار ریداکس، Thunks و React Query
ساخت ویژگی های اپلیکیشن واقعی - احراز هویت، مرتب سازی داده، فیلترینگ، صفحه بندی، dark mode، نمودارها و غیره
درک پشت صحنه نحوه کارکرد دقیق ری اکت - DOM مجازی، reconciliation ،fiber tree و key prop و غیره
به اپلیکیشن های خود با Tailwind CSS، ماژول های CSS و Styled Components (CSS-in-JS) استایل می دهید.
مهارت های خود را با کمک چالش ها، تمرین ها و پروژه های تمرینی مختلف تمرین می کنید.
پیش نیازهای دوره
تجربه ای در ری اکت لازم نیست. ما شما را از مبتدی تا متخصص راهنمایی می کنیم.
درک اولیه جاوا اسکریپت مورد نیاز است. (این دوره شامل بخش بررسی سریع جاوا اسکریپت است)
هر کامپیوتر و سیستم عاملی که کار می کند - ویندوز، سیستم عامل مک یا لینوکس
توضیحات دوره
این دوره با محتوای Next.js در می 2024 بروزرسانی شده است.
این دوره دارای رویکرد تمرینی سنگین برای تسلط به ری اکت با ساخت اپلیکیشن های پالیش شده، بک آپ گیری شده توسط نمودارها، تئوری و بررسی نحوه عملکرد ری اکت در under the hood است.
این پکیج همه کاره شما را از صفر به درک واقعی ری اکت و ساخت وب اپلیکیشن های مدرن، قدرتمند و حرفه ای می رساند.
دوره دارای پروژه های واقعی، توضیحات دقیق و اپلیکیشن واقعی ری اکت است.
چرا این دوره ری اکت برای شما مناسب است؟
این عمیق ترین دوره ری اکت در یودمی است و اساساً با سایر دوره ها متفاوت است. زیرا:
شامل بزرگ ترین و حرفه ای ترین پروژه ای است که در آن بسیاری از ویژگی های رایج اپلیکیشن را پیاده سازی خواهید کرد. (ویدئو تبلیغاتی را مشاهده کنید!)
تمام مفاهیم مهم را با جزئیات کامل و نمودارهای متحرک و دقیق توضیح می دهد.
تمرکز بزرگی روی «چگونه به روش ری اکت فکر کنیم؟» و بهترین شیوه های مدرن دارد.
شامل یک بخش طولانی برای بررسی پشت صحنه نحوه کارکرد دقیق ری اکت است که به شما اعتماد به نفس می بخشد تا به تنهایی بتوانید به طور موثر از ری اکت استفاده کنید.
بررسی الگوهای طراحی پیشرفته مانند کامپوننت های مرکب به شما کمک می کند تا مانند مهندس باتجربه ری اکت فکر کنید.
دارای بخش های زیادی (16 ساعت) در Next.js با مسیریاب اپلیکیشن مدرن (با کامپوننت های سرور ری اکت و اکشن های سرور)
شما علاوه بر خود کتابخانه ری اکت، مباحث دیگر مانند React Router، ریداکس، جعبه ابزار ریداکس، React Query و React Hook Form و Styled Components و Tailwind CSS و Next.js و موارد دیگر را می آموزید.
نحوه برنامه ریزی، ساخت و استقرار پروژه های حرفه ای این گونه است! این دوره حتی از ابزارهای استاندارد صنعت مانند Supabase (بک اند تمام عیار)، گیت هاب، Netlify و Vercel نیز استفاده می کند.
همان طور که انتظار دارید، این دوره %100 پروژه محور است. بنابراین، در طول دوره، شما ساخت پورتفولیوی خود را با بیش از 8 اپلیکیشن زیبا و با کیفیت ری اکت شروع خواهید کرد که هر کدام از آن ها چندین مهارتی که یاد خواهید گرفت را نشان می دهند.
در پایان دوره دانش و اعتماد به نفس لازم را در اختیار خواهید داشت تا در مصاحبه های شغلی خود عالی باشید و به توسعه دهنده حرفه ای ری اکت تبدیل شوید که شرکت ها به دنبال آن هستند.
جزئیات تحت پوشش این دوره عبارتند از:
اصول ری اکت [چرا به ری اکت نیاز داریم؟ - کامپوننت ها، JSX ،props، رویدادها، فرم ها، state و props در مقابل state
چگونه درباره state فکر کنیم؟ [state را کجا قرار دهیم؟، دستورالعمل ها، ارتقای state و state محلی در مقابل گلوبال، رابط کاربری در مقابل state راه دور
چگونه درباره کامپوننت ها فکر کنیم؟ [چگونه کامپوننت ها را تقسیم کنیم؟، props به عنوان API، چگونه کامپوننت های قابل استفاده مجدد و قابل کامپوز کردن بسازیم؟ و prop فرزند]
بررسی عمیق افکت ها و useEffect [واکشی داده، چرخه عمر در مقابل همزمان سازی، چه زمانی از افکت ها استفاده کنیم؟ - افکت ها در مقابل هندلرهای رویداد]
بررسی عمیق هوک ها [قوانین هوک ها، هوک ها چگونه کار می کنند؟، useRef و ساخت هوک های قابل استفاده مجدد و سفارشی]
بهینه سازی عملکرد [رندرهای خراب، memoization با useMemo ،memo و useCallback، بهینه سازی Context API، تقسیم کد و Suspense]
مدیریت پیشرفته state [Context API، ریداکس، جعبه ابزار ریداکس ،Thunks ،React Query و هوک useReducer]
ساخت اپلیکیشن های تک صفحه ای (SPA) [Vite، مسیریابی با React Router، پارامترهای URL و رشته های کوئری برای مدیریت state و لودرهای داده و اکشن ها (نسخه +6.4)]
ساخت ویژگی های واقعی موجود در بسیاری از اپلیکیشن ها [احراز هویت و مجوز، مرتب سازی داده، فیلترینگ و صفحه بندی، dark mode، داشبورد با نمودارها و غیره]
ساخت بک اند خود با یک پایگاه داده و API با استفاده از Supabase [قدرت ساخت اپلیکیشن های فول استک را به تنهایی بدست می آورید.]
چگونه اپلیکیشن های ری اکت را استایل دهی کنیم؟ - [Tailwind CSS، ماژول های CSS و Styled Components
الگوهای پیشرفته ری اکت مورد استفاده توسعه دهندگان باتجربه [Render Props، کامپوننت های مرتبه بالاتر و کامپوننت های مرکب (برای ساخت یک مودال، منوی کانتکس و غیره]
ری اکت در پشت صحنه چگونه کار می کند؟ [رندرینگ، DOM مجازی، reconciliation و fiber tree و key prop و رویدادها، state batching و غیره]
Next.js با مسیریاب «اپلیکیشن»، کامپوننت های سرور ری اکت و اکشن های سرور [رندرینگ سمت سرور، رندرینگ استاتیک در مقابل پویا، مدیریت state بین سرور و کلاینت، استراتژی های بارگذاری داده، استریمینگ، کش کردن، بهینه سازی تصویر و فونت، احراز هویت با NextAuth، هوک های مدرن ری اکت (useFormState و useOptimistic)]
با شرکت در دوره همچنین موارد زیر را دریافت خواهید کرد:
ویدئوهای بروزرسانی شده با کیفیت HD، که جستجو و ارجاع دهی آن ها آسان است (برای یادگیرندگان کسب و کار در یودمی عالی است.)
اسلایدهای قابل دانلود در فرمت PDF برای بیش از 60 ویدئو و تئوری
کپشن های حرفه ای انگلیسی (به طور خودکار تولید نمی شوند.)
دارایی های قابل دانلود و کد استارتر و نهایی برای هر پروژه
بیش از 10 چالش و تمرین برای تمرین مهارت ها (شامل راه حل ها)