آموزش ReactJS، NextJS و OpenAI: توسعه پروژه در تقاضا

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

شروع شدن Getting Started

• معرفی دوره Course Introduction

• به انجمن آموزش آنلاین ما بپیوندید Join our Online Learning Community

• در این دوره آموزشی NextJS/ReactJS چه خواهیم ساخت؟ What we will Build in this NextJS/ReactJS Course?

• یادآوری مهم Important Reminder

• این دوره برای چه کسانی است؟ Who is this Course for?

• چگونه می توانید بیشترین ارزش را از این دوره کسب کنید؟ How can you derive most value out of this course?

بازخوانی جاوا اسکریپت (اختیاری) JavaScript Refresher (Optional)

• اپراتور گسترش Spread Operator

• Hands on Spread Operator Hands on Spread Operator

• تخریب عبارات در جاوا اسکریپت Destructuring Expressions in Javascript

• عملکرد پیکان ES6 ES6 Arrow Function

• تابع نقشه در جاوا اسکریپت Map function in JavaScript

راه اندازی محیط توسعه Setup Development Environment

• نصب NodeJS Installing NodeJS

• منابع NodeJS NodeJS Resources

• نصب کد ویژوال استودیو Installing Visual Studio Code

• منابع کد VS VS Code Resources

برنامه چت گروهی بیدرنگ Realtime Group Chat Application

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

• تنظیم ساختار پروژه Setting Up Project Structure

• نصب بوت استرپ در NextJS Installing Bootstrap in NextJS

• نصب Socket.io برای WebSocket Installing Socket.io for WebSocket

• راه اندازی سرور Setting Up Server

• راه اندازی مشتری Setting Up Client

• ایجاد کاربر برای عضویت در اتاق Creating a User To Join Room

• ساخت اجزای رابط کاربری چت Building Chat UI Components

• ایجاد اتاق گفتگو Creating a Chat Room

• مستندات رویدادهای Socket.io Socket.io Events Documentation

• ارسال پیام در اتاق Sending Messages In Room

• پاکسازی Socket.io و بهبود رابط کاربری Cleaning up Socket.io & UI Enhancement

• منابع Resources

• حالا بعدش چه کاری می توانید انجام دهید؟ Now what can you do next?

چت بات مبتنی بر هوش مصنوعی در ReactJS AI based Chatbot in ReactJS

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

• قیمت گذاری OpenAI API و اعتبار آزمایشی رایگان OpenAI API Pricing and Free Trial Credits

• دریافت کلید OpenAI API Getting OpenAI API Key

• یادآوری مهم Important Reminder

• پیاده سازی رابط کاربری چت بات Implementing Chatbot UI

• راه اندازی API برای درخواست Chatbot Setting Up API for Chatbot request

• منابع Resources

توییتر تولید کننده توییت بعدی Twitter Next Tweet Generator

• Axios: معرفی و نصب Axios: Introduction and Installation

• پیاده سازی رابط کاربری برای توئیت مولد UI Implementation for Tweet Generator

• استفاده از هوش مصنوعی برای تولید توییت بعدی Using AI to Generate Next Tweet

• منابع Resources

ایجاد تصویر بر اساس دستورالعمل ها با استفاده از هوش مصنوعی Generate Image Based on Instructions using AI

• پیاده سازی UI برای Command و Image UI Implementation for Command and Image

• پیاده سازی API برای Image Generator API Implementation for Image Generator

• منابع Resources

ساخت وب سایت نمونه کارها Building a Portfolio Website

• منبع نمونه کارها Portfolio Resource

• پیاده سازی وب سایت نمونه کارها در NextJS Implementing Portfolio Website in NextJS

• بهینه سازی عملکرد برنامه NextJS ما Optimizing Performance of Our NextJS Application

• منابع Resources

استقرار برنامه NextJS Deploying NextJS Applciation

• منابع Resources

• کد انتشار در GitHub برای CD/CI Publishing Code on GitHub for CD/CI

• استقرار وب سایت برای Live Deploying Website to Live

مدیریت فایل CSV در ReactJS/NextJS Handling CSV File In ReactJS/NextJS

• معرفی ماژول Module Introduction

• پیاده سازی UI برای انتخابگر فایل CSV UI Implementation for CSV File Selector

• تجزیه فایل‌های CSV در React/NextJS Parsing CSV Files in React/NextJS

• پیاده سازی جدول برای داده های تجزیه شده Table Implementation for Parsed Data

• داده های CSV را در جدول ادغام کنید Integrate CSV Data inside Table

• حذف ردیف داخل جدول Delete Row Inside Table

• ردیف داده CSV را در داخل جدول ویرایش کنید Edit CSV Data Row inside Table

• ویرایش داده‌های ردیف را در حالت لغو و ذخیره کنید Cancel and Save Editing Row Data in State

• منابع Resources