آموزش توسعه موبایل و وب با React و React Native - آخرین آپدیت

دانلود Mobile and Web Development with React and React Native

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره:

آموزش جامع React و React Native: ساخت اپلیکیشن‌های مدرن وب و موبایل

یادگیری React JS و React Native با دوره‌ی جامع ما

با دوره‌ی جامع React JS، React Native، Router، Hooks و Context ما، به دنیای توسعه‌ی اپلیکیشن‌های موبایل و وب شیرجه بزنید! این دوره شما را در مسیر یادگیری React Native همراهی می‌کند.

React JS و React Native را عمیق‌تر بشناسید

با React JS و React Native به طور کامل آشنا شوید و نحوه ساخت اپلیکیشن‌های تک صفحه‌ای (SPA) با React JS را بیاموزید.

مهارت‌های کلیدی در توسعه React

نحوه اتصال به API خارجی
ایجاد کامپوننت‌های React قابل استفاده مجدد
راه‌اندازی محیط مجازی
نصب وابستگی‌های React Native برای MAC و Windows
اجرای شبیه‌ساز Android و IOS
آشنایی با JSX و عبارات آن
یادگیری سینتکس ES6
مشاهده خروجی در شبیه‌ساز
مدیریت ورودی کاربر، فرم‌ها و رویدادها در React
استفاده از React Portals برای رندر کردن عناصر خارج از سلسله مراتب DOM
React JS Hooks و Context

توسعه وب مدرن با React JS Hooks و Context

با React JS Hooks و Context، چهره‌ی مدرن توسعه‌ی اپلیکیشن‌های وب را تجربه کنید.

ساختارهای Hooks و Context را ایجاد کنید

ایجاد ساختارهای Hooks و Context را به طور کامل یاد بگیرید.

مسیردهی با React Router

با React Router بین صفحات مختلف مسیریابی کنید.

انتقال داده بین صفحات با React Navigation

نحوه انتقال داده بین صفحات مختلف با React Navigation را فرا بگیرید.

مفاهیم Reducer، Action و Dispatch

با مفاهیم Reducer، Action و Dispatch آشنا شده و از تکنیک‌های کدنویسی برای توسعه‌ی کارآمد با React استفاده کنید.

ساخت اپلیکیشن‌های وب سریع و کاربرپسند با React

با React، اپلیکیشن‌های وب سریع و کاربرپسند بسازید.

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

توسعه وب، توصیف گسترده‌ای از وظایف و فناوری‌هایی است که برای ایجاد یک وب‌سایت به کار می‌روند.

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

چه علاقه‌مند به افزودن React به مجموعه مهارت‌های توسعه خود باشید، یا می‌خواهید با استفاده از ابزارهایی مانند NodeJS Redux و Mongodb، اپلیکیشن‌های وب فول‌استک توسعه دهید، این دوره برای شما مناسب است.

React، یا React JS، یک کتابخانه جاوااسکریپت فرانت‌اند برای ساخت کامپوننت‌های UI برای وب است.

پیش نیازها:

بدون نیاز به دانش قبلی! نیازی به دانش قبلی در مورد react، react native، توسعه وب یا توسعه موبایل نیست.
یک کامپیوتر Windows، Mac یا Linux
آشنایی با مبانی JavaScript، HTML و CSS الزامی است، اما نیازی نیست متخصص باشید.
اشتیاق به یادگیری React
هیچ چیز دیگر! فقط شما، کامپیوتر شما و اشتیاق شما برای شروع امروز

اشتیاق به یادگیری:

اشتیاق به یادگیری React یا React JS
اشتیاق به یادگیری توسعه وب با react، یا react js
اشتیاق به یادگیری توسعه موبایل با react native، redux، hooks و context
اشتیاق به یادگیری توسعه وب فول استک با react، react native
اشتیاق به یادگیری React js
اشتیاق به یادگیری React js، typescript
اشتیاق به یادگیری React، React Native

سلام!

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

هر جنبه از ایجاد وب‌سایت‌ها و اپلیکیشن‌ها مستلزم مجموعه مهارت‌های منحصربه‌فردی است. Udemy مجموعه ای از دوره‌ها را ارائه می‌دهد تا شما را با شیوه‌ها و مهارت‌های مدرن توسعه وب فرانت‌اند، بک‌اند و فول استک به روز کند.

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

React-Native یک کتابخانه است که توسط تیم React توسعه یافته است و به طور گسترده برای ایجاد اپلیکیشن های تلفن همراه برای Android و IOS استفاده می شود. شما نیازی به یادگیری Java، Android، Swift، Objective-C یا هیچ یک از آنها ندارید. React و JavaScript تنها چیزی است که برای ایجاد برنامه های تلفن همراه عالی که روی هر دو Android و iOS کار می کنند، نیاز دارید.

آیا می خواهید React Js را از ابتدا یاد بگیرید؟
آیا می خواهید React Native را از ابتدا یاد بگیرید؟
آیا می خواهید آخرین ویژگی های React سیستم Hooks و Context را یاد بگیرید؟
آیا می خواهید یک برنامه با React React Router ایجاد کنید. به روشی بسیار دقیق؟

اگر پاسخ شما "بله" است، در جای درستی قرار دارید. این دوره توسعه موبایل و وب با React و React Native یک مسابقه عالی خواهد بود.

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

React-Native یک کتابخانه است که توسط تیم React توسعه یافته است و به طور گسترده برای ایجاد اپلیکیشن های تلفن همراه برای Android و IOS استفاده می شود. شما نیازی به یادگیری Java، Android، Swift، Objective-C یا هیچ یک از آنها ندارید. React و JavaScript تنها چیزی است که برای ایجاد برنامه های تلفن همراه عالی که روی هر دو Android و iOS کار می کنند، نیاز دارید.

این دوره برای تمام سطوح است. ما شما را از سطح مبتدی به سطح پیشرفته می رسانیم. شما توسعه React را گام به گام با演示ها یاد خواهید گرفت. برای اینکه بتوانید از این دوره بهره مند شوید، تنها چیزی که نیاز دارید درک اساسی از JavaScript است.

در این دوره، به شما می گوییم چه وابستگی هایی را باید نصب کنید و چگونه به طور مفصل، تا بتوانید برنامه های تلفن همراه را هم در MAC و هم در ویندوز ایجاد کنید. ما از ابزارهای رایگان و پلتفرم ها استفاده می کنیم تا نیازی به خرید هیچ ابزار یا برنامه نداشته باشید. شما یاد خواهید گرفت که چگونه یک شبیه ساز Android و IOS را روی کامپیوتر MAC یا Windows خود اجرا کنید. علاوه بر این، با برنامه Expo، می توانید برنامه های خود را روی دستگاه تلفن همراه خود نیز اجرا کنید.

بعدها در این دوره، اصول React و React Navigation را یاد خواهیم گرفت. JSX، "سیستم prop" و "سیستم state" در پایان دوره برای شما کاملاً واضح خواهند بود. ما قصد داریم اجزای قابل استفاده مجدد زیبایی ایجاد کنیم. شما می توانید از این اجزای قابل استفاده مجدد در پروژه های آینده خود استفاده کنید. شما قصد دارید با React-navigation از برنامه به صفحه های مختلف بروید.

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

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

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

مبانی کتابخانه های React، React-Native، React-Navigation
نحوه ارسال یک درخواست HTTP از یک برنامه تلفن همراه
نحوه استفاده از سیستم flex-box
نحوه ایجاد اجزای قابل استفاده مجدد
برای رسیدن به برنامه دیگری روی دستگاه از برنامه خود
ایجاد برنامه تلفن همراه خود هم با react-native-cli و هم expo-cli
ایجاد Context با اجزای مبتنی بر کلاس و عملکردی
نحوه مصرف Context در اجزای مبتنی بر کلاس و عملکردی
نحوه استفاده از چند Context در یک جزء واحد
توابع Hook (useState، useEffect، useReducer، useContext...)
ایجاد Reducer و
استفاده از Reducer برای شما واضح خواهد بود.

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

پاسخ ما ساده است: کیفیت تدریس.

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

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

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

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

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

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

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

توسعه وب چیست؟

توسعه وب یک توصیف گسترده از وظایف و فناوری هایی است که در ایجاد یک وب سایت به کار می روند. این می تواند به سادگی ساخت یک وب سایت استاتیک مبتنی بر متن یا به پیچیدگی توسعه یک وب سایت تعاملی پویا باشد. شما می توانید توسعه وب را به دو دسته مختلف تقسیم کنید: فرانت اند (سمت کلاینت) و بک اند (سمت سرور). کد فرانت اند روی کامپیوتر کاربر اجرا می شود. این می تواند شامل HTML، JavaScript و CSS باشد. کد بک اند روی سرور اجرا می شود - این معمولاً شامل برقراری ارتباط با یک پایگاه داده است و اغلب شامل زبان هایی مانند Python، Ruby، Java یا PHP می شود. توسعه وب لزوماً شامل فرآیند طراحی نمی شود - بر کد تمرکز دارد. یک طراح وب وایرفریم ها را برای مسخره کردن دید خود برای یک وب سایت می سازد و سپس آن را با یک توسعه دهنده به اشتراک می گذارد. توسعه دهنده مسئول نوشتن کدی است که طراحی را پیاده سازی می کند.

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

برخی از توسعه دهندگان وب مدرک یا گواهینامه ای در این زمینه دریافت می کنند. با این حال، اکثر مشاغل به مدرک یا سطح تحصیلات خاصی نیاز ندارند، فقط دانش نشان داده شده در این زمینه. بنابراین، مهم تر است که بدانید چگونه مهارت های خود را نشان دهید. شما می توانید مهارت های خود را از طریق تجربه کاری مرتبط یا مجموعه ای از پروژه های گذشته برجسته کنید. همچنین می توانید کدی را که با استفاده از پلتفرمی مانند GitHub توسعه داده اید به اشتراک بگذارید یا در انجمن های مبتنی بر راه حل مانند StackOverflow شرکت کنید که به شما برای کمک به دیگران پاداش می دهد. HTML، CSS و JavaScript سه زبان برنامه نویسی اولی هستند که برای ورود به توسعه وب باید یاد بگیرید. برای ایجاد یک وب سایت مدرن و کار به عنوان یک توسعه دهنده وب فرانت اند به این سه عنصر ضروری نیاز دارید. HTML (زبان نشانه گذاری فوق متن) محتوای وب سایت را مشخص می کند و ستون فقرات را می سازد. CSS (برگه‌های استایل آبشاری) به محتوا استایل می‌دهد. JavaScript عناصر تعاملی وب سایت را کنترل می کند.

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

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

React چیست؟

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

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

React یک کتابخانه فرانت اند جاوا اسکریپت متن باز است. برخی از توسعه دهندگان آن را یک چارچوب فرانت اند می دانند زیرا کارهایی بیشتر از کتابخانه های استاندارد انجام می دهد. رایج ترین استفاده از React ساخت رابط های کاربری پویا برای برنامه های وب تک صفحه ای است. اما ساختار React آن را برای چیزی بیش از صرف ایجاد وب سایت مفید می کند. JSX که یکی از ویژگی های React است، یک توسعه نحوی برای Javascript است که یک الگو برای 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 یک چارچوب Javascript است، یک مبنای محکم در Javascript به شما یک شروع خوب می دهد. با این دانش، مفهوم منحصربه‌فرد JSX، زبان الگوبرداری React، و نحوه استفاده React از حالت بسیار آسان‌تر قابل درک خواهد بود.

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

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

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

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

React Native چیست؟

React Native که توسط فیس بوک ایجاد شده است، یک چارچوب برنامه کاربردی تلفن همراه مبتنی بر منبع باز است که فقط از JavaScript استفاده می کند و آن را قادر به پشتیبانی از پلتفرم های Android و iOS می کند. React که با نام React.js نیز شناخته می شود، در زمان و تلاش توسعه دهندگان صرفه جویی می کند زیرا آنها فقط به یک زبان برنامه نویسی نیاز دارند. عنصر Native به توسعه دهندگان اجازه می دهد تا اجزای JavaScript را برای طراحی برنامه های نرم افزاری که روی دستگاه ها و پلتفرم های مختلفی مانند تلفن های هوشمند، تلویزیون های هوشمند و لپ تاپ ها اجرا می شوند، ایجاد کنند. با React Native، توسعه دهندگان از همان مفاهیمی که در چارچوب اصلی React استفاده می شود برای طراحی یک رابط کاربری (UI) موبایل غنی برای محیط های مختلف از اجزای موجود استفاده می کنند.

چه مشاغلی از React Native استفاده می کنند؟

مشاغلی که می‌خواهند همزمان برنامه‌های تلفن همراه برای iOS و Android ایجاد کنند تا از یک رول‌اوت یکپارچه اطمینان حاصل کنند، به توسعه‌دهندگانی با سابقه در React Native نیاز دارند. مشاغل در توسعه برنامه های تلفن همراه که به React Native متکی هستند می توانند روی متخصصانی حساب کنند که می توانند رابط های کاربری خیره کننده ای را در چندین پلتفرم طراحی و بسازند، زیرا با پلتفرم هایی مانند Windows و tvOS دست در دست هم کار می کند. توسعه‌دهندگان با سابقه در React Native همچنین برای کمک به شرکت‌های iOS و Android برای به‌روزرسانی و در غیر این صورت مدرن‌سازی برنامه‌های خود با ویژگی‌هایی مانند اعلان‌های فشاری و انیمیشن برای اثربخشی بهتر برای مشترکین برنامه تلفن همراه حیاتی هستند. توسعه‌دهندگان با سابقه در React Native ممکن است در توسعه فول استک کار کنند، بازی‌های مبتنی بر وب، وب‌سایت‌ها، برنامه‌های تلفن همراه و موارد دیگر را طراحی و اصلاح کنند.

تفاوت بین React Native و Google Flutter چیست؟

Google Flutter یک کیت ابزار UI را به توسعه دهندگان ارائه می دهد که شباهت هایی با React Native دارد. Flutter همچنین دارای یک کامپوننت بومی است و برنامه های وب، موبایل و دسکتاپ را از یک مجموعه از کدهای منبع کامپایل می کند. Flutter با تکیه بر کد موجود، یک چارچوب رایگان و منبع باز برای توسعه دهندگان نیز هست. تا این مرحله، ممکن است دو چارچوب مشابه به نظر برسند. با این حال، React Native مبتنی بر و فقط از JavaScript استفاده می کند، در حالی که Flutter فقط یک ارتباط سست با این زبان دارد. Google Flutter در درجه اول از یک زبان جدید به نام Dart استفاده می کند. تفاوت های دیگر بین این دو شامل منبع یابی خود ابزار و فرآیند نصب، تنظیم و پیکربندی، جزء UI و توسعه و پشتیبانی جامعه است.

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

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

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

به وضوح دیدن
به وضوح شنیدن
حرکت در طول دوره بدون مزاحمت

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

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

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

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

اکنون در دوره دوره کامل React Native با Router، Hooks و Context شیرجه بزنید

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

شما را در دوره می بینیم!

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

Let`s Start to Learn React JS

مروری بر اولین برنامه شما Your First App Overview
پرسش‌های متداول در React Js، React Native و Angular Frequently Asked Questions in React Js, React native, Angular
فایل‌های پروژه و مستندات دوره Project Files and Course Documents
Let، Const و Var در ۳ دقیقه Let, Const and Var in 3 minutes
نصب Node JS برای توسعه وب فول استک Install Node JS for Full Stack web development
ایجاد برنامه React خود Create Your React App
چرا باید یک برنامه React ایجاد کنید؟ Why You Will Need To Create a React App?
شروع ایجاد برنامه React برای توسعه وب فول استک Start Creating React App to full stack web development
آیا می‌خواهید یاد بگیرید چگونه برنامه React را متوقف کنید؟ Do You Want to Learn How To Stop React App?
کامپوننت‌های کاربردی مهم Important Functional Components
سوالات متداول درباره توسعه وب فول استک با React، React Native، Angular FAQ about Full Stack Web Development with React, React native, Angular
آزمون quiz

JSX چیست؟ What is this JSX?

تبدیل HTML به JSX در React Converting HTML JSX in React
استایل‌دهی درون‌خطی با JSX در React JS Inline Styling with JSX in React JS
متغیر JavaScript در JSX JavaScript Variable in JSX
آزمون quiz

React با Props React with Props

سه اصل کامپوننت‌ها Three Tenets of Components
برنامه ساده با React Simple App with React
استایل‌دهی برنامه با Semantic UI Styling App with Semantic UI
ساخت کامپوننت Building Component
مشخص کردن تصویر در React JS Specifying The Image in React JS
تکثیر کامپوننت تکی Duplicating The Single Component
تودرتویی کامپوننت Component Nesting
سیستم Props Props System
ارسال Props به فرزند Passing Props to Child
مروری بر کامپوننت قابل استفاده مجدد Reusable Component Overview
Props Children Props Children
آزمون React React Quiz

کامپوننت‌های مبتنی بر کلاس Class-Based Components

کامپوننت‌های مبتنی بر کلاس و کامپوننت کاربردی Class-Based Components and Functional Component
مروری بر برنامه جدید React JS React JS New App Overview
دریافت موقعیت فیزیکی کاربران Getting Users Physical Location
مدیریت عملیات Async در React Handling Async Operation in React
تبدیل کامپوننت کاربردی به کامپوننت مبتنی بر کلاس Transformation Functional Component to Class Based Component
آزمون quiz

State در React State in React

قوانین State State Rules
مقداردهی اولیه State در Constructor Initializing State In Constructor
مروری بر متد چرخه حیات (Lifecycle Method) Lifecycle Method Overview
رندر شرطی (Conditional Rendering) Conditional Rendering
آزمون quiz

متدهای چرخه حیات (Lifecycle Methods) Lifecycle Methods

آشنایی با متد چرخه حیات (Lifecycle Method) Get to Know Lifecycle Method
بازسازی برنامه با متد چرخه حیات (Lifecycle Method) Refactoring App with Lifecycle Method
ارسال State به عنوان Props Passing State As Props
عبارات Ternary در JSX Ternary Expressions in JSX
نمایش تصویر Showing Picture
استایل‌دهی برنامه Styling The App
ابزارهای رایگان توسعه‌دهنده React Free React Developer Tools
بررسی کلی برنامه React JS React JS General App Review
آزمون quiz

ورودی‌های کاربر، فرم‌ها و رویدادها در React JS User Inputs, Forms and Events in React JS

مروری بر برنامه React React App Overview
طراحی کامپوننت Component Design
مدیریت فرم‌ها Handling Forms
استایل‌دهی برنامه Styling The App
ایجاد Event Handlerها Creating Event Handlers
عناصر Controlled در مقابل Uncontrolled Controlled vs Uncontrolled Elements
چرا عناصر Controlled؟ Why Controlled Elements?
درک کلمه کلیدی ‘this’ در JS Understanding ‘this’ Key Word In JS
ارتباط فرزند با والد Communicating Child to Parent
فراخوانی Callbacks در فرزندان Invoking Callbacks In Children

درخواست API با React API Request with React

واکشی داده‌ها (Fetching Data) Fetching Data
Axios در مقابل Fetch Axios vs Fetch
تابع Async Await Async Await Function
تنظیم State Setting The State
رندر کردن لیستی از کامپوننت‌ها Rendering A List of Components
پیاده‌سازی مقادیر Key در لیست Implementing The Key Values In List
چه چیزهایی از این برنامه یاد گرفتیم؟ What We Have Learned From The App?
آزمون quiz

ناوبری با React Router Navigation with React Router

مقداردهی اولیه پروژه Initializing The Project
React Router The React Router
Link و Nav Links Link and Nav Links
تغییر مسیر برنامه‌نویسی شده (Programmatic Redirects) Programmatic Redirects
پارامترهای مسیر (Route Parameters) Route Parameters
تگ Switch در React Router React Router Switch Tag
آزمون quiz

React Portals React Portals

چگونه یک Modal ایجاد کنیم؟ How To Create A Modal?
چرا React Portals؟ Why React Portals?
ایجاد یک React Portals Creating a React Portals
آزمون quiz

بیایید با Hooks و Context آشنا شویم Let's meet Hooks and Context

Context و Hooks Context and Hooks

ایجاد برنامه Create Application

بیایید شروع به ساخت برنامه کنیم Let's Start Building Application
چرا Context API؟ Why Context API
Context Provider Context Provider
Context Provider-2 Context Provider-2
بیایید به Context State دسترسی پیدا کنیم Let's Reach Out The Context State
مصرف داده‌ها در کامپوننت TodoList Consuming Data in TodoList Component
Context Consumer Context Consumer
به‌روزرسانی داده‌های Context Update The Context Data
آزمون quiz

استفاده چندگانه از Context Multiple Context Usage

ایجاد Context چندگانه Create Multiple Context
استفاده از Context چندگانه در داخل یک کامپوننت Use Multiple Context Inside One Component

مقدمه‌ای بر React Hooks Introduction to React Hooks

Hooks Hooks

ایجاد برنامه Create Application

بیایید شروع به ایجاد برنامه کنیم Let's Start Creating The App
Hook ‏UseState UseState Hook
UseState با فرم‌ها UseState With Forms
Hook ‏useEffect useEffect Hook
Hook ‏useContext useContext Hook
ایجاد Context چندگانه با useContext Create multiple context with useContext
ایجاد Context با کامپوننت کاربردی Create context with functional component
آزمون quiz

Hooks & Context Hooks & Context

Hooks و Context Hooks and Context
بیایید یک todo جدید با Hooks و Context اضافه کنیم Let's add new todo with Hooks and Context
بیایید todo را از Context حذف کنیم Let's remove todo from context

با Hook ‏UseReducer آشنا شوید Get to Know the UseReducer Hook

Hook ‏useReducer useReducer Hook
بیایید useReducer را پیاده‌سازی کنیم Let's implement useReducer
ساختار کامپوننت Reducer Reducer Component Structure
آزمون quiz

React native، React js، React، توسعه موبایل و وب با react js، angular React native, React js, React, Mobile and web development with react js, angular

ابزارهای رایگان برای Windows Free Tools For Windows
راه‌اندازی Windows برای React Native Windows Setup for React Native
نحوه شروع Emulator در Android Studio How To Start Emulator in Android Studio

راه‌اندازی برای OSX Setup For OSX

ابزارهای رایگان برای IOS Free Tools for IOS
راه‌اندازی OSX برای React Native OSX Setup for React Native
شروع Emulator Start The Emulator

React Native و JSX React Native and JSX

چگونه یک برنامه ایجاد کنیم How To Create An App
مشاهده محتوا در Emulator See Content On Emulator
چرا به React و React-Native نیاز داریم؟ Why Do We Need React and React-Native?
Es6 Syntax ‏( Let, Const, Var) Es6 Syntax ( Let, Const, Var)
اولین کامپوننت React Native React Native First Component
چگونه یک کامپوننت را روی دستگاه نمایش دهیم How To Show Component On Device
نحوه ساخت اولین برنامه ما How to Build Our First App
نحوه اتصال یک کامپوننت به کامپوننت Root How to Connect a Component To The Root Component
وارد کردن یک کامپوننت به کامپوننت دیگر Import a Component to Another Component
آزمون quiz

استایل‌دهی برای React Native Styling For React Native

استایل‌دهی با JSX Styling with JSX
نمایش Viewها Displaying Views
استایل‌دهی کامپوننت Header Header Component’s Styling
React Props React Props
نحوه استفاده مجدد از کد با سیستم Props How to Reuse Code With Props System
آزمون react native react native Quiz
آزمون quiz

درخواست API با React Native API Request With React Native

چگونه یک لیست را به کاربر نمایش دهیم How To Show a List To The User
کامپوننت List The List Component
Func Component در مقابل Class Based Component Func Component vs Class Based Component

متدهای LifeCycle در React js و react native LifeCycle Methods in React js and react native

چه زمانی به متدهای Lifecycle نیاز داریم؟ When Do We Need Lifecycle Methods?
متدهای Lifecycle Lifecycle Methods
ارسال درخواست با Axios Making Request With Axios
آزمون quiz

State در React Native State In React Native

State چیست و چگونه State اولیه را مقداردهی اولیه کنیم؟ What Is State and How To Initial State?
استفاده از State Using of State
چرخه حیات یک کامپوننت با State A Component’s Lifecycle With State
کامپوننت List در React Native List Component in React Native
کامپوننت List Item List Item Component
کامپوننت‌های قابل استفاده مجدد Reusable Components
کامپوننت Styled برای List Items Styled Component for List Items
استفاده از Props.Children Usage of Props.Children
بخش Item Item Section
معرفی Flexbox Introduction to the Flexbox
کامپوننت Section Header Section Header Component
آزمون quiz

Layout با Flexbox Layout With Flexbox

نحوه نمایش یک تصویر How to Show An Image
محتوای قابل پیمایش (Scrollable) Scrollable Content
تعامل کاربر با ReactNative User Interaction with ReactNative
Event Handlerها Event Handlers
نحوه باز کردن یک برنامه دیگر (مرورگر) How to Open Another App (Browser)
آزمون quiz

React Native و Expo React Native and Expo

React Native روی دستگاه موبایل React Native on Mobile Device
پروژه Expo CLI Expo CLI Project

پروژه Router Expo CLI Router Expo CLI Project

پروژه Router Expo CLI Router Expo CLI Project
مشاهده محتوا روی یک دستگاه یا Emulator See The Content On A Device or Emulator
Router چیست و نصب آن What Is Router And Installation
راه‌اندازی Router در پروژه Setting Up a Router in Project

Flatlist در React Native Flatlist in React Native

FlatList در React Native FlatList in React Native
رندر کردن یک لیست با FlatList Rendering A List With FlatList
FlatList چگونه کار می‌کند How Does FlatList Work
دادن Prop ‏Key Giving the Key Prop
Props ‏FlatList FlatList Props
آزمون quiz

Route کردن Screenهای مختلف در React Native Route Different Screens in React Native

صفحه جزئیات کتاب (Book Detail Screen) Book Detail Screen
ناوبری بین Screenها Navigate Between Screens
ناوبری از یک کامپوننت فرزند Navigating from a Child Component
تابع withNavigation withNavigation Function
انتقال داده بین Screenها Data Transfer Between Screens
آزمون Quiz

اضافی Extra

توسعه موبایل و وب با React و React Native Mobile and Web Development with React and React Native

برای ارسال نظر ثبت نام کنید.

توسعه وب

توسعه

توسعه بدون کد

آموزش توسعه موبایل و وب با React و React Native - آخرین آپدیت

دانلود Mobile and Web Development with React and React Native

آموزش جامع React و React Native: ساخت اپلیکیشن‌های مدرن وب و موبایل

یادگیری React JS و React Native با دوره‌ی جامع ما

React JS و React Native را عمیق‌تر بشناسید

مهارت‌های کلیدی در توسعه React

توسعه وب مدرن با React JS Hooks و Context

ساختارهای Hooks و Context را ایجاد کنید

مسیردهی با React Router

انتقال داده بین صفحات با React Navigation

مفاهیم Reducer، Action و Dispatch

ساخت اپلیکیشن‌های وب سریع و کاربرپسند با React

پیش نیازها:

اشتیاق به یادگیری:

Let`s Start to Learn React JS

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

پرسش‌های متداول در React Js، React Native و Angular Frequently Asked Questions in React Js, React native, Angular

فایل‌های پروژه و مستندات دوره Project Files and Course Documents

Let، Const و Var در ۳ دقیقه Let, Const and Var in 3 minutes

نصب Node JS برای توسعه وب فول استک Install Node JS for Full Stack web development

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

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

شروع ایجاد برنامه React برای توسعه وب فول استک Start Creating React App to full stack web development

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

کامپوننت‌های کاربردی مهم Important Functional Components

سوالات متداول درباره توسعه وب فول استک با React، React Native، Angular FAQ about Full Stack Web Development with React, React native, Angular

آزمون quiz

JSX چیست؟ What is this JSX?

تبدیل HTML به JSX در React Converting HTML JSX in React

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

متغیر JavaScript در JSX JavaScript Variable in JSX

آزمون quiz

React با Props React with Props

سه اصل کامپوننت‌ها Three Tenets of Components

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

استایل‌دهی برنامه با Semantic UI Styling App with Semantic UI

ساخت کامپوننت Building Component

مشخص کردن تصویر در React JS Specifying The Image in React JS

تکثیر کامپوننت تکی Duplicating The Single Component

تودرتویی کامپوننت Component Nesting

سیستم Props Props System

ارسال Props به فرزند Passing Props to Child

مروری بر کامپوننت قابل استفاده مجدد Reusable Component Overview

Props Children Props Children

آزمون React React Quiz

کامپوننت‌های مبتنی بر کلاس Class-Based Components

کامپوننت‌های مبتنی بر کلاس و کامپوننت کاربردی Class-Based Components and Functional Component

مروری بر برنامه جدید React JS React JS New App Overview

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

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

تبدیل کامپوننت کاربردی به کامپوننت مبتنی بر کلاس Transformation Functional Component to Class Based Component

آزمون quiz

State در React State in React

قوانین State State Rules

مقداردهی اولیه State در Constructor Initializing State In Constructor

مروری بر متد چرخه حیات (Lifecycle Method) Lifecycle Method Overview

رندر شرطی (Conditional Rendering) Conditional Rendering

آزمون quiz

متدهای چرخه حیات (Lifecycle Methods) Lifecycle Methods

آشنایی با متد چرخه حیات (Lifecycle Method) Get to Know Lifecycle Method

بازسازی برنامه با متد چرخه حیات (Lifecycle Method) Refactoring App with Lifecycle Method

ارسال State به عنوان Props Passing State As Props

عبارات Ternary در JSX Ternary Expressions in JSX

نمایش تصویر Showing Picture

استایل‌دهی برنامه Styling The App

ابزارهای رایگان توسعه‌دهنده React Free React Developer Tools

بررسی کلی برنامه React JS React JS General App Review

آزمون quiz

ورودی‌های کاربر، فرم‌ها و رویدادها در React JS User Inputs, Forms and Events in React JS

مروری بر برنامه React React App Overview

طراحی کامپوننت Component Design

مدیریت فرم‌ها Handling Forms

استایل‌دهی برنامه Styling The App

ایجاد Event Handlerها Creating Event Handlers

عناصر Controlled در مقابل Uncontrolled Controlled vs Uncontrolled Elements

چرا عناصر Controlled؟ Why Controlled Elements?

درک کلمه کلیدی ‘this’ در JS Understanding ‘this’ Key Word In JS