×
۵۰,۰۰۰ تومان تا ۱۵۰ هزار تومان تخفیف

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

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

تعداد دانشجو
۲,۱۸۹ نفر
مدت زمان
۹ ساعت و ۳۱ دقیقه
هزینه عادی آموزش
۵۰,۰۰۰ تومان
در طرح تخفیف
تا ۱۵۰ هزار تومان تخفیف (کسب اطلاعات بیشتر +)
محتوای این آموزش
تضمین کیفیت
۱۹ بازخورد (مشاهده نظرات)
آموزش مقدماتی فریمورک React Native برای طراحی نرم افزارهای اندروید و iOS با زبان جاوا اسکریپت

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

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

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

(کسب اطلاعات بیشتر +)
محتوای این آموزش
۱۹ بازخورد (مشاهده نظرات)
مدرس
فرشید کرمی

مدرس دوره‌ های برنامه نویسی وب و اپلیکیشن‌ های موبایل

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

چکیده آموزش


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

امروزه با پیشرفت تلفن های هوشمند و همه گیر شدن آن ها، نیاز به اپلیکیشن این گوشی ها (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 با فشرده سازی انحصاری فرادرس)


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





نظرات

تا کنون ۲,۱۸۹ نفر از این آموزش استفاده کرده اند و ۱۹ نظر ثبت شده است.
رقیه
رقیه

سلام
خیلی خیلی عالیه
خسته نباشید

دانیال حاجی رجبی
دانیال حاجی رجبی

مشخص بود ایشون واقعا برنامه نویس هستند.( این رو بر اساس تجربه 2ساله برنامه نویسی حرفه ایم می گم.)کلا من آموزش هام رو از youtube میبینم و بعد documentation رو میخونم.
فکر می کنم با دیدن این آموزش کاملا آماده شروع به خوندن documentation هستم.
نونش حلالش. کاشکی بیشتر آموزش بذارید از این برنامه نویس.

مهدی اسلامی علی آبادی
مهدی اسلامی علی آبادی

برای شروع فوق‌العاده بود...من از صفر شروع کردم ولی این آموزش فقط با class component ها برنامه‌ مینویسه در حالی که از نسخه ی 0.60 react native میشه از functional component برای برنامه نویسی استفاده کنیم که فوق‌العاده آسون تر شده و دستتون هم باز شده

عالمه
عالمه

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

علی
علی

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

یوسف
یوسف

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

آمنه
آمنه

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

امیر
امیر

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

jafarderagon
jafarderagon

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

سارا
سارا

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

برچسب‌ها:
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 | نصب اندروید استودیو
مشاهده بیشتر مشاهده کمتر

×
فهرست جلسات ۱۶ جلسه ویدئویی