جستجو برای:
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام
  • درباره ما
  • تماس با ما
آموزش جاوا اسکریپت(javascript)-کتابخانه ها و فریمورک ها
  • صفحه اصلی
  • دوره ها
    • راهنمای یادگیری
  • بلاگ
  • تالار گفتمان
  • کانال تلگرام
0

ورود و ثبت نام

آموزش ReactJs ورژن 16

خانهدوره هادوره های آموزشیآموزش ReactJs ورژن 16
آموزش فارسی reactjs
حالت مطالعه

آموزش 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 Js چیست و چرا ما باید از آن استفاده کنیم
  • چرا این روزها React Js محبوبیت زیادی پیدا کرده است
  • برای پروژه بعدی کدام یک را انتخاب کنیم؟ React,Angular یا Vue

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

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


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

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

  • آموزش جاوا اسکریپت
  • آموزش 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

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

آموزش mongodb

آموزش mongodb

آموزش mongodb(مانگو دی بی) دوره ای است که در قالب آن به صورت قدم به قدم مفاهیم mongodb و روش…
1,205
رایگان!
آموزش پروژه محور Nodejs

آموزش جامع و پروژه محور Nodejs

آموزش node js (نود جی اس) دوره ای است که در آن به صورت گام گام مفاهیم مقدماتی تا پیشرفته…
318
119,000 تومان
آموزش پروژه محور react native

آموزش پروژه محور React Native

در دوره آموزش پروژه محور react native قصد داریم یک اپلیکیشن برای مدیریت دانش آموزان بنویسیم.با تماشای این دوره شما…
79
25,000 تومان

chat_bubble_outlineنظرات

  • Mehrnoush
    فوریه 20, 2021
    پاسخ

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

    با تشکر

    • علی(مدیریت)
      فوریه 20, 2021
      پاسخ

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

      • Mehrnoush
        فوریه 20, 2021
        پاسخ

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

        • مهدی(مدیریت)
          فوریه 20, 2021
          پاسخ

          الان در حساب کاربری و بخش دانلود ها، لینک دانلود دوره وجود نداره؟

  • kaharkaboodierfan
    فوریه 18, 2021
    پاسخ

    سلام راه ارتباطی با مدرس چیه ؟
    من سوال دارم باید عکس بفرستم

    • علیرضا(مدیریت)
      فوریه 19, 2021
      پاسخ

      سلام وقت بخیر
      تمامی سوالات خودتون رو میتونید در گروه تلگرام، کامنت های دوره و تالار گفتمان بیان کنید.موفق باشید
      لینگ گروه تلگرام : http://t.me/reactapp_group

  • →
  • 1
  • 2
  • 3

قوانین ثبت دیدگاه

لغو پاسخ

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

قیمت :

رایگان!

امتیاز
4.25 از 24 رأی
رایگان!
تعداد دانشجو : 3,927
نوع دوره: غیرحضوری،ویدئویی
سطح دوره: مقدماتی
پیش نیاز: دوره جاوااسکریپت ، دوره جاوااسکریپت 2015(ES6)
زبان: فارسی
3 ساعت و 12 دقیقه
18 درس
412 مگابایت
روش دریافت: دانلودی
روش پشتیبانی: تالارگفتمان و کامنت های دوره
درصد پیشرفت دوره: %100
19.49k بازدید 72 دیدگاه
مهدی
مهدی
برنامه نویس front end

دسته: دوره های آموزشی
ارتباط با ما
  • 09150274110
  • contact@reactapp.ir
دسترسی سریع
  • بلاگ
  • تله فیلم آموزشی
  • آموزش متنی
  • قوانین

تیم reactapp تمام تلاش خودش رو انجام میده تا محتوایی با کیفیت و به روز رو در اختیار علاقه مندان به حوزه جاوااسکریپت قرار بده. چیدمان تمامی آموزش های ویدئویی و مقالات به نحوی هست که شمارو به سمت بازار کار سوق بده تا هر چه سریع تر به عنوان یک نیرو فنی در بازار کار مشغول به فعالیت شده و به درآمد زایی برسید.

کلیه حقوق این سایت محفوظ و متعلق به reactapp.ir میباشد.
X
پیش نمایش دوره پیشرفته و پروژه محور جاوا اسکریپت منتشر شد. با ثبت ایمیلتون یک کد تخفیف 60 درصدی در روز انتشار دوره هدیه بگیرید.
ثبت ایمیل

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت