📚منابع رسمی و آموزشی
بر اساس موضوع — خارجی + ایران
HTML & ساختار صفحات
CSS — Flexbox / Grid / Responsive
JavaScript
React و فرانتاند پیشرفته
بکاند و دیتابیس
ابزارها و دیپلوی
📦پکیجهای پیشنهادی
هر پکیج برای سطح خاصی طراحی شده — یکیشان رایگان و پروژهمحور
- freeCodeCamp HTML/CSS
- freeCodeCamp JavaScript (تعاملی)
- freeCodeCamp React (مقدماتی)
- React docs (آموزش)
- Express docs
- SQLite quickstart
- Deploy on Netlify/Vercel
پیشنهاد ما
برای شروع از پکیج A (رایگان) + یک دورهٔ فارسی کوتاه (Roocket یا Toplearn) برای تسریع در UI/React استفاده کن.
📅راهنمای ۳۰ روزه
برای هر روز: هدف کوتاه — قدمهای انجامشدنی — منابع
تکمیل لندینگ 🎯
- جمعآوری همهٔ نکات
- نوشتن README
- اسکرینشات قبل/بعد
استفاده از ChatGPT
- درخواست اسکریپت slider
- بررسی و اصلاح کد
ادغام JS و لندینگ
- اضافه کردن انیمیشن
- اسکرول نرم
- تست UX
تست موبایل و رفع باگ 🔧
- تست در چند گوشی
- تست در مرورگرهای مختلف
- بررسی performance
صفحه نمونهکار
- ساخت صفحه portfolio
- لینک به لندینگ
نوشتن متن فروش
- متن معرفی خود
- لیست مزایا
- اطلاعات تماس
لیست قیمت
- سه پکیج: پایه/استاندارد/نگهداری
- مشخص کردن زمان تحویل
آمادهسازی پیام مشتری
- ۱۵ پیام آماده
- محلیسازی متنها
آپلود نهایی
- چک کردن همهٔ لینکها
- تست فرم
- ذخیرهٔ لینکها
ارسال پیامها 📨
- ۱۵ پیام ارزشی به کسبوکارها
- ثبت نتایج در اکسل
تجمیع دموها
- مرتبسازی دموها
- قرار دادن در portfolio
بازبینی UI/UX
- نظرخواهی از ۲ نفر
- اصلاحات کوچک
نسخه نهایی
- نهایی کردن لینکها
- آمادهسازی price sheet
بازاریابی نهایی + قرارداد 🎉
- پیگیری تماسها
- آمادهسازی قرارداد ساده
✅چکلیست پیشرفت
تیک بزنید تا پیشرفت خود را ببینید
💡نکات طلایی
چطور «با کمترین زمان» از هر منبع نتیجه بگیری
ثبات بر زمان بیشتر
برای هر روز بیشتر از ۱–۱.۵ ساعت نگذار. «ثبات» مهمتر از «حجم» است.
تمرین تعاملی
از freeCodeCamp برای چالشهای کوتاه استفاده کن. یادگیری فعال بهتر از مطالعهٔ منفعل است.
خروجی واقعی
برای هر بخش یک خروجی واقعی بساز: لندینگ، فرم، کامپوننت React. تئوری بدون عمل بیفایده است.
ترکیب فارسی و انگلیسی
اگر دنبال ویدیو فارسی هستی، اول یکی دو جلسهٔ Roocket یا Maktabkhooneh ببین، بعد تمرین کن.
استفاده از ChatGPT هوشمند
از AI برای تولید کد کمک بگیر، اما همیشه کد را بفهم و آن را خودت تست کن.
Deploy زود و مکرر
هر چیزی که ساختی را سریع Deploy کن. دیدن نتیجهٔ واقعی انگیزهات را حفظ میکند.