آموزش React Native Expo from Beginner to Pro :: همچنین با MeteorJS

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

مقدمه Introduction

• ویدیوی تبلیغاتی Promo Video

• کد تکمیل شده Completed Code

• برنامه اول! First App!

برنامه Todo Todo App

• تاسیسات مهم Important Installations

• آماده شدن نمایشگاه Getting Expo Ready

• توضیح React Explaining React

• ساخت اولین م Reلفه React Building our first React component

• سبک های اول شی First styles object

• افزودن م Reلفه های React Native Adding React Native components

• با استفاده از حالت React Using the React state

• نمایش حالت Displaying the state

• در حال ارائه لیستی به صفحه Rendering a list to the screen

• استفاده از آرایه ها با حالت Using arrays with the state

• حذف موارد از یک آرایه در حالت Removing items from an array in state

• اضافه کردن سبک ها به برنامه ما Adding styles to our app

• رنگ های متریال و یک ظاهر طراحی شده بیشتر Material colors and more styling

• یک ظاهر طراحی و بسته بندی را به پایان برسانید Finish styling and wrapping up

PokeSearch PokeSearch

• استفاده از اکسپو برای شروع پروژه بعدی ما Using expo to start our next project

• قرار دادن یک تصویر در پوشه دارایی ها Putting an image in the assets folder

• اضافه کردن سبک های اول و سازگاری با سیستم عامل Adding first styles and handling platform compatibility

• نصب سبک پایه برای سبک های آسان Installing native-base for easy styles

• تنظیم صفحه فرود Setting up the landing page

• ساخت یک ملفه دوم Making a second component

• ساخت روتر ساده با حالت Making a simple router with state

• ایجاد عنوان جستجوی ما Creating our search header

• تقسیم اجزا Dividing up components

• افزودن GIF در حال بارگیری Adding a loading gif

• برقراری تماس API با axios Making an API call with axios

• گرفتن اطلاعات از API Capturing the data from the API

• نمایش برخی از داده ها روی صفحه Displaying some data on screen

• نمایش داده های بیشتر روی صفحه Displaying more data on screen

• نمایش داده های حتی بیشتر روی صفحه Displaying even more data on screen

• پایان PokeSearch Finishing up PokeSearch

PokeMap PokeMap

• برنامه جدید و نصب Meteor New app and installing Meteor

• راه اندازی پروژه ما Setting up our project

• سرور ما را روشن می کند Firing up our server

• درک Meteor و نصب بسته ها Understanding Meteor and installing packages

• ساخت یک ملفه جدید Making a new component

• زیبا جلوه دادن صفحه ورود به سیستم Making the sign in screen look nice

• دریافت ورودی برای ایمیل روی صفحه Getting input for email on screen

• افزودن در قسمت رمز عبور و دکمه Adding in a password field and button

• علامت گذاری را در برخی موارد دیگر قرار دهید Styling the sign in some more

• امنیت سرور ما و افزودن بسته ها Securing our server and adding packages

• رفع خطای bcrypt Fixing the bcrypt error

• اضافه کردن اولین عملکرد شهاب سنگی ما Adding in our first Meteor function

• مشاهده شی Meteor و اتصال به سرور Looking at the Meteor object and connecting to the server

• ما "اشکال" را "رفع" کردیم We "fixed" the "glitch"

• مهم :: تغییر localhost IMPORTANT :: Changing localhost

• ساختن کاربر Making a user

• مدیریت ورود به سیستم کاربر Handling the user sign in

• تنظیم واردات برای م componentلفه نقشه Setting up the imports for the map component

• کاوش در نقشه های AirBnB و افزودن نقشه های خودمان Exploring AirBnB maps and adding our own

• یک ظاهر طراحی نقشه ما Styling our map

• افزودن FAB ها و ایجاد حالت Adding FABs and creating a state

• دریافت مکان مرکز نقشه Getting the location of the map center

• افزودن پایگاه داده ای از تصاویر گوگل Adding a database of pokemon images

• شروع عملکرد سرور برای افزودن عکس Starting a server function to add pokemon

• در حال اتمام عملکرد سرور برای افزودن عکس Finishing a server function to add pokemon

• داده های شهاب سنگ برای برنامه Meteor data for the app

• مشترک شدن در داده های برنامه Subscribing to data on the app

• نمایش و افزودن عکس به نقشه Displaying and adding pokemon to the map

• اضافه کردن توانایی حذف گوگل Adding ability to remove pokemon

• رسیدگی و بسته بندی حساب سمت مقابل Front side account handling and wrapping up