تسلط به React Native و React Native Skia و Re-animated
✅ سرفصل و جزئیات آموزش
آنچه یاد خواهید گرفت:
- درک جامعی از React Native برای توسعه اپلیکیشن به دست آورید.
- در استفاده از React Native Reanimated برای بهبود تجربه کاربری از طریق انیمیشنها مهارت کسب کنید. پیادهسازی انیمیشنهای پیچیده را بیاموزید.
- مفاهیم آموخته شده در React Native Skia، کتابخانههای Expo و React Native Reanimated را برای ساخت یک اپلیکیشن موبایل پویا به کار ببرید.
- تجربه عملی در ساخت یک اپلیکیشن موبایل کاملاً کاربردی کسب کنید.
- هوکهای React Context را درک کرده و از آنها استفاده کنید.
- در استفاده از Figma برای تبدیل طرحها به کد مهارت پیدا کنید.
- از Expo-Location برای استعلام دادههای موقعیت مکانی استفاده کنید.
پیشنیازهای دوره
- شرکتکنندگان باید درک اولیه از React یا React Native داشته باشند و حداقل 3 تا 6 ماه تجربه توسعه داشته باشند.
توضیحات دوره
با دوره جامع ما وارد سفری تحولآفرین شوید که برای تسلط به هنر توسعه اپلیکیشنهای موبایل با استفاده از React Native طراحی شده است. این دوره بهدقت برای توسعهدهندگان متوسط با دانش اولیه از React یا React Native و حداقل 3-6 ماه تجربه در توسعه، طراحی شده تا مهارتهای شما را در طراحی مدرن اپلیکیشن، انیمیشن و ادغام دادههای پویا ارتقا دهد.
در بخش اول دوره به جزئیات طراحی صفحه اصلی کاربر پسند میپردازید. شما با استفاده از React Native Skia و کتابخانههای مختلف Expo هدایت میشوید تا رابط گرافیکی جذاب و واکنشگرا بسازید. این مرحله به شما کمک میکند تا با این پکیج های قدرتمند آشنا شوید و اصولی محکم برای توسعه پیشرفته ایجاد کنید.
در فاز دوم توجه به زنده کردن صفحه اصلی با انیمیشنها با React Native Reanimated معطوف میشود. یادگیری عملی خواهید داشت و انیمیشنهای پیشرفته مانند کشیدن تصاویر پسزمینه به بالا، ناپدید کردن روان نوار تب و تغییر پویا در طرح بندی بخش هواشناسی را پیادهسازی میکنید. این مهارتها برای ایجاد تجربه کاربری تعاملی در اپلیکیشنهای موبایل مدرن حیاتی هستند.
با پیشرفت به بخش سوم، دوره با تمرینهای کاربردی در زمینه ناوبری و توسعه صفحههای جزئیات شدت میگیرد. در این قسمت انیمیشنها را از قالب Figma کپی میکنید، هدر سفارشی طراحی میکنید، یک نوار جستجوی کارآمد میسازید و کامپوننتهای ویجت پیچیده توسعه میدهید. این مرحله برای درک دقیق طراحی و تعامل رابط کاربری اهمیت ویژهای دارد.
نهایتاً، دوره با گذار از محتوای ایستا به محتوای پویا به پایان میرسد. شما یاد میگیرید اپلیکیشن خود را به یک API متصل کنید تا ادغام دادهها بهصورت بلادرنگ انجام شود. این مهارت کلیدی برای ساخت اپلیکیشنهای موبایل تعاملی و بروز با تجربه واقعی کاربر لازم است.
به ما بپیوندید تا پتانسیل خود را در توسعه اپلیکیشن موبایل با استفاده از قدرت React Native، انیمیشن و دادههای پویا باز کنید و اپلیکیشنهای پیشرفتهای بسازید که در عصر دیجیتال برجسته باشند.
این دوره برای چه کسانی مناسب است؟
- افرادی که دانش اولیه در React یا React Native دارند و به دنبال تعمیق درک و مهارتهای خود در این فریمورکها هستند.
تسلط به React Native و React Native Skia و Re-animated
-
مقدمه 03:03
-
بررسی Figma 02:12
-
پکیج ها برای راهاندازی پروژه 00:26
-
راهاندازی اپلیکیشن 02:19
-
راهاندازی اپلیکیشن .2 Skia! 01:47
-
ساخت EAS/ساخت توسعه 02:25
-
پیکربندی Android 01:29
-
راهاندازی ساختار پوشه 01:15
-
پسزمینه صفحه اصلی - گرادیان خطی 04:12
-
پسزمینه صفحه اصلی - گرادیان خطی بخش 2 01:40
-
پسزمینه صفحه اصلی - تصویر پسزمینه 01:37
-
پسزمینه صفحه اصلی - تصویر خانه 02:39
-
پسزمینه صفحه اصلی - تصویر خانه 2 01:56
-
پسزمینه صفحه اصلی - تصویر خانه 3 02:10
-
پسزمینه صفحه اصلی - افکت دود - 1 02:11
-
پسزمینه صفحه اصلی - افکت دود - 2 02:38
-
پسزمینه صفحه اصلی - افکت دود - 3 02:19
-
پسزمینه صفحه اصلی - افکت دود - 4 01:13
-
نوار تب بخش 1 - ساخت نوار تب 03:04
-
نوار تب بخش 2 - موقعیت نوار تب 01:36
-
نوار تب بخش 3 - ساخت قوس 01:43
-
نوار تب بخش 4 04:06
-
نوار تب بخش 5 - گرادیان خطی 01:12
-
نوار تب بخش 6 - خط حاشیه 01:25
-
نوار تب بخش 7 - آیکونها 04:15
-
نوار تب بخش 8 - موقعیتها 01:42
-
نوار تب بخش 9 - دکمه وسط 04:19
-
نوار تب بخش 10 - مقیاسبندی 03:19
-
نوار تب بخش 11 - دکمه دایرهای 04:03
-
نوار تب بخش 12 - علامت مثبت 01:52
-
نوار تب بخش 13 - موقعیت 01:23
-
نوار تب بخش 14 - دکمه فشاری 01:53
-
نوار تب بخش 15 - رفع مشکل 00:49
-
بخش هواشناسی قسمت 1 04:03
-
بخش هواشناسی قسمت 2 02:39
-
بخش هواشناسی قسمت 3 03:28
-
بخش هواشناسی قسمت 4 02:28
-
نوار تب پایین بخش 1 01:52
-
نوار تب پایین بخش 2 - نیازمندیهای Bottom Sheet 02:19
-
نوار تب پایین بخش 3 - کنترل نشانگر 00:37
-
نوار تب پایین بخش 4 - پسزمینه 04:28
-
نوار تب پایین بخش 5 - ویو مات! 01:25
-
نوار تب پایین بخش 6 - سایهها! 03:48
-
نوار تب پایین بخش 7 - کنترل پیشبینی 01:53
-
نوار تب پایین بخش 8 - بخش کنترل 02:08
-
نوار تب پایین بخش 9 - لایه زیرخط 04:06
-
نوار تب پایین بخش 10 - کپسول 04:51
-
نوار تب پایین بخش 11 - داده! 02:33
-
نوار تب پایین بخش 12 03:04
-
نوار تب پایین بخش 13 - کپسولها! 03:03
-
نوار تب پایین بخش 14 - شفافیت 02:15
-
نوار تب پایین بخش 15 - پیشبینی هفتگی 02:51
-
نوار تب پایین بخش 16 - کمکهای تاریخ! 04:34
-
نوار تب پایین بخش 17 - ویجتها 03:05
-
نوار تب پایین بخش 18 - پاکسازی خانه 01:28
-
انیمیشنها بخش 1 01:18
-
انیمیشنها بخش 2 - انیمیشنهای اولیه 01:53
-
انیمیشنها بخش 3 - انیمیشنهای ساده! 03:17
-
انیمیشنها بخش 4 02:30
-
انیمیشنها بخش 5 - بازگشت به اپ ما! 03:14
-
انیمیشنها بخش 6 - نرمالسازی مقادیر 03:07
-
انیمیشنها بخش 7 - Prop Drilling؟ 03:57
-
انیمیشنها بخش 8 01:30
-
انیمیشنها بخش 9 - بوم و تصویر انیمیشنی 02:20
-
انیمیشنها بخش 10 - مشکلات گرادیان 04:22
-
انیمیشنها بخش 11 - مشکل اندروید؟ 02:50
-
انیمیشنها بخش 12 - انیمیشنهای نوار تب 01:28
-
انیمیشنها بخش 13 - انیمیشنهای بخش هواشناسی 06:13
-
انیمیشنها بخش 14 04:56
-
انیمیشنها بخش 15 02:45
-
انیمیشنها بخش 16 - انیمیشنهای پیشبینی 03:27
-
صفحه جزئیات بخش 1 03:13
-
صفحه جزئیات بخش 2 01:59
-
صفحه جزئیات بخش 3 - سرصفحه 03:44
-
صفحه جزئیات بخش 4 - نوار جستجو! 03:48
-
صفحه جزئیات بخش 5 - مسیر 1 03:29
-
صفحه جزئیات بخش 6 - مسیر 2 03:50
-
صفحه جزئیات بخش 7 - دادههای پیشبینی! 07:12
-
صفحه جزئیات بخش 8 - چرخش 01:29
-
API بخش 1 00:39
-
API بخش 2 - بررسی 00:45
-
API بخش 3 - Context؟ 02:56
-
API بخش 4 01:07
-
API بخش 5 00:50
-
API بخش 6 - خاتمه 03:44
-
API بخش 7 - ممنون! 03:15
مشخصات آموزش
تسلط به React Native و React Native Skia و Re-animated
- تاریخ به روز رسانی: 1404/09/07
- سطح دوره:همه سطوح
- تعداد درس:86
- مدت زمان :03:51:36
- حجم :2.42GB
- زبان:دوبله زبان فارسی
- دوره آموزشی:AI Academy