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

۴ فصل
۲۰ جلسه
۷ ساعت
۱

مقدمه ای بر React Native و معرفی ابزار پیاده سازی

۳ قسمت
۰۱:۱۰:۳۴
1

معرفی React Native و ساختار کلی

پخش
۰۸:۵۶
3

معرفی Expo و اجرای سرور Expo

۲۹:۲۹
۲

آشنایی با اجزاء React Native و بخش های اصلی

۸ قسمت
۰۲:۲۵:۱۹
۳

ساخت پروژه نمایش پیش بینی هواشناسی با React Native

۵ قسمت
۰۱:۴۳:۳۷
۴

معرفی ساختار API در React Native و نمایش خروجی پروژه

۴ قسمت
۰۱:۱۹:۳۹

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

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

چرا React Native رو یاد بگیریم؟

چند دلیل اصلی برای اهمیت یادگیری React Native را میتوان موارد زیر دانست:

  1. کدنویسی یکبار و اجرا در هر دو سیستم‌عامل iOS و Android امکان‌پذیر است. این به شما کمک می‌کند تا زمان و هزینه توسعه را کاهش دهید.
  2. React Native از زبان JavaScript استفاده می‌کند که یکی از پرکاربردترین زبان‌های برنامه‌نویسی است. این به شما امکان می‌دهد تا با دانش موجود خود برنامه‌های موبایل را توسعه دهید.
  3. React Native توانایی ایجاد برنامه‌هایی را دارد که به طور طبیعی و سریع عمل می‌کنند و تجربه کاربری خوبی را به کاربران ارائه می‌دهند.

هدف دوره آموزش react native چیست؟

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

در دوره آموزش react native چه می آموزید؟

  • با مفاهیم ابتدایی es6 آشنا میشوید
  • با اصول کد نویسی React Native آشنا می شوید
  • تمام کامپوننت های React Native را بطور کامل بررسی و با مثال از آن ها استفاده خواهیم کرد
  • کامپوننت سفارشی خودمان را خواهیم ساخت
  • با سیستم Props در ری اکت آشنا می شوید
  • مفاهیم States و Events در React را یاد می گیرید
  • با مفهوم چرخه زندگی در React آشنا می شوید
  • انیمیشن در React Native را بطور کامل بررسی خواهیم کرد
  • طراحی چندین صفحه و جابه جایی بین آن ها
  • ارسال و دریافت پارامتر در صفحات
  • ساخت Tab سفارشی
  • ساخت Drawer سفارشی
  • دریافت اطلاعات از سرور و نمایش آنها
  • ساخت اشکال ۲ بعدی
  • فعال کردن ویبره گوشی
  • استفاده از فونت فارسی و انگلیسی
  • دسترسی به دوربین گوشی
  • تغییر آیکون اپلیکیشن اندروید و ios
  • خروجی گرفتن از اپ اندروید و ios

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

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

پیش نیاز های دوره آموزش react native

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

نرم‌افزارهای مرتبط با آموزش react native

آیا یادگیری react native سخت است؟

یادگیری React Native چالش هایی دارد. این چالش‌ها عمدتاً به دلیل نیاز به آشنایی با مفاهیم اصلی React.js و همچنین تفاوت‌های آن با برنامه‌نویسی موبایل بومی است.

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

react native چیست؟

React Native یک چارچوب توسعه برنامه موبایل است که توسط Facebook توسعه داده شده و به توسعه‌دهندگان این امکان را می‌دهد تا برنامه‌های موبایل برای سیستم‌عامل‌های iOS و Android را با استفاده از JavaScript و React ایجاد کنند. برخلاف روش‌های سنتی که از HTML برای ساخت اپلیکیشن‌ها استفاده می‌کنند، React Native به طور مستقیم با سیستم‌عامل‌های موبایل ارتباط برقرار کرده و رابط کاربری اپلیکیشن را به شکل نیتیو پیاده‌سازی می‌کند، به طوری که برنامه‌ها شبیه به برنامه‌های native عمل می‌کنند.

تاریخچه React Native

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

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

تاریخچه توسعه React Native به شرح زیر است:

  • در سال 2012، Facebook کتابخانه React را برای توسعه وبسایت‌های دینامیک معرفی کرد. React بر اساس مفهوم “کامپوننت” عمل می‌کند که به توسعه‌دهندگان این امکان را می‌دهد که واحدهای کوچکی از کد را مجدداً استفاده کنند و برنامه‌هایی را بسازند که قابلیت بازاستفاده بالا داشته باشند.
  • در سال 2013، Facebook ابزاری به نام “Jest” را معرفی کرد که برای تست واحدهای React استفاده می‌شود.
  • در سال 2015، در کنفرانس F8 (کنفرانس سالانه Facebook برای توسعه‌دهندگان)، Facebook React Native را معرفی کرد. React Native امکان توسعه برنامه‌های تلفن همراه چندسکویی را با استفاده از کد JavaScript و کامپوننت‌های React فراهم می‌کند.
  • در سال 2016، Facebook تصمیم گرفت React Native را به صورت متن‌باز منتشر کند. این اقدام منجر به جذب توسعه‌دهندگان جهانی شد و باعث رشد فراگیری React Native شد.
  • در سال 2018، Community React Native به طور رسمی توسط React Native Community مدیریت شد. این گروه توسعه‌دهندگان جامعه‌ای است که تلاش می‌کنند تا برنامه‌های React Native را بهبود بخشند و ابزارها و کتابخانه‌های جدیدی را به جامعه ارائه دهند.
  • از آن زمان تاکنون، React Native به طور پیوسته در حال توسعه و بهبود است. Facebook و جامعه توسعه‌دهندگان فعال در سراسر جهان برای بهبود عملکرد، پایداری و افزودن ویژگی‌های جدید به این فریم‌ورک کوشش می‌کنند.

امکانات React Native

React Native به عنوان یک فریم‌ورک محبوب برای توسعه برنامه‌های تلفن همراه استفاده می‌شود. امکاناتی که این فریمورک در اختیارتان قرار میدهد را میتوان موارد زیر دانست:

  • امکان استفاده از کامپوننت‌های قابل استفاده مجدد، توسعه سریع‌تر و کارایی بهتر را به توسعه‌دهندگان می‌دهد. با استفاده از کامپوننت‌های React Native، توسعه‌دهندگان قادرند برنامه‌های تلفن همراه را برای سیستم‌عامل‌های iOS و Android به صورت همزمان توسعه دهند و به اشتراک بگذارند.
  • React Native از طریق جسمیت (bridge) با قابلیت‌های سیستم عامل و SDK نیتیو (Native) ارتباط برقرار می‌کند. این به توسعه‌دهندگان اجازه می‌دهد تا قابلیت‌ها و پیچیدگی‌های سیستم عامل‌های تلفن همراه را به راحتی در برنامه‌های خود استفاده کنند.
  • جامعه توسعه‌دهندگان React Native بسیار فعال است و ابزارها و کتابخانه‌های متعددی را برای استفاده در پروژه‌های React Native ایجاد کرده‌اند. این کتابخانه‌ها و ابزارها می‌توانند فرآیند توسعه را سریع‌تر و آسان‌تر کنند و قابلیت‌های جدیدی را به برنامه‌ها اضافه کنند.
  • React Native در صنعت نرم‌افزار تلفن همراه بسیار مورد توجه قرار گرفته است و توسط شرکت‌ها و توسعه‌دهندگان بسیاری در سراسر جهان استفاده می‌شود. برخی از برنامه‌های معروفی که با استفاده از React Native توسعه داده شده‌اند، شامل Facebook، Instagram، Airbnb، Walmart و بسیاری دیگر هستند.

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

منظور از زبان و اپلیکیشن native چیست؟

زبان native به معنای زبان برنامه‌نویسی و اپلیکیشن native به معنای اپلیکیشنی است که برای سیستم‌عامل خاصی (مانند iOS یا Android) توسعه شده است و به طور مستقیم با قابلیت‌ها و ویژگی‌های سیستم‌عامل مربوطه ارتباط برقرار می‌کند.

مزایا و معایب react native

مزایا:

  • قابلیت استفاده مجدد: با استفاده از کامپوننت‌های React Native، می‌توانید قسمت‌های مختلف برنامه را در پروژه‌های دیگر استفاده کنید.
  • کمترین زمان توسعه: با استفاده از React Native و آموزش این فریمورک، می‌توانید برنامه‌های موبایل را با سرعت بیشتری توسعه دهید.
  • کاهش هزینه توسعه: با امکان استفاده از کد مشترک برای iOS و Android، هزینه توسعه برنامه‌ها کاهش می‌یابد.
  • پشتیبانی فعال: React Native توسط یک جامعه بزرگ و فعال از توسعه‌دهندگان پشتیبانی می‌شود.

معایب:

  • محدودیت‌های عملکردی: برای برخی از ویژگی‌ها و ابزارهای native، شاید نیاز به افزودن کدهای native داشته باشید.
  • ممکن است عملکرد برنامه در React Native نسبت به برنامه‌های native کمی کندتر باشد.
  • برخی از ابزارها و کتابخانه‌های third-party ممکن است در React Native پشتیبانی نشوند.

ویژگی‌های ری‌اکت نیتیو

  • استفاده از جاوااسکریپت به جای HTML:
    یکی از مزایای ری‌اکت نیتیو این است که به جای استفاده از HTML برای ساخت رابط کاربری، مستقیماً از جاوااسکریپت برای تعامل با سیستم‌عامل‌های موبایل استفاده می‌کند. این روش باعث افزایش کارایی و سرعت اپلیکیشن‌های نیتیو می‌شود.
  • پیاده‌سازی رابط کاربری نیتیو:
    ری‌اکت نیتیو به شما این امکان را می‌دهد که رابط کاربری اپلیکیشن‌های موبایل را به شکل نیتیو و مشابه آنچه که در اپلیکیشن‌های بومی دیده می‌شود، طراحی کنید.
  • قابلیت توسعه برای چند پلتفرم:
    شما با استفاده از ری‌اکت نیتیو می‌توانید اپلیکیشن‌هایی بسازید که به طور همزمان برای سیستم‌عامل‌های مختلف (iOS و اندروید) قابل اجرا باشند. این قابلیت توسعه‌دهندگان را قادر می‌سازد تا زمان و هزینه‌های توسعه را کاهش دهند.

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

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

تفاوت اصلی بین ReactJS و React Native در این است که ReactJS برای توسعه وب‌سایت‌ها و برنامه‌های تحت وب استفاده می‌شود، در حالی که React Native برای توسعه اپلیکیشن‌های موبایل (اندروید و iOS) به کار می‌رود.

در ReactJS، کامپوننت‌ها HTML را تولید می‌کنند و نمایش داده‌ها در مرورگر انجام می‌شود. اما در React Native، کامپوننت‌ها جزئی از رابط کاربری بومی موبایل هستند و نمایش داده‌ها به صورت بومی در سیستم‌عامل موبایل انجام می‌شود. همچنین React Native دارای API‌های خاص موبایل مانند دوربین، GPS و سنسورهایی است که در ReactJS وجود ندارد.

معرفی برنامه‌هایی که با React Native ساخته شده‌اند

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

  1. Facebook: خود Facebook از ری اکت نیتیو استفاده می‌کند تا برنامه‌های تلفن همراه خود را توسعه دهد، از جمله برنامه‌های اصلی مانند برنامه اصلی Facebook و برنامه Messenger.
  2. Instagram: برنامه Instagram، یکی از محبوب‌ترین برنامه‌های اشتراک‌گذاری عکس و ویدئو است که با استفاده از React Native توسعه داده شده است. این برنامه از ظاهر شیک و رابط کاربری بسیار قابل تنظیمی برخوردار است.
  3. Airbnb: Airbnb از React Native برای توسعه برنامه‌های تلفن همراه خود استفاده می‌کند. این برنامه امکان رزرو و اجاره مکان‌های اقامتی در سراسر جهان را فراهم می‌کند و از طریق React Native بر روی سیستم‌عامل‌های iOS و Android قابل اجرا است.
  4. Walmart: برنامه Walmart توسط شرکت خرده‌فروشی Walmart با استفاده از React Native توسعه داده شده است. این برنامه به مشتریان این شرکت امکان خرید آنلاین، مدیریت حساب کاربری و مشاهده تخفیف‌ها را می‌دهد.
  5. Bloomberg: برنامه Bloomberg، یک برنامه اخبار و اطلاعات مالی است که با استفاده از React Native توسعه داده شده است. این برنامه اخبار روز و بروز، نمودارهای مالی، اخبار بازار سهام و اطلاعات مربوط به صنعت مالی را در اختیار کاربران قرار می‌دهد.
  6. Discord: برنامه Discord، یک برنامه برقراری ارتباط صوتی و متنی برای گیمرها است که با استفاده از React Native توسعه داده شده است. این برنامه امکان برقراری ارتباط در چت‌روم‌ها، اشتراک فایل و صفحه نمایش را فراهم می‌کند.
  7. SoundCloud Pulse: برنامه SoundCloud Pulse، یک برنامه مدیریت موسیقی برای هنرمندان و تهیه‌کنندگان موسیقی است. این برنامه با استفاده از React Native توسعه داده شده است و امکان آپلود آهنگ، ردیابی آمار و ارتباط با هواداران را فراهم می‌کند.

اینها تنها چند نمونه از برنامه‌هایی هستند که با استفاده از React Native ساخته شده‌اند. React Native به دلیل قابلیت اشتراک‌پذیری کد بین سیستم‌عامل‌های iOS و Android و توانایی توسعه سریع، توسط بسیاری از شرکت‌ها و توسعه‌دهندگان برای ساخت برنامه‌های تلفن همراه استفاده می‌شود.

شما می توانید در راستای بهبود کیفیت دوره آموزش react native، نظرات، پیشنهادات و انتقادات خود را با ما در قسمت نظرات سایت در میان بگذارید.

ادامه متن دوره ...

سوالات متداول

یادگیری react native چقدر زمان میبرد؟

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

آیا برنامه React Native روی موبایل کار می‌کند؟

بله، برنامه‌های React Native روی دستگاه‌های موبایل کار می‌کنند و قابلیت اجرا و تست در شبیه‌سازهای موبایل را دارند.