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

ReactJS, NextJS & OpenAI: In Demand Project Development

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: Chatbot، برنامه چت بلادرنگ، تولید تصویر و توییت هوش مصنوعی، سئوی بعدی JS - سایت نمونه کارها، Vercel (ساخت از ابتدا) ساخت برنامه چت گروهی بلادرنگ در NextJS 13 باز کردن هوش مصنوعی برای تصویر، توییت و نسل چت ربات NextJS SEO و LightHouse بهینه سازی عملکرد برنامه NextJS/ReactJS را برای راه اندازی Live Setup CD/CI Pipeline در GitHub تبدیل به وب سایت NextJS واکشی و Axios: برای ارسال درخواست های HTTP + BONUS: JavaScript Refresher +BONUS: مدیریت فایل های CSV در ReactJS نیاز به نیازهای اولیه دارید: دانش جاوا اسکریپت (سطح ورودی) کامپیوتر برای راه اندازی محیط توسعه و نوشتن کد اختصاصی برای مبارزه با میل شما به نه گفتن به یادگیری

در این دوره، پروژه‌های جدید NextJS، از جمله چت گروهی بلادرنگ، AI Tweet Generator، Chatbot، AI Image Generator، سایت Portfolio و کار با فایل‌های CSV را خواهید ساخت. شما یاد خواهید گرفت که چگونه OpenAI را در برنامه های خود ادغام کنید، که به شما امکان می دهد برنامه های دنیای واقعی را سریع تر و کارآمدتر بسازید.


چرا این دوره متفاوت است؟

- در حالی که دوره‌های زیادی در Udemy وجود دارد که به شما در مورد احراز هویت، مسیریابی، و اصول Next.JS و ReactJS آموزش می‌دهند، این دوره با معرفی OpenAI و نشان دادن نحوه ادغام آن در برنامه‌هایتان، رویکرد منحصربه‌فردی را ارائه می‌دهد.

- اگر شما فردی هستید که اخیراً با استفاده از ReactJS یا NextJS یادگیری توسعه front-end را شروع کرده اید، این دوره قطعاً برای شما مناسب است!

- اگر می‌خواهید چند پروژه را به عنوان مبتدی به مجموعه خود اضافه کنید، با من در این دوره هیجان‌انگیز همراه شوید، جایی که با محبوب‌ترین مفهوم ارتباطات بلادرنگ، OpenAI و در پایان دوره آشنا خواهید شد. البته شما یاد خواهید گرفت که چگونه یک سایت نمونه کارها ایجاد کنید و آن را در تولید بکار ببرید.


پس از پیوستن چگونه مزیت دریافت خواهید کرد؟

با عضویت در این دوره به آپدیت های رایگان و پروژه های جدید با ویژگی های هیجان انگیزی که به مرور زمان اضافه خواهند شد دسترسی خواهید داشت. در پایان دوره، چهار پروژه در کارنامه خود خواهید داشت، از جمله یک برنامه چت Real-Time و سه برنامه کاربردی مبتنی بر هوش مصنوعی. همچنین یاد خواهید گرفت که چگونه یک وب سایت نمونه کارها ایجاد کنید و برنامه های خود را با استفاده از Vercel به صورت رایگان اجرا کنید.


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

- این دوره کاملاً جدید برای دانشجویان دانشگاه/کالج یا توسعه دهندگان سطح مقدماتی که به دنبال ساختن نمونه کارها و کسب اعتماد به نفس هستند ایده آل است.

- اگر سعی کرده اید ReactJS و NextJS را یاد بگیرید اما هنوز اعتماد به نفس ساختن برنامه های کاربردی دنیای واقعی را به دست نیاورده اید، این دوره برای شما عالی است.


چه چیزی یاد خواهید گرفت؟

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


در پایان این دوره چه چیزی به دست خواهید آورد؟

- 5 پروژه با یک برنامه چت بلادرنگ و 3 برنامه مبتنی بر هوش مصنوعی در مجموعه شما.

- وب سایت نمونه کارها برای نمایش کار شما به استخدام کنندگان و شرکت ها در سراسر جهان.

- در نهایت، می خواهید یاد بگیرید که چگونه برنامه های خود را با استفاده از vercel به صورت رایگان اجرا کنید.


درباره من:

نام من توفیق است، من بنیانگذار DevelopersHive هستم و بیش از یک دهه تجربه در زمینه مهندسی نرم افزار و آموزش دارم. من مربی شما خواهم بود و به هر سؤالی که ممکن است در بخش Q A

داشته باشید پاسخ خواهم داد


ساختار دوره:

هر پروژه را می توان به هر ترتیبی تکمیل کرد و شما از ابتدا به تمام مطالب درسی دسترسی خواهید داشت. با پیشرفت در هر پروژه، دانش و تجربه لازم برای تکمیل پروژه نهایی که همان سایت نمونه کار است، به دست خواهید آورد.


گواهی:

پس از گذراندن موفقیت آمیز این دوره، گواهینامه ای دریافت خواهید کرد که نشان دهنده ثبات و تلاش شما در طول دوره است.


به من در این سفر هیجان انگیز بپیوندید تا 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

نمایش نظرات

آموزش ReactJS، NextJS و OpenAI: توسعه پروژه در تقاضا
جزییات دوره
6.5 hours
58
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
1,170
4.7 از 5
ندارد
دارد
دارد
Tofiq Quadri
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Tofiq Quadri Tofiq Quadri

مهندس و مدرس ارشد نرم افزار