آموزش جامع توسعه Full-Stack برای مبتدیان: React, Next.js, Node.js - آخرین آپدیت

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

مقدمه Introduction

• پیش‌نیازهای دوره Course Requirements

• نحوه مطالعه در Udemy How to Study on Udemy

• نحوه استفاده از نمونه کدهای گیت‌هاب How to Use Code Examples from Github

• نمونه کدهای منبع در گیت‌هاب GitHub Source Code Examples

ری‌اکت: شروع به کار REACT: Getting Started

• مقدمه Introduction

• ری‌اکت چیست؟ What is React

• راه‌اندازی محیط برنامه نویسی Environment Setup

• تسلط بر مبانی ری‌اکت با مایا (منتور AI شما) Master React Fundamentals with Maya (your AI Mentor)

• ایجاد اپلیکیشن ری‌اکت Creating React Application

• ساختار اپلیکیشن Application Structure

• پاکسازی اپلیکیشن Cleaning Up Application

• ابزارهای توسعه (DevTools) Developer Tools

• تست سریع دانش Do a Quick Knowledge Check

ری‌اکت: ایجاد کامپوننت REACT: Creating Component

• مقدمه: ایجاد کامپوننت‌های ری‌اکت Introduction: Creating React Components

• اولین کامپوننت ری‌اکت شما Your First React Component

• وارد کردن (Import) و صادر کردن (Export) کامپوننت‌ها Importing and Exporting Components

• تمرین Import و Export کامپوننت‌ها Practice Importing and Exporting Components

• نوشتن Markup با JSX Writing Markup with JSX

• استفاده از متغیرها در JSX Using Variables in JSX

• تمرین Markup و متغیرها در JSX Practice Markup and Variables in JSX

• تست سریع دانش Do a Quick Knowledge Check

ری‌اکت: افزودن تعاملات REACT: Adding Interactivity

• مقدمه: افزودن تعاملات Introduction: Adding Interactivity

• ارسال Props به یک کامپوننت Passing Props to a Component

• کار با Props کامپوننت Component Props Manipulations

• تمرین ارسال و مدیریت Props Practice Passing Props & Manipulations

• پاسخ به Eventها Responding to Events

• رندر کردن لیست‌ها Rendering List

• کامپوننت Fragment Fragment Component

• تمرین رندر لیست‌ها و Fragmentها Practice Rendering List & Fragments

• رندر شرطی (Conditional Rendering) Conditional Rendering

• تمرین Eventها و رندر شرطی Practice Events & Conditional Rendering

• تست سریع دانش Do a Quick Knowledge Check

ری‌اکت: استایل‌دهی در ری‌اکت REACT: Styling in React

• مقدمه: استایل‌دهی در ری‌اکت Introduction: Styling in React

• استفاده از استایل‌های Inline Using Inline Styles

• تمرین استایل‌های Inline Practice Inline Styles

• استفاده از فایل‌های CSS Using CSS Files

• تمرین فایل‌های CSS Practice CSS Files

• استفاده از CSS Modules Using CSS Modules

• استفاده از استایل‌های CSS سراسری (Global) Using Global CSS Styles

• گزینه‌های جایگزین برای استایل‌دهی Alternative Styling Options

• تست سریع دانش Do a Quick Knowledge Check

ری‌اکت: مدیریت وضعیت (State) REACT: Managing State

• مقدمه: مدیریت وضعیت (State) Introduction: Managing State

• چرخه حیات کامپوننت و State Component life-cycle and state

• مقایسه State کامپوننت با متغیرهای محلی Component state vs local variables

• استفاده از هوک useState Using useState hook

• تمرین هوک useState Practice useState hook

• به‌روزرسانی دسته‌ای (Batch updating) در useState Batch updating of useState

• تمرین به‌روزرسانی دسته‌ای useState Practice Batch updating of useState

• تست سریع دانش Do a Quick Knowledge Check

ری‌اکت: مدیریت وضعیت‌های پیچیده REACT: Managing Complex State

• مقدمه: مدیریت وضعیت‌های پیچیده Introduction: Managing Complex State

• به‌روزرسانی اشیاء (Objects) در State Updating Objects in State

• تمرین به‌روزرسانی اشیاء در State Practice Updating Objects in State

• افزودن/حذف آیتم‌ها در آرایه‌های State Adding/Deleting items in Array State

• تمرین افزودن/حذف آیتم‌ها در آرایه State Practice Adding/Deleting items in Array State

• به‌روزرسانی آیتم‌ها در آرایه State Updating items in Array State

• تمرین به‌روزرسانی آیتم‌ها در آرایه State Practice Updating items in Array State

• تست سریع دانش Do a Quick Knowledge Check

ری‌اکت: کار با کنترل‌های فرم REACT: Working with Form Controls

• راه‌اندازی اپلیکیشن جدید از طریق Vite Setting Up New Application via Vite

• ایجاد Layout اپلیکیشن برای لیست کارهای روزانه Create Application Layout for To-Do List

• ساخت فرم برای افزودن کارهای جدید Creating a Form to Add New To-Do’s

• ساختاربندی و استایل‌دهی به فیلدهای فرم Structuring and Styling Form Fields

• مدیریت ارسال فرم با onSubmit Handling Form Submission with onSubmit

• ذخیره داده‌های فرم در State Storing Form Data in the State

ری‌اکت: نمایش لیست کارهای روزانه REACT: Displaying To-Do List

• بستن و باز کردن فیلدهای اضافی فرم Expanding/Collapsing Additional Form Fields

• ایجاد و نمایش لیست کارهای روزانه Creating and Displaying To-Do List

• ساختاربندی و استایل‌دهی لیست کارهای روزانه Structuring and Styling To-Do List

• انتقال داده‌های استاتیک اولویت‌ها به متغیرها Move Static Data about Priorities into Variables

• به‌روزرسانی وضعیت کارها با Controlled Components Updating To-Do Status with Controlled Components

ری‌اکت: پیشرفته کردن قابلیت‌های لیست کارهای روزانه REACT: Advancing To-Do List Functionality

• آماده‌سازی کامپوننت‌ها برای قابلیت ویرایش Preparing Components for Editing functionality

• نمایش فرم ویرایش برای کارهای روزانه Displaying an Edit Form for To-Do’s

• اجازه دادن به کاربر برای ویرایش آیتم‌های لیست Allowing User to Edit Items in a List

• افزودن قابلیت حذف برای پاک کردن آیتم‌ها Adding Delete Functionality to Remove Items

• نمایش گزینه‌های فیلتر برای لیست کارهای روزانه Display Filtering Options for To-Do List

• انتقال داده‌های استاتیک فیلترها به متغیرها Move Static Data about Filters into Variables

• اجازه دادن به کاربر برای فیلتر کردن آیتم‌های لیست Allowing User to Filter Items in List

ری‌اکت: اعتبارسنجی داده‌های فرم REACT: Validating Form Data

• شروع کار با اعتبارسنجی فرم Getting Started with Form Validation

• استفاده از کتابخانه React Hook Form Using React Hook Form Library

• نمایش پیام‌های خطای اعتبارسنجی Displaying Validation Error Messages

• استایل‌دهی به پیام‌های خطای اعتبارسنجی Styling Validation Error Messages

• ایجاد قوانین اعتبارسنجی با Yup Creating Validation Rules with Yup

• ارائه اعتبارسنجی سفارشی برای ضرب‌الاجل با Yup Provide Custom Validation for Deadline with Yup

ری‌اکت: مدیریت داده‌ها از طریق API REACT: Manipulating Data via API

• درک REST APIها و متدهای آن‌ها Understanding REST APIs and Methods

• عملیات ناهمگام (Asynchronous) و Promiseها Asynchronous Operations and Promises

• دریافت کلید API برای ابزار MockAPI Getting API key for MockAPI tool

• راه‌اندازی یک API جعلی با ابزار MockAPI Setting Up a Fake API with MockAPI tool

• دریافت لیست کارها از طریق API با استفاده از fetch و useEffect Fetching Todo’s via API using fetch and useEffect

• ایجاد، به‌روزرسانی و حذف کارها از طریق فراخوانی API Creating, Updating and Deleting Todo via API Call

• فیلتر کردن کارها از طریق فراخوانی API Filtering Todo’s via API Call

ری‌اکت: تکنیک‌های پیشرفته استفاده از API REACT: Advanced Techniques for API usage

• سازماندهی فراخوانی‌های API در فایل‌های مجزا Organizing API Calls in Separate Files

• ساده‌سازی درخواست‌های HTTP با Axios Simplifying HTTP Requests with Axios

• مدیریت خطاهای API با Try...Catch و Async/Await Handle API Errors with Try...Catch and Async/Await

• استفاده از Custom Hook ری‌اکت برای سازماندهی APIها Use React Custom Hook to organise API Calls

• نمایش پیام‌های خطای API در بنر هشدار Display API Error Messages in the Alert Banner

• پیاده‌سازی Spinnerها هنگام فراخوانی API Implementing Spinners During API Calls

اشتباهات ری‌اکت: اشتباهات مبتدیان در سینتکس JSX REACT MISTAKES: Beginner Mistakes - JSX syntax

• مقدمه: آنچه در اینجا خواهید آموخت Introduction: What You’ll Learn Here

• مرور تمام کدهای نمونه در گیت‌هاب Browse All Example Code on GitHub

• بازگرداندن چندین المنت Returning Multiple Elements

• عدم تولید کلیدهای منحصر‌به‌فرد (Keys) Not Generating Unique Keys

• رندر اشتباه عدد صفر Rendering Zero by Mistake

• فراموش کردن فاصله (Whitespace) در JSX Missing Whitespace in JSX

• فراموش کردن آکولادها در استایل‌ها Missing Curly Brackets in Styles

• استفاده از class به جای className Using class instead of className

• نادیده گرفتن نحوه عملکرد Virtual DOM Ignoring how Virtual DOM Works

اشتباهات ری‌اکت: اشتباهات مبتدیان در هوک useState REACT MISTAKES: Beginner Mistakes - useState hook

• مرور تمام کدهای نمونه در گیت‌هاب Browse All Example Code on GitHub

• ترکیب اشتباه State و Props Mixing Up State and Props

• تغییر مستقیم State (Mutation) Mutating State Directly

• خواندن State بلافاصله بعد از به‌روزرسانی Reading State Right After Update

• فراموش کردن به‌روزرسانی‌های تابعی (Functional Updates) Forgetting Functional Updates

• استفاده از هوک‌ها داخل حلقه‌ها یا شرط‌ها Using Hooks Inside Loops or Conditions

• تغییر از Uncontrolled به Controlled Switching From Uncontrolled to Controlled

اشتباهات ری‌اکت: اشتباهات مبتدیان در هوک useEffect REACT MISTAKES: Beginner Mistakes - useEffect hook

• مرور تمام کدهای نمونه در گیت‌هاب Browse All Example Code on GitHub

• فراموش کردن آرایه وابستگی‌ها در useEffect Forgetting Dependency Arrays in useEffect

• کمبود وابستگی‌ها در useEffect Missing Dependencies from useEffect

• ایجاد حلقه‌های بی‌نهایت با useEffect Creating Infinite Loops with useEffect

• افزودن همه چیز به آرایه وابستگی‌ها Adding Everything to the Dependency Array

• عدم پاکسازی صحیح Effectها Not Cleaning Up Effects Properly

• استفاده از توابع Async داخل useEffect Using Async Functions Inside useEffect

چت‌بات AI: شروع به کار AI CHATBOT: Getting Started

• مرور کلی پروژه Project Overview

• مقدمه‌ای بر هوش مصنوعی مولد (Generative AI) Introduction to Generative AI

• مدل قیمت‌گذاری APIهای AI AI APIs Pricing Model

• راه‌اندازی محیط برنامه نویسی Setting Up Environment

• ایجاد اپلیکیشن ری‌اکت Creating React Application

• پاکسازی اپلیکیشن Cleaning Up Application

چت‌بات AI: ساخت رابط کاربری چت‌بات AI CHATBOT: Building Chatbot UI

• ساخت Layout اپلیکیشن Building the App Layout

• نمایش پیام‌های چت Displaying Chat Messages

• افزودن ورودی متن و دکمه ارسال Adding Text Input and Send Button

• مدیریت پیام‌ها در چت Handling Messages in the Chat

چت‌بات AI: پیاده‌سازی چت با هوش مصنوعی AI CHATBOT: Implementing Chat with AI

• مرور کلی APIهای محبوب AI Overview of Popular AI APIs

• دریافت کلید API برای Google AI Getting API Key for Google AI

• اتصال Google AI (Gemini) برای چت Connect Google AI (Gemini) for Chatting

• جداسازی منطق Google AI برای قابلیت استفاده مجدد Isolating Google AI logic for Reusability

• دریافت کلید API برای OpenAI Getting API Key for Open AI

• اتصال OpenAI (ChatGPT) برای چت Connect Open AI (ChatGPT) for Chatting

چت‌بات AI: بهبود تجربه کاربری در چت AI CHATBOT: Improving User experience with Chat

• نمایش حالت در حال بارگذاری (Loading) Displaying Loading State

• افزودن پشتیبانی از Markdown به پیام‌ها Adding Markdown Support to Messages

• ساخت فیلد متنی با اندازه قابل تغییر خودکار Making Text Field Auto-Resizable

• غیرفعال کردن کنترل‌های چت هنگام بارگذاری Disable Chat Controls during Loading

• اعمال Auto Focus روی فیلد متن Applying Auto-Focus to Text Field

• افزودن اسکرول خودکار به پایین Adding Auto-Scrolling to Bottom

• بهبود رفتار اسکرول خودکار Improving Auto-Scrolling Behaviour

• افزودن پشتیبانی از حالت تاریک (Dark Mode) Adding Dark Mode Support

چت‌بات AI: استریم کردن پیام‌ها با AI AI CHATBOT: Streaming Messages with AI

• اتصال Google AI (Gemini) برای استریم Connect Google AI (Gemini) for Streaming

• فعال‌سازی استریم چت در لحظه Enabling Real-Time Chat Streaming

• اتصال OpenAI (ChatGPT) برای استریم Connect Open AI (ChatGPT) for Streaming

چت‌بات AI: ادغام API مدل DeepSeek AI CHATBOT: DeepSeek API Integration

• مرور کلی مدل‌های DeepSeek R1 و V3 Overview of DeepSeek R1 and V3 Models

• دریافت کلید API برای DeepSeek Getting API Key for DeepSeek

• اتصال DeepSeek برای چت Connect DeepSeek for Chatting

چت‌بات AI: مدیریت مشکلات هنگام استفاده از API AI CHATBOT: Dealing with Issues when using API

• محدودیت‌های استفاده و نرخ APIهای AI Usage and Rate Limits of AI API’s

• کد کار نمی‌کند؟ یاد بگیرید چگونه دیباگ کنید Code Not Working? Learn How to Debug

• مدیریت خطاهای API از سرویس‌های AI Dealing with API Errors from AI Services

• استفاده از کتابخانه جدید Google AI (Gemini) Using New Google AI (Gemini) Library

• مدیریت و نمایش پیام‌های خطای کاربرپسند Handle and Display Friendly Error Messages

چت‌بات AI: ادغام API مدل Anthropic (Claude) AI CHATBOT: Anthropic (Claude) API Integration

• مرور کلی مدل‌های Anthropic (Claude) Overview of Anthropic (Claude) Models

• دریافت کلید API برای Anthropic (Claude) Getting API Key for Anthropic (Claude)

• اتصال Anthropic (Claude) برای چت Connect Anthropic (Claude) for Chatting

چت‌بات AI: ادغام API مدل xAI (Grok) AI CHATBOT: xAI (Grok) API Integration

• مرور کلی مدل‌های xAI (Grok) Overview of xAI (Grok) Models

• دریافت کلید API برای xAI (Grok) Getting API Key for xAI (Grok)

• اتصال xAI (Grok) برای چت Connect xAI (Grok) for Chatting

چت‌بات AI: انتخاب دستیار هوشمند و ارتقای چت‌بات AI CHATBOT: AI Assistant Selection and Chatbot Enhancements

• تغییر بین دستیارهای AI در رابط کاربری چت‌بات Switching Between AI Assistants in a Chatbot Interface

• گسترش چت‌بات برای پشتیبانی از مدل‌های AI بیشتر Extend Chatbot to Support More AI Models

• افزودن انتخاب‌گر تم روشن/تاریک به رابط کاربری Add Light/Dark Theme Picker to Chatbot UI

چت‌بات AI: ساخت سایدبار برای مدیریت چت‌ها AI CHATBOT: Building the Sidebar with Chats

• مرور کلی سایدبار جدید برای مدیریت چندین چت Overview of the New Sidebar for Managing Multiple Chats

• ایجاد Layout سایدبار برای نمایش تمام چت‌ها Create a Sidebar Layout to Display All Chats

• تبدیل سایدبار به منوی همبرگری در موبایل Make Sidebar as a Hamburger Menu on Mobile

• استخراج منطق پیام‌ها از کامپوننت App Extract Messages Logic from App Component

• فعال‌سازی تغییر چت از طریق سایدبار Enable Chat Switching from a Sidebar

• نمایش تاریخچه کامل پیام‌ها برای چت فعال Show Full Message History for Active Chat

• به‌روزرسانی چت‌های موجود با پیام‌های جدید Update Existing Chats with New Messages

چت‌بات AI: ساخت سایدبار برای مدیریت چت‌ها AI CHATBOT: Building the Sidebar with Chats

• افزودن دکمه «چت جدید» برای شروع مکالمات جدید Add a “New Chat” Button to Start New Conversations

• جلوگیری از ایجاد چندین چت خالی Prevent the Creation of Multiple Empty Chats

• تولید خودکار عنوان چت بر اساس ورودی کاربر Auto-Generate Chat Titles from User Input

• پشتیبانی از تاریخچه مجزا برای هر چت (مخصوص Google AI) Support Separate History for Each Chat (Google AI Specific)

• ادامه پاسخ‌دهی هنگام جابجایی بین چت‌ها Keep Responding while Switching Between Chats

• حذف داده‌های چت جعلی و اصلاح صفحه خوش‌آمدگویی Remove Fake Chats Data and Fix Welcome Screen

• مدیریت بلوک‌های کد و بهبود فرمت‌بندی Handle Code Blocks and Improve Formatting

ساخت قابلیت «چت جدید» Building the “New Chat” Functionality

• افزودن دکمه «چت جدید» برای شروع مکالمات جدید Add a “New Chat” Button to Start New Conversations

• جلوگیری از ایجاد چندین چت خالی Prevent the Creation of Multiple Empty Chats

• تولید خودکار عنوان چت بر اساس ورودی کاربر Auto-Generate Chat Titles from User Input

• پشتیبانی از تاریخچه مجزا برای هر چت (مخصوص Google AI) Support Separate History for Each Chat (Google AI Specific)

• ادامه پاسخ‌دهی هنگام جابجایی بین چت‌ها Keep Responding while Switching Between Chats

• حذف داده‌های چت جعلی و اصلاح صفحه خوش‌آمدگویی Remove Fake Chats Data and Fix Welcome Screen

• مدیریت بلوک‌های کد و بهبود فرمت‌بندی Handle Code Blocks and Improve Formatting

نکست جی‌اس: شروع به کار NEXT JS: Getting Started

• نکست جی‌اس چیست؟ What is Next.js

• راه‌اندازی محیط برنامه نویسی Environment Setup

• ایجاد اپلیکیشن Next.js Creating Next.js Application

• ساختار پروژه Project Structure

• درک سلسله‌مراتب کامپوننت‌های Next.js Understand of Next.js Component Hierarchy

• روش‌های مختلف استایل‌دهی به اپلیکیشن Next.js Several Ways to Style Next.js App

• پاکسازی اپلیکیشن Cleaning Up Application

نکست جی‌اس: صفحات و Layoutها NEXT JS: Pages and Layouts

• درک صفحات (Pages) و Layout Understand of Pages and Layout

• ایجاد صفحات و Root Layout Creating Pages and Root Layout

• لینک دادن بین صفحات و نمایش لینک‌های فعال Linking Between Pages and Showing Active Links

• ایجاد صفحات تو در تو و Layoutهای تو در تو Creating Nested Pages and Nested Layouts

نکست جی‌اس: بخش‌های پویا و پارامترهای جستجو NEXT JS: Dynamic Segments and Search Params

• نمایش لیستی از لینک‌های مخاطبین در سایدبار Displaying a List of Contact Links in the Sidebar

• بهبود قابلیت استفاده مجدد از منو و لینک‌های منو Making Menu and Menu Link More Reusable

• ایجاد یک بخش پویا (Dynamic Segment) Creating a Dynamic Segment

• رندر کردن صفحه با پارامترهای جستجو (Search Params) Rendering Page with Search Params

نکست جی‌اس: دریافت داده‌ها NEXT JS: Fetching Data

• درک کامپوننت‌های Server و Client Understanding of Server and Client Components

• راه‌اندازی یک سرور API جعلی Setting Up a Fake API Server

• دریافت داده‌ها در Server Components Fetching Data in Server Components

• افزودن حالت Loading در Server Components Adding a Loading State in Server Components

• دریافت داده‌ها در Client Components با Suspense Fetching Data in Client Components with Suspense

نود جی‌اس: شروع به کار NODE JS: Getting Started

• نود جی‌اس چیست؟ What is Node.js

• راه‌اندازی محیط برنامه نویسی Environment Setup

• شروع پروژه با NPM Initializing Project with NPM

• مقایسه Node.js با مرورگر Node.js vs Browser

نود جی‌اس: یادگیری Event Loop و ماژول‌ها NODE JS: Learning Event Loop & Modules

• درک Event Loop Understanding the Event Loop

• عملیات ناهمگام و Promiseها Asynchronous Operations and Promises

• بررسی ماژول‌های ES و CommonJS Exploring ES & CommonJS Modules

• نمونه کدهای ماژول‌های ES و CommonJS Code Examples for ES & CommonJS Modules

نود جی‌اس: کار با HTTP Server NODE JS: Working with HTTP Server

• درک REST APIها و متدهای آن‌ها Understanding REST APIs and Methods

• بررسی ماژول هسته HTTP Exploring the HTTP Core Module

• نمونه کدهای ماژول هسته HTTP Code Examples for HTTP Core Module

• کار با URLها و Query Stringها Working with URLs and Query Strings

• نمونه کدهای URLها و Query Stringها Code Examples for URLs and Query Strings

• پیکربندی متغیرهای محیطی (Environment Variables) Сonfiguring Environment Variables

نود جی‌اس: ساخت مسیرهای REST API NODE JS: Building REST API Routes

• دریافت تمام آیتم‌ها با GET Getting All Items with GET

• دریافت آیتم بر اساس ID با GET Getting Item by ID with GET

• ایجاد آیتم جدید با POST Creating a New Item with POST

• به‌روزرسانی آیتم با PUT Updating an Item with PUT

• حذف آیتم با DELETE Deleting an Item with DELETE

• فیلتر کردن آیتم‌ها بر اساس کوئری با GET Filtering Items by Query with GET

پرامپت‌ها: تسلط بر مهندسی پرامپت PROMPTS: Master Prompt Engineering

• مهندسی پرامپت چیست؟ What Is Prompt Engineering?

• اشتباهات و چالش‌های رایج Common Mistakes and Challenges

• بهترین روش‌ها برای نوشتن پرامپت‌ها Best Practices for Writing Prompts

• تکنیک‌های پیشرفته پرامپت‌نویسی Advanced Prompting Techniques

• پرامپت‌های نقش‌محور برای خروجی‌های هوشمندانه‌تر Role-Based Prompts for Smarter Outputs

چت جی‌پی‌تی: شروع سریع با ChatGPT CHAT GPT: Quick Start with ChatGPT

• چت جی‌پی‌تی چیست و چگونه کار می‌کند؟ What ChatGPT Is and How It Works

• ایجاد حساب کاربری ChatGPT Create Your ChatGPT Account

• جلوگیری از آموزش ChatGPT روی داده‌های شما Stop ChatGPT from Training on Your Data

• موردهای کاربردی محبوب ChatGPT برای توسعه‌دهندگان Popular Use Cases of ChatGPT for Developers

چت جی‌پی‌تی: بررسی ابزارها و ویژگی‌های ChatGPT CHAT GPT: Explore ChatGPT Tools and Features

• شخصی‌سازی ChatGPT با دستورالعمل‌های سفارشی Personalize ChatGPT with Custom Instructions

• مثال پرامپت با دستورالعمل‌های سفارشی Prompt Example with Custom Instructions

• سازماندهی و مدیریت چت‌ها مانند یک حرفه‌ای Organize and Manage Your Chats Like a Pro

• درک و استفاده از حافظه ChatGPT Understand and Use ChatGPT Memory

• آپلود فایل‌ها و کار با کانتکست Upload Files and Work with Context

• یافتن پاسخ‌های بهتر با Web و Deep Research Find Better Answers with Web & Deep Research

• استفاده از Voice Mode و تبدیل مکالمات به متن Use Voice Mode and Transcribe Conversations

• افزایش ۱۰ برابری بهره‌وری با Projects Boost Your Productivity x10 with Projects

• ۴ مثال پرامپت برای سازماندهی پروژه‌ها 4 Prompt Example to Organise Projects

چت جی‌پی‌تی: توضیح مدل‌ها، پلن‌ها و حریم خصوصی CHAT GPT: Models, Plans & Privacy Explained

• توضیح مدل‌های ChatGPT Explaining ChatGPT Models

• انتخاب مدل مناسب ChatGPT Choosing the Right ChatGPT Model

• پلن‌های پرداخت و محدودیت‌های ChatGPT ChatGPT Payment Plans & Limitations

• درک حریم خصوصی داده‌ها در ChatGPT Understand ChatGPT Data Privacy

گیتهاب کوپایلت: شروع به کار با GitHub Copilot GITHUB COPILOT: Getting Started with GitHub Copilot

• راه‌اندازی Github Copilot و VS Code Setting Up Github Copilot and VS Code

• شروع سریع با GitHub Copilot در VS Code Quick Start with GitHub Copilot in VS Code

• یادگیری بیشتر درباره تکمیل کد (Code Completions) Learn more about Code Completions

• استفاده از Inline Chat برای ویرایشگر و ترمینال Use Inline Chat for Editor and Terminal

• اکشن‌های هوشمند Github Copilot Github Copilot Smart Actions

• استفاده از رابط کاربری چت Github Copilot Use of Github Copilot Chat Interface

گیتهاب کوپایلت: آشنایی با GitHub Copilot GITHUB COPILOT: Getting to Know Github Copilot

• مقدمه: چرا باید از Github Copilot استفاده کنید؟ Introduction: Why You Should Use Github Copilot

• مرور کلی GitHub Copilot Overview of GitHub Copilot

• موردهای کاربردی محبوب GitHub Copilot برای توسعه‌دهندگان Popular Use Cases of GitHub Copilot for Developers

• پلن‌های پرداخت و محدودیت‌های GitHub Copilot Github Copilot Payment Plans & Limitations

• درک حریم خصوصی داده‌ها در Github Copilot Understand Github Copilot Data Privacy

گیتهاب کوپایلت: درک حالت‌های چت و کانتکست کوپایلت GITHUB COPILOT: Understand Copilot Chat Modes and Context

• استفاده از Copilot Chat – حالت Ask Using Copilot Chat – Ask Mode

• ویرایش کد با Copilot – حالت Edit Editing Code with Copilot – Edit Mode

• اتوماسیون تسک‌ها با Copilot – حالت Agent Automate Tasks with Copilot – Agent Mode

• استفاده از کانتکست چت برای پاسخ‌های بهتر Using Chat Context for Better Responses

گیتهاب کوپایلت: اولین پروژه کوپایلت: اپلیکیشن ماشین حساب GITHUB COPILOT: Your First Copilot Project: Calculator App

• مقدمه‌ای بر اولین پروژه Copilot شما Introduction to Your First Copilot Project

• مرور اپلیکیشن – ببینیم چه خواهیم ساخت App Overview — See What We’ll Build

• روش‌های محبوب ساخت اپلیکیشن با Copilot Popular Approaches to Build App with Copilot

• پرامپت‌ها و منابع برای اپلیکیشن ماشین حساب Prompts and Materials for Calculator App

• ایجاد برنامه توسعه برای Copilot Create Development Plan for Copilot

• ساخت اپلیکیشن ماشین حساب بر اساس برنامه Build the Calculator App from the Plan

• استایل‌دهی مدرن به ماشین حساب Style the Calculator for a Modern Look

• افزودن محدودیت‌های ورودی و فرمت‌بندی هزارگان Add Input Limits and Thousands Formatting

• جایگزینی منطق سفارشی با یک کتابخانه فرمت‌بندی Replace Custom Logic with a Formatting Library

• نوشتن و اجرای Unit Testها با Copilot Write and Run Unit Tests with Copilot

• تولید مستندات پروژه با AI Generate Project Documentation with AI

گیتهاب کوپایلت: سازماندهی محیط کار با Indexing و دستورالعمل‌ها GITHUB COPILOT: Organize Workspace with Indexing & Instructions

• نحوه عملکرد Workspace Indexing در Copilot How Workspace Indexing Works in Copilot

• مدیریت فایل‌های نادیده گرفته شده با .gitignore Manage Ignored Files in Copilot with .gitignore

• توضیح دستورالعمل‌های سفارشی در Copilot Custom Instructions in Copilot Explained

• ایجاد دستورالعمل‌های سفارشی خودتان Create Your Own Custom Instructions

• مرور دستورالعمل‌های سفارشی محبوب جامعه Overview Community Popular Custom Instructions

• قالب‌های دستورالعمل سفارشی برای توسعه‌دهندگان Custom Instructions Templates for Developers

• درک فایل‌های پرامپت برای تسک‌های تکراری Understand Prompt Files for Repeated Tasks

• ایجاد فایل‌های پرامپت شخصی Create Your Own Prompt Files

• مرور فایل‌های پرامپت محبوب جامعه Overview Community Popular Prompts Files

• قالب‌های فایل پرامپت برای توسعه‌دهندگان Prompt Files Templates for Developers

گیتهاب کوپایلت: بررسی مهارت‌های Agent GITHUB COPILOT: Dive into Agent Skills

• درک مهارت‌های Agent در GitHub Copilot Understand Agent Skills in GitHub Copilot

• مرور مهارت‌های محبوب Agent از جامعه Overview Popular Agent Skills from the Community

• ساخت و پیکربندی اولین مهارت Agent شما Build and Configure Your First Agent Skill

• قالب‌های آماده مهارت Agent برای توسعه‌دهندگان Ready-to-Use Agent Skill Templates for Developers

کِرسور: شروع به کار با Cursor AI CURSOR: Getting Started with Cursor AI

• راه‌اندازی ویرایشگر کد Cursor AI Setting Up Cursor AI Code Editor

• شروع سریع با Cursor AI Quick start with Cursor AI

• یادگیری بیشتر درباره تکمیل Tab Learn more about Tab Completions

• استفاده از Inline Chat برای ویرایشگر و ترمینال Use Inline Chat for Editor and Terminal

• استفاده از رابط کاربری چت Cursor AI Use of Cursor AI Chat Interface

کِرسور: آشنایی با Cursor AI CURSOR: Getting to Know Cursor AI

• مقدمه: چرا باید از Cursor استفاده کنید؟ Introduction: Why You Should Use Cursor

• مرور کلی Cursor AI Overview of Cursor AI

• موردهای کاربردی محبوب Cursor AI برای توسعه‌دهندگان Popular Use Cases of Cursor AI for Developers

• پلن‌های پرداخت و محدودیت‌های Cursor AI Cursor AI Payment Plans & Limitations

• درک حریم خصوصی داده‌ها در Cursor AI Understand Cursor AI Data Privacy

کِرسور: درک حالت‌های چت و کانتکست Cursor CURSOR: Understand Cursor Chat Modes and Context

• استفاده از Cursor Chat – حالت Ask Using Cursor Chat – Ask Mode

• ویرایش کد با Cursor – حالت Manual Editing Code with Cursor – Manual Mode

• اتوماسیون تسک‌ها با Cursor – حالت Agent Automate Tasks with Cursor – Agent Mode

• استفاده از کانتکست چت برای پاسخ‌های بهتر Using Chat Context for Better Responses

• بررسی قدرت Plan Mode Explore the Power of Plan Mode

کِرسور: اولین پروژه Cursor: اپلیکیشن تبدیل ارز CURSOR: Your First Cursor Project: Currency Converter App

• مقدمه‌ای بر اولین پروژه Copilot Introduction to Your First Copilot Project

• مرور اپلیکیشن – ببینیم چه خواهیم ساخت App Overview — See What We’ll Build

• روش‌های محبوب ساخت اپلیکیشن با Cursor Popular Approaches to Build App with Cursor

• پرامپت‌ها و منابع برای اپلیکیشن تبدیل ارز Prompts and Materials for Currency Converter App

• ایجاد برنامه توسعه با Cursor Create Development Plan with Cursor

• ساخت اپلیکیشن تبدیل ارز بر اساس برنامه Build the Currency Converter App from the Plan

• دریافت نرخ‌های لحظه‌ای ارز از API Fetch Live Exchange Rates from API

• افزودن ارزهای بیشتر و تعیین محدودیت‌های تبدیل Add More Currencies and Set Conversion Limits

• بهبود ساختار اپلیکیشن و اصلاح نمایش نتایج Improve App Structure and Fix Result Display

• نوشتن و اجرای Unit Testها با Cursor Write and Run Unit Tests with Cursor

• تولید مستندات پروژه با AI Generate Project Documentation with AI

کِرسور: سازماندهی کدها با Indexing، قوانین و حافظه CURSOR: Organize Codebase with Indexing, Rules & Memory

• نحوه عملکرد Codebase Indexing در Cursor How Codebase Indexing Works in Cursor

• نادیده گرفتن فایل‌ها و پوشه‌ها با .cursorignore Ignore Files and Folders with .cursorignore

• درک قوانین پروژه و حافظه (Memories) Understanding Project Rules and Memories

• مرور قالب‌های محبوب قوانین و بهترین روش‌ها Overview Popular Rules Templates and Best Practices

• ایجاد قوانین پروژه خودتان گام به گام Create Your Own Project Rules Step by Step

• قالب‌های قوانین پروژه برای توسعه‌دهندگان فرانت‌اند Project Rules Templates for Frontend Developers

• توضیح دستورات (Commands) در Cursor Commands in Cursor Explained

• مرور دستورات محبوب و بهترین روش‌ها Overview Popular Commands and Best Practices

• ایجاد دستور سفارشی در Cursor Create Your Own Cursor Command

• قالب‌های دستورات برای توسعه‌دهندگان Commands Templates for Developers

کِرسور: بررسی مهارت‌های Agent CURSOR: Dive into Agent Skills

• درک مهارت‌های Agent در Cursor Understand Agent Skills in Cursor

• مرور مهارت‌های محبوب Agent جامعه Overview Popular Community Agent Skills

• ایجاد و پیکربندی مهارت Agent شخصی Create and Configure Your Own Agent Skill

• قالب‌های مهارت Agent قابل استفاده مجدد برای توسعه‌دهندگان Reusable Agent Skill Templates for Developers

ویندسرف: شروع به کار با Windsurf WINDSURF: Getting Started with Windsurf

• راه‌اندازی ویرایشگر Windsurf Setting Up the Windsurf Editor

• شروع سریع با Windsurf Quick start with Windsurf

• یادگیری بیشتر درباره Tab و Supercomplete Learn more about Tab & Supercomplete

• استفاده از دستورات Inline برای سوالات سریع Use In-line Command for Quick Questioons

• استفاده از Windsurf Codelenses برای اکشن‌های سریع Windsurf Codelenses for Quick Actions

• استفاده از Windsurf Cascade (رابط چت) Use of Windsurf Cascade (Chat Interface)

• تسلط بر ویژگی Vibe و Replace Master Vibe & Replace Feature

• توضیح ویژگی Windsurf DeepWiki Windsurf DeepWiki Feature Explained

ویندسرف: آشنایی با Windsurf WINDSURF: Getting to Know Windsurf

• مقدمه: چرا باید از Windsurf استفاده کنید؟ Introduction: Why You Should Use Windsurf

• مرور کلی Windsurf Overview of Windsurf

• موردهای کاربردی محبوب Windsurf برای توسعه‌دهندگان Popular Use Cases of Windsurf for Developers

• پلن‌های پرداخت و محدودیت‌های Windsurf Windsurf Payment Plans & Limitations

• درک حریم خصوصی داده‌ها در Windsurf Understand Windsurf Data Privacy

ویندسرف: درک حالت‌های چت و کانتکست Windsurf WINDSURF: Understand Windsurf Chat Modes and Context

• استفاده از Windsurf Cascade – حالت چت Using Windsurf Cascade – Chat Mode

• ویرایش کد با Cascade – حالت Write Editing Code with Cascade – Write Mode

• برنامه‌ریزی اپلیکیشن با Cascade – حالت Plan Plan your App with Cascade - Plan Mode

• استفاده از کانتکست چت برای پاسخ‌های بهتر Using Chat Context for Better Responses

ویندسرف: سازماندهی کدها با Indexing، قوانین و حافظه WINDSURF: Organize Codebase with Indexing, Rules & Memory

• نحوه عملکرد Workspace Local در Windsurf How Workspace Local Works in Windsurf

• نادیده گرفتن فایل‌ها و پوشه‌ها با .codeiumignore Ignore Files and Folders with .codeiumignore

• درک قوانین پروژه و حافظه Understanding Project Rules and Memories

• مرور قالب‌های محبوب قوانین و بهترین روش‌ها Overview Popular Rules Templates and Best Practices

• ایجاد قالب قوانین شخصی برای هدایت Windsurf Create your Own Rules Template to Guide Windsurf

• قالب‌های قوانین برای توسعه‌دهندگان فرانت‌اند Rules Templates for Frontend Developers

• درک جریان‌های کاری (Workflows) برای تسک‌های تکراری Understand Workflows for Repeated Tasks

• مرور مثال‌های محبوب Workflow جامعه Overview Popular Community Workflow Examples

• ایجاد و اجرای Workflow شخصی Create and Run Your Own Workflow

• قالب‌های Workflow برای توسعه‌دهندگان Workflow Templates for Developers

ویندسرف: بررسی مهارت‌های Agent WINDSURF: Dive into Agent Skills

• درک مهارت‌های Agent در Windsurf Understand Agent Skills in Windsurf

• مرور مهارت‌های محبوب Agent جامعه Overview Popular Agent Skills from the Community

• ساخت و پیکربندی اولین مهارت Agent Build and Configure Your First Agent Skill

• قالب‌های محبوب مهارت Agent برای توسعه‌دهندگان Popular Agent Skill Templates for Developers

آنتی‌گراویتی: شروع به کار با Antigravity ANTIGRAVITY: Getting Started with Antigravity

• نصب و راه‌اندازی Google Antigravity Install & Setup Google Antigravity

• شروع سریع با Google Antigravity Quick start with Google Antigravity

• یادگیری ویژگی Tab و Navigation Learn about Tab & Navigation Feature

• استفاده از ویژگی Command برای تکمیل‌های Inline Use Command Feature for Inline Completions

• مرور پنل جانبی Agent در Antigravity Overview Agent Side Panel from Antigravity

آنتی‌گراویتی: آشنایی با Antigravity ANTIGRAVITY: Getting to Know Antigravity

• مرور کلی Google Antigravity Overview of Google Antigravity

• موردهای کاربردی محبوب Antigravity برای توسعه‌دهندگان Popular Use Cases of Antigravity for Developers

• توضیح پلن‌های پرداخت و ویژگی‌ها Payment Plans & Features Explained

• مدل‌های AI و محدودیت‌های Antigravity Antigravity AI Models & Limitations

• درک تنظیمات تله‌متری و حریم خصوصی داده‌ها Understand Telemetry & Data Privacy Settings

آنتی‌گراویتی: درک حالت‌های چت و کانتکست Antigravity ANTIGRAVITY: Understand Antigravity Chat Modes and Context

• اجرای تسک‌ها با Agent Fast Mode Execute tasks with Agent Fast Mode

• استفاده از کانتکست چت برای پاسخ‌های بهتر Use Chat Context for Better Responses

• برنامه‌ریزی کارها با Agent Planning Mode Plan your work with Agent Planning Mode

آنتی‌گراویتی: اولین پروژه Antigravity: اپلیکیشن تقویم ANTIGRAVITY: Your First Antigravity Project: Calendar App

• مقدمه‌ای بر اولین پروژه Antigravity شما Introduction to Your First Antigravity Project

• مرور اپلیکیشن – ببینیم چه خواهیم ساخت App Overview — See What We'll Build

• روش‌های محبوب ساخت اپلیکیشن تقویم با Antigravity Popular Approaches to Build a Calendar App with Antigravity

• پرامپت‌ها و منابع برای اپلیکیشن تقویم Prompts and Materials for Calendar App

• ایجاد برنامه پیاده‌سازی Create Implementation Plan

• ساخت اپلیکیشن تقویم در ویرایشگر بر اساس برنامه Build the Calendar App in the Editor by a Plan

• اعمال اصلاحات UI و تولید داده‌های جعلی بیشتر Apply UI Fixes, Generate more Fake Data

• افزودن قابلیت ایجاد، ویرایش و حذف رویدادها Add Event Create, Edit and Delete Functionality

• بهبود اعتبارسنجی فرم و مدیریت خطا Enhance Form Validation and Error Handling

• بازنویسی (Refactor) یک کامپوننت بزرگ به کامپوننت‌های کوچک‌تر با AI Refactor a Large Component into Smaller Ones with AI

• تست اپلیکیشن تقویم – Unit Testها با Vitest Test Calendar App — Unit Tests with Vitest

آنتی‌گراویتی: سازماندهی کدها با Indexing، قوانین و جریان‌های کاری ANTIGRAVITY: Organize Codebase with Indexing, Rules & Workflows

• درک نحوه عملکرد Workspace Context در Antigravity Understand How Workspace Context Works in Antigravity

• مدیریت فایل‌های نادیده گرفته شده و مرزهای کانتکست Manage Ignored Files and Context Boundaries

• درک قوانین در Antigravity Understand Rules in Antigravity

• مرور مثال‌های محبوب قوانین جامعه Overview Popular Community Rule Examples

• ایجاد قوانین پروژه شخصی Create Your Own Project Rules

• قالب‌های قوانین برای توسعه‌دهندگان Rule Templates for Developers

• درک جریان‌های کاری (Workflows) برای تسک‌های تکراری Understand Workflows for Repeated Tasks

• مرور مثال‌های محبوب Workflow جامعه Overview Popular Community Workflow Examples

• ایجاد و اجرای Workflow شخصی Create and Run Your Own Workflow

• قالب‌های Workflow برای توسعه‌دهندگان Workflow Templates for Developers

آنتی‌گراویتی: بررسی مهارت‌های Agent ANTIGRAVITY: Dive into Antigravity Agent Skills

• درک مهارت‌های Agent در Antigravity Understand Agent Skills in Antigravity

• مرور مثال‌های محبوب مهارت Agent جامعه Overview Popular Community Agent Skill Examples

• ایجاد و پیکربندی مهارت Agent شخصی Create and Configure Your Own Agent Skill

• قالب‌های مهارت Agent برای توسعه‌دهندگان Agent Skill Templates for Developers

مهارت‌های نرم کلیدی برای توسعه‌دهندگان Key Soft Skills for Developers

• مقدمه Introduction

• انگیزه من برای ساخت این دوره My Motivation to Create a Course

• درباره مزایای دوره من About My Course Advantages

• اهمیت مهارت‌های نرم (Soft Skills) The Importance of Soft Skills

• به حداکثر رساندن بهره‌وری در دورکاری Maximize Remote Productivity

• همکاری بهتر در تیم‌ها Collaborate Better in Teams

• تخمین تسک‌ها با اعتماد به نفس Estimate Tasks with Confidence

• سرعت بخشیدن به توسعه Speed Up Development

• ساده‌سازی Code Review Simplify Code Review

• جمع‌بندی Summary

• فرسودگی شغلی (Burnout): چگونه از آن جلوگیری کنیم Burning out: How to Avoid It

• رشد سریع‌تر با کمک منتورها Grow Faster with Mentors

• توسعه‌دهندگان چقدر می‌توانند درآمد داشته باشند؟ How Much Can Developers Earn

• چگونه یک دوره عالی را انتخاب کنیم؟ How to Choose a Great Course

مهارت‌های Vibe Coding: یادگیری Vibe Coding برای توسعه VIBE CODING SKILLS: Learn Vibe Coding for Development

• بررسی ابزارهای Vibe Coding برای توسعه با Dmytro Vasyliev (پادکست) Explore Vibe Coding Tools for Development with Dmytro Vasyliev (Podcats)

جمع‌بندی Wrap-Up

• نحوه ثبت نظر How to leave a review

• نحوه دریافت گواهینامه How to get a certificate

• انجام این ۲ مورد Do Those 2 Things