فهرست سرفصل‌های React
خانه (Home) مقدمه (Intro) شروع کار (Get Started) اولین اپ (First App) رندر HTML (Render HTML) ارتقا (Upgrade) آشنایی با ES6 (ES6) کلاس ها در ES6 (ES6 Classes) توابع پیکانی ES6 (ES6 Arrow Functions) متغیرها در ES6 (ES6 Variables) متد map روی آرایه ها (ES6 Array map()) دیس ترکچرینگ (تقسیم ساختاری) (ES6 Destructuring) عملگر پخش (Spread) (ES6 Spread Operator) ماژول ها در ES6 (ES6 Modules) عملگر سه تایی (Ternary) (ES6 Ternary Operator) رشته های قالبی (Template Strings) (ES6 Template Strings) مقدمه JSX (JSX Intro) عبارت ها در JSX (JSX Expressions) خصیصه ها در JSX (JSX Attributes) شرط ها در JSX (JSX If Statements) کامپوننت ها (Components) کلاس ها (Class) پراپس ها (Props) (Props) دیس ترکچرینگ پراپس ها (Props Destructuring) پراپس children (Props Children) رویدادها (Events) رندر شرطی (Conditionals) لیست ها (Lists) فرم ها (Forms) ارسال فرم (Forms Submit) فیلد Textarea (Textarea) فیلد Select (Select) چند ورودی در فرم (Multiple Inputs) چک باکس (Checkbox) دکمه های رادیویی (Radio) پورتال ها (Portals) Suspense (Suspense) استایل دهی با CSS (CSS Styling) CSS Modules (CSS Modules) CSS-in-JS (CSS-in-JS) مسیریابی (Router) (Router) ترنزیشن ها (Transitions) (Transitions) Forward Ref (Forward Ref) کامپوننت های مرتبه بالاتر (HOC) (HOC) استایل دهی با Sass (Sass) هوکس چیست؟ (What is Hooks?) هوک useState (useState) هوک useEffect (useEffect) هوک useContext (useContext) هوک useRef (useRef) هوک useReducer (useReducer) هوک useCallback (useCallback) هوک useMemo (useMemo) هوک های سفارشی (Custom Hooks) کامپایلر (Compiler) کوئیز (آزمون کوتاه) (Quiz) تمرین ها (Exercises) سیلابس (سرفصل دوره) (Syllabus) برنامه مطالعه (Study Plan) سرور (Server) آمادگی مصاحبه (Interview Prep) گواهینامه (Certificate)
نتیجه‌ای برای جستجو یافت نشد.

سرور (Server)

اینجا درباره ساختن سرور ری اکت روی فضای ابری صحبت می کنیم؛ یعنی جایی که کد ری اکت تو روی Node.js همیشه روشن می ماند و بقیه می توانند سایتت را در اینترنت ببینند.

سرور ری اکت روی W3Schools Spaces یعنی چه؟

در منبع، عنوان صفحه «Create React.js Server» است. یعنی با W3Schools Spaces می توانی کد ری اکت را روی سرور Node.js میزبانی کنی.

سرور (Server) یعنی یک کامپیوتر همیشه روشن که درخواست ها را پاسخ می دهد. وقتی کاربر آدرس سایت تو را می زند، سرور ری اکت کد را اجرا می کند و نتیجه را برمی گرداند.

در بخش بالای منبع، چهار کلمه دیده می شود: Practice، kAI، Build و Host. یعنی می توانی مهارت کدنویسی را تمرین کنی، با مدرس هوش مصنوعی کار کنی، پروژه بسازی و آن را به صورت امن میزبانی کنی.

پلن ها برای هاست سرور ری اکت

در منبع، سه نوع پلن معرفی شده است: Free، W3Schools Plus و W3Schools Academy. هرکدام امکانات متفاوتی برای میزبانی و تمرین دارند.

  • پلن Free: برای شروع و تازه کارهاست. می توانی پیشرفت را ثبت کنی، هدف بگذاری و یک وب سایت استاتیک بسازی و میزبانی کنی.
  • پلن Plus: تجربه بدون تبلیغ، چالش های نامحدود و تست های تمرینی نامحدود می دهد. همچنین می توانی چند سایت استاتیک و یک سرور کامل فول استک بسازی.
  • W3Schools Academy: مخصوص معلم هاست. داشبورد کلاس، برنامه های مطالعه، پیگیری پیشرفت و دسترسی به دوره ها و آزمون ها را ارائه می دهد.

نکته: در متن اشاره شده است که می توان سالانه هم اشتراک گرفت و تخفیف مخصوص مشترک جدید هم وجود دارد.

امکانات مهم Spaces برای سرور ری اکت

در ادامه منبع، بخش های زیادی امکانات محیط Spaces را توضیح می دهند. همه این امکانات کمک می کنند سرور ری اکت خودت را راحت تر مدیریت کنی.

  • Powerful Code Editor: ادیتور کدی که برای فرانت اند، بک اند و فول استک مناسب است.
  • Cloud-based: همه چیز روی ابر است؛ نیازی به نصب محلی نیست.
  • Terminal & Log: ترمینال و لاگ کمک می کنند خطاها را ببینی و سریع تر دیباگ کنی.
  • Database: بخشی برای دیدن و مدیریت داده های ذخیره شده سایت.
  • File Navigator: همه فایل های پروژه را در یک جا می بینی و بینشان جابه جا می شوی.
  • Package Manager: فریم ورک ها و کتابخانه ها را با چند کلیک نصب می کنی.
  • Environment Manager: مدیریت تنظیمات محیط برای امنیت و کنترل بهتر.
  • Analytics: آمار بازدیدکننده ها را می بینی و رفتار کاربران را تحلیل می کنی.

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

چطور سرور ری اکت خودت را در Spaces بسازی؟

در منبع، بخشی با عنوان «How it works» وجود دارد. آن جا روند کلی ساخت فضا و سایت توضیح داده شده است.

  1. عضو W3Schools شو و یک Space بساز.
  2. یک تمپلیت آماده انتخاب کن یا از صفر شروع کن.
  3. کد ری اکت و سمت سرور را در ادیتور بنویس یا ویرایش کن.
  4. وب سایتت را منتشر کن و لینک را با بقیه به اشتراک بگذار.

نکته: در همه پلان ها یک زیردامنه رایگان، هاست و گواهی SSL برای اشتراک گذاری امن سایت وجود دارد.

کد ری اکت روی سرور چه تفاوتی دارد؟

در منبع، تفاوت «Basic» و «Full Stack» Spaces در بخش پرسش های پرتکرار آمده است. Basic فقط فرانت اند را پوشش می دهد اما Full Stack اجازه ساخت بک اند را هم می دهد.

در Full Stack Spaces می توانی با زبان هایی مثل React.js و Node.js کار کنی. این ترکیب برای ساخت سرور ری اکت و APIها بسیار مناسب است.

نکته: اگر فقط می خواهی یک سایت ساده استاتیک داشته باشی، Basic کافی است. ولی برای سرور ری اکت و بک اند، به فضای فول استک نیاز داری.

پرسش های پرتکرار درباره سرور و اشتراک

در انتهای منبع، بخش FAQ چند سؤال مهم را پاسخ می دهد. این سؤال ها بیشتر درباره نوع فضا، تمدید اشتراک و چندکاربره بودن است.

  • تفاوت Basic و Full Stack: Basic فقط فرانت اند است؛ Full Stack فرانت اند و بک اند را همراه دارد.
  • زبان های موجود: Basic شامل HTML، CSS و JavaScript است. Full Stack علاوه بر این ها PHP، Python، React.js، Vue.js، Node.js، Handlebars و Django را دارد.
  • تمدید اشتراک: اشتراک به صورت خودکار هر ماه تمدید می شود.
  • لغو اشتراک: اگر لغو کنی، تا پایان دوره پرداخت شده، دسترسی داری ولی دیگر تمدید خودکار انجام نمی شود.
  • چند کاربره: برای چند حساب باید با تیم فروش W3Schools تماس بگیری.

جمع بندی سریع

  • سرور ری اکت روی Spaces یعنی میزبانی React.js روی Node.js.
  • پلن های مختلف برای شروع، حرفه ای ها و معلم ها در دسترس است.
  • امکاناتی مثل ادیتور ابری، ترمینال، دیتابیس و آنالیتیکس همراه سرور می آید.
  • Full Stack Spaces برای ساخت سرور و بک اند ری اکت لازم است.
  • همه چیز در مرورگر انجام می شود و انتشار سایت چند کلیک بیشتر نیست.