آموزش ویدئویی React Native - ری اکت نیتیو از ساده تا فوق پیشرفته
( فیلم آموزشی ) ،توسط مهندس حسین فروغی
به کلیک سایت خوش اومدی ،
اینجا میتونی هر فیلم آموزشی که مد نظر داری رو پیدا کنی.
آموزش های کلیک سایت کاملا از صفر تا صد طراحی شده و تمامی آموزش ها به زبان فارسی و مناسب جهت ورود به بازار کار تولید شده.
پس از دیدن آموزش ها ، بدون تردید شما آماده ورود به بازار کار و کسب درآمد خواهید شد.
برای شروع ، ابتدا فیلم معرفی دوره رو مشاهده نمایید.
سپس میتوانید در ادامه همین صفحه ، سایر قسمت های این مجموعه را دانلود نمایید.
برای مشاهده فیلم با سرعت بالا ، از آی پی ایران استفاده نمایید.
![](/img/chera_clicksite.png)
معرفی سرفصل های این دوره:
با سلام و خسته نباشد خدمت کلیک سایتی های عزیز
در ادامه با توضیحات مختصری درمورد دوره ی react native با ما همراه باشید:
React Native چیست؟
قطعا یکی از آرزوهای برنامه نویسان این میباشد که با یک بار نوشتن کد ها بتوانند دو خروجی (هم برای اندروید و هم برای ios ) را داشته باشند.
فیسبوک در ابتدای سال 2013 اولین نسخه stable از یک کتابخونه جاوا اسکریپت رو بصورت open-source روی GitHub منتشر کرد.
اسم این کتابخونه ReactJs بود که برای توسعه وب اپلیکیشن ها مورد استفاده قرار میگرفت.این کتابخونه سرعت بسیار بالاو سادگی خاصی داشت که باعث شد خیلی سریع مورد توجه قرار بگیره. اواخر مارچ 2015 بود که فیسبوک یک فریم ورک جدید به اسم React Native منتشر کرد که بهت اجازه میداد فقط با استفاده از جاوا اسکریپت و کتابخونه React اپلیکیشن موبایل برای ios بسازی. فیسبوک شش ماه بعد گام اصلی و محکم رو با انتشار React Native برای Android برداشت . توسعه دهنده ها دیگه مجبور به نوشتن کدهای جداگونه برای سیستم عامل های مختلف نبودن و استارتاپ ها و صاحبان کسب کار به توسعه دهنده هایی دسترسی پیدا کردند که برای هر دو سیستم عامل َAndroid و IOS اپلیکیشن طراحی میکردند.
مزایای ری اکت نیتیو :
مزیت اصلی این سیستم صرفهجویی در زمان است. ری اکت نیتیو توسعهدهندگان را از دوباره کامپایل کردن بعد از هر تغییری خلاص میکند. یک توسعه دهنده اندروید می داند که این مورد چقدر ارزشمند است.
آسان تر
این فریم ورک باعث ایجاد یک پایگاه کد منفرد میشود که میتواند برای ios و اندروید ترکیب شود، این کار باعث میشود که مهندسان انرژی کمتری را در کد نویسی صرف کنند.
تجربه کاربری
زمانی که از این فریم ورک برای طراحی یک اپلیکیشن موبایلی استفاده می کنید می توانید از اجرای فوق العاده، کیفیت عالی و تجربه کاربری ساده تر لذت ببرید.
سریع
با استفاده از این فریمورک برنامه شما سریعتر بارگذاری میشود و شما احساس بهتری با آن نسبت به دیگر مدل ها دارید.
نکته:
پیشنیاز این دوره دوره ی js میباشد که میتوانید آن را از لینک زیر مشاهده کنید:(با این دیدن این دوره در ادامه مفاهیم را بهتر متوجه شده و دلیل تک تک خط کد ها را متوجه خواهید شد)
https://clicksite.org/goto/JsIntro
این دوره را از صفر(یعنی نصب تمامی ابزار مورد نیاز) شروع کرده و تا سطح حرفه ای (انجام پروژه های معروف و سنگین)ادامه خواهیم داد.
تمامی کد های نوشته شده به صورت خط به خط توضیح داده شده و دلیل نوشتن آن ها را بیان میکنیم.
برای مباحث مختلف پروژه های متعددی را انجام داده تا تمامی مباحث سخت و آسون توی ذهن تثبیت شوند.
Ui های مختلف و سنگین از جمله اینستاگرام را خواهیم ساخت و درمورد ui های متفاوت مفصلا توضیح میدهیم زیرا در react native یکی از مباحث مهم پیاده سازی ساختار های مختلف میباشد.
پروژ های متعدد درمورد ارتباط با سرور که از مهم ترین مباحث میباشد را انجام خواهیم داد.
در این دوره برای کامل بودن مباحث درمورد تولید json هم صحبت خواهیم کرد.
تولید json را با استفاده از کدهای php انجام میدهیم پس در این دوره درمورد php هم از صفر صحبت خواهیم کرد و مباحث مورد نیاز برای کار با php را هم به طور مفصل توضیح خواهیم داد.
درمورد کار با phpmyadmin و جداول صحبت خواهیم کرد و کار با جداول دیتابیس و تولید جداول را توضیح میدهیم.
در این دوره هدف ورود به بازار کار بوده و با توجه به بازار کار داغ react native سعی شده تمامی مطالب مورد نیاز در دوره گفته شود که بعد از این دوره ورود به بازار کار را برای دانشجویان عزیز راحت سازد.
پروژه های زیاد و متعددی بعد از توضیح هر مطلب گفته شده برای این که مطالب تدریس شده در ذهن دانشجویان تثبیت شود.
برخی از پروژه ها را در دموی دوره میتوانید مشاهده کنید(ولی تعدا پروژه ها فرا تر از تعداد پروژ ها های گفته شده در دمو میباشد).
با توجه به پیشرفت روز به روز این فریم ورک،انتخاب مناسبی میباشد برای اشخاصی که به فکر آینده ی شغلی خود میباشند.
به جرات میتوان گفت این دوره یکی از کامل ترین دوره ها به زبان فارسی میباشد و قابل رقابت با دوره ها ی منتشر شده با زبان انگلیسی میباشد زیرا اکثر مطالب مورد نیاز را پشتیبانی میکند و برای هر مطلب جدید یک پروژه جدید دارد.
فصل اول:
در این فصل شروع میکنیم با نصب ابزار لازم و سپس مقدمات react native را بیان میکنیم و در آخر با انجام پروژه ای سنگین و با استفاده از سرور آماده مباحث جدید تری یاد گرفته و کاربرد مباحث گفته شده را متوجه میشویم.
بعضی از مباحث این فصل:
شروع نصب و راه اندازی ابزار لازم
توضیحات برای نصب react native رو ی OSX
نصب ESList رویVSCode
تفاوت بین React و React Native
شروع کد نویسی(مراحل ساخت Copmponent )
function and classBase Component
روش های مختلف استایل دهی
Class base Component
Probs
State ها
تغییر مقدار state و اضافه کردن دکمه
flex
flexBox
شروع ساخت اولین ui کاربردی
شروع ساخت Header
ساختن component برای قرار دادن لیست آلبوم ها
گرفتن اطلاعات از سرور با کتابخانه ی axios
Life Cycle
شروع ساخت card
تقسیم کردن card به cardSection ها
تعریف خاصیت کلیک برای دکمه
فصل دوم:
در فصل دوم مباحث پیشرفته تری را داریم از معرفی کردن یک سری از component ها شروع میکنیم،با لیست ها کار میکنیم و...
در این فصل پروژه های خیلی خوب را انجام خواهیم داد که این پروژه ها ساخت ui اپلیکیشن های زیبا و معروف هستند که با انجام این پروژه ها ساخت اپلیکیشن های دل خواه برای ما راحت تر میشود.
از جمله مباحث این فصل به اختصار :
textInput
Button
Touchable
scrollView
FlatList
SectionList
ReactNavigation
حرکت بین صفحات
انتقال اطلاعات بین صفحات
Drawer Navigation
BottomTabBarNavigator
MaterialBottomNavigator
MaterialTopTabNavigator
CombiningNavigators
ساخت Ui اپلیکیشن اینستاگرام(پروژ ه ای حرفه ای و کاملا کاربردی)
ساخت Ui اپلیکیشن آمازون(پروژ ه ای حرفه ای و کاملا کاربردی)
Animation
آشنایی با انواع مختلف Animation
ساخت پروژه ی کاربری twitter با Animation
استفاده از پکیج yarn
ImagePickerView
و...
فصل سوم:
در این فصل مباحث خیلی خیلی مهمی را کار خواهیم کرد
مباحثی که لازم هستن برای هر برنامه ای که خواهیم ساخت به خاطر اهمیت موضوع های این فصل و تثبیت مطالب مهم پروژه های متعدد و کاربردی تدریس شده است.
از جمله مباحث این فصل به اختصار:
دو زبانه کردن برنامه
fragment
StatusBar
SafeAreaView
Redux (خیلی خیلی مهم)
ساخت فروشگاه با redux
ساخت todoApp با redux
تغییرات در ورژن جدید react native برای نصب وابستگی ها
و ...
فصل چهارم:
در این فصل درمورد database صحبت میکنیم که از اهمیت فوق العاده زیادی برخوردار میباشد.
99 در صد اپلیکیشن هایی که قصد نوشتن آن ها را داریم از دیتابیس خارجی و داخلی (آنلاین و افلاین)استفاده میکنند.
در این فصل در مورد دیتابیس داخلی و خارجی صحبت میکنیم .
برای استفاده از دیتابیس آنلاین نیاز داریم که بتوانیم با phpmyAdmin و php کار کنیم که در این فصل به آموزش آن ها هم خواهیم پرداخت.
php را از صفر شروع میکنیم و تا جایی که نیاز دارم آموزش آن را ادامه میدهیم.
در مورد دیتابیس داخلی realm که یکی از بهترین ها میباشد بحث میکنیم و برای تثبیت آن پروژه ای انجام خواهیم داد.
با localhost و هاست واقعی کار خواهیم کرد.
برخی از مباحث این فصل به اختصار:
Database و انواع آن
ساخت TodoApp با استفاده از دیتابیس داخلی(realm)
توضیحاتی پیرامون سرور خارجی (آنلاین) و نصب wamp
محیط مورد نیاز برای کد های php و ساخت اولین پروژه
متغییر ها و عبارات شرطی در php
حلقه ها در php
آرایه ها در php
آشنایی با phpMyAdmin
گرفتن اطلاعات از دیتابیس(SELECT QUERY)
خروجی json
گرفتن اطلاعات سرور سمت برنامه
وارد کردن اطلاعات به دیتابیس
متد ها post و get
ارسال اطلاعات از سمت برنامه به دیتابیس
پاک کردن اطلاعات از جداول
آپدیت کردن اطلاعات جدول
شروع انجام پروژه با هاست واقعی برای تثبیت مطالب گفته شده
و ...
فصل پنجم:
در این فصل پروژه ی خیلی خوبی را انجام میدهیم که برای انجام پروژه هایی که سفارش میگیریم آماده شویم.
در این پروژه درمورد asyncStorage صحبت خواهیم کرد که یک حافظه ی داخلی کوچک میباشد و آن را با redux ترکیب میکنیم و به یک ساختار خیلی خوب میرسیم.
همچنین با axios کار خواهیم کرد و آن را با redux ترکیب میکنیم و به ساختاری میرسیم که خیلی مهم و کاربردی میباشدو کمتر جایی میتونیم این ساختار را در آموزش ها پیدا کنیم.
هم چنین درمورد redux-thunk صحبت میکنیم.
هم چنین کد های php را از صفر خودمون مینویسیم و با سرور آنلاین کار میکنیم.
درمورد splash screen صحبت خواهیک کرد و برای برنامه splash screen میسازیم.
درمورد localNotification صحبت میکنیم.
متصل بودن به اینترنت را چک میکنیم.
درمورد دکمه ی back در اندروید صحبت میکنیم.
درمورد تغییر آیکون برنامه صحبت میکنیم.
درمورد تغییر نام و آیدی برنامه صحبت میکنیم.
اضافه کردن فونت جدید و responsive کردن آن ها را انجام میدهیم.
درمورد مبحث جذاب PushNotification صحبت میکنیم.
از برنامه خروحی apk میگیریم.
و...
![](/img/gallery.jpg)
![](/img/clicksite_takhfif_afterbuy.jpg)
بخش های رایگان این مجموعه آموزشی:
شروع نصب و راه اندازی ابزار لازم ( بخش 1 ) دانلود مستقیم نصب اندروید استودیو ( بخش 2 ) دانلود مستقیم نصب vs code ( بخش 3 ) دانلود مستقیم توضیحات برای نصب react native رو ی OSX ( بخش 4 ) دانلود مستقیم شروع کد نویسی(مراحل ساخت Copmponent ) ( بخش 8 ) دانلود مستقیم function and classBase Component ( بخش 9 ) دانلود مستقیم شروع ساخت اولین ui کاربردی ( بخش 18 ) دانلود مستقیم توضییحات گرفتن اطلاعات آلبوم ها ( بخش 22 ) دانلود مستقیم Button ( بخش 42 ) دانلود مستقیم Drawer Navigation(1) ( بخش 52 ) دانلود مستقیم InstagramUi(1) ( بخش 66 ) دانلود مستقیم استفاده از پکیج yarn ( بخش 100 ) دانلود مستقیم StatusBar SafeAreaView ( بخش 106 ) دانلود مستقیم Redux(1) ( بخش 107 ) دانلود مستقیم توضیحاتی پیرامون سرور خارجی (آنلاین) و نصب wamp ( بخش 137 ) دانلود مستقیم آشنایی با phpMyAdmin ( بخش 142 ) دانلود مستقیم شروع انجام پروژه با هاست واقعی ( بخش 153 ) دانلود مستقیمبعضی از مباحث این فصل:
شروع نصب و راه اندازی ابزار لازم
توضیحات برای نصب react native رو ی OSX
نصب ESList رویVSCode
تفاوت بین React و React Native
شروع کد نویسی(مراحل ساخت Copmponent )
function and classBase Component
روش های مختلف استایل دهی
Class base Component
Probs
State ها
تغییر مقدار state و اضافه کردن دکمه
flex
flexBox
شروع ساخت اولین ui کاربردی
شروع ساخت Header
ساختن component برای قرار دادن لیست آلبوم ها
گرفتن اطلاعات از سرور با کتابخانه ی axios
Life Cycle
شروع ساخت card
تقسیم کردن card به cardSection ها
تعریف خاصیت کلیک برای دکمه
( شروع نصب و راه اندازی ابزار لازم )
( نصب اندروید استودیو )
( نصب vs code )
( توضیحات برای نصب react native رو ی OSX )
( نصب react native روی OSX )
( نصب ESList رویVSCode )
( تفاوت بین React و React Native )
( شروع کد نویسی(مراحل ساخت Copmponent ) )
( function and classBase Component )
( ادامه ی کد نویسی(ساخت Copmponent ) )
( روش های مختلف استایل دهی )
( Class base Component )
( Probs )
( State ها )
( تغییر مقدار state و اضافه کردن دکمه )
( flex )
( flexBox )
( شروع ساخت اولین ui کاربردی )
( شروع ساخت Header )
( استایل دهی به Header )
( قابل استفاده تر کردن Header )
( توضییحات گرفتن اطلاعات آلبوم ها )
( ساختن component برای قرار دادن لیست آلبوم ها )
( مروری بر درس های گذشته و استفاده از آن )
( Life Cycle )
( گرفتن اطلاعات از سرور با کتابخانه ی axios )
( استفاده از state )
( طریقه ی استفاده از اطلاعات گرفته شده )
( شروع ساخت کامپوننت جزییات آلبوم )
( شروع ساخت card )
( پاس دادن components به عنوان probs )
( تقسیم کردن card به cardSection ها )
( ساخت اولین CardSection )
( لود کردن و نمایش عکس از سرور )
( ساخت cardSection دوم و کار بر روی style ها )
( Scroll شدن آلبوم )
( ساخت کامپوننت button )
( Style دهی به دکمه )
( تعریف خاصیت کلیک برای دکمه )
( لینک کردن به سایت آمازون )
![](/img/darsad.png)
تخفیف تا تاریخ 1403/12/29 (تخفیف فوق،صرفا به خرید کل پکیج،و یا خرید فصل ها تعلق می گیرد و به خرید تک بخش ها،اعمال نمی گردد)
وضعیت دوره: تکمیل شده
تعداد قسمت ها : 194 قسمت
سطح آموزش: صفر تا صد
به همراه کدها و فایل های آموزش
تعداد فصل ها: 6 فصل
مدت زمان: 33 ساعت و 25 دقیقه
افزودن پکیج به سبد خرید
جهت اطلاع از بروزرسانی این دوره آموزشی و اطلاع از بخش های جدید،ایمیل خود را وارد نمایید:
نظر/پرسش/پیشنهاد شما
در صورت تمایل به دریافت پیامک به هنگام پاسخ به سوال شما و یا به هنگام درج نظر شما در سایت، شماره همراه خود را وارد نمایید.
جهت بزرگنمایی،ماوس را روی تصویر حرکت دهید
![](/img/39.gif)
در حال بارگزاری تصاویر...
نظرات/پرسش ها/پیشنهادات ( صفحه 5 )
علی اسکندری
میگه:
سلام
ببخشید این دوره چند قسمت میشه در انتها؟
پیشنیاز دارد؟
پاسخ:
سلام بله پيشنياز اين دوره ، ٧٥ قسمت دوره ي js كه خودم تدريس كردم و بر روي سايت هست...
اين دوره هم از ١٠٠ قسمت بيشتر خواهد شد...
وحید
میگه:
سلام مهندس
معماری این دوره چی هستش؟
پاسخ:
با سلام اين دوره صفر تا صد هست
و درمورد معماري هم در حد متوسط توضيح داده ميشود