شروع یادگیری ReactJS

79,000 تومان

تعداد دانشجوها: 523

 

بعد از ثبت نام در دوره، برای دانلود ویدیوها وارد قسمت “حساب کاربری” شوید.

آخرین به روز رسانی: ۱۳ مهر ۹۸

مدت زمان دوره: ۵ ساعت و ۲۸ دقیقه

توضیحات

ReactJS یک کتابخانه قدرتمند و پیشرو است که با زبان برنامه نویسی جاوااسکریپت توسعه داده شده. این کتابخانه توسط فیس‌بوک در سال ۲۰۱۳ به صورت متن باز ارایه شد. بعد از آن به کمک جامعه توسعه دهنده‌های جاوااسکریپت، ReactJS هر روز پیشرفت کرد و در حال حاضر یکی از محبوب‌ترین کتابخانه‌های جاوااسکریپت است.

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

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

ReactJS تنها به ساختن قسمت View نرم افزار منتهی نمی‌شود. شما می‌توانید نرم افزارهای SPA را با کمک این کتابخانه توسعه دهید. این نرم افزارها به دلیل سرعت بسیار بالا و تشابهی که به نرم افزارهای دسکتاپ دارند، قطعا می‌توانند یکی از بهترین گزینه‌ها برای محصولات شما باشند.

بعد از یادگیری ReactJS شما به سادگی می‌توانید یادگیری React Native را شروع کنید. این چهارچوب از ReactJS ساخته شده و یکی از بهترین انتخاب‌ها برای توسعه نرم افزارهای موبایل است. اینستاگرام، اسکایپ، ویکس و بسیاری از شرکت‌های پیشرو فناوری برای توسعه نرم افزارهای موبایل خود از این تکنولوژی استفاده کرده‌اند.

پیش نیاز دوره ReactJS، دوره های جاوااسکریپت و ES6 هستند. این کتابخانه با جاوااسکریپت ساخته شده است، برای همین تسلط بر جاوااسکریپت می‌تواند کمک بزرگی برای درک مفاهیم ReactJS داشته باشد.

 

سرفصل‌ها:

معرفی دوره. بررسی کتابخانه React.js و کاربردهای آن

۱. آماده سازی محیط توسعه و بررسی ابزارهای مورد نیاز

۲. اضافه کردن React.js به پروژه و شروع JSX

۳. درک بهتر دستورات JSX

۴. متغیرها در JSX

۵. استفاده از توابع، شرط‌ها و آبجکت‌ها در JSX

۶. بررسی ساختار اصلی React.js – مشاهده ویدیو

۷. نصب بسته Create React App

۸. بررسی ساختار فایل‌های Create React App

۹. توسعه اولین کامپوننت با استفاده از توابع ES6

۱۰. استفاده از Props در React.js – مشاهده ویدیو

۱۱. توسعه کامپوننت با استفاده از Classهای ES6

۱۲. شروع کار با Stateها در React.js

۱۳. پیاده سازی مثال شمارنده و درک بهتر Stateها

۱۴. استفاده از APIها در React.js و شروع تمرین API

۱۵. تمرین API – دریافت و نمایش اطلاعات از API

۱۶. تمرین API – استفاده از Formها در React.js

۱۷. تمرین API – نمایش اطلاعات API به کمک Formها

۱۸. بررسی مفهوم SPA و اضافه کردن React Router به پروژه

۱۹. تمرین SPA – تعریف کردن مسیرها

۲۰. تمرین SPA – ساخت منوها به کمک Link

به روز رسانی شماره ۱: توسعه پروژه سبد خرید

۲۱. معرفی و توضیح پروژه سبد خرید – مشاهده ویدیو

۲۲. بررسی و راه اندازی API

۲۳. آماده سازی بسته نرم افزاری

۲۴. دریافت اطلاعات محصولات از API

۲۵. توسعه کامپوننت محصولات

۲۶. توسعه کامپوننت سبد خرید

۲۷. توسعه تابع افزودن به سبد خرید

۲۸. محاسبه قیمت محصولات در سبد خرید

۲۹. حذف محصولات از سبد خرید

۳۰. ذخیره اطلاعات سبد خرید در Local Storage

به روز رسانی شماره ۲: بررسی Hooks در React

۳۱. بررسی مفهوم Hooks

۳۲. تبدیل Class به Function با استفاده از Hooks

۳۳. اضافه کردن Array Destructuring

۳۴. استفاده از Stateهای متعدد

۳۵. ارسال API به سرور با استفاده از Axios

۳۶. دریافت API با استفاده از تابع useEffect

۳۷. تبدیل کامپوننت App به Function

۳۸. بررسی Context و استفاده از تابع useContext

۳۹. ایجاد مقدار یکتا برای Key آیتم‌های Todo

۴۰. استفاده از تابع useReducer

۴۱. توسعه تابع حذف آیتم‌های Todo

 

119 پاسخ به “شروع یادگیری ReactJS”

  1. آرش گفت:

    سلام آقای صدری
    بنظرتون بهتر نیست آخر دوره یک سایت رو با ری اکت بسازید؟

  2. saeedghasemi گفت:

    ممنون از زحماتتون ، دوره چند ساعت هست ؟ و دوره بعدی ( که قولشو دادین پروژه محور و جدی تر هست) کی آماده میشه؟ و این که برنامه ای هم برای آموزش ریداکس دارید؟

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

  3. Noonhe گفت:

    سلام. ممنون که این دوره رو امروز گذاشتید. دو سه روزه میخوام برای آمادگی استخدام توی یه شرکتی، react یادبگیرم مردد بودم از کدوم tutorial شروع کنم. همه ویدئو ها رو امروز دیدم و مثالها رو خودم انجام دادم. بازم ممنون.

  4. rsh گفت:

    سلام آموزش کاملا به صورت مفهومی , ساده و کاملا roadmap دوره مشخص بود و من خیلی خوب تونستم یاد بگیرم خیلی ازتون ممنونم
    و لطفا دوره Redux و Node هم بزارین

  5. elirad گفت:

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

  6. نامی گفت:

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

  7. arashmad گفت:

    َشروعش خیلی جالب بود
    اینکه سعی کنیم ساده کنیم
    همه آموزش ها اول شروع میکنم به نصب و با کامپوننت کارشون و آغاز میکنن ولی اینجا خیلی ساده و با یک فایل index.html داره کارها انجام میشه 🙂
    ایول

  8. arashmad گفت:

    جناب صدری
    میخواستم بدونم آیا در آینده از Redux و NodeJS هم دوره‌ای می‌ذارید؟
    زمانش احتمالی‌اش مشخص هست؟

  9. arashmad گفت:

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

    به هر حال ممنون از زحماتتون
    شدیدا منتظر ادامه دوره‌هاتون هستم

  10. arashmad گفت:

    جناب صدری،
    من دارم برای تمرین درس شما، یه اپلیکیشن ساده با با ساختاری مشابه زیر مینویسم. اما تو این حالت به یه مشکلی خوردم و اون هم مدیریت و انتقال داده‌ها بین کامپوننت‌هاست (منظورم اونهایی که در سطوح مختلفی قرار دارن). تو این حالت کار کردن با props ها خیلی سخته! آیا راه حلی برای این مشکل وجود داره یا اساسا راه درست، استفاده از props هاست؟
    برای مثال فرض کنید یه همچین اپلیکیشنی داریم که کاربر اگه روی یک لینک در قسمت منو (panelMenu) کلیک کنه، یه کامپوننت دیگه (formContent) محتوی‌اش تغییر کنه.
    َapp
    — header
    — panel
    ——– PanelMenu
    — form
    ——– formContent

    ممنون از راهنمایی‌تون

    • شما اینجا باید مطالعه بیشتری در مورد Stateها داشته باشین. برای این موضوع من یادگیری Redux رو بهتون پیشنهاد می‌کنم. البته دوره Redux فرانت کست هم به زودی منتشر می‌شه.

  11. محمد گفت:

    امکان تخفیف برای سربازها وجود داره آیا ؟

  12. سید جواد گفت:

    سلام خیلی ممنون از اموزش های خوبتون.
    صفحات html که با react طراحی میشن رو چطور میشه تبدیل به وردپرس کرد؟ روال خاصی داره یا مثل حالت عادی که از توابع وردپرس استفاده میکنند میشه انجام داد؟

  13. yasinvpr گفت:

    با سلام.من یه مدته که NODEJS رو یادگرفتم و برای بخش فرانت اند، مردد هستم بین React ، Angular و Vue . خودم به React علاقمند هستم.ولی ظارهراََ در ری اکت از کتابخونه ها و پکیج های خارجی باید استفاده کرد.آیا این دردسر ساز و یا به قول خودمون اعصاب خوردکن نیست بعضی وقتا؟ توی نصب کردنشون و یا حتی در توسعه اپلیکیشن یا وبسایت؟ آیا پکیج ها هم به موازات آپدیت های جدید ری اکت، سریعا آپدیت میشن؟ و سوال دومم اینه که ظاهرا یادگیری ری اکت اولش راحته و وقتی ک وارد مباحث پیشرفته تر بشی ظاهرا میتونه خیلی پیچیده باشه؟ آیا واقعا اینجوریه؟ ممنون میشم اگه راهنمایی کنید.

    • سلام
      ساختار Vue.js و Angular هم مثل React بر اساس پکیج‌ها هست. اتفاقا این موضوع فرآیند توسعه رو ساده‌تر و منطقی‌تر می‌کنه. در مورد آپدیت هم می‌شه گفت پکیج‌های اصلی در بیشتر مواقع نسخه‌های هماهنگ دارن.
      به نظر من یادگیری React در ابتدا سخت‌تر هست. چون مسیر یادگیری نستبا پیچیده‌ای داره. اما هرچه قدر پیش برید براتون مفهموم‌تر می‌شه. برای همین توی این دوره تلاش کردم تا مسیر یادگیری منطقی باشه.

  14. aalva786 گفت:

    سلام آقای صدری
    ممنون از تدریس خیلی خوب شما

    پیشنهاد می کنم در صورت امکان لطفا آموزش graphQL و NextJS را هم داخل برنامه تون قرار بدید
    تشکر از شما

  15. alihariri گفت:

    اول تشکر کنم از آموزش بسیار خوبتون. من دوره جاوا اسکریپت شما رو گذروندم و خیلی خوب بود. دوره ری اکت هم خیلی خوب هست. اما یک پیشنهاد کوچیک داشتم. اونم اینه که یک مقدار بیشتر راجع به props و state ها توضیح بدید. چون بعد از دیدن ویدیو ها و مثال ها هنوز برای من این دو مفهوم گنگ هستن. مرسی

    • خیلی ممنون که برای دوره ثبت نام کردین.
      انشاالله در آینده یک دوره پیشرفته React/Redux خواهم داشت. ولی به نظرم شما باید بیشتر تمرین حل کنید و مثال‌های متنوعی رو انجام بدین. در این صورت هست که مفاهیم رو بهتر می‌تونید درک کنید.

  16. alihariri گفت:

    آقا مسعود جدیدا با React Hooks آشنا شدم. ظاهرا مفهوم state داره دگرگون میشه و توابع هم می تونن state داشته باشن. خیلی بحث ها مثل binding و … از بین میرن

  17. علی گفت:

    سلام جناب صدری
    من تازه دوره ری اکت شما رو شروع کردم و واقعا راضی بودم از دوره های قبلتون
    دوره های زیادی چه فارسی و چه انگلیسی رو دیدم ولی هیچ کدوم به روونی شما توضیح نمیدادن و این عالیه
    اما یه مشکلی دارم
    تو اموزش ری اکت، من نحوه اضافه کردن پکیج ها رو دقیقا مثل شما تقلید کردم، اما توی مرورگر چیزی نشون نداد و متوی کنسول هم ارور هایی داریم.تصویر که نمیشه ولی متن ارور ها رو زیر براتون میذارم:
    babel.min.js:24 You are using the in-browser Babel transformer. Be sure to precompile your scripts for production – https://babeljs.io/docs/setup/
    u @ babel.min.js:24
    f @ babel.min.js:1
    (anonymous) @ babel.min.js:1
    Inline Babel script:7 Uncaught ReferenceError: ReactDom is not defined
    at :11:1
    at i (babel.min.js:24)
    at r (babel.min.js:24)
    at o (babel.min.js:24)
    at u (babel.min.js:24)
    at f (babel.min.js:1)
    at babel.min.js:1
    (anonymous) @ Inline Babel script:7
    i @ babel.min.js:24
    r @ babel.min.js:24
    o @ babel.min.js:24
    u @ babel.min.js:24
    f @ babel.min.js:1
    (anonymous) @ babel.min.js:1

  18. علی گفت:

    ممنونم از پاسخگوییتون
    قضیه اشتباه تایپی بود -_-
    به جای ReactDOM.render(); نوشته بودم، ReactDom.render(); و خب بسته رو نمیشناخت و Babel هم نمیتونست هندل کنه

  19. alizare121 گفت:

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

  20. Pouri0121 گفت:

    لطفا آموزش React Hooks قرار بدین – منبع فارسی زیاد نداریم -ممنون میشم -مرسی استاد

  21. MMMNNN گفت:

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

    • سلام
      این دوره قرار هست آپدیت بشه. برای آپدیت پیاده سازی یک پروژه واقعی رو در نظر گرفتم. اگر قبلا ثبت نام کرده باشین، دیگه نیازی نیست دوباره ثبت نام کنید
      دوره بعدی Node.js هست، برای همین دوره React پیش نیاز اون نخواهد بود

  22. shahram_yy گفت:

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

  23. amnshojaei گفت:

    کیفیت آموزش واقعا عالیه و درک خیلی خوبی میده فقط دو موضوع رو درک نکردم
    یک اینکه super(props) دقیقا چکار میکنه؟
    و اینکه چه نیازی هست ما متودها و state رو داخل constructor بایند(bind) کنیم در حالی که مثلا میشه نوشت:
    state = {}
    و برای متدها هم میشه نوشت:
    myMethod = () => {}

  24. mortaza2006 گفت:

    سلام
    در مورد context هم آموزشی بذارید دیگه نیازی به استفاده از redux نیس

  25. rad گفت:

    سلام استاد
    اگر الان این دوره را تهیه کنیم موقع آپدیت دوره باید مبلغ اضافی پرداخت کنیم؟
    باتشکر

  26. mahdirabbani گفت:

    درود بر شما جناب صدری واقعا خیلی خوب درس میدید. من آموزش های js, es6 , react سایت های دیگه که حتی خیلی معروف هم هست را هم دیده‌ام ولی متوجه مفاهیم نشدم. چون همیشه درک مطلب برام خیلی مهمه و اگه درک نکنم و فقط حفظ کنم از اون مطلب خوشم نمیاد. واقعا ازتون تشکر میکنم که اینقدر ساده تدریس می‌کنید. خصوصا اون اول کار که خیلی خوب شروع کردید و بجای نصب ری‌اکت از سی‌دی‌ان استفاده کردید. یا اون‌جایی که اول با فانکشن شروع کردید و بعدش از کلاس‌ها استفاده کردید. من منتظر آموزش های بعدی شما هستم.

  27. aliaghaffari گفت:

    سلام.
    باز تخفیف ۵۰ درصدی نمیدین.؟دیروز نتونستم بخرم.کارت بانکیم مشکل داشت.

  28. mostafasoltani گفت:

    سلام بر شما ببخشید این دوره react 16 هست؟

  29. mostafasoltani گفت:

    سلام استاد
    ممنون از دوره عالی شما
    ببخشید یک سوال چطور در فایل index.html
    فایل index.js فراخوانی می شود؟
    ما در index.html عنصر root را داریم و در react.js آن را render میکنیم سوال من در اینجاست که این دو فایل چگونه با هم ارتباط برقرار می‌کنند
    با تشکر فراوان

    • سلام، ممنون از لطف شما.
      توی index.js، آی‌دی root رو با استفاده از getElementById می‌گیریم و رندرش می‌کنیم. آی‌دی root رو برای index.html داریم و توی React فایل index.html روی مرورگر نمایش داده می‌شه.

  30. saeedlion گفت:

    سلام وقت بخیر
    اقای صدری من وقتی میخوام یک سندی رو درست کنم(header) و به فایل اصلی اضافه کنم (app.js)و زمانی که سند ایجاد شده رو ایمپورت میکنم به برنامه اصلی این خطا (‘Header’ is declared but its value is never read.ts(6133)) رو میده و تغییرات اعمالی در سند جدید ایجاد شده رو اعمال نمیکنه به برنامه اصلی.
    ولی هر قسمت دیگه ای رو ایمپورت مینکم مثلا (css.js) مشکلی نداره و کار میکنه.
    ممنون میشم راهنماییم کنید.

  31. moh3en.danyali گفت:

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

  32. Hamidreza گفت:

    سلام وقت بخیر
    در دوره nodeJs از فایل های ejs در دوره react از فایل های jsx برای ساختن صفحات html استفاده کردید. آیا تفاوتی میکنه از کدام یک از این مدل فایل ها استفاده کنیم واینکه کدوم مزیت های بیشتری داره؟
    با سپاس

    • سلام
      در دوره Node برای قسمت View نرم افزار از EJS استفاده شده که یک Template Engine برای توسعه صفحات داینامیک هست. EJS در قسمت بک‌اند استفاده می‌شه.
      دستورات JSX مشابه دستورات HTML هستند ولی در نهایت به صورت JavaScript تفسیر می‌شن. از این دستورات برای سادگی توسعه کدها در React استفاده می‌شه.
      این دو باهم قابل مقایسه نیستند، چون JSX برای سادگی کار در React استفاده می‌شه و EJS برای توسعه صفحات داینامیک در بک‌اند.

  33. رضا گفت:

    سلام مهندس
    این روشی ک انتخاب کردید خیلی درسته. یعنی اختصار و پرهیز از پر حرفی. متاسفانه اکثر دوره های فارسی یا حتی انگلیسی مدرس آنقدر حرف اضافه میزنه ک آدم سرش درد میگیره. و از اون بدتر اینکه همون ابتدا کلی مطلب ک ضرورتی هم نداره میریزه سرت.
    در نتیجه بعد یکی دو ویدیو دانشجو زده میشه و ممکنه تا مدتها دور و بر اون تکنولوژی نره. این معضل خیلی از آموزشهاست ک شما با توجه به این نکته ازش جلوگیری کردید. ب نظرم ارزشمند ترین مزیتتون همینه ک خیلی هم مهمه. صداتونم مثل قصه گو های رادیویه. ک اینم مزیتیه. امیدوارم این روشو همینطور ادامه بدید و تقویتش کنید.
    پیشنهاد میکنم ی دوره پروژه شبه تجاری با react ضبط کنید. اگر full stack باشه و دیتابیس و … هم داشته باشه ک چ بهتر. این هم ب نظرم نکته خیلی مهمیه ک جای خالیش ب شدت در میان آموزشهای فارسی حس میشه.
    خسته نباشید

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

  34. aminda گفت:

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

  35. adelmh گفت:

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

  36. خدری گفت:

    سلام. وقت بخیر. ویدیوهای بخش react، js، ES6 رو تهیه کردم. ممنونم بابت آموزش خوبتون. در مبحث React قسمت SPA به Error برخوردم که به شرح زیر است:
    Unexpected token
    آیا این Error بیانگر این هست که اشتباهی در کد داشتم یا اینکه در اضافه کردنreact-router-dom مشکلی بوده که برنامه چنین Error ی می دهد.

  37. farnaz گفت:

    تشکر از راهنمایتون

  38. سمانه گفت:

    سلام
    من قبلا این دوره شما را تهیه کرده بودم با اینکه شما خیلی خوب و روان توضیح دادین اما برای من بعضی قسمت ها نامفهوم بود (دلیلشم این بود که تسلط کافی به js نداشتم).دوره کامل js شما رو تهیه کردم و بعضی قسمت هایی که برام نامفهوم بود به خوبی متوجه شدم مخصوصا بحث کلاس ها و شی گرایی
    سوال من اینه الان که دوره js شما رو تاجلسه۸۴ گذروندم وقت مناسبی برای شروع ری اکت هست؟ یا هنوز باید روی jsکارکنم؟

  39. سمانه گفت:

    سلام
    در ری اکت موقع return کردن یک مقدار در تابع وقتی بخواهیم چند مقدار returnبشه از () استفاده میکنیم.(توی آموزش جی اس پیشرفته اینو توضیح دادین)ولی کی باید از {} برای returnکردن استفاده بشه؟؟
    مثلا مثالی که برای ایجاد یک کانتر در آموزش ها است.برای متد های resetو… از {}برای return کردن استفاده کردین.و اگه از() استفاده بشه برنامه خطا میده چرا؟چه تفاوتی دارن؟؟
    باتشکر

  40. hesamhabibi گفت:

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

    فقط نمیدونم چرا واسه لاگین و صفحات private هیچ آموزشی ندادین
    به نظرتون نیاز نبود؟

    • سلام
      خیلی ممنونم از لطف شما
      لاگین بر اساس دو تا موضوع ساخته می‌شه، یکی احراز هویت کاربر و یکی هم تعیین سطوح دسترسی. برای این دو موضوع نیاز به زبان بک‌اند و پایگاه داده داریم. انشاالله این موارد به طور کامل توی دوره MERN گفته خواهد شد.

  41. a_bahoush گفت:

    سلام ممنون از آموزش. یه سوالی داشتم وقتی از fetch استفاده کردید و به https://randomuser.me/api وصل شدید قاعدتا باید تمام api ها رو منظورم تمام عکسها رو با اسم میاورد من https://jsonplaceholder.typicode.com/users رو با هم با fetch و هم axios نوشتم و همه رو آورد . اصلا نوشتن for برای این جور موارد جالب نیست. چرا همه رو نیاورد و آیا در تمام مواردی که عکس داشته باشه اینطور هست؟ ممنون

  42. a_bahoush گفت:

    سلام
    پیرو سوال قبلی که نوشتم.
    من تو اینترنت پیدا کردم که به این صورت نوشتن fetch (“https://randomuser.me/api/?results=35”) عکسها و نوشته میاد البته به تعدادی که تعیین میکنیم و راه شما معقول تر هست اما باید راههای دیگر و بهتری هم باشه یا اصلا این چیزها کاربردش جای دیگه هست . اگه ممکنه ریزه کاریهای ری اکت رو بگین . ممنون

    • سلام
      ممنونم که برای دوره ثبت نام کردین
      برای درک بهتر کار با APIها و انواع درخواست‌ها (Fetch API و Axios) پیشنهاد می‌کنم ویدیوهای ۸۳ و ۸۴ دوره جامع و پیشرفته جاوااسکریپت رو ببینید.

  43. a_bahoush گفت:

    سلام
    من json-server رو نصب کردم اما این دستور json-server public/db.json –port 8000 کار نمیکنه

  44. a_bahoush گفت:

    bash: json-server: command not found

  45. a_bahoush گفت:

    ولی من نصب کردم و توی پکیج جی سان نوشته : “json-server”: “^0.15.1”,

  46. a_bahoush گفت:

    ممنون درست شد

  47. frontjs گفت:

    با عرض سلام و خسته نباشید
    ممنون از آموزش خوبتون
    سوالی داشتم از خدمتتون که مربوط به جلسه ی ۱۲ هستش..
    اینم از این عکسی که سوالات دارد در مورد این ۳ تا قسمت کدی که نوشتین و شماره گذاری کردم :
    http://uupload.ir/files/7ptx_step12.react.jpg
    سوال شماره ۱ اینکه: چرا شما در اینجا از کلمه کلیدی super(props) استفاده کردین ! در حالی که این کلمه ی کلیدی مربوط میشه به این که از یک کلاس دیگری ارث ببره و شما کلاس دیگری رو نساختین که مربوط به این گزینه باشه!

    سوال شماره ۲ من اینه که: this.increment.bind(this) قرار دادین ولی من متوجه نشدم بخاطر اینکه اگر صرفا علامت پرانتز رو بعد از this.increament میذاشتین به معنای این بود که این یک متد هست پس چرا اینطور معرفی کردین !؟

    و سوال ۳ من این هست که در پایین به صورت props مقادیر را خواستین بفرستین یک تابع رو فرخوانی کردین ولی () نذاشتین باز عمل میکنه ما درجاوا اسکریپت وقتی میخواستیم این کار رو انجام بدیم باید ابتدا فرخوانی میکردیم فانکشن رو و بعدش () میذاشتیم تا عمل کنه

    این سه تا شبهه و سوالی که برای من پیش اومده رو جواب بدین خیلی ممنون میشم

    • سلام
      ممنون که برای دوره ثبت نام کردین.

      ۱. متد super در یک کلاس جاوااسکریپت زمانی استفاده می‌شه که ما بخوایم از آبجکت‌های کلاس Parent داخل کلاس Child استفاده کنیم. اینجا کلاس App از کلاس Parent ساخته شده و داخل کلاس Parent مقادیر props به تعریف شدن. برای درک بهتر شی‌گرایی در جاوااسکریپت این ویدیو رو بهتون پیشنهاد می‌کنم: http://frontcast.ir/oop-in-javascript

      ۲. ما باید آبجکت‌ها رو bind کنیم تا در سایر قسمت‌ها قابل استفاده باشند.

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

  48. محمدبرزگر گفت:

    خیلی ممنونم از پاسخ شیواتون بابت این سه پرسش.
    فقط در مورد سوال اولم که شما پاسخ دادین این که ارث بری از کلاس React.Component بوده چه چیزی رو به کلاس والدین فرستاده و چه costructor فانکشن کامپوننتی یا کلاس کامپوننتی داشته اون رو گرفته ؟ کدهاش چی بوده؟

  49. P.ahadian گفت:

    سلام آقای صدری
    دوره ی ری اکت دیگه قرار نیست کامل تر بشه؟ لایف سایکل ها در عنوان های گفته شده نیست
    اگه میشه مثل دوره جاوا اسکریپت به یک دوره کامل و جامع تبدیلش کنید ممنون

  50. حسن موحد گفت:

    دستتون درد نکنه من این دوره رو خریدم ، هر چی گفتم آقا مسعود یک تخفیف بده ندادید .

  51. روشنک پورسعید گفت:

    سلام من کدها را درست مانند آموزش فیلم ها نوشتم ولی مرورگر من چیزی نمایش نمی دهد و در قسمت console این ارور را می دهد
    Cross-Origin Read Blocking (CORB) blocked cross-origin response https://unpkg.com/browse/babel-standalone@6.26.0/babel.min.js with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

    • سلام
      لطفا از قسمت Create React App به بعد رو ببینید.
      ابتدای دوره من از CDN استفاده کردم برای اضافه کردن ری‌اکت به پروژه که درک ساده‌تری داشته باشه.

  52. sina گفت:

    سلام استاد تو ری اکت میشه از جی کوعری استفاده کرد؟

  53. baneshileila گفت:

    سلام اقای صدری
    سلام من کدها را درست مانند آموزش فیلم ها نوشتم ولی مرورگر من چیزی نمایش نمی دهد و در قسمت console هم هیچ اروری دیده نمیشه.نمیدونم واقعا مشکل از کجاست؟

    • سلام
      فکر کنم شما توی قسمت‌های اول هستین و با استفاده از CDN کتابخانه React رو به پروژه اضافه کردین.
      لطفا از قسمتی که بسته نرم افزاری Create React App رو نصب می‌کنیم مطالعه کنید.

  54. leila گفت:

    متاسفانه من این مشکل رو اونجا هم دارم .لوکال هاستم باز نمیشه.
    الان تو این مرحله با عوض کردن cdn ها که مستقیم از سایت ری اکت کپی کردم هم مشکل حل نشد.شما را دیگه ای به نظرتون وجود نداره؟

  55. baneshileila گفت:

    سلام اقای صدری من تو قسمت ۱۵ نتونستم postman رو نصب کنیم و الان این ارور رو تو مرورگر دارم.TypeError: Cannot read property ‘users’ of null . یک روز کامل وقت گذاشتم نتونستم حل کنم این مشکل رو.اگه به دلیل postman هست, نرم افزار مشابهی وجود داره که من نصب کنم؟

    • سلام
      اروری که برای نصب نشدن Postman دارید رو لطفا توی اینستاگرام یا واتس‌اپ برای من بفرستید.
      ارور دوم شما احتمالا مربوط به زمانی هست که اتصال به API درست انجام نشده.
      لطفا از کدتون برام اسکرین شات بفرستید تا بررسی کنیم.

  56. adelmh گفت:

    با سلام
    اقای صدری چند ماهی میشه که ری اکت دیگه به سر فصلاش اضافه نمیشه و من چند ماه بود که منتظر بودم دیگه نتونستم بیشتر از این صبر کنم و تهیه کردم لطفا این آموزش را به یک آموزش جامع ری اکت تبدیل کنید ممنون

    • سلام
      خیلی ممنونم که برای دوره ثبت نام کردید.
      این دوره برای شروع یادگیری ReactJS هست.
      انشاالله یک دوره جامع و پیشرفته برای React و Redux به زودی خواهیم داشت.
      برای دوستانی که در این دوره ثبت نام کردند، یک تخفیف ویژه برای دوره جامع و پیشرفته در نظر می‌گیریم.
      موفق باشید.

  57. holybladess گفت:

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

  58. reza khosravi گفت:

    سلام وقتتون بخیر
    واسه این دوره چ extension هایی نصب کنیم!

  59. mohammadreza گفت:

    سلام جناب مهندس
    من دوتا سوال داشتم
    یک اینکه دوره حضوری هم برگزار میکنید حالا چه در حال حاضر یا بعد از کرونا
    دوم اینکه این دوره برای بنده که دارم با لاراول کار میکنم مناسبه؟

    • سلام
      فعلا برای دوره‌های حضوری برنامه‌ای ندارم.
      دوره‌ها به صورت آنلاین (ویدیو و کلاس‌های آنلاین) برگزار می‌شن.
      من دوره جامع MERN Stack رو بهتون پیشنهاد می‌کنم. توی اون دوره دقیق‌تر مفاهیم ReactJS رو بررسی کردیم. همین طور توسعه بک‌اند با Node.js هم بررسی شده.

  60. فرشته گفت:

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

  61. علی گفت:

    سلام . دوره نیتیو کی اماده میشه؟

  62. فرشته گفت:

    سلام.
    اگه تو کل app از react routerاستفاده کنیم به جای navigation میشه؟ یک اپ پیچیده، نه اپ تک صفحه ای.

  63. abas gh گفت:

    سلام عرض ادب دوره جامع هست چون میخواستم خریداری کنم و توضیح مختصری می دهید

    • سلام
      این دوره برای شروع یادگیری ReactJS هست.
      انشاالله به زودی یک دوره جامع برای React و Redxu آماده می‌شه.
      برای اطلاع لطفا کانال تلگرام رو دنبال کنید.

  64. andishe11 گفت:

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

دیدگاهتان را بنویسید

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

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