آموزش کاربردی Vibe Coding: یادگیری مبانی Mod - آخرین آپدیت

دانلود Vibe Coding: A Hands-On Introduction—Learn the Basics of Mod new

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.

نمونه ویدیوها: (صرفا برای مشاهده نمونه ویدیو، ممکن هست نیاز به شکن داشته باشید.)

توضیحات دوره: در این دوره با ساخت یک لندینگ پیج از طریق پرامپت شروع می‌کنید و تمامی توابع پایه برای ساخت یک وب‌اپلیکیشن را خواهید آموخت. آنچه در این دوره می‌آموزید: - نحوه استفاده از پرامپت برای ایجاد لندینگ پیج - نحوه توصیف استایل، چیدمان، ویژگی‌ها و محتوای یک وب‌سایت - نحوه استقرار (Deploy) وب‌سایت در GitHub Pages - نحوه استقرار اپلیکیشن Next.js در Vercel - نحوه استفاده از هوش مصنوعی برای همکاری در توسعه و عیب‌یابی مشکلات پیش‌نیازها: بدون نیاز به تجربه برنامه‌نویسی؛ تنها داشتن یک کامپیوتر با دسترسی به اینترنت.

**این دوره شامل استفاده از ابزارهای هوش مصنوعی است.**

این یک دوره عملی Vibe Coding برای مبتدیان است که از سه ابزار رایگان مختلف هوش مصنوعی استفاده می‌کند.

برای شروع نیازی به دانستن سینتکس‌های پیچیده برنامه‌نویسی ندارید. این دوره با مبانی شروع شده و به شما می‌آموزد چگونه با استفاده از پرامپت‌ها و AI، یک لندینگ پیج کامل برای یک هتل پذیرش حیوانات خانگی بسازید، بخش‌های رایج وب‌سایت را بشناسید و آن را در GitHub Pages منتشر کنید.

سپس به سراغ یک پروژه پیشرفته‌تر می‌رویم: ساخت یک اپلیکیشن لیست کارهای روزانه (To-Do List) با Next.js، جایی که با مفاهیمی چون کامپوننت‌ها، State، پایگاه داده، ورود کاربر و فرآیند استقرار آشنا می‌شوید. در نهایت، از Supabase برای ذخیره داده‌ها و مدیریت ورود کاربر استفاده کرده و پروژه خود را در Vercel مستقر می‌کنید.

تمرکز این دوره بر حفظ کردن کدهای برنامه‌نویسی نیست، بلکه بر یادگیری نحوه بیان شفاف ایده‌ها، تجزیه ویژگی‌ها به بخش‌های کوچک‌تر و همکاری با هوش مصنوعی برای ساخت پروژه‌ای است که واقعاً آماده انتشار باشد. با شروع از یک To-Do List ساده، یاد می‌گیرید چگونه در توسعه با AI همکاری کنید، نسخه‌ها را با GitHub مدیریت کنید، داده‌ها را در Supabase ذخیره کرده و در نهایت پروژه شخصی خود را با قابلیت ورود کاربر تکمیل کنید.

پروژه اول: لندینگ پیج با HTML

پروژه دوم: Next.js؛ ساخت To-Do List ساده، To-Do List متصل به دیتابیس و To-Do List با قابلیت گروه‌بندی لیست‌ها

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

مقدمه Introduction

مقدمه Introduction
وایب کدینگ (Vibe Coding) چیست؟ What's vibe coding

پروژه اول: لندینگ پیج هتل حیوانات خانگی Project 1 - Pet hotel's Landing Page

ساخت لندینگ پیج ساده Simple landing page
ساختار لندینگ پیج و بهبود طراحی Landing page structure and improved landing page
تمرین تغییر بخش‌های وب‌سایت Website Section Modification Practice
ثبت‌نام در گیت‌هاب و راه‌اندازی GitPage GitHub Sign-up and GitPage Setup

پروژه دوم: اپلیکیشن ToDo (بخش اول) Project 2 – ToDo App (Part 1)

بررسی ابزارهای مورد نیاز برای پروژه دوم Tools Overview for Project 2
نصب Node.js Installing Node.js
نصب ادیتور Antigravity Installing the Editor – Antigravity
معرفی پروژه دوم Introduction to Project 2
ساخت ToDo ساده با Next.js Simple ToDo with Next.js
ایجاد مخزن (Repository) در گیت‌هاب Creating a GitHub Repository
ایجاد پروژه در Vercel و استقرار اپلیکیشن Creating a Project on Vercel and Deploying the App

پروژه دوم: اپلیکیشن ToDo (بخش دوم) Project 2 – ToDo App (Part 2)

مرور بخش دوم و تولید کد Part 2 Overview and Generating the Code
ثبت‌نام در Supabase و راه‌اندازی دیتابیس Signing Up for Supabase and Setting Up the Database
تنظیم متغیرهای محیطی و استقرار در Vercel Setting Up Environment Variables and Deploying to Vercel