×
تعداد دانشجو
۱,۹۱۱ نفر
۳۱,۰۰۰ تومان ۱۸,۶۰۰ تومان

آموزش مقدماتی فریمورک React Native برای طراحی نرم افزارهای اندروید و iOS با زبان جاوا اسکریپت

آموزش مقدماتی فریمورک React Native برای طراحی نرم افزارهای اندروید و iOS با زبان جاوا اسکریپت

تعداد دانشجو
۱,۹۱۱ نفر
مدت زمان
۹ ساعت و ۳۱ دقیقه
هزینه عادی آموزش
۳۱,۰۰۰ تومان
در طرح تخفیف
۱۸,۶۰۰ تومان

(کسب اطلاعات بیشتر +)
محتوای این آموزش
۱۶ بازخورد (مشاهده نظرات)
آموزش مقدماتی فریمورک React Native برای طراحی نرم افزارهای اندروید و iOS با زبان جاوا اسکریپت

چکیده

امروزه با پیشرفت تلفن های هوشمند و همه گیر شدن آن ها، نیاز به اپلیکیشن این گوشی ها (React Native) در همه حوزه ها به شدت احساس می شود و به همین دلیل بازار گرمی را در این حوزه به راه انداخته است، بنابراین تسلط به نوشتن اپلیکیشن های موبایل می تواند درآمد زیادی را برای شما به ارمغان آورد. در سال های اخیر با نوشتن فریم ورک های گوناگون برای جاوا اسکریپت (JavaScript)، این زبان جای خود را در بین بهترین زبان های برنامه نویسی باز کرده است. فریم ورک جدید از جاوا اسکریپت که توسط فیس بوک ارائه شد، ری اکت نیتیو (React Native) است.

مدرس
فرشید کرمی

دانشجوی کارشناسی ارشد مهندسی برق - مخابرات

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

چکیده آموزش


توضیحات تکمیلی

امروزه با پیشرفت تلفن های هوشمند و همه گیر شدن آن ها، نیاز به اپلیکیشن این گوشی ها (React Native) در همه حوزه به شدت احساس می شود و به همین دلیل بازار گرمی را در این حوزه به راه انداخته است، بنابراین تسلط به نوشتن اپلیکیشن های موبایل می تواند درآمد زیادی را برای شما به ارمغان آورد.

در سال های اخیر با نوشتن فریم ورک های گوناگون برای جاوا اسکریپت (JavaScript)، این زبان جای خود را در بین بهترین زبان های برنامه نویسی باز کرده است. فریم ورک جدید از جاوا اسکریپت که توسط فیس بوک ارائه شد، ری اکت نیتیو (React Native) است.

با این کتابخانه می توان اپیکیشن موبایلی را به زبان جاوا اسکریپت نوشت که هم بر روی سیستم عامل اندروید و هم بر روی سیستم عامل iOS قابل اجرا باشد. همین ویژگی و پشتیبانی قوی شرکت بزرگی مانند: فیس بوک باعث شده است که روز به روز شاهد پیشرفت این کتابخانه باشیم.

برای اهمیت این فریمورک فقط کافی است به این نکته اشاره کنیم که پر مخاطب ترین اپیکیشن جهان یعنی اینستاگرام (Instagram) به وسیله همین فریم ورک نوشته شده است. در این فرادرس ما به مباحث مقدماتی این فریم ورک به صورت کاملا مفهومی و حرفه ای می پردازیم.

 
فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:
  • درس یکم: آشنایی با فریم ورک React Native
    • ضرورت های یادگیری این فریم ورک
    • میزان حقوق برنامه نویسانی که در ایران و دنیا با این فریمورک کار می کنند
    • معرفی محیط CMD و PowerShell
  • درس دوم: نصب و راه اندازی ابزارهای مورد نیاز بر روی ویندوز
    • معرفی و نصب JDK
    • نصب و راه اندازی Android Studio
    • نصب و راه اندازی شبیه ساز اندروید Genymotion
    • نصب Node.js
    • نصب Visual Studio Code
  • درس سوم: نصب و راه اندازی ابزارها در سیستم عامل مک
    • نصب Xcode بر روی سیستم مک
    • راه اندازی شبیه ساز گوشی آیفون
    • نصب Node.js
  • درس چهارم: مروری بر جاوا اسکریپت
    • متغیرها و حالت ها در جاوا اسکریپت
    • شرط های if در جاوا اسکریپت
    • حلقه های for در جاوا اسکریپت
    • حلقه های while
    • شرط های switch case
  • درس پنجم: اکما اسکریپت ۶ (ES6)
    • توابع در اکما اسکریپت (ECMAScript)
    • Callback function
    • Timer ها
    • ساختار اجرایی کدها در زبان جاوا اسکریپت (اکما اسکریپت)
    • شی گرایی در اکما اسکریپت 6
    • ارث بری در شی گرایی
    • کنترل کردن خطاها
    • ماژول ها
  • درس ششم: ساخت اولین پروژه و معرفی ساختار پروژه
    • آموزش نصب React Native
    • چگونگی ساخت یک پروژه
    • معرفی ساختار پروژه
    • اجرای پروژه بر روی شبیه ساز نصب شده
  • درس هفتم: آشنایی با کامپوننت ها و استایل دهی و طراحی قالب برنامه
    • آشنایی با کامپوننت های مختلف React Native
    • استایل دهی خطی به برنامه
    • استایل دهی اصولی با Style Sheet
    • آشنایی با چند تگ پرکاربرد و ویژگی آن ها
    • استفاده از فونت فارسی در برنامه
    • استایل دهی استاندارد یک صفحه
  • درس هشتم: معرفی Prop ها و کاربرد آن در React Native
    • Prop ها چه کاربردی دارند؟
    • نحوه کار با Prop ها
    • آشنایی با touchable ها
    • ساخت یک کامپوننت Button و استفاده از Prop ها در داخل آن
  • درس نهم: آشنایی با Native Base و طراحی قالب زیبا برای برنامه
    • معرفی بر Native Base
    • آموزش نصب و راه اندازی Native Base
    • معرفی کامپوننت Button
    • معرفی کامپوننت های مربوط به فرم
    • چگونگی نمایش یک پیغام
  • درس دهم: معرفی State ها و کاربرد آن در React Native
    • State ها چه کاربردی دارند؟
    • نحوه کار و تعریف State ها
    • آموزش دو کاربرد مهم State ها با دو مثال کاربردی
  • درس یازدهم: آشنایی با مسیریابی و جابجایی بین صفحات برنامه
    • مسیریابی چیست؟
    • آشنایی با کتابخانه React Navigation
    • نصب و کار با کتابخانه و جابجایی بین صفحات برنامه
  • درس دوازدهم: پروژه صفحه ورود و مروری بر مباحث
    • معرفی پروژه ای که می خواهیم انجام دهیم
    • معرفی مسیرها و صفحات برنامه
    • طراحی صفحه ورد
    • طراحی صفحه ثبت نام
    • طراحی صفحه فراموشی رمز عبور
    • طراحی صفحه قفل پروفایل
    • تعریف state های صفحات مختلف برنامه
    • کنترل ورودی های کاربر و نمایش خطاها
    • دیباگ کردن پروژه (Debugging) بر روی مرورگر گوگل کروم
 
مفید برای رشته های
  • مهندسی کامیپوتر
مشاهده بیشتر مشاهده کمتر

آنچه در این آموزش خواهید دید:

آموزش ویدئویی مورد تائید فرادرس
فایل برنامه ها و پروژه های اجرا شده
فایل PDF یادداشت‌ های ارائه مدرس

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

Visual Studio Code, Genymotion



پیش نمایش‌ها

۱. آشنایی با فریمورک React Native

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۴ مگابایت -- (کلیک کنید +))

۲. نصب و راه اندازی ابزارهای مورد نیاز بر روی ویندوز

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۷ مگابایت -- (کلیک کنید +))

۳. نصب و راه اندازی ابزارها در سیستم عامل مک

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۵ مگابایت -- (کلیک کنید +))

۴. مروری بر جاوا اسکریپت

توجه: اگر به خاطر سرعت اینترنت، کیفیت نمایش پایین‌تر از کیفیت HD ویدئو اصلی باشد؛ می‌توانید ویدئو را دانلود و مشاهده کنید (دانلود پیش‌نمایش - حجم: ۱۵ مگابایت -- (کلیک کنید +))

۵. اکما اسکریپت ۶ (ES6) (الف)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۶. اکما اسکریپت ۶ (ES6) (ب)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۷. ساخت اولین پروژه و معرفی ساختار پروژه
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۸. آشنایی با کامپوننت ها و استایل دهی و طراحی قالب برنامه (الف)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۹. آشنایی با کامپوننت ها و استایل دهی و طراحی قالب برنامه (ب)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۰. معرفی Prop ها و کاربرد آن در React Native
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۱. آشنایی با Native Base و طراحی قالب زیبا برای برنامه
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۲. معرفی State ها و کاربرد آن در React Native
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۳. آشنایی با مسیریابی و جابجایی بین صفحات برنامه
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۴. پروژه صفحه ورود و مروری بر مباحث (الف)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.
۱۵. پروژه صفحه ورود و مروری بر مباحث (ب)
مشاهده این پیش‌نمایش، نیازمند عضویت و ورود به سایت (+) است.

راهنمای سفارش آموزش‌ها

آیا می دانید که تهیه یک آموزش از فرادرس و شروع یادگیری چقدر ساده است؟

(راهنمایی بیشتر +)

در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
  • با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
  • با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه


اطلاعات تکمیلی

نام آموزش آموزش مقدماتی فریمورک React Native برای طراحی نرم افزارهای اندروید و iOS با زبان جاوا اسکریپت
ناشر فرادرس
شناسه اثر ۸–۱۲۴۵۲–۰۶۶۴۹۸ (ثبت شده در مرکز رسانه‌های دیجیتال وزارت ارشاد)
کد آموزش FVRENT9704
مدت زمان ۹ ساعت و ۳۱ دقیقه
زبان فارسی
نوع آموزش آموزش ویدیویی (لینک دانلود)
حجم دانلود ۱۵۸۷ مگابایت (کیفیت ویدئو HD‌ با فشرده سازی انحصاری فرادرس)


نظرات

تا کنون ۱,۹۱۱ نفر از این آموزش استفاده کرده اند و ۱۶ نظر ثبت شده است.
عالمه
عالمه

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

علی
علی

با سلام به تیم خوب فرادرس لطفا اموزش پیشرفته را نیز ارائه بدین

امیر
امیر

محتویات کورس قدیمی شده است و نیاز به آپدیت دارد. در ورژن های جدید react باید خودتان هم کلی در اینترنت جستجو کنید، تا راه اندازی بشه.

آمنه
آمنه

خوب بود ولی تسلط صد در صدی نداشتن.

یوسف
یوسف

تنها موردی که در خصوص این آموزش وجود داره اینکه که با آخرین ورژن فریم ورک تفاوت زیادی داشت.

jafarderagon
jafarderagon

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

سارا
سارا

بسیار عالی بود از روش تدریس و طرح درس پایه ای بسیار لذت بردم. سپاسگزارم

علی
علی

آموزش دیدم بسیار عالی بود.

سودابه
سودابه

سلام ممنون از زحماتتون و واقعا دست مدرس درد نکنه
فقط یه موضوعی که هست که منو اذیت کرد اینه که مدرس none stop صحبت میکنه یعنی ثانیه ای رد نمیشه که سکوت باشه
از جهت اینکه سعی میکنه همه مطالب رو بگه واقعا عالیه اما موقع گوش کردن حقیقتا سر درد میاره

مهدی
مهدی

سلام.
آموزش مقدماتی فریمورک واقعا خوب و روان ارایه شد دستتون درد نکنه. دم فرادرس هم گرم که بستر استفاده از دانش دیگران رو فراهم کرده. من فرادرس رو به همه پیشنهاد دادم.
جواب سوال آقای "امیرحسین آقاجانی" :
اگر میخواهید به یک دیتابیس که بر روی سرور قرار دارد متصل شوید باید به کمک تکنولوژی/زبان های سمت سرور مثل جنگو، PHP و ... این کار رو انجام بدین. ReactNative یک تکنولوژی سمت کاربر (Front-End) هست که نحوه نمایش اطلاعات به کاربر را بر عهده دارد.
یا علی

مطهره
مطهره

آموزش خوب بود ولی تلفظ کلمات انگلیسی مدرس خیلی روی اعصاب بود.

امیرحسین آقاجانی
امیرحسین آقاجانی

سلام، آموزش عالی بود.
فقط امکانش هست از مدرس تقاضا کنیم که اتصال به دیتا بیس داخلی و دیتا بیس خارجی رو هم آموزش بدن؟
اینکه چطوری بتونم از دیتا بیس سرورمون user و pass رو چک کنیم و اطلاعات رو از سرور رای کاربر نمایش بدیم.
با تشکر

احسان
احسان

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

جواد
جواد

سلام لطفا سطح پیشرفته را هم حتما قرار بدید

محمد رضا دهقانی
محمد رضا دهقانی

سلام مشتاقانه منتظر سطوح بالاتر برای آموزش reactJS از طرف مجموعه خوب فرادرس هستیم

رضی
رضی

با سلام و عرض تشکر بابت محتوای ارزشمندتون
خواهشاً آموزش های سطوح پیشرفته تر رو هم برای این عنوان در نظر بگیرید
با تشکر


برچسب‌ها:
javascript | NativeBase | React Native | Style Sheet | TypeScript | استایل دهی اصولی با Style Sheet | جاوا اسکریپت | ری اکت نیتیو | فریم ورک | فریمورک | فریمورک React Native | کاربرد Prop ها | کاربرد State ها | کامپوننت های مختلف React Native | کتابخانه Navigation در React Native | کلاس ها در جاوا اسکریپت | نحوه کار با Prop ها | نحوه کار با State ها | نسخه جدید جاوا اسکریپت | نصب NativeBase | نصب Node.js | نصب Xcode | نصب Xcode بر روی سیستم مک | نصب اندروید SDK | نصب اندروید استودیو
مشاهده بیشتر مشاهده کمتر