آموزش تکنیک‌های پیشرفته React Native و استقرار اپلیکیشن - آخرین آپدیت

دانلود Advanced React Native Techniques & Deployment

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره: این دوره شامل مربی Coursera Coach است؛ روشی هوشمندانه‌تر برای یادگیری با گفتگوهای تعاملی و لحظه‌ای که به شما کمک می‌کند دانش خود را آزمایش کرده، فرضیات را به چالش بکشید و در طول مسیر دوره، درک خود را عمیق‌تر کنید. این دوره تکنیک‌های پیشرفته در React Native را پوشش می‌دهد و بر ساخت اپلیکیشن‌های پیچیده با ادغام کدهای Native، فایربیس (Firebase)، اپلیکیشن‌های چت مبتنی بر هوش مصنوعی و موارد دیگر تمرکز دارد. شما خواهید آموخت که چگونه اپلیکیشن‌ها را با استفاده از React Native CLI راه‌اندازی و مستقر کنید، Firebase را برای احراز هویت و پایگاه داده لحظه‌ای (Real-time Database) ادغام نمایید و رابط‌های کاربری غنی با انیمیشن‌های پیشرفته خلق کنید. با پوشش این مباحث کلیدی، شما قادر خواهید بود اپلیکیشن‌های موبایل قدرتمندی توسعه داده و آن‌ها را برای انتشار در پلتفرم‌های اندروید و iOS آماده کنید. دوره با ضروریات راه‌اندازی محیط React Native CLI در سیستم‌های macOS و ویندوز آغاز می‌شود تا اطمینان حاصل شود که ابزارهای مناسب برای توسعه را در اختیار دارید. سپس به بررسی ادغام Firebase برای اندروید و iOS، شامل احراز هویت کاربران، نوتیفیکیشن‌های Push و ورود اجتماعی با گوگل می‌پردازید. با تمرکز بر UI، دوره به خلق کامپوننت‌های پیشرفته مانند آیکون‌های سفارشی، صفحات Splash و نقشه‌ها می‌پردازد تا اپلیکیشن شما از نظر بصری جذاب و کاربردی باشد. علاوه بر این، شما به صورت عملی یک اپلیکیشن چت هوش مصنوعی مقیاس‌پذیر را با استفاده از ابزارهایی مانند Hugging Face و OpenAI خواهید ساخت. این بخش همه موارد، از ادغام API هوش مصنوعی تا طراحی رابط کاربری چت و پیاده‌سازی ویژگی‌های تعاملی را پوشش می‌دهد. همچنین یاد می‌گیرید که اپلیکیشن خود را با انیمیشن‌های React Native بهینه کنید و تجربه کاربری را از طریق انتقال‌های نرم، تغییر رنگ‌ها و حرکات پویا بهبود بخشید. دوره با استراتژی‌های استقرار (Deployment) به پایان می‌رسد و به شما می‌آموزد چگونه فایل‌های APK و AAB را برای اندروید تولید کرده و به‌روزرسانی‌های OTA (Over-the-Air) را برای هر دو پلتفرم iOS و اندروید تنظیم کنید. در پایان این دوره، شما بر تمام مراحل، از ساخت اپلیکیشن‌های پیشرفته React Native تا استقرار بهینه آن‌ها مسلط خواهید شد. در نهایت، شما قادر خواهید بود Firebase و ماژول‌های Native را در اپلیکیشن‌های خود ادغام کنید، قابلیت‌های چت مبتنی بر هوش مصنوعی بسازید، انیمیشن‌های پیچیده برای ارتقای UI به کار ببرید و اپلیکیشن‌های خود را در استورهای اندروید و iOS منتشر کنید.

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

آشنایی با React Native CLI Introduction to React Native CLI

  • معرفی React Native CLI React Native CLI

  • شباهت‌های Expo و CLI How Expo and CLI Share a Lot Together

  • راه‌اندازی محیط MacOS MacOS Environment Setup

  • راه‌اندازی محیط اندروید در مک Mac Android Environment Setup

  • اجرای اپلیکیشن روی iOS و اندروید Run App on iOS & Android

  • اجرای اپلیکیشن روی دستگاه واقعی اندروید Run App on Real Android Device

  • اجرای اپلیکیشن روی آیفون واقعی Run App on Real iPhone Device

  • آشنایی با Yarn Introduction to Yarn

کار با Firebase در React Native CLI Firebase with React Native CLI

  • تغییر Bundle ID Change Bundle ID

  • اتصال Firebase به اندروید Integrate Firebase with Android

  • اتصال Firebase به iOS Integrate Firebase with iOS

  • نوتیفیکیشن‌های Push در اندروید Push Notifications Android

  • نوتیفیکیشن‌های Foreground Foreground Notifications

  • ورود اجتماعی | ورود با گوگل در اندروید Social Login | Google Gmail Login with Android

  • ورود اجتماعی | ورود با گوگل در iOS Social Login | Google Gmail Login with iOS

کدهای Native و ماژول‌های Native Native Code & Native Modules

  • باز کردن گالری و دوربین برای انتخاب تصویر Open Gallery and Camera to Pick Images

  • تغییر نام اپلیکیشن Change App Name

  • تغییر آیکون اپلیکیشن در iOS Change App Icon iOS

  • تغییر آیکون اپلیکیشن در اندروید Change App Icon Android

  • صفحه Splash در اندروید Splash Screen Android

  • صفحه Splash در iOS Splash Screen iOS

  • ادغام Google Maps و iOS Maps در اپلیکیشن Integrate Google Maps & iOS Maps in React Native App

  • نمایش گوگل مپ در اپلیکیشن Display Google Map in App

  • افزودن Markerها به MapView Adding Markers to MapView

  • استفاده از React Native Vector Icons React Native Vector Icons

  • نحوه استفاده از SVG در React Native How to Use SVGs with React Native

اپلیکیشن چت هوش مصنوعی | ساختار پوشه‌بندی AI Chat App | Folder Structure

  • ساختار اولیه اپلیکیشن App Init Structures

  • اسکریپت‌های کاربردی Useful Scripts

  • اتصال به Reactotron Integrate with Reactotron

اپلیکیشن چت هوش مصنوعی | رابط کاربری و ادغام AI Chat App | App UI & Integration

  • هدر اپلیکیشن (App Header) App Header

  • کارت پیام‌های ارسالی Sent Message Card

  • کارت پیام‌های دریافتی Response Message Card

  • قرار دادن پیام‌ها در FlatList Put Messages in FlatList

  • افزودن TypeScript Adding TypeScript

  • ورودی چت (Chat Input) Chat Input

  • استفاده از KeyboardAvoidingView KeyboardAvoidingView

  • ویژگی‌های (Props) ورودی چت ChatInput Props

  • ارسال پیام‌ها Send Messages

  • دریافت پیام‌ها Receive Messages

  • افزودن افکت تایپینگ (Typing Effect) Adding Typing Effect

  • طراحی صفحه چت خالی Empty Chat Screen

  • اسکرول خودکار به پایین در FlatList Auto Scroll to Bottom in FlatList

  • مدیریت وضعیت کیبورد Keyboard State

  • ساخت توکن دسترسی Hugging Face Create Hugging Face Access Token

  • اتصال اپلیکیشن به Hugging (GPT 2) Connect App with Hugging (GPT-2)

  • نمایش پاسخ Hugging Face (GPT 2) Display Hugging Face (GPT-2) Response

  • ساخت کلید OpenAI Create OpenAI Key

  • اتصال به OpenAI برای پاسخ‌های هوشمندتر Connect with OpenAI and Get Smarter Answers

  • اصلاح Padding پایین ورودی Fix Input Padding Bottom

  • افزودن Try Catch برای مدیریت خطا Adding Try-Catch

  • افزودن لودینگ در هنگام پردازش Adding Thinking Loading

  • رفع مشکل افکت تایپینگ Fix Typing Effect Issue

  • زمان تمرین و پروژه Task Time

استقرار (Deployment) در React Native CLI React Native CLI Deployment

  • تولید فایل APK و AAB برای اندروید Generate APK & AAB for Android

  • به‌روزرسانی‌های OTA در اندروید OTA Updates Android

  • به‌روزرسانی‌های OTA در iOS OTA Updates iOS

انیمیشن‌ها در React Native Animations with React Native

  • مقدمه‌ای بر بخش انیمیشن‌ها Animation Section Introduction

  • حرکت دادن المان‌ها به صورت افقی Moving Elements Horizontally

  • تکرار حرکت افقی المان‌ها Moving Elements Horizontally Multiple Times

  • حرکت دادن المان‌ها به صورت عمودی Move Elements Vertically

  • تمرین اول Task Time - Task 1

  • توالی انیمیشن‌ها (Animation Sequence) Animation Sequence

  • انیمیشن محو شدن (Fade Animation) Fade Animation

  • تمرین دوم Task Time - Task 2

  • انیمیشن چرخش (Rotate Animation) Rotate Animation

  • تمرین سوم Task Time - Task 3

  • انیمیشن گسترش و کوچک شدن (Expand & Shrink) Expand & Shrink Animation

  • تمرین چهارم Task Time - Task 4

  • نحوه انیمیت کردن تغییرات رنگ How to Animate Color Changes

دوره فشرده جاوااسکریپت (اختیاری) JavaScript Crash Course (Optional)

  • لاگ‌گیری (Logging) Logging

  • کامنت‌گذاری Comments

  • انواع داده‌ها (Data Types) Data Types

  • قوانین تعریف متغیرها Variables Rules

  • تفاوت var let const var let const

  • دستورات (Statements) Statements

  • عملگرهای محاسباتی Arithmetic Operators

  • رشته‌ها (Strings) Strings

  • تِمپلیت‌های رشته‌ای String Templates

  • متدهای رشته‌ای String Methods

  • اشیاء (Objects) Objects

  • آرایه‌ها (Arrays) Arrays

  • مقادیر Boolean Boolean

  • مقایسه‌ها Comparison

  • عملگرهای منطقی Logical Operator

  • ساختار if else if-else

  • توابع (Functions) Functions

نمایش نظرات

آموزش تکنیک‌های پیشرفته React Native و استقرار اپلیکیشن
جزییات دوره
11h 53m
86
(آخرین آپدیت)
16
- از 5
دارد
دارد
دارد
Chris Croft
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Croft Chris Croft

مربی مدیریت، سخنران، نویسنده