آموزش CURSOR AI: با ساختن برنامه Full-Stack Next.js 15 یاد بگیرید - آخرین آپدیت

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

مقدمه Introduction

• خوش آمدید و آنچه یاد خواهید گرفت Welcome and What You'll Learn

• نسخه آزمایشی پروژه: هیئت مدیره Kanban Full-Stack در Next.js Project Demo: Full-Stack Kanban Board in Next.js

• درباره LLMS ، تعبیه ، زمینه و محدودیت های هوش مصنوعی About LLMs, Embeddings, Context and Limits of AI

• بلند شدن و دویدن با مکان نما AI Getting Up & Running with Cursor AI

• منابع دوره و کمک گرفتن Course Resources & Getting Help

اصول اولیه AI Cursor AI Basics

• با استفاده از آهنگساز Using Composer

• با استفاده از چت و اضافه کردن اسناد Using Chat and Adding Docs

• قوانین مکان نما ، ویرایش های درون خطی ، تکمیل برگه Cursor Rules, Inline Edits, Tab Completion

ایجاد رابط کاربری پروژه Building the Project User Interface

• راه اندازی کتابخانه UI با استفاده از آهنگساز (برخورد با قطع دانش) Setting Up UI Library Using Composer (Dealing With Knowledge Cutoff)

• ساخت UI اساسی Kanban (کد حذف مکان نما!) Building the Basic Kanban UI (Cursor Removing Code!)

• به روزرسانی کارت UI (آهنگساز به عنوان نماینده) Updating the Card UI (Composer as an Agent)

• افزودن گفتگو و کشویی (رفع مشکلات با استفاده از مکان نما) Adding Dialog & Drop-downs (Fixing Issues Using Cursor)

• آواتارها (اصلاح کننده کد) Avatars (Code Refactor)

Backend: تنظیم داده های Docker ، DB و واکشی Backend: Setting Up Docker, DB & Fetching Data

• حالت پروژه را بازیابی کنید - چگونه می توان تغییرات را از بین برد Restore the Project State - How to Back Off Changes

• تنظیم پایگاه داده (یک دست محکم را در AI نگه دارید!) Setting Up the Database (Keep a Firm Hand on AI!)

• اجرای پایگاه داده با استفاده از Docker (و عیب یابی) Running the Database using Docker (and Troubleshooting)

• اتصال به DB با استفاده از Drizzle (با استفاده از Docs & Web) Connecting to DB using Drizzle (Using Docs & Web)

• ایجاد طرح DB (مهاجرت) Creating the DB Schema (Migrations)

• واکشی ستون ها و وظایف با استفاده از مؤلفه های سرور Fetching Columns & Tasks using Server Components

• اضافه کردن حالت بارگذاری (ویرایش مکان نما + توهمات ثابت) Adding Loading State (Cursor Edit + Fixing Hallucinations)

Backend: ساخت اقدامات سرور و مکان نما با قاشق غذاخوری Backend: Building Server Actions & Spoon-Feeding Cursor

• ایجاد اولین اقدام سرور (برای ذخیره داده ها) Creating the First Server Action (To Store Data)

• بهبود عملکرد سرور (برخورد با تمرکز مکان نما) Improving the Server Action (Dealing With Cursor Loosing Focus)

• مکان نما باید قاشق غذاخوری باشد! Cursor Needs to be Spoon-Fed!

• آیا مکان نما واقعاً باهوش و مفید است؟ آیا می تواند یاد بگیرد؟ Is Cursor Really Smart and Helpful? Can it Learn?

دستورالعمل های مکان نما قابل استفاده: دفترچه یادداشت ها Reusable Cursor Instructions: Notepads

• یادداشت های مکان نما: آنها چیست؟ Cursor Notepads: What They Are?

• دفترچه های مکان نما: ایجاد یک دفترچه یادداشت خوب Cursor Notepads: Building a Good Notepad

• دفترچه یادداشت برای جبهه Notepad for Frontend

• کار ویرایش: فرم Editing Task: The Form

• کار ویرایش: پس زمینه - چیزی اشتباه است Editing Task: The Backend - Something is Wrong

• کار ویرایش: پس زمینه - یافتن و رفع اشکالات پیچیده Editing Task: The Backend - Finding and Fixing Complex Bugs

• رفع مسئله به صورت دستی - شما باید کد را درک کنید Fixing Issue Manually - You Need to Understand the Code

ویژگی های ساختمانی Building Features

• پاسگاه پروژه - چه چیزی برای ساخت باقی مانده است Project Checkpoint - What's Left to Build

• اضافه کردن ستون: گفتگو و فرم Adding Columns: Dialog & Form

• اضافه کردن ستون ها: تنظیمات بصری Adding Columns: Visual Adjustments

• اضافه کردن ستون: عمل سرور Adding Columns: Server Action

• ویرایش ستون: ویژگی کامل در کمتر از 1 دقیقه! Edit Column: Complete Feature in Under 1 Minute!

ساختن چیزها واقعاً سریع Building Things Really Quickly

• وقت آن است که خیلی سریع بسازیم! It's Time to Build Really Quick!

• حذف وظایف: آیا سریعتر آن را کدگذاری می کنید؟ Deleting Tasks: Would You Code it Quicker?

• حذف ستون ها: این خیلی آسان است! Deleting Columns: That's Too Easy!

• حذف ستون ها: گفتگوی تأیید Deleting Columns: Confirmation Dialog

• کار را به صورت افقی حرکت دهید: تولید UI Move Task Horizontally: Generating UI

• کار را به صورت افقی حرکت دهید: پس زمینه Move Task Horizontally: The Backend

خلاصه و بعدی چیست؟ Summary and What's Next?

• در حال حاضر کجا هستیم؟ Where We Are Currently?

• بعد چه کاری انجام دهیم؟ چند ایده برای شما! What to Do Next? Some Ideas for You!