آموزش ضروری بومی - آخرین آپدیت

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• کار با React Native Working with React Native

• آیا این دوره برای شماست؟ Is this course for you?

• آنچه باید بدانید What you should know

• با استفاده از پرونده های تمرینی Using the exercise files

• بررسی اجمالی دوره Course overview

1. راه اندازی 1. Getting Set Up

• آنچه خواهیم ساخت What we will be building

• معرفی به فن آوری ها Intro to technologies

• Node.js و npm را نصب کنید Install Node.js and npm

• یک پروژه بومی واکنش نشان دهید Set up a react-native project

• یک حساب Firebase تنظیم کنید Set up a Firebase account

• یک دیتابیس در Firebase تنظیم کنید Set up a database in Firebase

1. شروع کار 1. Getting Started

• الزامات و راه اندازی Requirements and setup

• چرا بومی واکنش نشان می دهد؟ Why React Native?

2. ایجاد یک برنامه 2. Building an App

• React Navigation و ایجاد ناوبری React Navigation and creating the navigator

• صفحه چلپ چلوپ را بسازید Build the splash screen

• babelrc را تنظیم کنید Set up babelrc

• فروشگاه پیکربندی را ایجاد کنید Create the config store

• ناوبر برنامه ، صفحه نمایش چلپ چلوپ و فروشگاه پیکربندی را به هم وصل کنید Connect the app navigator, splash screen, and config store

2. اصول بومی را واکنش نشان دهید 2. React Native Fundamentals

• یک ظاهر طراحی شده به مؤلفه های بومی Styling React Native components

• سلام واکنش بومی در iOS Hello React Native on iOS

• Hello React Native on Android Hello React Native on Android

• سلام با نمایشگاه با نمایشگاه واکنش نشان می دهد Hello React Native with Expo

• کاوش در مؤلفه ها و API ها Exploring components and APIs

3. ایجاد صفحه ورود 3. Create a Login Screen

• اضافه کردن موضوع سفارشی Add custom theme

• صفحه ورود را ایجاد کنید Create the login screen

• سبک های ورود را اضافه کنید Add login styles

• مؤلفه ورود را ایجاد کنید Create the login component

• فروشگاه تأیید اعتبار را ایجاد کنید Create the authentication store

3. ساختن یک برنامه بازی ساده 3. Building a Simple Game App

• محاسبه مقادیر پویا در صورت نیاز Computing dynamic values where needed

• کار با تایمرها Working with timers

• تغییر UI بر اساس شماره های انتخاب شده Changing UI based on selected numbers

• مقدمه و پیش نمایش Introduction and preview

• مؤلفه بازی با یک هدف تصادفی The game component with a random target

• تغییر UI بر اساس وضعیت بازی Changing UI based on game status

• بازگرداندن یک مؤلفه برای تنظیم مجدد آن Remounting a component to reset it

• پیکربندی ESLINT Configuring ESLint

• یک ظاهر طراحی شده شماره های بازی تصادفی Styling the random play numbers

• با استفاده از TouchableOpacity برای رویدادهای مطبوعاتی Using TouchableOpacity for press events

• اضافه کردن رفتار مشترک به اعداد Adding shared behavior to numbers

• ذخیره برای بهینه سازی مقادیر محاسبه Caching to optimize computable values

• اولیه سازی برنامه Targetsum Initializing the TargetSum app

• تولید شماره های بازی تصادفی Generating the random play numbers

• با استفاده از React Devtools با React Native Using React DevTools with React Native

4- یک ویژگی مسابقه را ایجاد کنید 4. Create a Match Feature

• صفحه بازی را ایجاد کنید Create match screen

• ایجاد مؤلفه کبریت Creating the match component

• مؤلفه بازی رندر Render match component

• مؤلفه مطابقت سبک Style match component

• ایجاد فروشگاه مطابقت Creating the match store

4. ساختن یک برنامه داده محور 4. Building a Data-Driven App

• مقدمه و پیش نمایش Introduction and preview

• اولیه سازی برنامه Bakesale Initializing the Bakesale app

• حرکت به دیدگاههای مختلف با دولت Navigating to different views with state

• با استفاده از API Fetch Using the Fetch API

• کار با تصاویر Working with images

• با استفاده از TextInput برای اجرای جستجو Using TextInput to implement search

• استفاده از لیست Flatlist با داده های API Using FlatList with API data

• اجرای یک لینک عقب Implementing a back link

• دریافت داده های API بیشتر برای یک نمایش Fetching more API data for a view

5. ایجاد یک ویژگی ارسال 5. Create a Post Feature

• اندروید استودیو را تنظیم کنید Set up Android Studio

• انتخاب کننده را نصب کنید Installing the image picker

• ایجاد صحنه پست Creating the post scene

• صحنه ارسال را ارائه دهید Render the post scene

• ایجاد فروشگاه پست Creating the post store

• لمس پایان Finishing touches

5. کنترل انیمیشن و ژست 5. Animation and Gesture Control

• تهیه Panhandlers Preparing the PanHandlers

• API Panresponder The PanResponder API

• رسیدگی به حرکات کشویی Handling swipe gestures

• URL های افتتاحیه Opening URLs

• به سمت چپ و راست می کشید Swiping left and right

• آماده شدن برای کشیدن Preparing for swiping

• ایجاد یک حلقه انیمیشن Creating an animation loop

• API های متحرک و تسکین The Animated and Easing APIs

• با توجه به ابعاد دستگاه Considering the device dimensions

نتیجه Conclusion

• مراحل بعدی Next steps

6. استقرار 6. Deploying

• تولید APK امضا شده برای Android Generating signed APK for Android

• ابتدا آزمون Test first

• تغییر آرم و صفحه چلپ چلوپ Changing app logo and splash screen

• تست در اندروید Testing on Android

• با استفاده از تست فلاش با آزمایش کنندگان داخلی Using TestFlight with internal testers