آموزش React JS: با قلاب‌ها و زمینه‌های مدرن واکنش نشان دهید

React JS: React with Modern Hooks and Context

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: React Hooks و Context مدرن را با دوره React Hooks و Context من بیاموزید و از مهارت های توسعه وب خود استفاده کنید React یا React JS یک کتابخانه جاوا اسکریپت جلویی برای ساخت اجزای رابط کاربری برای وب است. اگر به توسعه وب علاقه دارید، React یک کتاب عالی است که ارزش یادگیری را دارد. چندتا دلیل داره. اولین مورد این است که React در بازار کار توسعه نرم افزار تقاضای زیادی دارد React مهندسان را تشویق می کند تا با استفاده از رویکرد برنامه نویسی عملکردی کد بنویسند. مهندسان کامپوننت هایی را ایجاد می کنند که توابع معمولی جاوا اسکریپت هستند React یک کتابخانه پیشانی جاوا اسکریپت منبع باز است. برخی از توسعه دهندگان آن را یک فریم ورک فرانت اند می دانند زیرا بیشتر از کتابخانه های استاندارد معمولاً انجام می دهد. React یک چارچوب ضروری جاوا اسکریپت برای توسعه وب است. این محبوب ترین فریم ورک برای توسعه رابط های کاربری اپلیکیشن های وب، موبایل و دسکتاپ است. سیستم زمان اجرا پلتفرمی است که یک برنامه نرم افزاری در آن اجرا می شود. این دوره اساساً محیطی است که مجموعه‌ای از نرم‌افزار و سخت‌افزار را در خود جای داده است که به یک برنامه اجازه می‌دهد این دوره بهترین راه برای یادگیری React JS مدرن و React Hooks و Context Dive در React JS است. حالت‌ها و روش‌های چرخه زندگی اجزا در React JS ایجاد React Components قابل استفاده مجدد یاد بگیرید جاوا اسکریپت مدرن، ES6 آموزش اتصال به API خارجی ورودی‌ها، فرم‌ها و رویدادهای کاربر در React Routing با React Router با استفاده از React Portal برای رندر کردن کودکان خارج از سلسله مراتب DOM React JS Hooks و Context React چهره مدرن توسعه برنامه های وب با React Js Hooks و Context Creating Hooks و Context است. ایجاد قلاب و ساختارهای زمینه با نمودارهای توضیحی Context Api چیست و چگونه استفاده می شود با استفاده از Context Api و Hooks با هم ایجاد زمینه با دسترسی به کامپوننت کلاس به Context با Context Type برای دستکاری داده ها در Context useState، useEffect، useReducer، و useContext hooks Reducer، action و dispatch مفاهیم و خیلی چیزهای دیگر نحوه استفاده از تکنیک های کدگذاری برای ایجاد توسعه کارآمد تنها چیزی که نیاز دارید کامپیوتر شما و شماست! پیش نیازها: رایانه ای با دسترسی به اینترنت از آنجایی که در طول آموزش از ابزارها و پلتفرم های رایگان استفاده می شود، نیازی به خرید هیچ ابزار یا برنامه ای ندارید. فقط شما هستید، کامپیوتر و جاه طلبی شما برای شروع امروز این دوره برای افرادی ایده آل است که دانش پایه ای از HTML، CSS، جاوا اسکریپت دارند اما نیازی نیست که متخصص باشید، دانش Es6 مفید است اما لازم نیست. یادگیری React Desire برای یادگیری React JS Desire برای یادگیری full stack React js با Nodejs، Hooks و Context Desire برای یادگیری فناوری آینده واکنش js با nodejs تمایل به یادگیری توسعه وب frontend و backend با جاوا اسکریپت (react js، nodejs، nodejs) تمایل به یادگیری mern stack با react، nodejs، hook و context

سلام،

به React JS خوش آمدید: React with Modern Hooks and Context.
با دوره React Hooks and Context من React Hooks و Context مدرن را بیاموزید و از مهارت های توسعه وب خود استفاده کنید

  • آیا می خواهید ReactJS را از ابتدا یاد بگیرید؟

  • آیا می‌خواهید آخرین ویژگی‌های React سیستم Hooks و Context را یاد بگیرید؟

  • آیا می‌خواهید برنامه‌ای با React Hooks و Context ایجاد کنید. به روشی بسیار دقیق؟

اگر پاسخ شما "بله" است، در جای مناسبی هستید. این دوره آموزشی React JS: React with Modern Hooks and Context یک تطابق کامل خواهد بود.

با انجام دادن بیاموزید!

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

محتوای تازه

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

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

شما می خواهید آخرین ویژگی های React سیستم Hooks و Context را یاد بگیرید. ما قصد داریم دو برنامه با ظاهر زیبا ایجاد کنیم، تا Hooks و Context را نشان دهیم. به روشی بسیار دقیق شما می خواهید یاد بگیرید که چگونه از اجزای عملکردی با سیستم Hooks استفاده و حالت دهید و با Context API برای مدیریت وضعیت برنامه به هیچ بسته شخص ثالثی نیاز نخواهید داشت.

ما سعی کردیم تمام موضوعات پیچیده را با جزئیات در دوره توضیح دهیم. من از برخی نمودارها برای بیان برخی موضوعات مهم استفاده کردم و یک برنامه تلفن همراه زیبا ایجاد کردم. در این دوره، ما برنامه های خود را با expo-cli ایجاد کردیم.

در پایان دوره،

را یاد خواهید گرفت
  • نحوه ایجاد یک برنامه وب سایت تک صفحه با React JS.

  • مهم ترین موضوعات React مانند کامپوننت ها، پایه ها، حالت ها و روش های چرخه عمر اجزا

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

  • نحوه ایجاد برنامه وب چند صفحه ای با react-router-dom.

  • نحوه ایجاد زمینه با مولفه مبتنی بر کلاس.

  • نحوه مصرف متن با "مصرف کننده زمینه".

  • نحوه مصرف متن با "static contextType".

  • نحوه دستکاری داده های زمینه در مؤلفه های مبتنی بر کلاس.

  • مهمترین توابع هوک مانند useState، useEffect، useReducer و useContext.

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

  • react.js

  • nodejs

  • node js

  • واکنش مدرن

  • پشته کامل

  • جاوا اسکریپت تمام پشته

  • واکنش کامل پشته

  • javascript

  • react js node js

  • nodejs reactjs

  • react js و node js

  • گره

  • node js react

  • پشته کامل مرن

  • mongodb

  • گره واکنش

  • react nodejs

  • reactjs و nodejs

  • mern

  • واکنش گره

  • توسعه وب با react js، mern stack

  • react js full stack

  • قلاب

  • قلاب‌های واکنش

  • زمینه

  • واکنش زمینه

  • قلاب های وب

  • قلاب‌های react js

  • react context api

React چیست؟

React یک کتابخانه جلویی در جاوا اسکریپت است که توسط Facebook توسعه داده شده است. ساده ترین تعریف React این است که یک کتابخانه رابط کاربری است که برای ساخت اجزای UI برای وب استفاده می شود. اما اگر این تمام کاری بود که React انجام داد، چیزی بیشتر از یک کتابخانه الگو بود. توسعه دهندگان کامپوننت ها را در React با استفاده از نحوی شبیه به HTML به نام JSX تعریف می کنند. این مؤلفه‌های کپسوله‌شده، وضعیت خود را مدیریت می‌کنند، و انتقال داده‌های غنی به یک مؤلفه را ساده می‌کنند و وضعیت برنامه و اجزای آن را خارج از Document Object Model (DOM) نگه می‌دارند. این ویژگی ها به کامپوننت های React این توانایی را می دهد که به صورت پویا و کارآمد به تغییرات حالت خود واکنش نشان دهند. مجموعه‌ای از اجزای ساده در React را می‌توان در برنامه‌های ساده تک صفحه‌ای یا برنامه‌های وب بزرگ و پیچیده تشکیل داد.

React برای چه استفاده می شود؟

React یک کتابخانه مقدماتی جاوا اسکریپت منبع باز است. برخی از توسعه دهندگان آن را یک فریم ورک فرانت اند می دانند زیرا بیشتر از کتابخانه های استاندارد معمولاً انجام می دهد. رایج ترین استفاده از React ساخت رابط کاربری پویا برای برنامه های وب تک صفحه ای است. اما ساختار React آن را برای چیزی بیش از ایجاد وب سایت مفید می کند. JSX که یکی از ویژگی‌های React است، یک پسوند نحوی برای جاوا اسکریپت است که یک الگو برای HTML ارائه می‌کند و وضعیت عنصر را مدیریت می‌کند. اما JSX می تواند به عنوان یک رابط برای چیزهایی غیر از HTML استفاده شود. React Native از React برای ساخت اپلیکیشن های موبایل استفاده می کند. در اینجا، JSX به جای HTML به یک رابط برای رابط‌های کاربری موبایل تبدیل می‌شود. حتی چند کتابخانه وجود دارد که از React و JSX برای تعامل و مدیریت سخت افزارهایی مانند React Hardware استفاده می کنند.

React چگونه کار می کند؟

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

آیا React یک چارچوب یا کتابخانه است؟

فریم‌ورک‌ها یک رویکرد عقیدتی برای ساختن یک برنامه کامل ارائه می‌دهند. از سوی دیگر، کتابخانه‌ها به ایجاد یک جنبه واحد از یک برنامه کمک می‌کنند. با در نظر گرفتن این موضوع، React یک کتابخانه است. این به مهندسان در ارائه HTML در مرورگر کمک می کند. React هیچ نظری در مورد نحوه واکشی داده ها، نحوه اعمال سبک، یا نحوه استقرار یا ساخت برنامه ندارد.

آیا React ارزش یادگیری دارد؟

بله، React ارزش یادگیری را دارد. چندتا دلیل داره. اولین مورد این است که React در بازار کار توسعه نرم افزار تقاضای زیادی دارد و چند سالی است که وجود دارد. اگر کدنویسی را در React یاد بگیرید و بتوانید آن را به خوبی انجام دهید، شانس خود را برای یافتن شغل افزایش خواهید داد. این به تنهایی دلیل دیگری است که ارزش یادگیری دارد. کاربران وب سایت دیگر به سایت های قدیمی که بدون بارگذاری مجدد صفحه به روز نمی شوند راضی نمی شوند. روش React برای به روز رسانی پویا HTML یک صفحه وب با نیازهای این کاربران مطابقت دارد و تجربه آنها را بهبود می بخشد. React نیز حدوداً چند سالی ساخته شده است و امتحان خود را پس داده است. بخش بزرگی از وب‌سایت‌ها، چه کوچک و چه بزرگ، از React به‌عنوان چارچوب ظاهری استفاده می‌کنند.

آیا یادگیری React سخت است؟

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

تفاوت بین React Native و ReactJS چیست و کدام یک را باید یاد بگیرم؟

React یا React JS یک کتابخانه جاوا اسکریپت جلویی برای ساخت اجزای UI برای وب است. اگر به توسعه وب علاقه دارید، React کتابخانه عالی برای یادگیری ایجاد برنامه های تعاملی، پویا تک صفحه ای یا حتی برنامه های کاربردی وب در مقیاس کامل است. React Native چارچوبی برای ساخت برنامه های موبایل بومی برای گوشی اندروید و آیفون اپل است. React Native همچنان React است، به این معنی که سینتکس و گردش کار برای ساخت برنامه‌ها اساساً یکسان است، اما اجزای تولید شده متفاوت هستند. در React، اجزای وب تولید می شوند. در React Native، اجزای تولید شده با APIهای بومی گوشی تعامل دارند. اگر تمرکز شما توسعه وب است، پس باید React را یاد بگیرید. اگر می‌خواهید برنامه‌های کاربردی تلفن همراه بسازید، بهتر است ابتدا React را یاد بگیرید و قبل از اینکه React Native را امتحان کنید با این فناوری آشنا شوید.

چرا React اینقدر محبوب است؟

دلایل زیادی برای محبوبیت React وجود دارد. یکی از دلایل این است که فیس بوک آن را توسعه داده است. اثبات اجتماعی این است که اگر برای فیس بوک، یکی از محبوب ترین شبکه های اجتماعی در وب، به اندازه کافی خوب باشد، باید برای سایر برنامه ها نیز به اندازه کافی خوب باشد. React همچنین بسیاری از مشکلات گذشته توسعه دهندگان را با توسعه برنامه های تک صفحه ای (SPA) حل کرد. React زمانی منتشر شد که SPA ها در حال محبوب شدن بودند و تمام چارچوب های موجود برای ساخت آن ها، توسعه را پیچیده و مستعد باگ می کردند. یکی از ویژگی هایی که آن را نسبت به کتابخانه های گذشته بهتر می کند این است که استفاده از React نسبتاً آسان است. اجزای آن قابل استفاده مجدد هستند، به علاوه استفاده React از DOM مجازی آن را بسیار کارآمد می کند. React باید در آینده محبوب باقی بماند زیرا هر نسخه جدید ویژگی‌های جدید و بهبود عملکرد را به همراه دارد.

Node.Js چیست و چه کاربردی دارد؟

Node.Js یک محیط سرور است که برای برنامه های شبکه سریع و آسان مقیاس پذیر ساخته شده است. این برنامه بر اساس زمان اجرا جاوا اسکریپت کروم ساخته شده است و از یک مدل رویداد محور و غیر مسدود کننده استفاده می کند که آن را برای برنامه هایی که در دستگاه های توزیع شده اجرا می شوند و باید در زمان واقعی اجرا شوند، بهترین تناسب را ایجاد می کند. با استفاده از جاوا اسکریپت، node.Js می تواند توسط بسیاری از توسعه دهندگان نرم افزار آشنا با جاوا اسکریپت به کار گرفته شود. از آنجایی که کد منبع باز است، می توانید از آن در هر پلتفرمی (سیستم عامل مک، ویندوز یا لینوکس) استفاده کنید. Node.js معماری برای ایجاد وب سایت ها و برنامه های بلادرنگ است زیرا یادگیری آن برای تیم ها آسان و سریع است. نمونه‌هایی از برنامه‌هایی که از node.Js استفاده می‌کنند شامل برنامه‌های کنفرانس ویدیویی، سرورهای چت، نرم‌افزار تجارت الکترونیک، و بازی‌های آنلاین مشترک هستند.

مزایای Node.Js چیست؟

Node.Js منبع باز است، به این معنی که کد رایگان برای همه توسعه دهندگان است. علاوه بر این، این بدان معناست که جامعه پررونقی از کاربران و برنامه نویسان Node.Js وجود دارد که همگی به پایگاه دانش اضافه می کنند. بسیاری خوشحال هستند که طعم کد خود را با توسعه دهندگان دیگر به اشتراک می گذارند و در مجموع، محیط Node.Js همچنان بهبود می یابد. از آنجایی که Node.Js از جاوا اسکریپت استفاده می کند، مجموعه بزرگی از توسعه دهندگان وجود دارد که درک می کنند و می توانند در محیط کدنویسی کنند. همچنین یک محیط نسبتاً ساده برای یادگیری اعضای تیم جدید است که آن را به یک انتخاب کارآمد برای تیم های توسعه با افرادی که نیاز به آموزش دارند تبدیل می کند. Node.Js بر روی فناوری Push به جای سوکت های وب توسعه داده شده است، به همین دلیل است که برای برنامه ها و برنامه های ارتباطی بلادرنگ که باید مقیاس پذیر باشند، انتخاب ارجح است.

اینکه Node.Js یک سیستم زمان اجرا است به چه معناست؟

یک سیستم زمان اجرا پلتفرمی است که در آن یک برنامه نرم افزاری اجرا می شود. این اساساً محیطی است که مجموعه‌ای از نرم‌افزار و سخت‌افزار را در خود جای داده است که به یک برنامه اجازه اجرا (یا اجرا) می‌دهد. Node.Js یک سیستم زمان اجرا است زیرا محیط لازم را برای اجرای برنامه ها در آن فراهم می کند و نیازی به کد یا سخت افزار اضافی نیست. از آنجایی که Node.Js از جاوا اسکریپت استفاده می کند، یک سیستم زمان اجرا است که چارچوبی را فراهم می کند که در آن می توانید از جاوا اسکریپت برای ایجاد و اجرای برنامه ها استفاده کنید. زبان برنامه نویسی جاوا اسکریپت (که بسیار محبوب است) سپس به طور خودکار به کد ماشین برای سخت افزار ترجمه می شود تا برنامه را در زمان واقعی اجرا کند. این یک سیستم کارآمد است، و آن را به انتخاب ارجح برای بسیاری از شرکت های نرم افزاری و فناوری تبدیل می کند.

چرا می خواهید این دوره را بگذرانید؟

پاسخ ما ساده است: کیفیت آموزش.

OAK Academy مستقر در لندن یک شرکت آموزش آنلاین است. OAK Academy در زمینه IT، نرم افزار، طراحی، توسعه به زبان های انگلیسی، پرتغالی، اسپانیایی، ترکی و بسیاری از زبان های مختلف در پلتفرم Udemy که دارای بیش از 1000 ساعت آموزش ویدیویی است، آموزش می دهد. آکادمی OAK هم با انتشار دوره های جدید تعداد سری های آموزشی خود را افزایش می دهد و هم با ارتقاء دانش آموزان را از تمام نوآوری های دوره های قبلاً منتشر شده آگاه می کند.

وقتی ثبت نام می کنید، تخصص توسعه دهندگان با تجربه OAK Academy را احساس خواهید کرد. سوالات ارسال شده توسط دانشجویان برای اساتید ما حداکثر ظرف مدت 48 ساعت توسط اساتید ما پاسخ داده می شود.

هیچ دانش قبلی لازم نیست!

برای یادگیری آن نیازی به دانش قبلی نیست و React برای مبتدیان به راحتی قابل درک است.

این دوره با اصول اولیه شروع می شود. ابتدا نحوه نصب ابزارها و برخی اصطلاحات را یاد خواهید گرفت. سپس نمایش شروع می شود و شما همه چیز را با تمرینات عملی یاد خواهید گرفت. همچنین بهترین شیوه ها و میانبرها را به شما آموزش خواهم داد.

گام به گام، ساده و آسان با تمرینات

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

کیفیت تولید ویدیو و صدا

همه ویدیوهای ما به صورت ویدیو و صوتی با کیفیت بالا ایجاد/تولید می شوند تا بهترین تجربه یادگیری را به شما ارائه دهند.

شما خواهید بود،

  • دیدن واضح

  • شنیدن واضح

  • حرکت در طول دوره بدون حواس‌پرتی

شما همچنین دریافت خواهید کرد:

دسترسی مادام العمر به دوره

پشتیبانی سریع دوستانه در بخش Q A

گواهی تکمیل Udemy برای دانلود آماده است

هم اکنون به دوره آموزشی React JS ما بروید: React with Modern Hooks and Context

ما پشتیبانی کامل را ارائه می‌کنیم و به هر سؤالی پاسخ می‌دهیم.

شما را در دوره React JS: React with Modern Hooks and Context می بینیم!


سرفصل ها و درس ها

در React with Modern Hooks and Context Course چه خواهید آموخت؟ What You Will Learn in React with Modern Hooks and Context Course?

  • چه چیزی یاد خواهید گرفت و چگونه می توانید کمک بگیرید؟ What You Will Learn and How to Get Help?

  • سوالات متداول در مورد React JS، React with Modern Hooks and Context FAQ about React JS, React with Modern Hooks and Context

بیایید شروع به یادگیری React JS کنیم Let`s Start to Learn React JS

  • اولین نمای کلی برنامه شما Your First App Overview

  • سوالات متداول Frequently Asked Questions

  • Github Repo Github Repo

  • اجازه دهید، Const و Var در 3 دقیقه Let, Const and Var in 3 minutes

  • Node JS را نصب کنید Install Node JS

  • برنامه React خود را ایجاد کنید Create Your React App

  • چرا باید یک برنامه React ایجاد کنید؟ Why You Will Need To Create a React App?

  • شروع به ایجاد React App کنید Start Creating React App

  • آیا می خواهید یاد بگیرید که چگونه برنامه React را متوقف کنید؟ Do You Want to Learn How To Stop React App?

  • کامپوننت های مهم React Functional Important React Functional Components

  • مسابقه quiz

این JSX چیست؟ What is this JSX?

  • تبدیل HTML JSX Converting HTML JSX

  • استایل سازی درون خطی با JSX در React JS Inline Styling with JSX in React JS

  • متغیر جاوا اسکریپت در JSX JavaScript Variable in JSX

  • مسابقه quiz

با Props واکنش نشان دهید React with Props

  • سه اصل از اجزاء Three Tenets of Components

  • برنامه ساده با React Simple App with React

  • برنامه استایلینگ با رابط کاربری معنایی Styling App with Semantic UI

  • جزء ساختمان Building Component

  • تعیین تصویر در React JS Specifying The Image in React JS

  • کپی کردن کامپوننت واحد Duplicating The Single Component

  • Component Nesting در React Component Nesting in React

  • Props System در React JS Props System in React JS

  • انتقال وسایل به کودک Passing Props to Child

  • بررسی اجمالی اجزای قابل استفاده مجدد React JS React JS Reusable Component Overview

  • کودکان را در React JS پشتیبانی می کند Props Children in React JS

  • React JS - Quiz React JS - Quiz

اجزای کلاس محور Class-Based Components

  • مولفه های کلاس محور و مولفه عملکردی Class-Based Components and Functional Component

  • نمای کلی برنامه جدید در React JS New App Overview in React JS

  • دریافت موقعیت فیزیکی کاربران در React Js Getting Users Physical Location in React Js

  • مدیریت عملیات Async در React Handling Async Operation in React

  • تبدیل مولفه تابعی به جزء مبتنی بر کلاس Transformation Functional Component to Class Based Component

  • مسابقه quiz

State System در React State System in React

  • قوانین حالت در React JS State Rules in React JS

  • راه اندازی حالت در سازنده Initializing State In Constructor

  • بررسی اجمالی روش چرخه زندگی در React Lifecycle Method Overview in React

  • رندر مشروط Conditional Rendering

  • مسابقه quiz

React Lifecycle Methods در React JS با Redux React Lifecycle Methods in React JS with Redux

  • با روش چرخه زندگی آشنا شوید Get to Know Lifecycle Method

  • برنامه Refactoring با روش چرخه زندگی Refactoring App with Lifecycle Method

  • عبور از ایالت به عنوان لوازم Passing State As Props

  • عبارات سه تایی در JSX Ternary Expressions in JSX

  • نمایش تصویر در React JS Showing Picture in React JS

  • سبک دادن به برنامه در React JS Styling The App in React JS

  • React Developer Tools در React JS با redux، hook، context React Developer Tools in React JS with redux, hooks, context

  • بررسی عمومی برنامه در React JS با Redux، hooks، context، nodejs، express General App Review in React JS with Redux, hooks, context, nodejs, express

  • مسابقه quiz

React Forms React Forms

  • نمای کلی برنامه با react App Overview with react

  • طراحی کامپوننت در React Component Design in React

  • مدیریت فرم ها در React JS Handling Forms in React JS

  • سبک دادن به برنامه در react js Styling The App in react js

  • ایجاد Event Handler در React با Redux، express، node js، mongodb Creating Event Handlers in React with Redux, express, node js, mongodb

  • عناصر کنترل شده در مقابل عناصر کنترل نشده در React JS Controlled vs Uncontrolled Elements in React JS

  • چرا عناصر کنترل شده در React؟ Why Controlled Elements in React?

  • درک کلمه کلیدی «این» و Binding در واکنش Understanding ‘This’ Key Word and Binding in react

  • ارتباط کودک با والدین Communicating Child to Parent

  • فراخوانی Callback در کودکان در react js Invoking Callbacks In Children in react js

برنامه نویسی ناهمزمان در React با redux، nodejs، express js، mongodb Asyncronous Programming in React with redux, nodejs, express js, mongodb

  • واکشی داده در React Fetching Data in React

  • Axios در مقابل Fetch در React Axios vs Fetch in React

  • Async Await Function در react js Async Await Function in react js

  • تنظیم حالت در React JS Setting The State in React JS

  • ارائه فهرستی از کامپوننت ها در react js Rendering A List of Components in react js

  • پیاده سازی مقادیر کلیدی در لیست در واکنش با redux، express، mongo db Implementing The Key Values In List in react with redux, express, mongo db

  • چه چیزی از برنامه React آموخته ایم؟ What We Have Learned From The React App?

  • مسابقه quiz

روتر واکنش React Router

  • راه اندازی پروژه Initializing The Project

  • روتر React در React The React Router in React

  • لینک و NavLink در React Link and NavLink in React

  • تغییر مسیرهای برنامه ای در react Programmatic Redirects in react

  • پارامترهای مسیر در React JS Route Parameters in React JS

  • برچسب سوئیچ روتر React React Router Switch Tag

  • مسابقه quiz

React Portals React Portals

  • چگونه یک مدال ایجاد کنیم؟ How To Create A Modal?

  • چرا React Portal ها؟ Why React Portals?

  • ایجاد یک React Portal Creating a React Portals

  • React و Redux Quiz React and Redux Quiz

React Context React Context

  • بیایید به قلاب ها و زمینه شیرجه بزنیم Let's Dive Into Hooks & Context

  • زمینه و قلاب Context & Hooks

  • بیایید شروع به ساخت برنامه خود کنیم Let's Start Building Our Application

  • چرا Context API؟ Why Context API?

  • Context Provider در React JS Context Provider in React JS

  • Context Provider - 2 در ReactJS Context Provider - 2 in ReactJS

  • اجازه می‌دهیم به حالت متن در react js برسیم Lets Reach Out The Context State in react js

  • مصرف داده در کامپوننت TodoList با React JS Consuming Data in TodoList Component with React JS

  • Context Consumer در React JS Hooks and Context Context Consumer in React JS Hooks and Context

  • Context Data را در React JS به روز کنید Update The Context Data in React JS

  • ایجاد زمینه چندگانه در React JS Create Multiple Context in React JS

  • در قلاب های React js از چندین زمینه درون یک کامپوننت استفاده کنید Use Multiple Context Inside One Component in React js hooks

  • مسابقه quiz

React Hooks React Hooks

  • معرفی قلاب Hooks Intro

  • بیایید شروع به ایجاد برنامه در قلاب ها و زمینه های React کنیم Let's Start Creating The App in React hooks and context

  • UseState Hook در ReactJS UseState Hook in ReactJS

  • UseState با فرم ها در React JS UseState with Forms in React JS

  • UseEffect Hook UseEffect Hook

  • UseContext Hook UseContext Hook

  • با UseContext چندین زمینه ایجاد کنید Create Multiple Context with UseContext

  • ایجاد زمینه با کامپوننت کاربردی Create Context with Functional Component

  • React JS Quiz React JS Quiz

  • React JS Quiz React JS Quiz

  • قلاب و زمینه Hooks & Context

  • بیایید Todo جدید را با Hooks و Context اضافه کنیم Let's Add New Todo with Hooks and Context

  • بیایید Todo را از متن حذف کنیم Let's Remove Todo From Context

  • UseReducer Hook UseReducer Hook

  • بیایید UseReducer را در reactjs پیاده سازی کنیم Let's Implement UseReducer in reactjs

  • ساختار اجزای کاهش دهنده در React JS Reducer Component Structure in React JS

  • مسابقه quiz

اضافی Extra

  • React JS: با قلاب‌ها و زمینه‌های مدرن واکنش نشان دهید React JS: React with Modern Hooks and Context

نمایش نظرات

Udemy (یودمی)

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

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

آموزش React JS: با قلاب‌ها و زمینه‌های مدرن واکنش نشان دهید
جزییات دوره
11 hours
96
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
258
4.7 از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Oak Academy Oak Academy

زنده باد دانش فنی سلام در آنجا ، تا سال 2024 ، بیش از 1 میلیون شغل محاسباتی پر نشده وجود خواهد داشت و شکاف مهارت ها یک مشکل جهانی است. این نقطه شروع ما بود. در آکادمی OAK ، ما کارشناسان فناوری هستیم که سالها و سالها در این بخش بوده ایم. ما ریشه عمیق در دنیای فناوری داریم. ما صنعت فناوری را می شناسیم. و ما می دانیم که بزرگترین مشکل صنعت فناوری "شکاف مهارتهای فنی" است و راه حل ما این است. آکادمی OAK پل ارتباطی بین صنعت فناوری و افرادی خواهد بود -در حال برنامه ریزی یک حرفه جدید است فکر تحول شغلی است - می خواهید تغییر شغلی یا اختراع مجدد ، - تمایل به یادگیری سرگرمی های جدید با سرعت خود را داشته باشید

OAK Academy Team OAK Academy Team

مربی