آموزش React.js

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است

جهت ثبت نام در دوره لطفا تماس بگیرید

4.000.000 تومان

توضیحات

مدت زمان دوره : 2 ماه و نیم
نوع دوره : حضوری
پیشنیاز : دوره طراحی وب 2
پشتیبانی : رفع اشکال در بله و تلگرام
سطح دوره : پیشرفته

در این دوره با کتابخانه قدرتمند و پرطرفدار جاوا اسکریپت، یعنی React، به صورت جامع آشنا می‌شوید و مهارت‌های لازم برای توسعه نرم‌افزارهای تحت وب پیشرفته را کسب می‌کنید. یادگیری React به شما برتری قابل توجهی در بازار کار و پروژه‌های فریلنسری می‌دهد، زیرا این کتابخانه به شما امکان می‌دهد پروژه‌های متنوعی را به راحتی پیاده‌سازی کنید

React، که توسط شرکت فیسبوک توسعه یافته و به عنوان هسته اصلی اینستاگرام استفاده می‌شود، به شما این امکان را می‌دهد تا وب‌سایت‌های SPA (Single Page Application) طراحی کنید

در این دوره، با ابعاد مختلف React و بسیاری از پکیج‌های جانبی آن آشنا خواهید شد. تقاضا برای برنامه‌نویسان متخصص React در حال افزایش است و آینده شغلی خوبی از نظر درآمدی برای کسانی که مهارت‌های لازم را دارند، فراهم است. شما با مفاهیم کلیدی مانند مدیریت state، ایجاد اپلیکیشن‌های کامپوننت‌محور، و احراز هویت آشنا می‌شوید و قادر خواهید بود اپلیکیشن‌های کامل کلاینت‌ساید را طراحی کنید

در انتهای دوره، شما به تسلط کامل بر مفاهیم پایه و نصب و راه‌اندازی React دست خواهید یافت و می‌توانید وب‌سایت‌های SPA را با کامپوننت‌های مستقل و مدیریت state‌های مربوط به هر یک طراحی کنید. همچنین، با استفاده از پروژه‌های عملی و آشنایی با کتابخانه‌های جانبی، مهارت‌های شما در تولید سریع‌تر و کاربردی‌تر اپلیکیشن‌های مبتنی بر وب تقویت می‌شود

سرفصل ها

مقدمه

مروری بر پیشنیاز ها

ES6

بررسی مفاهیم اولیه React

نصب و راه اندازی Node.js

معرفی npm

نحوه ایجاد پروژه ریکتی با CRA

بررسی ساختار اولیه ریکت

مفهوم Component

توضیح JSX

توضیح Virtual Dom

استایل دهی به Component ها

معرفی Class Component و نحوه استفاده از آن

معرفی Functional Component و نحوه استفاده از آن

نصب و استفاده از اکستنشن React Developer Tools

معرفی State و نحوه استفاده از آن

معرفی متد های LifeCycle

نحوه استفاده از event ها

مفهوم HOC

کار با form ها در ریکت

مفهوم sync و async

نحوه کار با api و استفاده از fetch

معرفی Hook ها

نحوه استفاده از useState و useEffect

مفاهیم SPA و MPA

نصب react-router

نحوه route بندی

کار با Link و Navigate

پیاده سازی صفحه 404

پیاده سازی private route

کار با useParams و useNavigate و useLocation

مفهوم Context

استفاده از useContext و ContextProvider

نصب و استفاده از reactstrap

نصب و استفاده از react-hot-toast

نصب و استفاده از react-icons

پیاده سازی پروژه مودال

پیاده سازی پروژه Counter

پیاده سازی پروژه ToDo App

پیاده سازی پروژه لندینگ

پیاده سازی پروژه فروشگاه

نظرات

سوالات و نظراتتون رو با ما به اشتراک بذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *