آموزش دوره جامع توسعه وب فول‌استک با هوش مصنوعی (AI Prompt) ۲۰۲۶ - آخرین آپدیت

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

مقدمه Introduction

• مرور کلی دوره – از صفر تا حرفه‌ای Course Overview – From 0 to Pro

• توسعه Full Stack AI Prompt/Vibe چیست؟ What is Full Stack AI Prompt/Vibe Development?

• ابزارها و راه‌اندازی (ادیتورها، مرورگرها، ابزارهای پرامپت AI) Tools & Setup (Editors, Browsers, AI Prompt Tools)

مبانی HTML و CSS به همراه پرامپت‌های AI HTML and CSS Foundations + AI Prompts

• مبانی HTML Basic HTML

• المان‌های HTML و پرامپت‌نویسی AI HTML Elements + AI Prompting

• کار با تگ‌های لینک (<a>) و پرامپت AI Working with Anchor (<a>) Tags + AI Prompt

• ساخت فرم‌ها و پرامپت AI Building Forms + AI Prompt

• ایجاد جدول‌ها و پرامپت AI Creating Tables + AI Prompt

• افزودن تصاویر و پرامپت AI Adding Images + AI Prompt

• لیست‌ها با <ul> و <li> و پرامپت AI Lists with <ul> & <li> + AI Prompt

• HTML معنایی (Semantic) و پرامپت AI Semantic HTML + AI Prompt

• آشنایی با CSS و پرامپت AI Introduction to CSS + AI Prompt

• افزودن CSS به HTML و پرامپت AI Adding CSS to HTML + AI Prompt

• استایل‌دهی به صفحات HTML و پرامپت AI Styling HTML Pages + AI Prompt

• پروژه – ساخت وب‌سایت (بخش ۱) Project – Creating a Website (Part 1)

• پروژه – ساخت وب‌سایت (بخش ۲) Project – Creating a Website (Part 2)

• پروژه – ساخت وب‌سایت (بخش ۳) Project – Creating a Website (Part 3)

• پروژه – ساخت وب‌سایت (بخش ۴) Project – Creating a Website (Part 4)

• پروژه – ساخت وب‌سایت (بخش ۵) Project – Creating a Website (Part 5)

• پروژه – ساخت وب‌سایت (بخش ۶) Project – Creating a Website (Part 6)

• پروژه – ساخت وب‌سایت (بخش ۷) Project – Creating a Website (Part 7)

• آشنایی با بوت‌استرپ (Bootstrap) و پرامپت AI Introduction to Bootstrap + AI Prompt

• آزمون HTML و CSS HTML and CSS Quiz

• نحوه توضیح HTML و CSS به مشتری Explaining HTML and CSS to a Client

مبانی جاوااسکریپت با پرامپت‌های AI JavaScript Foundations with AI Prompts

• درس ۲۳: مقدمه‌ای بر جاوااسکریپت Lecture 23: Introduction to JavaScript

• درس ۲۴: نوشتن و چاپ در کنسول و پرامپت AI Lecture 24: Writing & Printing to Console + AI Prompt

• درس ۲۵: متغیرها و انواع داده‌ها و پرامپت AI Lecture 25: Variables & Data Types + AI Prompt

• درس ۲۶: عملگرها در جاوااسکریپت و پرامپت AI Lecture 26: Operators in JavaScript + AI Prompt

• درس ۲۷: آرایه‌ها در جاوااسکریپت و پرامپت AI Lecture 27: Arrays in JavaScript + AI Prompt

• درس ۲۸: آبجکت‌ها در جاوااسکریپت و پرامپت AI Lecture 28: Objects in JavaScript + AI Prompt

• درس ۲۹: دستورات شرطی If Else و پرامپت AI Lecture 29: If-Else Statements + AI Prompt

• درس ۳۰: دستورات Switch و پرامپت AI Lecture 30: Switch Statements + AI Prompt

• درس ۳۱: حلقه‌های For و پرامپت AI Lecture 31: For Loops + AI Prompt

• درس ۳۲: حلقه‌های While و پرامپت AI Lecture 32: While Loops + AI Prompt

• درس ۳۳: حلقه‌های forEach و پرامپت AI Lecture 33: forEach Loops + AI Prompt

• درس ۳۴: تابع Map و پرامپت AI Lecture 34: Map Function + AI Prompt

• درس ۳۵: توابع در جاوااسکریپت و پرامپت AI Lecture 35: Functions in JavaScript + AI Prompt

• درس ۳۶: دریافت ورودی کاربر و پرامپت AI Lecture 36: Reading User Input + AI Prompt

• درس ۳۷: مدیریت استثناها (Exception Handling) و پرامپت AI Lecture 37: Exception Handling in JavaScript + AI Prompt

• درس ۳۸: مینی پروژه ۱ و پرامپت AI Lecture 38: Mini Project 1 + AI Prompt

• درس ۳۹: مینی پروژه ۲ و پرامپت AI Lecture 39: Mini Project 2 + AI Prompt

• آزمون جاوااسکریپت JavaScript Quiz

• دیباگ کردن جاوااسکریپت در کنار هم‌تیمی Debugging JavaScript with a Teammate

بخش ۴: ری‌اکت (React.js) – فرانت‌اند با پرامپت‌های AI Section 4: React.js – Frontend with AI Prompts

• درس ۴۰: مقدمه‌ای بر React.js Lecture 40: Introduction to React.js

• درس ۴۱: نصب React.js Lecture 41: Installing React.js

• درس ۴۲: کامپوننت‌ها در React.js و پرامپت AI Lecture 42: Components in React.js + AI Prompt

• درس ۴۳: JSX در React.js و پرامپت AI Lecture 43: JSX in React.js + AI Prompt

• درس ۴۴: Props در React.js و پرامپت AI Lecture 44: Props in React.js + AI Prompt

• درس ۴۵: مدیریت رویدادها (Event Handling) و پرامپت AI Lecture 45: Event Handling + AI Prompt

• درس ۴۶: مدیریت وضعیت (State Management) و پرامپت AI Lecture 46: State Management + AI Prompt

• درس ۴۷: رندرینگ شرطی و پرامپت AI Lecture 47: Conditional Rendering + AI Prompt

• درس ۴۸: لیست‌ها در React.js و پرامپت AI Lecture 48: Lists in React.js + AI Prompt

• درس ۴۹: فرم‌ها در React.js و پرامپت AI Lecture 49: Forms in React.js + AI Prompt

• درس ۵۰: استفاده از هوک useEffect و پرامپت AI Lecture 50: Using useEffect Hook + AI Prompt

• درس ۵۱: ساخت هوک‌های سفارشی (Custom Hooks) و پرامپت AI Lecture 51: Creating Custom Hooks + AI Prompt

• درس ۵۲: استایل‌دهی در React.js و پرامپت AI Lecture 52: Styling in React.js + AI Prompt

• درس ۵۳: کار با پکیج‌ها و پرامپت AI Lecture 53: Working with Packages + AI Prompt

• درس ۵۴: مسیریابی (Routing) در React.js و پرامپت AI Lecture 54: Routing in React.js + AI Prompt

• درس ۵۵: دریافت داده‌ها (GET Requests) و پرامپت AI Lecture 55: Fetching Data (GET Requests) + AI Prompt

• درس ۵۶: ارسال داده‌ها (POST Requests) و پرامپت AI Lecture 56: Posting Data (POST Requests) + AI Prompt

• درس ۵۷: دیباگ کردن در React.js و پرامپت AI Lecture 57: Debugging in React.js + AI Prompt

• درس ۵۸: پروژه وب‌سایت دانشگاه گام ۱ – راه‌اندازی پروژه و پرامپت AI Lecture 58: University Website Project Step 1 – Setup Project + AI Prompt

• درس ۵۹: پروژه وب‌سایت دانشگاه گام ۲ – کامپوننت نوار ناوبری و پرامپت AI Lecture 59: University Website Project Step 2 – Navbar Component + AI Prompt

• درس ۶۰: پروژه وب‌سایت دانشگاه گام ۳ – صفحه اصلی و پرامپت AI Lecture 60: University Website Project Step 3 – Home Page + AI Prompt

• درس ۶۱: پروژه وب‌سایت دانشگاه گام ۴ – صفحه درباره ما و پرامپت AI Lecture 61: University Website Project Step 4 – About Page + AI Prompt

• درس ۶۲: پروژه وب‌سایت دانشگاه گام ۵ – صفحه دوره‌ها و پرامپت AI Lecture 62: University Website Project Step 5 – Courses Page + AI Prompt

• درس ۶۳: پروژه وب‌سایت دانشگاه گام ۶ – صفحه وبلاگ و پرامپت AI Lecture 63: University Website Project Step 6 – Blog Page + AI Prompt

• درس ۶۴: پروژه وب‌سایت دانشگاه گام ۷ – صفحه تماس با ما و پرامپت AI Lecture 64: University Website Project Step 7– Contact Page + AI Prompt

• درس ۶۵: پروژه وب‌سایت دانشگاه گام ۸ – صفحه ورود و پرامپت AI Lecture 65: University Website Project Step 8 – Login Page + AI Prompt

• درس ۶۶: پروژه وب‌سایت دانشگاه گام ۹ – صفحه ثبت‌نام و پرامپت AI Lecture 66: University Website Project Step 9– Register Page + AI Prompt

• درس ۶۷: پروژه وب‌سایت دانشگاه گام ۱۰ – پنل دانشجویان و پرامپت AI Lecture 67: University Website Project Step 10 – Student Dashboard + AI Prompt

• درس ۶۸: پروژه وب‌سایت دانشگاه گام ۱۱ – نوار ناوبری دانشجویان و پرامپت AI Lecture 68: University Website Project Step 11 – Student Nav Bar + AI Prompt

• درس ۶۹: پروژه وب‌سایت دانشگاه گام ۱۲ – بازنویسی سایدبار ۱ و پرامپت AI Lecture 69: University Website Project Step 12 – Refactor Side Bar I + AI Prompt

• درس ۷۰: پروژه وب‌سایت دانشگاه گام ۱۳ – بازنویسی استایل‌ها و پرامپت AI Lecture 70: University Website Project Step 13 – Refactor Styling + AI Prompt

• درس ۷۱: پروژه وب‌سایت دانشگاه گام ۱۴ – پرداخت‌های نهایی و پرامپت AI Lecture 71: University Website Project Step 14 – Final touches + AI Prompt

• آزمون React JS و پرامپت AI React JS Quiz + AI Prompt

بخش ۵: توسعه بک‌اند با Nest.js و RESTful APIها Section 5: Backend Development with Nest.js + RESTful APIs

• توضیح State و Props برای یک توسعه‌دهنده جونیور Explaining State and Props to a Junior Developer

• درس ۷۲: مقدمه‌ای بر Nest.js Lecture 72: Introduction to Nest.js

• درس ۷۳: راه‌اندازی پروژه Nest.js Lecture 73: Setting Up Nest.js Project

• درس ۷۴: آشنایی با RESTful APIها Lecture 74: Introduction to RESTful APIs

• درس ۷۵: درخواست‌های GET Lecture 75: GET Requests

• درس ۷۶: درخواست‌های POST Lecture 76: POST Requests

• درس ۷۷: درخواست‌های PUT Lecture 77: PUT Requests

• درس ۷۸: درخواست‌های DELETE Lecture 78: DELETE Requests

• درس ۷۹: اتصال به دیتابیس (MySQL) در Nest.js Lecture 79: Database (MySQL) Connection in Nest.js

• درس ۸۰: بازنویسی مسیرهای سرویس API Lecture 80: Refactoring API Service Routes

• درس ۸۱: پروژه – بازنویسی صفحه ثبت‌نام با API Lecture 81: Project – Refactor Registration Page with API

• درس ۸۲: متصل کردن صفحه ثبت‌نام به API Lecture 82: Connecting Registration Page with API

• درس ۸۳: ساخت پنل استاد با API Lecture 83: Building Teacher Dashboard with API

• درس ۸۴: متصل کردن صفحه ورود به API Lecture 84: Connecting Login Page to API

• درس ۸۵: مدیریت صفحه دانشجویان Lecture 85: Managing Students Page

• درس ۸۶: مدیریت صفحه نمرات Lecture 86: Managing Grades Page

• آزمون Nest Js و پرامپت AI Nest Js Quiz + AI Prompt

• بحث درباره یکپارچه‌سازی API با مدیر محصول (Product Manager) Discussing API Integration with a Product Manager

بخش ۶: گیت و گیت‌هاب (Git & GitHub) Section 6: Git And GitHub

• مقدمه Introduction

• نصب و پیکربندی Git Installing and configuration of git

• ساخت حساب کاربری و مخزن (Repository) در گیت‌هاب Creating GitHub account and repository

• کامیت و پوش کردن کدها به گیت‌هاب Commit and pushing to GitHub

• پول (Pull) کردن کدها از گیت‌هاب pull code from GitHub

• برنچ‌های گیت و Pull Request Git branch and pull request

• کلون کردن (Git Clone) Git Clone

• گردش کار روزانه با گیت Daily git workflow

• آزمون Git و GitHub Git And GitHub Quiz

بخش ۷: میزبانی و استقرار پروژه در فضای ابری Section 7: Hosting and Deploying Project to the Cloud

• مقدمه‌ای بر میزبانی وب‌سایت‌ها و اپلیکیشن‌ها Introduction to hosting websites and apps

• ساخت یک وب‌سایت ساده برای استقرار در ابری Creating a simple website to deploy to the cloud

• ساخت مخزن گیت‌هاب برای وب‌سایت Creating GitHub repository for our website

• میزبانی و استقرار بخش اول Hosting and deploying part one

• میزبانی و استقرار بخش دوم Hosting and deploying part two

بخش ۸: مشارکت در پروژه‌های متن‌باز (Open Source) Section 8: Open Source Project Contribution

• پروژه متن‌باز (Open Source) چیست؟ What is open source project

• چرا پروژه‌های متن‌باز اهمیت دارند؟ Why is open source project important

• چگونه یک پروژه متن‌باز برای مشارکت پیدا کنیم؟ How to Find an Open Source Project to Contribute To

• نحوه مشارکت در یک پروژه متن‌باز How to Contribute to an Open Source Project

مخازن گیت‌هابی که هر مهندس پرامپت باید بشناسد GitHub Repositories Every Prompt Engineer Should Know

• منابع آموزشی پرامپت‌نویسی برای توسعه‌دهندگان AI AI Developer Prompt Study Material