آموزش ساخت اپلیکیشن موبایل ChatGPT با React Native و هوش مصنوعی - آخرین آپدیت

دانلود Build an AI Powered React Native ChatGPT Mobile App

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

آموزش ساخت اپلیکیشن هوشمند iOS و Android با React Native و ChatGPT

با این دوره آموزشی، ChatGPT را یاد بگیرید و یک اپلیکیشن iOS و Android هوشمند مبتنی بر هوش مصنوعی با استفاده از React Native بسازید. شامل سرور اختصاصی و REST API!

در این دوره خواهید آموخت:

  • نحوه ساخت اپلیکیشن موبایل برای Android و iOS
  • نحوه ادغام با سرویس‌های OpenAI
  • نحوه ایجاد و استقرار سرور اختصاصی خود
  • نحوه توسعه REST API اختصاصی خود

پیش‌نیازها

  • کامپیوتر Mac یا Windows
  • تجربه برنامه نویسی پایه به شدت توصیه می‌شود. ما از بسیاری از اصول اولیه عبور می‌کنیم.
  • دانش پایه React Native توصیه می‌شود، اما ضروری نیست. فقط در صورتی که مبتدی مطلق هستید، آماده باشید تا برخی از تحقیقات خود را انجام دهید.

آیا می‌خواهید پتانسیل کامل هوش مصنوعی را در توسعه اپلیکیشن‌های موبایل با استفاده از React Native آزاد کنید؟ آیا مجذوب این ایده هستید که یک اپلیکیشن چت ایجاد کنید که نه تنها پیام ارسال می‌کند، بلکه با قابلیت‌های پیشرفته ChatGPT برای تولید متن و تصویر ادغام می‌شود؟

شما در جای درستی قرار گرفته‌اید! این دوره راهنمای جامع شما برای ساخت یک اپلیکیشن چت نوآورانه از صفر با بهره‌گیری از Chat GPT OpenAI است.

تصور کنید برنامه‌ای را توسعه می‌دهید که نه تنها همه کسانی را که آن را می‌بینند تحت تأثیر قرار می‌دهد، بلکه نمونه کارها شما را نیز بهبود می‌بخشد و شما را در بازار کار متمایز می‌کند!

چرا از من یاد بگیرید؟

در مایکروسافت، من راهکارهایی را مهندسی می‌کنم که به میلیون‌ها نفر در سراسر جهان می‌رسند و بینش‌های ارزشمندی را از بهترین‌های صنعت جذب می‌کنم. اکنون، من اینجا هستم تا آن بینش‌ها را از طریق Udemy به شما منتقل کنم، جایی که در حال حاضر به ده‌ها هزار دانشجو در دوره‌های محبوبم آموزش داده‌ام.

این دوره چه مواردی را پوشش می‌دهد؟

مرحله به مرحله با من همراه باشید، زیرا ما یک اپلیکیشن شبکه اجتماعی مبتنی بر Chat GPT ایجاد می‌کنیم که دارای ویژگی‌های زیر است:

  • چت بی‌درنگ با پاسخ‌های مبتنی بر هوش مصنوعی
  • تنظیمات قابل تنظیم شخصیت و خلق و خوی چت بات
  • پیکربندی‌های پیشرفته پیام برای تعاملات سفارشی
  • تولید یکپارچه تصویر و متن
  • استقرار سرور اختصاصی خود که REST API شما را میزبانی می‌کند

این دوره برای مبتدیان و توسعه دهندگان با تجربه طراحی شده است و صرف نظر از سطح تجربه شما، ارزش قابل توجهی را ارائه می‌دهد. با این حال، توصیه می‌شود حداقل کمی تجربه داشته باشید. این یک دوره مقدماتی React Native نیست، بنابراین ما تمام اصول اولیه را با جزئیات فراوان پوشش نمی‌دهیم. اگر مبتدی مطلق هستید، انجام آن امکان‌پذیر است، اما ممکن است در صورت مواجهه با برخی از مفاهیم ناشناخته، نیاز به تحقیق داشته باشید.

چرا در این دوره ثبت نام کنید؟

در چشم انداز فناوری امروز، تسلط بر React Native و ادغام هوش مصنوعی فقط چشمگیر نیست. ضروری است. این مهارت‌ها بلیط شما برای فرصت‌ها در غول‌های بزرگ فناوری و استارت‌آپ‌های نوآورانه به طور یکسان است.

با پیوستن به این دوره، پشتیبانی مستقیم از من دریافت می‌کنید. چه با چالش‌های فنی دست و پنجه نرم کنید، چه به دنبال مشاوره باشید و چه در مورد ویژگی‌های جدید کنجکاو باشید، من اینجا هستم تا به سرعت و به طور کامل به شما کمک کنم.

و بهترین بخش؟ این سفر فقط آموزشی نیست - بلکه فوق العاده سرگرم کننده است. شما این آزادی را خواهید داشت که خلاقیت خود را به پروژه وارد کنید و آن را منحصراً متعلق به خود کنید.

آماده‌اید تا ساخت آینده اپلیکیشن‌های چت را آغاز کنید؟ بیایید شروع کنیم!

*توجه: در حالی که این دوره برای مبتدیان مناسب است، فرض می‌کند آشنایی اولیه با مفاهیم توسعه دارید. توضیحات مفصلی از اصول برنامه نویسی پایه گنجانده نشده است، اما من بیش از این خوشحال خواهم شد که هر سوالی که ممکن است در طول مسیر داشته باشید را روشن کنم!


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

راه اندازی Setup

  • ویدیوی معرفی (از داشبورد دوره) Intro video (from course dashboard)

  • معرفی مختصر OpenAI و ChatGPT - مفاهیم مهم Brief intro to OpenAI and ChatGPT - Important Concepts

  • نصب Visual Studio Code Installing Visual Studio Code

  • Expo چیست؟ What is Expo?

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

  • نصب شبیه ساز iOS (فقط برای مک) Installing the iOS simulator (Mac only)

  • نصب شبیه ساز Android Installing the Android simulator

  • مرور سریع فایل های برنامه Quick overview of app files

  • اجرای برنامه ما روی شبیه سازها Running our app on the simulators

  • اجرای برنامه روی دستگاه فیزیکی Running the app on a physical device

نوار ناوبری تب پایین Bottom tab navigator

  • نصب React Native Navigation Installing React Native Navigation

  • ایجاد تب های پایین ما Creating our bottom tabs

  • اضافه کردن آیکون به تب های پایین Adding icons to the bottom tabs

  • رفع رنگ آیکون های تب پایین Fixing the color of the bottom tab icons

UI صفحه چت Chat screen UI

  • ایجاد یک فایل ثابت برای رنگ های ما Creating a constant file for our colors

  • اضافه کردن ورودی متن Adding the text input

  • اضافه کردن دکمه ارسال Adding the send button

  • استفاده از عنصر KeyboardAvoidingView Using the KeyboardAvoidingView element

  • اضافه کردن یک ظرف در اطراف عنصر keyboardAvoidingView ما Adding a container around our keyboardAvoidingView element

فراخوانی Chat GPT! Calling Chat GPT!

  • دریافت متن ورودی Getting the input text

  • رویداد onPress دکمه ارسال Submit button onPress

  • UseCallback UseCallback

  • نصب پکیج OpenAI Installing the OpenAI package

  • دریافت کلید API ما Getting our API key

  • ارسال درخواست Sending the query

  • اختیاری: تخمین هزینه درخواست ها Optional: Estimating the cost of the queries

  • پردازش متن پاسخ Processing the response text

  • ایجاد ابزار تاریخچه مکالمه Creating the conversation history util

  • اضافه کردن پیام کاربر به مکالمه Adding the user message to the conversation

  • اضافه کردن پاسخ دستیار به مکالمه Adding the assistant's response to the conversation

  • اضافه کردن پیام های سیستمی Adding system messages

نمایش پیام ها Outputting messages

  • تنظیم متغیر وضعیت مکالمه Setting the conversation state variable

  • اضافه کردن لیست Flatlist ما برای نمایش پیام ها Adding our flatlist for outputting the messages

  • کامپوننت حباب پیام چت Chat message bubble component

  • استایل دهی به حباب های چت ما Styling our chat bubbles

  • تراز کردن صحیح حباب ها Aligning the bubbles correctly

  • رنگ متن و سایر ریزه کاری ها Text color and other finishing touches

  • اضافه کردن فونت های سفارشی Adding custom fonts

  • اعمال فونت های جدید ما! Applying our new fonts!

اضافه کردن دکمه پاک کردن مکالمه Adding a clear conversation button

  • نصب react native header buttons Installing react native header buttons

  • ایجاد کامپوننت دکمه سربرگ سفارشی ما Creating our custom header button component

  • نمایش دکمه سربرگ ما Outputting our header button

  • پاک کردن مکالمه Clearing the conversation

اضافه کردن نشانگر بارگیری Adding a loading indicator

  • تنظیم پرچم بارگیری Setting the loading flag

  • اضافه کردن گیف بارگیری Adding a loading gif

  • استایل دهی به گیف بارگیری ما Styling our loading gif

روتوش های نهایی صفحه چت Chat screen finishing touches

  • اسکرول به پایین هنگام ارسال/دریافت پیام جدید Scrolling to the bottom when a new message is sent/received

  • ایجاد یک نما برای زمانی که هیچ پیامی وجود ندارد Creating a view for when there are no messages

تولید تصویر با استفاده از DALL-E Image generation using DALL-E

  • نحوه بازسازی کد موجود ما How to refactor our existing code

  • تولید تصاویر Generating images

  • ذخیره تصاویر در تاریخچه مکالمه Storing images to conversation history

  • نمایش تصاویر Outputting images

UI صفحه تنظیمات Settings screen UI

  • نصب stack navigator Installing the stack navigator

  • ایجاد نوار ناوبری تنظیمات ما Creating our settings navigator

  • عنوان صفحه تنظیمات Settings page title

  • ایجاد آیتم داده Creating the data item

  • استایل دهی متن آیتم داده Styling the data item text

  • اضافه کردن آیکون به آیتم داده ما Adding an icon to our data item

نمایش تنظیمات Outputting settings

  • ایجاد صفحه لیست داده Creating the data list screen

  • رفتن به صفحه لیست داده Navigating to the data list screen

  • انتقال داده به صفحه لیست داده ما Passing data into our data list screen

  • تنظیم عنوان صفحه لیست داده Setting the title of the data list screen

به روز رسانی تنظیمات Updating settings

  • نصب React Redux Installing React Redux

  • پیکربندی فروشگاه ما Configuring our store

  • ایجاد برش تنظیمات ما Creating our settings slice

  • دسترسی به تنظیمات ذخیره شده Accessing stored settings

  • دریافت مقدار تنظیمات انتخاب شده Getting the selected setting value

  • تنظیم گزینه کلیک شده Setting the clicked option

  • رسیدگی به هشدار در کنسول Addressing the warning in the console

  • بازگشت به عقب هنگام انتخاب یک تنظیمات Going back when a setting is selected

  • نمایش اینکه کدام مقدار در حال حاضر انتخاب شده است Showing which value is currently selected

  • تنظیم شخصیت در مکالمه Setting the personality in the conversation

ذخیره مقادیر تنظیمات بین ریفرش های برنامه Saving settings values between app refreshes

  • نصب پکیج AsyncStorage Installing the AsyncStorage package

  • ایجاد صفحه راه اندازی Creating a start up screen

  • اعمال تنظیمات در شروع برنامه Applying settings on app start up

اضافه کردن تنظیمات بیشتر! Adding some more settings!

  • حالت دستیار Assistant mood

  • اعمال تنظیمات حالت Applying the mood setting

  • اندازه پاسخ Response size

  • [ویدئوی اختیاری] پیشنهادات بازسازی کد [Optional video] Refactoring suggestions

  • اعمال اندازه پاسخ Applying the response size

تنظیمات پیشرفته Advanced settings

  • ایجاد صفحه تنظیمات پیشرفته Creating the advanced settings page

  • ساختار داده تنظیمات پیشرفته Advanced settings data structure

  • اضافه کردن تنظیمات پیشرفته اضافی Adding additional advanced settings

  • نمایش تنظیمات پیشرفته Outputting the advanced settings

  • دسترسی به مقدار تنظیمات پیشرفته Accessing the advanced setting value

  • ایجاد صفحه ورودی Creating the input screen

  • استایل دهی صفحه ورودی Styling the input screen

  • اضافه کردن ویژگی های باقی مانده صفحه ورودی Adding remaining input screen props

  • بررسی اینکه آیا ورودی یک عدد است Checking if input is a number

  • نمایش متن خطا هنگام نامعتبر بودن ورودی Showing the error text when input is invalid

  • رسیدگی به بررسی های اعداد باقی مانده Handling remaining number checks

  • غیرفعال کردن دکمه ذخیره در صورت وجود خطا Disabling the save button on error

  • ذخیره تنظیمات پیشرفته Saving advanced settings

  • مقداردهی اولیه تنظیمات پیشرفته در شروع Initialising the advanced settings on start up

  • پیش پردازش تنظیمات قبل از استفاده از آنها Pre processing the settings before using them

  • استفاده از تنظیمات در درخواست چت ما Using the settings in our chat request

[اختیاری] ایجاد یک سرور برای فراخوانی API شما [Optional] Creating a server for your API call

  • راه اندازی یک پروژه سرور Setting up a server project

  • ایجاد یک endpoint روی سرور ما Creating an endpoint on our server

  • ایجاد یک درخواست چت Making a chat request

  • انتقال کد درخواست GPT به سرور ما Moving GPT request code to our server

  • فراخوانی endpoint سرور خود از برنامه Calling our server endpoint from the app

  • انتقال کد تولید تصویر به سرور Moving image generation code to the server

  • فراخوانی endpoint تصویر از برنامه ما Calling the image endpoint from our app

  • انتشار/میزبانی سرور شما Publishing/hosting your server

نمایش نظرات

آموزش ساخت اپلیکیشن موبایل ChatGPT با React Native و هوش مصنوعی
جزییات دوره
9 hours
104
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
262
4.6 از 5
دارد
دارد
دارد
Reece Kenney
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Reece Kenney Reece Kenney

مهندس نرم افزار در مایکروسافت