آموزش جامع ReactJs

آموزش جامع ReactJs

آموزش جامع ReactJs

دوره آموزش ReactJs از مقدماتی تا پیشرفته

 

امروزه ReactJs به سرعت در حال تبدیل شدن به یک ابزار بسیار قدرتمند برای ساخت وب اپلیکیشن ها است و خیلی از معروفترین سایت ها از جمله فیسبوک , توییتر, نتفلیکس , یاهو , اینستاگرام و غیره همه در حال استفاده از این ابزار بسیار قدرتمند برای هرچه سریعتر و کارآمدتر کردن سایت و وب اپلیکیشن های خود هستند.
ری اکت برخلاف سایر رقبای خود که فریم ورک هستند یک کتابخانه جاوااسکریپت است پس نسبت به رقبای خود روند یادگیری کوتاه تری را دارد و یکی از بهترین ویژگی های ری اکت دادن قدرت انتخاب به توسعه دهندگان برای انتخاب ابزارهای مورد علاقه آنهاست برخلاف رقبای خود که توسعه دهندگان تنها باید از ابزارهای قرار داده شده استفاده کنند و در شرایطی با یک بروزرسانی کوچک باید اکثر مواردی که استفاده شده دوباره بعد یادگیری مجدد بازنویسی کنند.
ری اکت بسیار سریع و کارآمد و محبوبترین کتابخانه جاوااسکریپت می باشد به این معنی است که تعداد توسعه دهندگان بسیار زیادی دارد که این باعث می شود خیلی از ابزارهای مورد نیاز موجود باشد و مهمتر از همه هر سوالی که براتون پیش بیاد از قبل برای کسی پیش آمده و جوابش موجود هست.

در این دوره سعی میکنیم از صفر (مباحث پایه) شروع کنیم تا با ریتمی آهسته به همراه مثال و تمرینات به بخش های پیشرفته برسیم .این دوره دانشجو محور خواهد بود و تمامی نظرات شما دانشجویان عزیز درنظر گرفته می شود تا در کنار هم یک دوره کامل بسازیم.
این دوره طوری طراحی شده است که بعد از اتمام بتوانید بدون نیاز به آموزش های دیگر راه خودتان را برای ورود به بازار کار و حرفه ایی شدن پیدا کنید.

پیشنیازهای این دوره:
-آشنایی با Html و Css
-آشنایی با جاوااسکریپت


نکته : این دوره بروزرسانی دوره آموزش ReactJs می باشد و تمامی دانشجویانی که دوره قبلی را خریداری کرده اند می توانند به صورت رایگان به این دوره دسترسی داشته باشند.

توجه داشته باشید که تنها سوالات خود را در قسمت پرسش و پاسخ سایت مطرح کنید. به سوالات پرسیده شده در قسمت نظرات جواب داده نخواهد شد.

دانشجوی عزیز لطفا قبل از خرید به نکات زیر دقت کنید

جهت اطلاع از سرفصل های آموزشی حتما ویدئوی معرفی دوره را مشاهده کنید .

جلسات اول همه دوره های نقدی سایت تاپ لرن رایگان می باشند ، جهت بررسی کیفیت دوره ، صدا ، تصویر و فن بیان و تسلط استاد لطفا ابتدا جلسات رایگان را مشاهده کنید و سپس خرید انجام دهید

خرید این دوره

پیش نمایش


لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد .

لطفا به این دوره رای دهید

جهت اطلاع از دوره های جدید ، بروز رسانی دوره ها ، تخفیف ها ، عضو کانال تلگرام ما با آدرس Top_Learn@ شوید .

در کانال هدیه و تخفیف های خوبی برای دانشجویان عزیز قرار میدهیم .

مدت زمان دوره: 21:12:00
راهنما! برای دانلود با دانلود منیجر(IDM) بر روی این لینک کلیک کنید.

اگر در باز کردن فایل ها مشکل داشتید آخرین نسخه win rar را نصب کنید و با km player مشاهده کنید .

مقدمه و معرفی دوره

گرفتن بهترین نتیجه از این دوره

ساخت محیط کاری در سیستم عامل ویندوز

ساخت محیط کاری در سیستم عامل لینوکس

معرفی فصل

ری اکت و کامپوننت ها

ابزار create-react-app

ساخت اولین پروژه ری اکت

کامپوننتها

 

موارد غیرمجاز در JSX

• درباره فصل
• قدم های اول
• ساخت کامپوننتهای فرزند
• کامپوننتهای تابعی
• Props و داده های داینامیک
• توضیح و استفاده از State
• تغییر State و رویداد ها در ری اکت

• درباره فصل
• ساخت محیط کاری
• ساخت کامپوننتها و داده ها
• استایل و فونت ها
• رندر شدن شرطی
• کلید ها و پاک کردن کامپوننت از دام
• ویرایش کامپوننت در دام
• ساخت کامپوننت جدید در دام

• درباره فصل
• نصب و پیکربندی Bootstrap و Font Awesome
• استایل دهی پروژه توسط بوت استرپ بخش اول
• استایل دهی پروژه توسط بوت استرپ بخش دوم
• استایل دهی داینامیک در ری اکت
• استفاده از React-Bootstrap
• استفاده از React-Toastify

• درباره فصل
• Prop Drilling چیست و نحوه جلوگیری از آن
• توضیح و استفاده از ContextApi بخش اول
• توضیح و استفاده از ContextApi بخش دوم
• توضیح و استفاده از React Hooks

• درباره فصل
• استفاده از پکیج Radium
• استفاده از Css Modules 
• تبدیل قالبهای آماده Html  و  Cssبه ری اکت

• نحوه کارکرد و رندر کامپوننت ها در Dom اصلی
• راهکاری بهتر برای ساختار دهی پروژه
• چرخه حیات ساخت کامپوننت و استفاده از componentDidMount
• چرخه حیات بروزرسانی کامپوننت و استفاده از componentDidUpdate
• تمیزکاری بعد از حذف کامپوننت توسط componentWillUnmount
• چرخه حیات در کامپوننتهای تابعی با استفاده از React Hooks useEffect
• نحوه جلوگیری از رندر اضافی توسط React.memo و PureComponent

• درباره فصل
• کامپوننت های مرتبه بالا و انواع آن
• استفاده از PropTypes برای اعتبارسنجی Propها
• نحوه استفاده از Ref

• ساخت و توضیح اپلیکیشن کارهای روزمره
• آموزش و پیاده سازی Global State برای ساختار دهی پروژه
• آموزش کنترل مسیرها توسط react-router
• ساخت Navbar و استفاده از Link و NavLink

• درباره فصل
• تبدیل صفحه اصلی تاپلرن
• ساختاربندی کامپوننت ها
• توضیح و استفاده از Layoutها
• تبدیل بخش ورود و Routing
• تبدیل بخش ثبت نام

• درباره فصل
• مدیریت داده های ورودی از فرم
• نصب و نحوه استفاده از axios
• پیکربندی بهینه axios
• بخش ورود به سایت و استفاده از Localstorage
• اعتبارسنجی فرم ها توسط Simple React Validator
• نحوه استفاده از Preloaders در React
• نصب و استفاده از React Helmet برای عنوان و کلمات کلیدی
• نصب و راه اندازی سرور به صورت آفلاین

• Redux چیست و چرا باید ازRedux  استفاده کنیم؟
• Redux مقدماتی  به همراه مثال
• ساختار بهینه در Redux به همراه مثال
• تبدیل مدیریت کننده اشخاص به Redux و استفاده از redux-thunk
• تبدیل مدیریت کننده اشخاص به Redux بخش دوم

• نحوه استفاده صحیح جی کوئری در React
• استفاده به صورت کامپوننت مجزا
• حل مشکل منوها در پروژه تاپلرن

• ساختار ریداکس
• نمایش دوره ها در صفحه اصلی
• نمایش دوره ها به همراه صفحه بندی
• نمایش اطلاعات دوره 
• بررسی انقضاء توکن و Logout
• ویرایش TopNav و پروفایل کاربر به همراه ایمن سازی مسیرها
• استفاده از Postman برای ساخت دوره جدید در سرور آفلاین

در این قسمت خواهیم دید که به چه صورت با استفاده از ContextApi در پروژه های Redux می توانیم ساختار بهتری داشته باشیم تا از تکرار مجدد جلوگیری کنیم.

در این قسمت به نحوه استفاده از React Redux Loading Bar خواهیم پرداخت که یک کامپوننت عالی برای داشتن یک Preloader خوب هست.

در این قسمت به نحوه استفاده از React Image خواهیم پرداخت تا نه تنها Loader برای عکس ها به نمایش بزاریم بلکه توانایی تعریف یک عکس دیگر در صورت بروز مشکل در دانلود تصویر اصلی را نیز دارد.

در این قسمت به نحوه ساخت صفحه Not Found در React خواهیم پرداخت و نحوه اعتبار سنجی شناسه دوره در کامپوننت SingleCourse را نیز مورد بررسی قرار خواهیم داد.

در این قسمت به نحوه ساخت داشبورد مدیریت برای ساخت دوره و ... خواهیم پرداخت و مهمتر از همه نحوه صحیح ساخت ساختار Private Layout را نیز فرا خواهیم گرفت.

در این قسمت به نحوه ساخت جدول دوره ها می پردازیم تا تمامی دوره های درون Store را به نمایش بزاریم به همراه ساخت دوره جدید ، ویرایش و حذف.

در این قسمت به نحوه ساخت دیالوگ ها توسط Reach Ui می پردازیم و یک دیالوگ برای ساخت دوره جدید در کنار جدول دوره ها خواهیم ساخت.

برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.