JavaScript
از اولین قدم تا محصول واقعی
JavaScript را با یک سبد خرید واقعی یاد بگیر؛ از اولین Console تا DOM، فرم، API، ذخیره محلی، خطایابی و تحویل.
این پروژه را در 20 قدم کوتاه میسازی. هر درس فقط یک موضوع تازه دارد و با نمونه قابل دیدن تمام میشود.
20 قدم کوتاه و مرتب
هر درس فقط یک مفهوم تازه دارد: اول خیلی ساده میخوانی، بعد مثال میبینی، کد را تغییر میدهی و با آزمون کوتاه مطمئن میشوی.
اولین برنامه JavaScript در مرورگر
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
متغیر و نوع داده؛ اطلاعات سبد را نگه دار
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
عملگر و شرط؛ قانون تخفیف را اجرا کن
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
حلقه؛ چند ردیف سبد را بدون کپی حساب کن
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
Array و متدها؛ کالاها را فیلتر کن
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
Object؛ هر محصول یک داده منسجم
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
Function، Scope و Closure
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
Arrow Function و Callback
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
DOM؛ متن و عنصر صفحه را تغییر بده
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
Event؛ به کلیک کاربر پاسخ بده
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
فرم و Validation؛ خطا را کنار ورودی بگو
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
LocalStorage؛ سبد را پس از تازهسازی نگه دار
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
JSON؛ داده را برای ذخیره و شبکه آماده کن
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
Fetch و HTTP API؛ فهرست محصول را بگیر
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
Promise و async/await؛ حالت انتظار را مدیریت کن
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
مدیریت خطا؛ پیام کاربر با جزئیات فنی فرق دارد
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
Module؛ فایلها مسئولیت روشن میگیرند
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
Clean Code و Refactor بدون تغییر رفتار
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
پروژه؛ سبد خرید قابل استفاده
یک مفهوم، یک مثال واقعی، یک تمرین و چند آزمون کوتاه.
DevTools، آزمون و تحویل پروژه
همه آموختهها را به یک پروژه کامل و قابل ارائه تبدیل کن.
سبد خرید تعاملی با ذخیره محلی و API
این پروژه یک نمونه تزئینی نیست. مدل داده، قوانین، حالت خطا، آزمون و مسیر انتشار را قدمبهقدم کامل میکنی.
- تعریف مسئله و کاربر واقعی
- ساخت نسخه کوچک اما انتهابهانتها
- آزمون مسیر موفق، مرزی و خطا
- آمادهسازی خروجی برای ارائه و بازخورد
const productName = 'دفتر بازیافتی';
console.log('محصول انتخابشده: ' + productName);