قیمت :

رایگان

LinkedIn
Twitter
Facebook
Telegram
LinkedIn
Twitter
Facebook
Telegram

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

درباره مدرس 

اطلاعات دوره

توضیحات

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

 

React چیست ؟

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

 

این آموزش در یک نگاه:

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

در انتها خیلی سریع و پروژه محور، اولین پروژه React.js را می‌سازیم.

 

پیشنیاز

ندارد

 

این آموزش بی نظیر است زیرا:
  • React یکی از محبوبترین فریمورک های طراحی وب در جهان می‌باشد.
  • سریع و پروژه محور
  • بازار کار بسیار عالی در داخل و خارج از ایران دارد.

 

در راستای این آموزش مطالب مقاله زیر در مجله هم رویش به شما پیشنهاد می شود:

ری اکت چیست ؟ ____ مقدمه ای بر تعریف react برای مبتدیان

Vue یا React ___ کدام فریمورک را در چه زمانی انتخاب می کنید؟

 

 

کلید واژگان

آموزش نصب ری اکت – نصب ری اکت – نصب ری اکت جی اس – آموزش پروژه محور react js

سر فصل ها

سر فصل ها

  • نصب npm
  • نصب vsCode
  • نصب گیت
  • راه اندازی اولین پروژه
نظرات (2)

2 دیدگاه برای آموزش نصب ری اکت جی اس ___ آشنایی با ابزارها و راه اندازی اولین پروژه React

  1. salehi (خریدار محصول)

    سلام و خسته نباشید
    استاد من برای نصب ری اکت جی سون با مشکل واجه شدم بعد از تایپ npx create-react-app frontend به من خطاهای زیادی نشون میده .لطفا راهنمایی کنید .

    npx create-react-app frontend
    Creating a new React app in C:\Users\NRP-GROUP\Desktop\frontend.

    Installing packages. This might take a couple minutes.
    Installing react, react-dom, and react-scripts…

    npm WARN deprecated @babel/plugin-proposal-numeric-separator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead.
    npm WARN deprecated @babel/plugin-proposal-private-methods@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.
    npm WARN deprecated @babel/plugin-proposal-nullish-coalescing-operator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
    npm WARN deprecated @babel/plugin-proposal-class-properties@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
    npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
    npm WARN deprecated @babel/plugin-proposal-optional-chaining@7.21.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
    npm WARN deprecated rollup-plugin-terser@7.0.2: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
    npm WARN deprecated abab@2.0.6: Use your platform’s native atob() and btoa() methods instead
    npm WARN deprecated domexception@2.0.1: Use your platform’s native DOMException instead
    npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
    npm WARN deprecated w3c-hr-time@1.0.2: Use your platform’s native performance.now() and performance.timeOrigin.
    npm ERR! code ETIMEDOUT
    npm ERR! network
    npm ERR! network This is a problem related to network connectivity.
    npm ERR! network In most cases you are behind a proxy or have bad network settings.
    npm ERR! network
    npm ERR! network If you are behind a proxy, please make sure that the
    npm ERR! network ‘proxy’ config is set properly. See: ‘npm help config’

    npm ERR! A complete log of this run can be found in: C:\Users\NRP-GROUP\AppData\Local\npm-cache\_logs\2024-05-14T08_59_10_150Z-debug-0.log

    Aborting installation.
    npm install –save –save-exact react react-dom react-scripts has failed.

    Deleting generated file… node_modules
    Deleting generated file… package.json
    Deleting frontend/ from C:\Users\NRP-GROUP\Desktop
    Done.

  2. ابراهیم

    بسیار آموزش مفیدی بود ممنون از استاد گرامی و هم رویش بابت رایگان بودن.

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

نظرات کاربران در خصوص دوره 

2 دیدگاه برای آموزش نصب ری اکت جی اس ___ آشنایی با ابزارها و راه اندازی اولین پروژه React

  1. salehi (خریدار محصول)

    سلام و خسته نباشید
    استاد من برای نصب ری اکت جی سون با مشکل واجه شدم بعد از تایپ npx create-react-app frontend به من خطاهای زیادی نشون میده .لطفا راهنمایی کنید .

    npx create-react-app frontend
    Creating a new React app in C:\Users\NRP-GROUP\Desktop\frontend.

    Installing packages. This might take a couple minutes.
    Installing react, react-dom, and react-scripts…

    npm WARN deprecated @babel/plugin-proposal-numeric-separator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-numeric-separator instead.
    npm WARN deprecated @babel/plugin-proposal-private-methods@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.
    npm WARN deprecated @babel/plugin-proposal-nullish-coalescing-operator@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-nullish-coalescing-operator instead.
    npm WARN deprecated @babel/plugin-proposal-class-properties@7.18.6: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.
    npm WARN deprecated stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility
    npm WARN deprecated @babel/plugin-proposal-optional-chaining@7.21.0: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-optional-chaining instead.
    npm WARN deprecated rollup-plugin-terser@7.0.2: This package has been deprecated and is no longer maintained. Please use @rollup/plugin-terser
    npm WARN deprecated abab@2.0.6: Use your platform’s native atob() and btoa() methods instead
    npm WARN deprecated domexception@2.0.1: Use your platform’s native DOMException instead
    npm WARN deprecated sourcemap-codec@1.4.8: Please use @jridgewell/sourcemap-codec instead
    npm WARN deprecated w3c-hr-time@1.0.2: Use your platform’s native performance.now() and performance.timeOrigin.
    npm ERR! code ETIMEDOUT
    npm ERR! network
    npm ERR! network This is a problem related to network connectivity.
    npm ERR! network In most cases you are behind a proxy or have bad network settings.
    npm ERR! network
    npm ERR! network If you are behind a proxy, please make sure that the
    npm ERR! network ‘proxy’ config is set properly. See: ‘npm help config’

    npm ERR! A complete log of this run can be found in: C:\Users\NRP-GROUP\AppData\Local\npm-cache\_logs\2024-05-14T08_59_10_150Z-debug-0.log

    Aborting installation.
    npm install –save –save-exact react react-dom react-scripts has failed.

    Deleting generated file… node_modules
    Deleting generated file… package.json
    Deleting frontend/ from C:\Users\NRP-GROUP\Desktop
    Done.

  2. ابراهیم

    بسیار آموزش مفیدی بود ممنون از استاد گرامی و هم رویش بابت رایگان بودن.

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

SKU HB-React-ASDQ-01-SettingUp Category Tags , , , ,