آموزش ساخت ربات‌های گفتگو هوشمند با هوش مصنوعی Gemini گوگل در برنامه‌های وب جاوا اسکریپت - آخرین آپدیت

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

شروع کار با SDKهای جاوااسکریپت هوش مصنوعی Getting Started with AI JavaScript SDKs

• مقدمه دوره Course Introduction

• راه اندازی محیط Setting Up The Environment

• شروع کار با پروژه شماره 1: تولید کننده حقایق علمی Getting Started with Project #1: Science Facts Generator

• کد SDK هوش مصنوعی گوگل Google AI SDK Code

• ادغام SDK هوش مصنوعی گوگل Integrating the Google AI SDK

• پیاده سازی مدیریت خطا Implementing Error Handling

• کار با پاسخ های ساختار یافته JSON Working With JSON Structured Responses

• ارائه دسته بندی های تولید شده توسط هوش مصنوعی Presenting the AI-Generated Categories

• انتخاب یک دسته بندی Selecting a Category

• تولید واقعیت علمی مبتنی بر دسته بندی Generating the Category-Based Science Fact

• تمرین: نحوه استفاده از تولید محتوا در سناریوهای دنیای واقعی Exercise: How to Use Content Generation on Real-World Scenarios

دستیاران چت بات و پاسخ های استریم شده Chatbot Assistants & Streamed Responses

• پروژه شماره 2: دستیار چت - بخش های HTML و CSS Project #2: The Chat Assistant - HTML & CSS Parts

• جمع آوری پیام های کاربر Collecting User Messages

• کد برای درس بعدی Code for the Next Lesson

• شروع چت با هوش مصنوعی گوگل Starting the Chat With Google AI

• مدیریت خطاهای API Handling API Errors

• تغذیه مدل با اطلاعات کسب و کار Feeding the Model with the Business Information

• اضافه کردن لودر به چت Adding a Loader to the Chat

• اضافه کردن پاسخ های استریم شده Adding Streamed Responses

• بهبودهای نهایی در چت Final Improvements to the chat

قابلیت های بینایی برای درخواست های تصویر و ویدئو Vision Capabilities for Image & Video Prompts

• پروژه شماره 3: پردازش تصویر و سند Project #3: Image and Document Processing

• ایجاد یک پروژه جدید React Creating a New React Project

• کد CSS برای پروژه CSS Code For the Project

• اجزای اساسی پروژه The Basic Components of the Project

• عملکرد آپلود فایل The File Upload Functionality

• انتقال فایل به کامپوننت خلاصه Passing the File to the Summary Component

• دریافت خلاصه از هوش مصنوعی گوگل Getting the Summary From Google AI

• اضافه کردن لودر به کامپوننت خلاصه Adding a Loader to the Summary Component

• نمایش پیش نمایش تصویر به کاربران Displaying the Image Preview to Users

• کار با اسناد PDF Working with PDF Documents

• CSS برای کامپوننت چت CSS For the Chat Component

• کامپوننت چت The Chat Component

• عملکرد چت The Chat Functionality

• چت با هوش مصنوعی گوگل Chatting with Google AI

• تمرین: نحوه استفاده از دستیار چت در سناریوهای دنیای واقعی Exercise: How to Use Chat Assistant on Real-World Scenarios

حفظ امنیت کلیدهای API شما Keeping Your API Keys Safe

• مسائل امنیتی با کلیدهای API در برنامه های وب Security Issues with API Keys in Web Apps

• ادغام امن Gen AI با Firebase Vertex AI Secure Gen AI Integration with Firebase Vertex AI

تولید کننده آزمون با Vue JS Quiz Generator with Vue JS

• کد CSS برای پروژه CSS Code for the Project

• ایجاد یک پروژه جدید Vue JS با Vite Creating a New Vue JS Project with Vite

• صفحه شروع برنامه The Start Screen of the Application

• دریافت موضوع آزمون از کاربر Getting the Quiz Topic From the User

• دریافت سوالات آزمون از Google Gemini Getting the Quiz Question from Google Gemini

• دریافت پاسخ های JSON ساختاریافته Getting Structured JSON Responses

• تغییر صفحه نمایش با UI اعلانی Changing Screens with Declarative UI

• ارائه سوال به کاربر Presenting The Question to the User

• نوشتن منطق برای کنترل سوال فعلی Writing The Logic to Control the Current Question

• ارائه گزینه ها به کاربر Presenting the Options to the User

• انتخاب و ارسال پاسخ Selecting and Submitting an Answer

• پایان دادن به آزمون Ending the Quiz

• ارائه نتایج Presenting the Results

• بهبودهای نهایی - مدیریت خطا و دکمه شروع مجدد Final Improvements - Error Handling and The Restart Button