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

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

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

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

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











راهنمای سفارش آموزشها
در مورد این آموزش یا نحوه تهیه آن سوالی دارید؟
- با شماره تلفن واحد مخاطبین ۵۷۹۱۶۰۰۰ (پیش شماره ۰۲۱) تماس بگیرید. - تمام ساعات اداری
- با ما مکاتبه ایمیلی داشته باشید (این لینک). - میانگین زمان پاسخ دهی: ۳۰ دقیقه
اطلاعات تکمیلی
نام آموزش | آموزش مقدماتی فریمورک React Native برای طراحی نرم افزارهای اندروید و iOS با زبان جاوا اسکریپت |
---|---|
ناشر | فرادرس |
شناسه اثر | ۸–۱۲۴۵۲–۰۶۶۴۹۸ (ثبت شده در مرکز رسانههای دیجیتال وزارت ارشاد) |
کد آموزش | FVRENT9704 |
مدت زمان | ۹ ساعت و ۳۱ دقیقه |
زبان | فارسی |
نوع آموزش | آموزش ویدئویی (لینک دانلود) |
حجم دانلود | ۱۵۸۷ مگابایت (کیفیت ویدئو HD با فشرده سازی انحصاری فرادرس) |
نظرات
مهدی اسلامی علی آبادی
برای شروع فوقالعاده بود...من از صفر شروع کردم ولی این آموزش فقط با class component ها برنامه مینویسه در حالی که از نسخه ی 0.60 react native میشه از functional component برای برنامه نویسی استفاده کنیم که فوقالعاده آسون تر شده و دستتون هم باز شده
عالمه
مدرس بسیار مسلط بودند و تدریس به صورت کاملا عمقی بود و دلیل استفاده از هر چیزی رو بیان می کردند که به درک بهتر مباحث خیلی کمک میکرد. امیدوارم آموزش پیشرفته این مبحثو رو هم قرار بدند...
علی
با سلام به تیم خوب فرادرس لطفا اموزش پیشرفته را نیز ارائه بدین
امیر
محتویات کورس قدیمی شده است و نیاز به آپدیت دارد. در ورژن های جدید react باید خودتان هم کلی در اینترنت جستجو کنید، تا راه اندازی بشه.
آمنه
خوب بود ولی تسلط صد در صدی نداشتن.
یوسف
تنها موردی که در خصوص این آموزش وجود داره اینکه که با آخرین ورژن فریم ورک تفاوت زیادی داشت.
jafarderagon
چرا انقدر کوتاه بود این اموزش. من هیچ اموزشی رو مثل این اموزش پیدا نکردم.
کاملا توضیح می دادند و مشخص بود که مسلط هستن. بقیه اموزش ها طرف هرچی تایپ میکنه رو میگه فقط . اینشون کامل توضیح میدادن که چرا فلان کن به این صورت نوشته میشه.
عالی بود
خواهشن مهندس کرمی اموزش رو ادامه بدین
حتی اگر گرونتر از اموزش های دیگه هم باشه بازم ارزش داره
سارا
بسیار عالی بود از روش تدریس و طرح درس پایه ای بسیار لذت بردم. سپاسگزارم
علی
آموزش دیدم بسیار عالی بود.
سودابه
سلام ممنون از زحماتتون و واقعا دست مدرس درد نکنه
فقط یه موضوعی که هست که منو اذیت کرد اینه که مدرس none stop صحبت میکنه یعنی ثانیه ای رد نمیشه که سکوت باشه
از جهت اینکه سعی میکنه همه مطالب رو بگه واقعا عالیه اما موقع گوش کردن حقیقتا سر درد میاره
مهدی
سلام.
آموزش مقدماتی فریمورک واقعا خوب و روان ارایه شد دستتون درد نکنه. دم فرادرس هم گرم که بستر استفاده از دانش دیگران رو فراهم کرده. من فرادرس رو به همه پیشنهاد دادم.
جواب سوال آقای "امیرحسین آقاجانی" :
اگر میخواهید به یک دیتابیس که بر روی سرور قرار دارد متصل شوید باید به کمک تکنولوژی/زبان های سمت سرور مثل جنگو، PHP و ... این کار رو انجام بدین. ReactNative یک تکنولوژی سمت کاربر (Front-End) هست که نحوه نمایش اطلاعات به کاربر را بر عهده دارد.
یا علی
مطهره
آموزش خوب بود ولی تلفظ کلمات انگلیسی مدرس خیلی روی اعصاب بود.
امیرحسین آقاجانی
سلام، آموزش عالی بود.
فقط امکانش هست از مدرس تقاضا کنیم که اتصال به دیتا بیس داخلی و دیتا بیس خارجی رو هم آموزش بدن؟
اینکه چطوری بتونم از دیتا بیس سرورمون user و pass رو چک کنیم و اطلاعات رو از سرور رای کاربر نمایش بدیم.
با تشکر
احسان
مدرس مهندس کرمی بسیار مسلط بودند. لطفا سطح پیشرفته هم ارائه دهید.
باتشکر
جواد
سلام لطفا سطح پیشرفته را هم حتما قرار بدید
محمد رضا دهقانی
سلام مشتاقانه منتظر سطوح بالاتر برای آموزش reactJS از طرف مجموعه خوب فرادرس هستیم
رضی
با سلام و عرض تشکر بابت محتوای ارزشمندتون
خواهشاً آموزش های سطوح پیشرفته تر رو هم برای این عنوان در نظر بگیرید
با تشکر