دوره آموزشی ReactJS

امتیاز 4.81 از 5 امتیاز 26 مشتری
(دیدگاه کاربر 27)

59,000 تومان

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

 

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

 

توضیحات

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

27 دیدگاه برای دوره آموزشی ReactJS

  1. نمره 5 از 5

    آرش

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

    • مسعود صدری

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

  2. نمره 5 از 5

    saeedghasemi

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

    • مسعود صدری

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

  3. نمره 5 از 5

    Noonhe (مالک تایید شده)

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

    • مسعود صدری

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

  4. نمره 5 از 5

    rsh (مالک تایید شده)

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

    • مسعود صدری

      خیلی ممنونم از لطفتون. بله حتما، توی برنامم هست

  5. نمره 5 از 5

    elirad

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

    • مسعود صدری

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

  6. نمره 5 از 5

    نامی

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

    • مسعود صدری

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

  7. نمره 4 از 5

    arashmad (مالک تایید شده)

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

    • مسعود صدری

      خیلی ممنونم از لطفتون 🙂 امیدوارم همه ویدیوها براتون کاربردی باشن.

  8. نمره 4 از 5

    arashmad (مالک تایید شده)

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

    • مسعود صدری

      سلام، بله حتما. دوره بعدی Redux هست و بعد از اون NodeJS. سعی می‌کنم Redux تا یک ماه آینده منتشر بشه.

  9. نمره 4 از 5

    arashmad (مالک تایید شده)

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

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

  10. arashmad (مالک تایید شده)

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

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

    • مسعود صدری

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

  11. نمره 5 از 5

    محمد

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

    • مسعود صدری

      بله حتما 🙂 لطفا از طریق واتس‌اپ یا ایمیل پیام بفرستین.

  12. نمره 5 از 5

    سید جواد (مالک تایید شده)

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

  13. نمره 4 از 5

    فرهاد مجد

    سلام اقای صدری
    شما و reactapp یک بستر هستید ؟ الان رقیب هستید یا نه ؟ چون زمینه کاری تقریبا یکی هست . اما حتی ری اکت اپ دوره js شمارو گذاشته و لینک زده به سایت فرانت کست
    یه قسمت دیگ هم من دیدم تو وبلاگشون لینک داشت به اینجا
    داستان چیه الان!
    درضمن من از دوره های شما قبلا استفاده کردم ک خیلی تشکر میکنم

    • مسعود صدری

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

  14. نمره 5 از 5

    yasinvpr

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

    • مسعود صدری

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

  15. نمره 5 از 5

    aalva786

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

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

    • مسعود صدری

      سلام، خیلی ممنونم 🙂
      بله حتما، توی برنامم هست

  16. نمره 4 از 5

    alihariri (مالک تایید شده)

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

    • مسعود صدری

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

  17. نمره 5 از 5

    alihariri (مالک تایید شده)

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

  18. نمره 5 از 5

    علی (مالک تایید شده)

    سلام جناب صدری
    من تازه دوره ری اکت شما رو شروع کردم و واقعا راضی بودم از دوره های قبلتون
    دوره های زیادی چه فارسی و چه انگلیسی رو دیدم ولی هیچ کدوم به روونی شما توضیح نمیدادن و این عالیه
    اما یه مشکلی دارم
    تو اموزش ری اکت، من نحوه اضافه کردن پکیج ها رو دقیقا مثل شما تقلید کردم، اما توی مرورگر چیزی نشون نداد و متوی کنسول هم ارور هایی داریم.تصویر که نمیشه ولی متن ارور ها رو زیر براتون میذارم:
    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

    • مسعود صدری

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

  19. نمره 5 از 5

    علی (مالک تایید شده)

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

  20. نمره 5 از 5

    alizare121

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

    • مسعود صدری

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

  21. نمره 5 از 5

    Pouri0121

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

    • مسعود صدری

      بله حتما

  22. نمره 5 از 5

    MMMNNN

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

    • مسعود صدری

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

  23. نمره 5 از 5

    shahram_yy (مالک تایید شده)

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

    • مسعود صدری

      سلام. خیلی ممنونم. قطعا نظر لطف شماست و خوشحالم که براتون مفید بوده 🙂

  24. نمره 5 از 5

    amnshojaei (مالک تایید شده)

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

  25. نمره 5 از 5

    mortaza2006

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

  26. نمره 5 از 5

    rad

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

    • مسعود صدری

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

  27. نمره 5 از 5

    mahdirabbani (مالک تایید شده)

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

    • مسعود صدری

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

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

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