قبل از آمدن جاوا اسکریپت و کتابخانه React توسعه وب در فرانت اند توسط HTML,CSS و در بک اند توسط PHP انجام میشد، که برای بسیاری از توسعه دهندگان وب بسیار سخت و پیچیده بود، اما فارغ از این مساله قابلیت ما در فرانت اند و تعامل با کاربر ضعیف و زمانبر بود. ری اکت یکی از کتابخانههای جاوااسکریپت است، که برای توسعه وبسایتها و وب اپلیکیشنها برای ساخت رابط کاربری قوی مانند منوها،دکمه ها و کلیه المانهایی که کاربران با آن تعامل دارند، استفاده میشود. تا قبل از این کتابخانه پیادهسازی رابط کاربری بسیار زمان بر و پیچیده بود، تا اینکه در سال ۲۰۱۱ فیسبوک برای رفع این مشکل این کتابخانه را معرفی کرد. React را می توان به عنوان پایه ای در توسعه برنامه های تک صفحه ای یا موبایل استفاده کرد. با این وجود React فقط به ارائه داده به DOM مربوط می شود و بنابراین ایجاد برنامه های React معمولاً نیاز به استفاده از کتابخانه های اضافی برای مدیریت state، مسیریابی و تعامل با API دارد. ریداکس (Redux)، React Router و axios نمونه های مربوط به چنین کتابخانه هایی هستند. در این دوره آموزشی به طور کامل با react و دنیای آن آشنا می شویم به نحوی که دانشجو پس از گزراندن دوره به طور کامل آماده ورود به بازار کار خواهد بود.
تسلط به جاوااسکریپت
تسلط به html css
آشنایی با بروز رسانی های جاوااسکریپت es5,es6 , …
افراد علاقه مند به توسعه و برنامه نویسی فرانت اند
ریکت چیست
مرروی بر مباحث اکما اسکریپت 6
معرفی اکما
Let, var, const
Reference type & primitive type
Spread operator
Arrow function
آرایه و map کردن
Import & export
کلاس ها در js
ارث بری
Class components
مفهوم virtual dom
راه اندازی پروژه ریکت
Jsx
بررسی ساختار فولدرها
شروع پروژه با ریکت ورژن 18
استفاده از vite
Reusable component
Functional component
Dynamic content
Props در کلاس کامپوننت
Props در فانکشنال کامپوننت
مفهوم state
setState
react snipets
destructuring در ریکت
روش های مختلف استایل دهی
فرم و eventها
Conditional rendering و list rendering
چرخه حیات (lifecycle)
مفاهیم پیشرفته
Pure component
Memo
Ref
Proptype
Portal
Error boundary
React devtool
Lifting state up
Higher order component
Render prop
AJAX و درخواست های Http ذر ریکت
Fetch
Axios
Single page application
React-router-dom ورژن 6
Functional components و hooks
ساخت چندین پروژه کاربردی در ریکت
پروژه فرم ثبت نام
پروژه فرم ورود
پروژه سبد خرید
پروژه صرافی
دیپلوی کردن پروژه ها بر روی هاست
ریداکس و redux - thunk
هدف React این است که روند توسعه ساده و سریع شود و یادگیری آن فرصتهای شغلی جدیدی را برای شما به ارمغان میآورد. ویژگیهای کاربردی این کتابخانه باعث شده که اغلب برنامهنویسان جاوا اسکریپت برای یادگیری آن اقدام کنند.