آموزش React – دوره فشرده

رايگان
2301 دانشجو
۲ ساعت و ۲۰ دقیقه
ثبت نام در دوره

دوره فشرده آموزش React یک دوره به‌روز است و مفاهیم مهم‌تر مربوط به کتابخانه React را شامل می‌شود.

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

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

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

سرفصل‌ها

۱. معرفی کتابخانه React

۲. بررسی Create React App

۳. راه اندازی محیط توسعه

۴. نصب Node

۵. بررسی ساختار پروژه

۶. پیاده سازی کدها

۷. استفاده از دستورات JSX

۸. مفهوم کامپوننت‌ در React

۹. استفاده از کامپوننت‌ها در فایل‌های مجزا

۱۰. استفاده مجدد از کامپوننت‌ها

۱۱. افزودن استایل به پروژه

۱۲. بررسی Props در React

۱۳. بهینه سازی دستورات

۱۴. مدیریت Eventها

۱۵. لیست‌ها و Key

۱۶. بررسی State در React

۱۷. استفاده از داده‌ها و Eventها

۱۸. حذف آیتم‌ها

۱۹. توسعه کامپوننت فرم

۲۰. بررسی State فرم

۲۱. مدیریت Submit در فرم

۲۲. افزودن آیتم‌ها

۲۳. بررسی API

۲۴. استفاده از JSON Server

۲۵. دریافت داده‌ها از API

۲۶. حذف داده‌ها

۲۷. ارسال درخواست POST

دیدگاه‌ها:

js.hosseiny

اسفند 29, 1402  در  11:57 ق.ظ

سلام وقت بخیر استاد چرا دوره جامع react-redux از سایت حذف شده و دیگه امکان خریدش نیست؟؟؟؟

مسعود صدری

فروردین 5, 1403  در  11:52 ق.ظ

سلام
وقت شما هم بخیر.
این دوره آرشیو شده.
امسال دوره‌های جدید خواهیم داشت.

soushiyanet.1990

اسفند 20, 1402  در  9:05 ب.ظ

سلام
استاد انگولار آموزش نمیدید؟

مسعود صدری

اسفند 23, 1402  در  9:42 ب.ظ

سلام
فعلا در برنامم نیست.

fahimehsudmand

بهمن 19, 1402  در  9:07 ب.ظ

سلام
استاد بعد از یادگیری جاوااسکریپت باید برای فرانت دوره ری اکت ببینم؟

مسعود صدری

اسفند 13, 1402  در  11:27 ق.ظ

سلام
بله پیشنهاد من برای ادامه مسیر فرانت‌اند یادگیری کتابخانه React هست.

مهدی عندلیب

بهمن 18, 1402  در  9:45 ق.ظ

سلام استاد میخواستم بدونم ایا دوره react را اپدیت نمیکنید به اخرین نسخه ی react?

مسعود صدری

بهمن 18, 1402  در  12:11 ب.ظ

سلام
برای این دوره برنامه به روز رسانی نداریم، ولی تا چند ماه آینده یک دوره جدید خواهیم داشت.
البته تا جایی که من اطلاع دارم مفاهیم این دوره به روز هست، چون آخرین نسخه ری‌اکت (۱۸.۲) مفهوم پایدار و قابل استفاده جدید نداره.
اگر مورد خاصی مد نظرتون هست در تلگرام بهم بگید تا برای دوره جدید حتما در نظر بگیرم.

shabnam mousavi

بهمن 20, 1401  در  6:39 ب.ظ

سلام
دوره بسیار عالی بود
ممنون از تدریستون

مسعود صدری

بهمن 20, 1401  در  9:23 ب.ظ

سلام
خیلی ممنونم.
خوشحالم که براتون مفید بوده.

codemahtab

بهمن 12, 1401  در  11:30 ق.ظ

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

مسعود صدری

بهمن 12, 1401  در  1:09 ب.ظ

سلام
خیلی ممنونم، لطف دارین.
خوشحالم که دوره‌ براتون مفید بوده.

آزادی یزدانی

دی 3, 1401  در  1:41 ب.ظ

سلام ممنون از این دوره تون. من react رو با این دوره یاد گرفتم ولی زمانی که دوره redux شما رو میدیدم، شما به کامپاننت های stateful و stateless اشاره کردید که در دوره react درباره اش گفته اید و گفتید یکی با کلاس نوشته میشه و یکی با فانکشن. در حالی که در این دوره تون اصلا اشاره ای به کلاس نکرده بودید و فقط از فانکشن استفاده کرده بودید. اون منبعی که این موارد رو توضیح داده اید کجاست؟

مسعود صدری

دی 3, 1401  در  2:42 ب.ظ

سلام
ممنونم.
این دوره رو با فانکشنال کامپوننت‌ها پیش رفتیم چون آخرین به روز رسانی React هست.
برای درک مفهوم کلاس کامپوننت‌ها و مقایسه اونها با فانکشنال آموزش جامع React و Redux رو پیشنهاد می‌کنم:
https://frontcast.ir/product/react-redux

aliasghar bagheri

مهر 19, 1401  در  11:16 ق.ظ

سلام استاد خسته نباشید
استاد وقتی یک پروژه ی React رو ساختیم و خواستیم اونو بزاریم توی حساب Github باید چه فایل هایی رو بزاریم و یا چه کارهایی باید انجام بدیم ؟؟؟
با تشکر ❤

مسعود صدری

مهر 19, 1401  در  10:05 ب.ظ

سلام
خیلی ممنونم.
یک ویدیو در کانال یوتوب دارم برای کار با گیت‌هاب. پیشنهاد می‌کنم ببینید.
باز هم سوالی بود در خدمتم.

مهدی عندلیب

شهریور 28, 1401  در  2:00 ب.ظ

سلام

استاد کاش یه دوره جداگانه برگزاری میکردید و یه پروژه کاملی را با ترکیب node و react میزدین یه پروژه خیلی کامل تر یا حداق با فقط react که داخل ان پروژه سایتی با قابلیت رزور اقامتگاه یا خرید بلیط هواپیما … میزدین چون این اموزش هارو کسی تا الان بهشون نپرداخته است… من میدونم اموزش های فعلی بیشتر تمرکز شما روی مفاهیم کد نویسی بوده که خیلی هم عالی بودن اموزش هاتون ولی میشه یه اموزش جداگانه هم درست کرد برای این سبک پروژ ها که ما تجربه مان بیشتر شود…

با تشکر

مسعود صدری

شهریور 28, 1401  در  2:30 ب.ظ

سلام
خیلی ممنونم از پیشنهادتون.
حتما برای این موضوع برنامه ریزی می‌کنم.

meisam sarvari

شهریور 5, 1401  در  5:25 ب.ظ

سلام وقت بخیر
دوره next js رو هم تصمیم دارید که اموزش دهید؟

مسعود صدری

شهریور 5, 1401  در  11:02 ب.ظ

سلام
وقت شما هم بخیر.
بله، تا یکی دو هفته آینده منتشر می‌شه.

مسعود گرگانی

اردیبهشت 24, 1401  در  9:16 ب.ظ

سلام اپدیت ریکت ۱۸ اضافه نمیشه ؟

مسعود صدری

اردیبهشت 24, 1401  در  10:56 ب.ظ

سلام
مفاهیم نسخه ۱۸ React به دوره جامع اضافه می‌شه.

amirmasnour aghdasi

فروردین 19, 1401  در  7:32 ب.ظ

سلام مجدد استاد وقت به خیر
سوال : استاد وقتی داریم با Json server کار میکنیم آیا میتونیم Status ها رو هم مدیریت کنیم تا در صورت بروز خطا به کاربر اطلاع بدیم که آیا درخواستش موفقیت آمیز بوده یا نه ؟
اگر بله ممنون میشم راهنمایی کنید چجوری ؟
با تشکر مجدد

مسعود صدری

فروردین 22, 1401  در  1:47 ق.ظ

سلام
تا جایی که اطلاع دارم ممکن هست.
پیشنهاد می‌کنم این مقاله رو مطالعه کنید:
https://medium.com/codingthesmartway-com-blog/create-a-rest-api-with-json-server-36da8680136d

amirmasnour aghdasi

فروردین 19, 1401  در  6:38 ب.ظ

سلام استاد وقت به خیر
خیلی ممنونم از دوره ای که تدارک دیدن که واقعا خیلی کمکم کرد مخصوصا قسمت ذخیره سازی داده ها با Json server
من React کار میکنم و خیلی دنبال این بودم که بتونم برای پروژه های تمرینی خودم از چیزی استفاده کنم که بتونم داده ها رو داخل اون ذخیره کنم و به علاوه Json server که امروز با اون توسط شما آشنا شدم اگر اشتباه نکنم متوجه این شدم که میشه با Firebase و IndexedDb هم این کار رو انجام داد
و یه سوالی از حضورتون داشتم :
این موارد آیا در دنیای بازار کار هم کاربرد دارن ؟
یعنی میشه ( میدونم شاید اصلا منطقی نباشه ) یه پروژه با این ها انجام داد برای کارفرما که اطلاعات رو به جای پاگاه داده داخل این ها ذخیره کنیم ؟
یعنی مثلا یه پروژه React برای کار فرما بزنیم که CRUD رو داخل React بزنیم و داده هارو داخل این مواردی که عرض کردم ذخیره کنیم ؟
ممنون میشم در این مورد راهنمایی کنید استاد
با تشکر

مسعود صدری

فروردین 22, 1401  در  1:45 ق.ظ

سلام
ممنونم از شما.
به نظرم ارتباط مستقیم نداشته باشه اما به هر حال شما برای تست کردن روش کاری درخواست‌های API قطعا باید یک سرور API داشته باشید.
استفاده از JSON Server فکر می‌کنم توی این مسائل منطقی‌تر باشه، چون هم ساده هست و هم منعطف.

milad.bh

اسفند 11, 1400  در  11:14 ق.ظ

سلام استاد عزیز.
یه سوال داشتم.

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

مسعود صدری

اسفند 11, 1400  در  11:39 ب.ظ

سلام
اگر هدفتون عمیق شدن در مباحث طراحی سایت هست پیشنهاد می‌کنم مفاهیم jQuery رو بررسی کنید.
البته این رو در نظر داشته باشید که هدف اصلی از ارایه این کتابخانه استفاده ساده‌تر از جاوااسکریپت بود که با پیشرفت‌هایی که جاوااسکریپت در نسخه‌های جدیدتر داشته می‌تونیم تمرکز اصلی رو روی مفاهیم خود این زبان داشته باشیم.
کتابخانه‌هایی مثل React یا Vue روی مباحث VDOM که در دوره در موردش توضیح دادم تمرکز کردن ولی jQuery با DOM کار می‌کنه.

یاسر شیراوند

اسفند 2, 1400  در  9:02 ق.ظ

سلام استاد خسته نباشید ممنون از دوره خوبتون یه مشکلی تو دوره ری اکت برام پیش اومده چطوری میتونم باهاتون در ارتباط باشم و مشکلو بگم مرسی از شما

مسعود صدری

اسفند 2, 1400  در  3:37 ب.ظ

سلام
حیلی ممنونم.
از طریق راه‌های ارتباطی قسمت تماس وب‌سایت در خدمتتون هستم:
http://frontcast.ir/contact

سپهر آریایی

اسفند 1, 1400  در  6:56 ب.ظ

سلام استاد
ممنون از دوره خیلی خوبتون عالی بود
لطفا پروژه های واقعی رو پیاده سازی کنید که بتونیم خوب یاد بگیریم
سپاس از زحمتات خوب شما

مسعود صدری

اسفند 1, 1400  در  10:10 ب.ظ

سلام
ممنونم از لطفتون.
در دوره جامع و پیشرفته React و Redux پروژه فروشگاه پیشرفته به همراه چندین پروژه سطح متوسط پیاده سازی کردیم.
لینک دوره: http://frontcast.ir/course/react-redux

Fallah.Mojtaba

اسفند 1, 1400  در  12:37 ق.ظ

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

مسعود صدری

اسفند 1, 1400  در  1:44 ق.ظ

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

افزودن دیدگاه جدید