آموزش ساخت ژنراتور تصاویر DALL-E با React، JS و OpenAI - آخرین آپدیت

راه‌اندازی پروژه DALL E OpenAI DALL-E OpenAI Project Setup

• در این دوره با DALL E و OpenAI چه چیزی می‌سازیم What We Are Building with DALL-E and OpenAI in This Course

• دانلود Node.js و Visual Studio Code برای راه‌اندازی پروژه Download Node.js and Visual Studio Code for DALL-E Project Setup

• Next.js چیست؟ نحوه ساخت پروژه جدید با npx What Is Next.js? How to Make a New Project with npx?

• مروری کوتاه بر ساختار فایل‌های Next.js برای پروژه اولیه A Brief Overview of the Next.js File Boilerplate for Our DALL-E Initial Project

• اجرای سرور توسعه Next.js برای پروژه DALL E Running a Development Server of Next.js for DALL-E Project

ساخت صفحه اپلیکیشن تصاویر DALL E DALL-E Image Application Page Build

• مبانی Next.js برای مبتدیان مطلق Next.Js Basics for Absolute Beginners

• کدنویسی اسکلت اپلیکیشن در TSX برای ژنراتور تصاویر Coding Out the Application Skeleton in TSX for DALL-E Image Generator with Text

• استایل‌دهی CSS و ادغام در اپلیکیشن DALL E OpenAI CSS Styling and Integration for Our DALL-E OpenAI App

• ادغام UX و UI در اپلیکیشن DALL E با CSS UX and UI Integrations into DALL-E App with CSS

نحوه دریافت کلید API OpenAI DALL E و پیکربندی How to Get a DALL-E API OpenAI Key and Configuration

• تولید کلید API از OpenAI و ذخیره امن متغیرهای Env Generating an API Key from OpenAI and Securely Storing Env Variables

• پیاده‌سازی قابلیت ایجاد تصویر DALL E در اپلیکیشن DALL-E Create Image Implementation into Our OpenAI Application

• پیکربندی کلید OpenAI با Next JS OpenAI Key Configuration Setup with Next JS

• تنظیمات OpenAI و به‌روزرسانی کد API DALL E OpenAI Configurations and Updating DALL-E API Code

• فراخوانی‌های Async Await برای API OpenAI DALL E در Next JS Async Await Calls to DALL-E OpenAI API in Next JS

رندرینگ و ایجاد تصاویر با DALL E در اپلیکیشن Rendering and Creating Images with DALL-E in Our App

• افزودن Image State با استفاده از Hookها در React Adding Image State for Beginners with Hooks in React for DALL-E App

• تنظیم داده‌های تصویری API DALL E در اپلیکیشن Setting API DALL-E Image Data in the Application

• به‌روزرسانی پویا در ایجاد تصاویر با DALL E و OpenAI Dynamically Updating Image Creation with DALL-E and OpenAI

• بهینه‌سازی اپلیکیشن React با Loading برای دریافت داده‌های API Optimizing a React App with Loading for API Fetches to OpenAI DALL-E

استایل‌دهی به اپلیکیشن DALL E و بهبود تجربه کاربری Styling the DALL-E-Based Application and User Experience Enhancements

• بهینه‌سازی تصاویر لود شده با DALL E در React و مبانی JS Optimizing Leading Images with DALL-E in React with JavaScript Fundamental Al

• ساخت انیمیشن‌های Ripple با CSS برای لود تصاویر در React Creating Ripple Animations with CSS for DALL-E Loading Images in React

• قابلیت ارسال ایمیل برای تصاویر تولید شده توسط DALL E Mailing Feature to Send DALL-E Generated Pictures

استقرار اپلیکیشن DALL E OpenAI با Vercel و GitHub Deploying the DALL-E OpenAI Application with Vercel and GitHub

• گیت‌هاب چیست و چرا اهمیت دارد What Is GitHub and Why Does It Matter

• تنظیمات GitHub، نسخه Git و دسترسی PAT برای Push Setting Up GitHub Git Version and PAT Access with Pushes

• ارسال کدها به مخزن GitHub پروژه DALL E OpenAI Pushing Code to GitHub Repo DALL-E OpenAI

• استقرار پروژه DALL E در محیط عملیاتی با Vercel Deploying the DALL-E Project into Production with Vercel

افزودن انیمیشن‌ها با Sassy CSS به اپلیکیشن DALL E OpenAI Adding Animations with Sassy CSS to Our DALL-E Application from OpenAI

• آشنایی با SCSS و راه‌اندازی کدهای انیمیشن Introduction to SCSS and Setting Up Animation Code

• کار با Keyframes برای ایجاد انیمیشن‌ها Working with Keyframes for Animations

• نهایی‌سازی انیمیشن‌ها با SCSS برای DALL E OpenAI Finalizing Animations with SCSS For DALL-E OpenAI