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

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

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

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

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

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

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

سرفصل‌ها

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

۲. بررسی Create React App

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

۴. نصب Node

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

۲۳. بررسی API

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

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

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

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

۲۸. ادامه مسیر یادگیری React

دیدگاه‌ها:

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 برای شما ساده‌تر هست.

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