لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش طراحی وب بدون کدنویسی با Vibe Coding و Windsurf
- آخرین آپدیت
دانلود Vibe Coding with Windsurf – No Code Web Design
نکته:
ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:
این دوره دارای قابلیت Coursera Coach است!
روشی هوشمندانهتر برای یادگیری از طریق گفتگوهای تعاملی و لحظهای که به شما کمک میکند تا دانش خود را بسنجید، فرضیات را به چالش بکشید و در حین پیشروی در دوره، درک خود را عمیقتر کنید.
دوره Vibe Coding با Windsurf یک معرفی عملی به طراحی وب بدون کد (No-Code) است که ایجاد وبسایتهای حرفهای را برای مبتدیان، بدون نیاز به مهارتهای کدنویسی، آسان میکند. شما کشف خواهید کرد که چگونه ابزارهای هوش مصنوعی (AI) مانند Windsurf و Vibe Coding میتوانند فرآیند توسعه وب را ساده کرده و به شما اجازه دهند بر طراحی و عملکرد تمرکز کنید. با بررسی کاربردهای عملی، یاد میگیرید که چگونه به طور بهینه وبسایتها را از صفر بسازید، مشکلات رایج را برطرف کنید و آنها را در وب منتشر کنید.
این دوره با درسهای بنیادی درباره هوش مصنوعی و نحوه ادغام آن با پلتفرمهای بدون کد آغاز میشود و در ادامه، یک راهنمای گامبهگام برای نصب و کار با Windsurf ارائه میدهد. سپس وارد مراحل ساخت اولین وبسایت خود میشوید و یاد میگیرید از ویژگیهای کلیدی مانند MCPها (نقاط کدنویسی حداقلی)، ابزارهای بهینهسازی و استراتژیهای ضروری برای راهاندازی پروژه استفاده کنید. در بخش دوم دوره، روی یک پروژه کامل کار خواهید کرد و یک ایده را از مرحله مفهوم تا تبدیل شدن به یک وبسایت زنده با استفاده از ابزارهایی مانند GitHub و Vercel پیش میبرید.
این دوره برای مبتدیانی که به طراحی وب و هوش مصنوعی علاقه دارند و هیچ تجربه کدنویسی ندارند، ایدهآل است. همچنین برای کسانی که به دنبال بررسی توسعه وب بدون کد، ساخت پورتفولیو یا بهبود حضور آنلاین خود هستند، بسیار مناسب است. این دوره کاملاً کاربرپسند است و به هیچ مهارت فنی قبلی نیاز ندارد.
در پایان این دوره، شما قادر خواهید بود با اعتماد به نفس کامل، یک وبسایت کاربردی را بدون کدنویسی ایجاد، طراحی و منتشر کنید، ابزارهای کلیدی هوش مصنوعی در طراحی وب را بشناسید و این مهارتها را در پروژههای واقعی به کار ببرید.
سرفصل ها و درس ها
هر آنچه باید درباره هوش مصنوعی بدانید
Everything You Need to Know About AI
مقدمه
Introduction
Windsurf و Vibe Coding چیستند؟
What's Windsurf and Vibe Coding
نصب Windsurf و مدیریت انتظارات
Install Windsurf and Setting Your Expectations
اولین وبسایت ما در Windsurf
Our First Website in Windsurf
با Vibe Coding در Windsurf چه چیزهایی میتوان ساخت؟
What Can You Build with Vibe Coding in Windsurf
راهنمای محیط کار در Windsurf
Getting Around in Windsurf
دریافت نتایج بهتر با این ابزارها
Get Better Results with These Tools
راهاندازی MCPها و قوانین در Windsurf به روش آسان
Set Up MCPs & Rules in Windsurf – The Easy Way
نحوه رفع مشکلات و خطاها
How to Fix Issues
مقایسه Claude در مقابل GPT
Claude vs GPT
مقایسه GPT در مقابل Gemini و Grok
GPT vs Gemini vs Grok
توضیح هزینهها به زبان ساده
Costs Explained in a Simple Way
خطرات پنهان Vibe Coding و دسترسی کامل به هوش مصنوعی
The Hidden Dangers of Vibe Coding & Full AI Access
قانون ۸۰/۲۰
80%-20%
از Figma به Windsurf؟
From Figma to Windsurf?
مرور کلی
Overview
پروژه کامل: از ایده تا وبسایت زنده
Complete Project: From Idea to Live Website
مسیر تبدیل ایده به Windsurf، سپس Vercel و در نهایت وبسایت زنده
From Idea to Windsurf to Vercel to Live Website
درک صحیح پرامپت (دستور)
Let's Understand the Prompt
شروع پروژه
Start the Project
نحوه برخورد با باگها
How to Deal with Bugs
اصلاح عملکرد فرمها
Make the Form Work Correctly
آپلود وبسایت در GitHub
Upload Your Website to GitHub
انتشار وبسایت با Vercel و رفع باگها
Publish Your Website with Vercel & Fix Bugs
انتشار وبسایت روی دامنه شخصی
Publish the Website on Your Own Domain Name
اعمال تغییرات در وبسایت زنده
Making Changes to Our Live Website
نمایش نظرات