حالت مطالعه

آموزش react js(ری اکت) دوره ای است که در آن ماهیم پایه و اساسی react js به صورت گام به گام و رایگان آموزش داده می شود.

react js چیست؟

در این دوره قصد داریم ReactJs رو در سطح مقدماتی و قابل قبولی به شما آموزش بدیم. ReactJs اساسا یک کتابخانه open-source جاوا اسکریپته که برای ایجاد رابط کاربری مخصوصا برای برنامه های تک صفحه ای مورد استفاده قرار میگیره. این کتابخونه برای مدیریت لایه های نمایشی برنامه های تحت وب و تلفن همراه استفاده میشه. همچنین ReactJs این امکان رو به شما میده تا کامپوننت هایی طراحی کنید که در بخش های مختلف پروژتون قابل استفاده باشه(reusable UI components).

چرا باید از react js استفاده کنیم؟

react js این امکان را در اختیار توسعه دهندگان می گذارد که وب اپلیکیشن های خیلی بزرگ که می تواند data را تغییر بدهد، بدون reload صفحه ایجاد کنند. مهم ترین اهداف React را میتوان سادگی، سرعت و مقیاس پذیر بودن دانست.

تمرکز اصلی React Js بر روی رابط کاربری است و فقط در لایه View در معماری MVC مطابقت دارد، همچنین این کتابخانه می تواند با کتابخانه های و فریمورک های دیگر جاوا اسکریپت مثل Angular ترکیب و مورد استفاده قرار یگیرد.

اگر هنوز با React Js آشنایی کامل ندارید و تفاوت اون با سایر کتابخونه ها و فریمورک های وب جاوا اسکریپت نمی دونید، پیشنهاد میکنم نگاهی به بخش React بلاگ سایت بندازید و مقالات زیر رو حتما بخونید:

این دوره مناسب چه کسانی است؟

با توجه به اینکه React Native بر پایه جاوا اسکریپت و کتابخانه React است، پس افرادی که قصد دارند با React Native شروع به کار کنند باید حتما آشنایی با مفاهیم پایه و اساسی React Js داشته باشند.این دوره مناسب این افرادی است که قصد دارند با فریمورک دوست داشتنی React Native شروع به کار کنند و یا خودشون علاقه مند به یادگیری react js (ری اکت جی اس) هستند.

تکلیف پیش نیاز های این دوره چی میشه؟

برای یادگیری React شما باید به جاوا اسکریپت(Javascript) و ES6 آشنا باشید و تسلط نسبی داشته باشید تا روند یادگیری سریعی داشته باشید.لازم نیست که شما برای پیش نیازها نگران باشید چون ما تمامی این پیش نیاز ها رو به صورت رایگان داریم و میتونید از این دوره ها استفاده کنید

از طرفی همچنین شما نیاز دارید تا با مفاهیم HTML و CSS برای یک خروجی زیبا از لحاظ ظاهری و بصری آشنایی داشته باشید که میتونید از مطالب سایت w3schools استفاده کنید

توجه داشته باشید که در این دوره فقط موارد نیاز برای شروع کار با React Native آموزش داده شده است و اگر قصد دارید به صورت حرفه ای با React Js کار کنید پیشنهاد میکنم دوره جامع آموزش ReactJs رو مشاهده کنید.

سوالات متداول

تفاوت react js و react native چیست؟

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

اما react native یک فریمورک بر پایه جاوا اسکریپت و کتابخانه react js است که شما فقط با نوشتن کد جاوا اسکریپت و استفاده از کامپوننت های react می تواند اپلیکیشن native برای دو پلتفرم android و ios بسازید

آیا react js(ری اکت) ارزش یادگیری دارد؟

برای فهمیدن پاسخ به این سوال شاید بهترین راه سر زدن به سایت های آگهی شغلی مثل جابجینا و… بزنید و ببینید که چه تعداد زیادی درخواست برای استخدام توسعه دهنده react وجود دارد
از طرفی با یادگیری react js شما میتوانید با صرف وقت نسبتا کمی به فریمورک react native مسلط شوید و اپلیکیشن موبایل برای Android و ios بسازید

یادگیری react js(ری اکت) سخت است؟

یادگیری react js برای کسانی که به جاوا اسکریپت و Es6 تسلط دارد، کار بسیار راحتی است و با صرف مدت زمانی نسبتا کوتاه با داشتن پیش زمینه از html و css راحت می تواند به این کتابخانه مسلط شود

آموزش ReactJs ورژن 16

react چیست ویدئو

10 دقیقه

پیش نمایش

در این جلسه به این میپردازیم که React چی هست؟ چرا باید ازش استفاده کنیم؟ آیا React یک کتابخونه است یا فریمورک؟

در ادامه در مورد JSX و Virtual Dom صحبت میکنیم و همچنین چند تا از وب سایت معروف ایرانی که با React نوشته شدن معرفی میشه

نصب react ویدئو

7 دقیقه

در این جلسه با روش های مختلف نصب React آشنا میشید و در ادامه با استفاده از create react app یک پروژه ایجاد می کنیم

بررسی ساختار پروژه های react ویدئو

6 دقیقه

در این جلسه ساختار پروژه ای که با create-react-app ایجاد کردیم بررسی می کنیم

بررسی ساختار پروژه های react ویدئو

6 دقیقه

در این جلسه ساختار پروژه ای که با create-react-app ایجاد کردیم بررسی می کنیم

یادگیری و کار با JSX ویدئو

14 دقیقه

در این جلسه JSX رو به صورت کامل زیر و رو میکنیم و مزایای استفاده از JSX و دردسرهایی که در صورت عدم استفاده از اون رو باید بکشیم به صورت کامل بیان میشه

Functional Component در مقابل Class Component ویدئو

7 دقیقه

در این جلسه در مورد Functional Component و Class Component صحبت میکنیم.اینکه هر کدوم چه مزایایی دارند و با معرفیhooks چه امکاناتی در اختیار ما قرار گرفته که در پروژه هامون میتونیم ازش استفاده کنیم

نحوه ایجاد کامپوننت ویدئو

9 دقیقه

در این جلسه در مورد نحوه ایجاد یک کامپوننت و استفاده از اون بحث خواهیم کرد و شما یاد میگیرد که چجوری یک Functional Component ایجاد و از اون استفاده کنی

props ها در react ویدئو

9 دقیقه

در این جلسه یاد میگیرد که props ها در react چی هستند؟چه کاربردی دارند و چجوری میشه از اونها استفاده کرد

prop types چیست و چه کاربردی دارد ویدئو

14 دقیقه

در این جلسه یاد میگیرد که static typing و dynamic typing چیه و چه تفاوت هایی با هم دارند سپس در ادامه یاد میگیرد که چجوری type (نوع) prop هایی که به کامپوننت ها پاس داده میشه رو با استفاده از prop types چک کنید و از خطاهایی که ممکن بخاطر type اشتباه prop به وجود بیاد جلوگیری کنید

نحوه تبدیل functional component به class component ویدئو

3 دقیقه

در این جلسه یاد میگیرید که چجوری یک Functional Component رو به Class Component تبدیل کنید

state ها در react و کار با useState ویدئو

14 دقیقه

در این جلسه یاد میگیرید که چجوری با State ها در react کار کنید و اینکه تفاوت بین تعریف و بروز رسانی state ها در class Component و Functional Component چیه و چجوری میشه این عملیات ها رو انجام داد

استایل دهی در react ویدئو

8 دقیقه

در این جلسه یاد میگیرید که چجوری با استفاده از فایل های css استایل دهی به element های مورد نظرمون رو انجام بدیم

استفاده از css in js ویدئو

10 دقیقه

در این جلسه یاد میگیرید که css in js چه مزایایی داره، چه کتابخونه هایی در این زمینه وجود داره و چجوری ازش در React برای استایل دهی استفاده کنید

کار با css module ویدئو

8 دقیقه

در این جلسه یاد میگیرید که چجوری با css module ها در React کار کنید

مدیریت رویدادها(event ها) ویدئو

10 دقیقه

در این جلسه یاد میگیرید که چجوری رویدادها یا همون event ها در react رو مدیریت کنید

conditional rendring در react ویدئو

15 دقیقه

در این جلسه یاد میگیرید که چجوری بر اساس وضعیت یک state یا prop شما render های متفاوتی رو به کاربر نمایش بدید و بر اساس شرط یک سری محتواهای خاص به کاربر نشون داده بشه

list و key در react ویدئو

9 دقیقه

در این جلسه در ابتدا یاد میگیرید که کار map چیه و سپس با list ها کار میکنیم و دلیل و نحوه استفاده از key در لیست ها رو بیان میکنم

lifeCycle(چرخه حیات) کامپوننت ها در react و کار با useEffect ویدئو

21 دقیقه

در این جلسه یاد میگیرید که به طور کلی life cycle چی هست و در چه مواردی مورد استفاده قرار میگیره.سپس نحوه پیاده سازی اون با استفاده از useEffect رو یاد می گیرید

کار با فرم ها ویدئو

18 دقیقه

در این جلسه یاد میگیرید که فرم ها در react با html چه تفاوتی دارند و چجوری با فرم ها در react باید کار کرد

برچسب: آموزش react آموزش React js آموزش رایگان react آموزش فارسی react

دوره های مرتبط

آموزش جاوااسکریپت (javascript)

آموزش جاوا اسکریپت دوره ای است که در قالب آن ما تمامی مفاهیم پایه و اساسی javascript رو به همراه…

3,559

رایگان!

آموزش mongodb

آموزش mongodb(مانگو دی بی) دوره ای است که در قالب آن به صورت قدم به قدم مفاهیم mongodb و روش…

1,620

رایگان!

آموزش جامع React Native

React Native یک فریموک جاوا اسکریپته که بهت اجازه میده فقط با استفاده از جاوا اسکریپت و کتابخونه React اپلیکیشن native…

393

99,000 تومان

نظرات

lohrasbi.developer
جولای 12, 2021

پاسخ

سلام من قادر به دانلود دوره نیستم
ثبت نام هم کردم
- علیرضا(مدیریت)
  جولای 12, 2021
  
  پاسخ
  
  سلام به شما
  شما زمانی که یک دوره رو تهیه میکنید در مرحله آخر لینک های دانلود بهتون نمایش داده میشه و و جدا از اون هم هر زمان که دوست داشتید میتونید تشریف ببرید بخش دانلود های حساب کاربریتون و دوره مورد نظرتون رو دانلود کنید.
  دقت کنید زمانی که وارد حساب کاربریتون میشید لینک های دانلود دوره ها در بخش دانلود ها قرار گرفتن. در صورتی که بازهم مشکل داشتید میتونید از طریق ایدی تلگرام پشتیبانی alirezabakamal و یا شماره تماس 09150274110 با ما در ارتباط باشید تا مشکل رو رفع کنیم. موفق باشید
سیدمحمد امیری
ژوئن 28, 2021

پاسخ

سلام من ثبت نام کردم دروه هم شرکت کردم اما دسترسی دانلود ندارم.از پنل کاربری هم چک کردم دان نمیشه
- مهدی(مدیریت)
  ژوئن 28, 2021
  
  پاسخ
  
  سلام
  دسترسی به لینک های دانلود مجدد ایجاد شد.لطفا از بخش حساب کاربری -> دانلودها اقدام کنید
  - سیدمحمد امیری
    ژوئن 29, 2021
    
    پاسخ
    
    متاسفانه امکان دانلود میسر نمی باشد
    - مهدی(مدیریت)
      ژوئن 29, 2021
      
      پاسخ
      
      با چه پیغامی روبرو می شید؟اگر از vpn استفاده می کنید اون رو قطع کنید و مجدد تست کنید
    - Taha Goodarzi
      جولای 20, 2021
      
      پاسخ
      
      دوست عزیز برا منم اینطور شد اگه میخوای دانلود کنی برو بخش دانلود های شخصیت بعد یه لینک بهت داده اون. لینک رو کپی کن و در تب جدید پیست کن و اینتر بزن خودش شروع میکنه به دانلود
fnajafpour4
ژوئن 20, 2021

پاسخ

سلام من ثبت نام کردم دروه هم شرکت کردم با دوتا مرورگر امتحان کردم ولی بازم قسمت دانلود نمیاد
- مهدی(مدیریت)
  ژوئن 21, 2021
  
  پاسخ
  
  سلام
  دسترسی به لینک های دانلود مجدد برای شما ایجاد شد.لطفا از بخش حساب کاربری -> دانلودها اقدام نمایید
- Taha Goodarzi
  جولای 20, 2021
  
  پاسخ
  
  دوست عزیز برا منم اینطور شد اگه میخوای دانلود کنی برو بخش دانلود های شخصیت بعد یه لینک بهت داده اون. لینک رو کپی کن و در تب جدید پیست کن و اینتر بزن خودش شروع میکنه به دانلود
پارسا رحیمی
می 31, 2021

پاسخ

لینک دانلود ایراد داره دانلود نمیشه فایل
- علی(مدیریت)
  می 31, 2021
  
  پاسخ
  
  سلام
  لینک های دانلود مشکل خاصی نداره و به درستی دانلود میشه لطفا مجددا تست کنید در صورت وجود مشکل با پشتیبانی تلگرام در ارتباط باشبد
alisalhi3535
می 30, 2021

پاسخ

سلام در قسمت دانلود ها اجازه دانلود دوره رو نمیده
- علیرضا(مدیریت)
  می 30, 2021
  
  پاسخ
  
  علی عزیز سلام
  لینک دانلود تست شد و هیچ مشکلی وجود نداشت
  لطفا مطمعن بشید که از وی *ی ان استفاده نمیکنید و مجددا با یک مرورگر دیگه تست کنید
  در صورتی که هنوز هم مشکل دارید با پیشتیبانی تلگرام درارتباط باشید تا سریعا پیگیری بشه
علیرضا نورانی
می 10, 2021

پاسخ

با سلام
دوره به پروفایلم اضافه نمیشه
دوره جاوا اسکریپت را دانلود کردم ولی این دوره به قسمت دانلود نمیرود.
لطفا تصحیح بفرمایید.
با تشکر
- علی(مدیریت)
  می 10, 2021
  
  پاسخ
  
  سلام مجددا دسترسی دانلود فعال شد تست کنید
j.sh2182
آوریل 20, 2021

پاسخ

سلام. من ثبت نام کردم اما قسمت دانلودهای پروفایلم خالیه. چطور میتونم این دوره رو به به لیست دانلودهام اضافه کنم؟ ثبت نام دوره رو هم که میزنم به سبد خریدم اضافه میشه فقط
- مهدی(مدیریت)
  آوریل 20, 2021
  
  پاسخ
  
  سلام
  بعد از اینکه به سبد خریدتون اضافه شد.به صفحه سبد خرید مراجعه نمایید و ثبت نام خودتون رو تکمیل کنید تا دوره به پروفایلتون اضافه بشه.
سید نیاکی
آوریل 10, 2021

پاسخ

من ثبت نام کردم توی دوره هم شرکت کردم
چرا لینک دانلود نیست؟
- علیرضا(مدیریت)
  آوریل 10, 2021
  
  پاسخ
  
  سلام روز بخیر
  شما در مرحله اخر ثبت نامتون لینک های دانلود رو میتونید ببینید، همچنین میتونید لاگین کنید و وارد بخش حساب کاربری بشید و از قسمت دانلود ها محتوای دوره رو دانلود کنید. همچنین میتونید حساب کاربریتون رو لاگین کنید در قسمت سمت چپ که قبلا دکمه ثبت نام بوده الان دریافت فایل های دوره رو میبینید با هر کدوم از این سه روش میتونید دوره رو دریافت کنید
  - behnamsheikhmuhammadi
    آوریل 12, 2021
    
    پاسخ
    
    سلام
    وقت بخیر
    به روش سوم من امتحان کردم دانلود نشد ، البته از جاهای مختلف مانند صفحه دانلود امتحان کردم که بازم نشد
    - behnamsheikhmuhammadi
      آوریل 14, 2021
      
      پاسخ
      
      توی دانلود مشکلی وجود داره
      با کروم دانلود نمیشه من با فایرفاکس دانلود کردم
      وقتی توی کروم دکمه دانلود می زنی توی کنسول خطا میده
      - علیرضا(مدیریت)
        آوریل 14, 2021
        
        پاسخ
        
        سلام به شما تست کردم مشکلی وجود نداشت با کروم
        احتمالا کش کرده براتون
    - علیرضا(مدیریت)
      آوریل 17, 2021
      
      پاسخ
      
      سلام
      من دوره رو مجددا برای حساب کاربری شما تعریف کردم لطفا تست کنید
      مشکلی در دانلود و دریافت دوره ها وجود نداره مطمعن بشید که اتصال وی *ی انتون برقرار نباشه
F Goodarzi
آوریل 5, 2021

پاسخ

سلام.ویدیو ها باز نمیشن چرا
- مهدی(مدیریت)
  آوریل 5, 2021
  
  پاسخ
  
  سلام
  بعد از ثبت نام میتونید ویدئوهای دوره را دانلود کنید
mousa jafarzade
آوریل 3, 2021

پاسخ

سلام وقت شما بخیر ممنون بخاطر زحماتی که میکشید
به نظر شما دیدن این دوره در حالی که الان(فروردین 1400) ورژن های جدید ری اکت ارائه شده مفید هست ؟
- علیرضا(مدیریت)
  آوریل 3, 2021
  
  پاسخ
  
  سلام به شما وقتتون بخیر محتوای دوره کاملا به روز هست و میتونید از اون استفاده کنید
niloofar.fy21
مارس 27, 2021

پاسخ

سلام.. متاسفانه دانلود نمیشه.مشکلش چیه؟ لطفا میتونید راهنمایی کنید؟
- علیرضا(مدیریت)
  مارس 28, 2021
  
  پاسخ
  
  سلام به شما
  من تست کردم هیچ مشکلی وجود نداشت
  لطفا مجددا تست کنید احتمالا اتصال وی *ی انتون برقرار بوده اگه براتون مقدوره با یک مرورگر دیگه تست کنید اگه همچنان مشکل داشتید با ایدی تلگرام من alirezabakamal در ارتباط باشید تا سریعا مشکل رو برطرف کنیم
رضا برزنونی
مارس 25, 2021

پاسخ

ثبت نام کردم ولی دانلود نمیشه
لینک ها خرابه
فقط ویدیو جلسه اول درسته
بقیه نیست اصلا
- علیرضا(مدیریت)
  مارس 26, 2021
  
  پاسخ
  
  رضای عزیز لینک های دانلود هیچ مشکلی ندارن، شما زمانی که یک دوره رو ثبت نام مکنید در مرحله آخر لینک های دانلود بهتون نمایش داده میشه اما اگر در اون زمان علاقه ای به دانلود دوره نداشته باشید میتونید در حساب کاربری خودتون لاگین کنید وارد بخش دانلود ها بشید و از اون جا تمامی دوره هایی که ثبت نام کردید رو دانلود کنید. در ضمن لینک های دانلود تاریخ انقضا ندارند و هر زمانی که دوست داشتید میتونید برای دانلود اون ها اقدام کنید.
  همچنین اگه حساب کاربریتون رو لاگین کرده باشید و وارد صفحه دوره هایی که قبلا ثبت نام کردید بشید در قسمت سمت چپ دریافت فایل دوره رو میتونید ببینید
  باز هم اگر مشکلی در دریافت فایل های دوره داشتید اطلاع بدید.
Hadi6
مارس 1, 2021

پاسخ

سلام
لینک دانلود این دوره پس از ثبت نام برای من اومده ولی خطای 404 میده و مسیر دانلود را پیدا نمی کنه
ممنون میشم اصلاح فرمایید
قبل از خرید دوره جامع می خواستم یک نگاهی به این دوره بندازم ببینم با چی سر وکار خواهم داشت
- مهدی(مدیریت)
  مارس 1, 2021
  
  پاسخ
  
  سلام
  با عرض پوزش
  متاسفانه سرور دانلود دچار مشکل شده
  در حال پیگیری از طرف شرکت ارائه دهنده هستیم تا مشکل برطرف شود
- مهدی(مدیریت)
  مارس 1, 2021
  
  پاسخ
  
  سلام مشکل برطرف شد
  لطفا بخش حساب کاربری ->دانلود ها رو چک کنید
Mehrnoush
فوریه 20, 2021

پاسخ

با سلام.
قبلا این دوره را ثبت نام کردم ولی در حال حاظر لینک های ویدئو وجود ندارد.

با تشکر
- علی(مدیریت)
  فوریه 20, 2021
  
  پاسخ
  
  سلام وقت بخیر
  مجدد دسترسی دانلود فعال شد. تست کنید و در صورتی که بازهم در دانلود دوره مشکلی وجود داشت اطلاع بدین تا در سریع ترین زمان ممکن مشکلتون برطرف بشه.
  - Mehrnoush
    فوریه 20, 2021
    
    پاسخ
    
    نه متاسفانه درست نشده است.
    تنها ویدیو جلسه اول قابل دسترسی میباشد.
    - مهدی(مدیریت)
      فوریه 20, 2021
      
      پاسخ
      
      الان در حساب کاربری و بخش دانلود ها، لینک دانلود دوره وجود نداره؟
kaharkaboodierfan
فوریه 18, 2021

پاسخ

سلام راه ارتباطی با مدرس چیه ؟
من سوال دارم باید عکس بفرستم
- علیرضا(مدیریت)
  فوریه 19, 2021
  
  پاسخ
  
  سلام وقت بخیر
  تمامی سوالات خودتون رو میتونید در گروه تلگرام، کامنت های دوره و تالار گفتمان بیان کنید.موفق باشید
  لینگ گروه تلگرام : http://t.me/reactapp_group