رفتن به محتوا
جاوااسکریپت فارسی

آموزش جاوااسکریپت و تایپ‌اسکریپت به زبان فارسی

جاوااسکریپت را فارسی یاد بگیر

از اولین let تا تایپ‌اسکریپت، پله‌به‌پله

۶۲ درس واژگان و گرامر در سه سطح مبتدی، متوسط و پیشرفته؛ با مثال‌های آشنای ایرانی، آزمون پایان هر درس و یادگیری مثل بازی. بدون اینترنت و بدون تبلیغ.

  • ۶۲ درس در ۳ سطح
  • تایپ‌اسکریپت کامل
  • ۲ درس اول رایگان

بدون ثبت‌نامکار بدون اینترنتبدون تبلیغ

صفحه‌ی اول برنامه‌ی جاوااسکریپت فارسی: استریک ۱۲ روزه، امتیاز، سطح، اشتراک فعال و ادامه‌ی یادگیری
۱۲ روزپشت‌سرهم یاد گرفتی
discount.js
const price = 120000;
const off = 25;
​
const final = price * (1 - off / 100);
console.log(`قیمت نهایی: ${final} تومان`);
قیمت نهایی: 90000 تومان

موضوع‌های دوره: let و const، انواع داده، شرط و حلقه، تابع، آرایه و شیء، arrow function، map، filter و reduce، destructuring، Promise، async/await، DOM و رویدادها، ماژول‌ها، کلاس‌ها، closure، prototype، event loop، interface، generic، type guard، الگوهای طراحی

درس در سه سطح
۶۲
واژهٔ کلیدی با تلفظ فارسی
۱۸۴
نمونه‌کد همراه خروجی
۱۱۹
تمرین عملی
۸۲

یک زبان، همه‌جا

جاوااسکریپت زبان اصلی وب است؛ یادش که بگیری، درِ فرانت‌اند، بک‌اند و اپ موبایل به رویت باز است.

هر چیزی که برای یاد گرفتن لازم داری، در جیبت

درس‌های کوتاه واژگان و گرامر، نمونه‌کد با خروجی، آزمون، فلش‌کارت و تمرین؛ همه به فارسی، راست‌چین و با فونت خوانای استعداد.

مثال‌های آشنا، نه خشک و بی‌ربط

قیمت به تومان، سبد خرید، تخفیف، سفر و نام‌های فارسی. هر مفهوم را با چیزی یاد می‌گیری که هر روز می‌بینی، و خروجی هر نمونه‌کد را کنارش.

سبد خرید
const cart = [
{ name: 'گوشی', price: 15000000 },
{ name: 'هدفون', price: 900000 },
];
const total = cart.reduce((sum, p) => sum + p.price, 0);
console.log(total.toLocaleString('fa-IR') + ' تومان');
۱۵٬۹۰۰٬۰۰۰ تومان

۱۸۴ واژه‌ی کلیدی

هر واژه با ترجمه، تلفظ فارسی، تعریف، نمونه‌کد، ترفند حفظ کردن و اشتباه رایج.

متغیرvariable

تلفظ: وِرییِبِل

«متغیر یعنی تغییرپذیر» — اگر قرار بود ثابت بماند اسمش متغیر نمی‌شد!

آزمون پایان هر درس

پیش‌بینی خروجی کد، چندگزینه‌ای و درست/نادرست، با توضیح پاسخ درست.

undefined
TypeError
150000

تایپ‌اسکریپت، به‌صورت کامل

سطح پیشرفته: interface، Generics، Utility Types و type guard. خطا را قبل از اجرا بگیر.

interface User {
name: string;
age: number;
}
const u: User = { name: 'سارا', age: '25' };
TSType 'string' is not assignable to type 'number'.

یادگیری مثل بازی

امتیاز XP، ۸ سطح کاربری، استریک روزانه و ۱۳ نشان، تا انگیزه‌ات نصفه‌راه تمام نشود.

سطح ۴: کدنویس۱٬۶۴۰ / ۲٬۰۰۰ XP
۱۲روز استریک۵جان۷/۱۳نشان

تمرین، چالش و مرور

چهار راه برای اینکه یادگرفته‌ها یادت بماند؛ از درس‌هایی که تمام کرده‌ای.

  • چالش کدنویسیسؤال از درس‌های تمام‌شده
  • اشتباهات رایجخطاهایی که همه می‌کنند
  • فلش‌کارت واژگانترجمه، تلفظ و ترفند
  • مرور کدنمونه‌کدهای درس‌ها

شب و روز، آفلاین، بدون تبلیغ

حالت شب برای درس خواندن نیمه‌شب. همه‌ی درس‌ها داخل برنامه است؛ اینترنت فقط برای خرید اشتراک لازم است.

  • حالت شب و روز
  • کار کامل بدون اینترنت
  • بدون ثبت‌نام و بدون تبلیغ
  • روزهای باقی‌مانده‌ی اشتراک، همیشه جلوی چشم

جاوااسکریپت، همین‌جا در مرورگرت

جاوااسکریپت زبان بومی مرورگرهاست؛ برای اجرایش هیچ نصبی لازم نیست. نمونه‌کدهای دو درس رایگان برنامه را اجرا کن، عوضشان کن و دوباره اجرا کن. خروجی واقعی است، نه از پیش نوشته‌شده.

const.js
const PI = 3.14;
PI = 3; // TypeError!
Console

روی «اجرا» بزن تا خروجی واقعی کد اینجا بیاید.

درس رایگان گرامر: متغیرها: let، const و var

خروجی‌ای که درس نوشته:

TypeError: Assignment to constant variable.

const اجازه‌ی مقداردهی دوباره نمی‌دهد؛ مثل عدد پی است که هرگز عوض نمی‌شود.

جاوااسکریپت غافلگیرت می‌کند

شش تکه‌کد کوتاه که حتی برنامه‌نویس‌های باتجربه را هم به اشتباه می‌اندازد. خروجی را حدس بزن؛ بعد کد واقعاً در مرورگرت اجرا می‌شود تا ببینی حق با که بود. چرایی هر کدام را در برنامه یاد می‌گیری.

یک گزینه را انتخاب کن؛ بعد کد واقعاً اجرا می‌شود.

  1. ۱خروجی چیست؟
    console.log(typeof null);
  2. ۲خروجی چیست؟
    console.log('5' + 3);
    console.log('5' - 3);
  3. ۳خروجی چیست؟
    const user = { name: 'علی' };
    user.name = 'رضا';
    console.log(user.name);
  4. ۴خروجی چیست؟
    if ([]) {
    console.log('درست');
    } else {
    console.log('نادرست');
    }
  5. ۵خروجی چیست؟
    console.log(score);
    var score = 20;
  6. ۶خروجی چیست؟
    console.log(1);
    setTimeout(() => console.log(2), 0);
    Promise.resolve().then(() => console.log(3));
    console.log(4);

سه پله، از صفر تا تایپ‌اسکریپت

۶۲ درس در سه سطح؛ هر سطح یک بخش واژگان و یک بخش گرامر دارد. درس‌ها به ترتیب باز می‌شوند: هر درس را تمام کن تا درس بعدی باز شود.
  1. پله‌ی ۱سطح مبتدیJS

    پایه‌ی محکم: متغیر، انواع داده، شرط، حلقه، تابع، آرایه و شیء، و ده اشتباه رایج تازه‌کارها.

    درس واژگان
    ۷ درس واژگان
    درس گرامر
    ۱۳ درس گرامر
    نمونه‌کد
    ۳۷ نمونه‌کد
    تمرین
    ۲۶ تمرین
    • let و const
    • انواع داده
    • == و ===
    • شرط و switch
    • حلقه‌ها
    • تابع
    • آرایه و شیء
    • Scope و Hoisting

    ۶۴ واژه‌ی کلیدی در این سطح

    دو درس اول رایگان

    • واژگان: متغیرها و انواع داده
    • گرامر: متغیرها: let، const و var
  2. پله‌ی ۲سطح متوسطES6

    جاوااسکریپت مدرن: ES6، کار با داده، کد ناهمزمان، DOM، مدیریت خطا، ماژول‌ها و کلاس‌ها.

    درس واژگان
    ۸ درس واژگان
    درس گرامر
    ۱۳ درس گرامر
    نمونه‌کد
    ۳۷ نمونه‌کد
    تمرین
    ۲۶ تمرین
    • arrow function
    • map، filter و reduce
    • destructuring
    • spread و rest
    • closure
    • Promise و async/await
    • DOM
    • کلاس و وراثت

    ۵۷ واژه‌ی کلیدی در این سطح

  3. پله‌ی ۳سطح پیشرفتهTS

    تایپ‌اسکریپت به‌صورت کامل، و موتور زبان از نزدیک: prototype، this، event loop، الگوهای طراحی و حافظه.

    درس واژگان
    ۶ درس واژگان
    درس گرامر
    ۱۵ درس گرامر
    نمونه‌کد
    ۴۵ نمونه‌کد
    تمرین
    ۳۰ تمرین
    • TypeScript
    • interface و type
    • Generics
    • Utility Types
    • Narrowing
    • Event Loop
    • Proxy و Reflect
    • Decorators

    ۶۳ واژه‌ی کلیدی در این سطح

آزمون پایان درس، همین حالا

همان آزمونی که برنامه آخر هر درس می‌گیرد، روی دو درس رایگان: معنی واژه، تعریف، خروجی کد، اشتباه رایج و درست/نادرست. هر پاسخ درست ۱۵ امتیاز XP دارد و هر پاسخ غلط یک جان از ۵ جانت کم می‌کند.

سؤال‌ها هر بار از نو چیده می‌شوند؛ «تلاش مجدد» آزمون تازه می‌سازد.

۵
۰ XP

آزمون: متغیرها و انواع داده

سؤال ۱ از ۷

معنی «type» چیست؟

اول واژه‌ها، بعد گرامر

برنامه‌نویسی هم یک زبان است. هر سطح با درس‌های واژگان شروع می‌شود: ۱۸۴ واژه‌ی کلیدی که در کد، مستندات و مصاحبه‌ها مدام می‌بینی. این ۱۲ کارت، درس رایگان «متغیرها و انواع داده» است؛ مرورشان کن.
  • تلفظ فارسیوِرییِبِل، اَسایْنْمِنت؛ تا سر کلاس و جلسه درست بگویی‌شان.
  • ترفند حفظ کردن«قوز شتر را ببین: firstName» تا واژه یادت بماند.
  • اشتباه رایجهمان خطایی که بیشتر تازه‌کارها می‌کنند، پیش از آنکه تو بکنی.

variablevaluestringnumberbooleannullundefinedtypedeclarationassignmentinitializationcamelCase

کارت ۱ از ۱۲۰ از ۱۲ را بلدی

یادگیری مثل بازی

هر درس ۲۰ تا ۱۳۵ امتیاز دارد و هر پاسخ درست آزمون ۱۵ امتیاز. با XP از «تازه‌کار» تا «استاد جاوااسکریپت» بالا می‌روی، استریک روزانه‌ات را نگه می‌داری و نشان جمع می‌کنی.
  1. سطح ۱تازه‌کار۰ XP
  2. سطح ۲دانش‌آموز۲۰۰ XP
  3. سطح ۳یادگیرنده۵۰۰ XP
  4. سطح ۴کدنویس۱٬۰۰۰ XP
  5. سطح ۵برنامه‌نویس۲٬۰۰۰ XP
  6. سطح ۶توسعه‌دهنده۳٬۵۰۰ XP
  7. سطح ۷حرفه‌ای۵٬۰۰۰ XP
  8. سطح ۸استاد جاوااسکریپت۸٬۰۰۰ XP
صفحه‌ی دستاوردهای برنامه: امتیاز، استریک، درس‌های تمام‌شده، زمان یادگیری، نشان‌ها و پیشرفت هر بخش

۱۳ نشان برای جمع کردن

  • اولین کداولین درس را کامل کنید
  • واژه‌جمع‌کنهمه واژگان مبتدی را یاد بگیرید
  • کاوشگر گرامرهمه گرامر مبتدی را تکمیل کنید
  • استاد ناهمزمانیدرس‌های Promise و async را تکمیل کنید
  • تایپ‌اسکریپت‌کارهمه گرامر پیشرفته (TypeScript) را تکمیل کنید
  • شکارچی اشتباه۲۰ درس را تکمیل کنید و اشتباهات رایج را بشناسید
  • هفته پرتلاش۷ روز متوالی یادگیری
  • ماه درخشان۳۰ روز متوالی یادگیری
  • هزار امتیازی۱۰۰۰ XP کسب کنید
  • پنج‌هزار امتیازی۵۰۰۰ XP کسب کنید
  • فارغ‌التحصیل مبتدیهمه درس‌های مبتدی
  • فارغ‌التحصیل متوسطهمه درس‌های متوسط
  • فارغ‌التحصیل پیشرفتههمه درس‌های پیشرفته

داخل برنامه را ببین

از مسیر یادگیری، درس و آزمون تا دستاوردها و حالت شب؛ همه فارسی و راست‌چین.
صفحه‌ی اول: استریک ۱۲ روزه، امتیاز، سطح، اشتراک فعال و ادامه‌ی یادگیری
روزی چند دقیقه
مسیر یادگیری: واژگان و گرامر سطح مبتدی و متوسط با درصد پیشرفت
۶۲ درس در سه سطح
نمونه‌کد سبد خرید با map، filter و reduce و خروجی آن
کد واقعی، خروجی واقعی
واژه‌های درس توابع: function با تلفظ، تعریف، نمونه‌کد و اشتباه رایج
واژه‌های کلیدی
سؤال آزمون: خروجی کد زیر چیست؟ با پاسخ درست و توضیح
آزمون پایان هر درس
نقشه‌ی راه گرامر سطح متوسط: درس‌های تمام‌شده، درس فعلی و درس‌های قفل
مرحله‌به‌مرحله
نتیجه‌ی آزمون: نمره‌ی کامل و ۶۰ امتیاز XP
نتیجه‌ات را همان لحظه ببین
تمرین: چالش کدنویسی، اشتباهات رایج، فلش‌کارت واژگان و مرور کد
تمرین و چالش
مرور واژگان با تلفظ، تعریف و نمونه‌کد
فلش‌کارت واژگان
دستاوردها: امتیاز، استریک، زمان یادگیری، نشان‌ها و پیشرفت هر بخش
امتیاز، استریک و نشان
پروفایل: اشتراک فعال با ۸۹ روز باقی‌مانده و تاریخ پایان به تقویم شمسی
روزهای باقی‌مانده‌ی اشتراک
نقشه‌ی راه سطح مبتدی: درس اول رایگان و درس‌های پریمیوم با تاج
دو درس اول رایگان
صفحه‌ی اول در حالت شب
حالت شب
نمونه‌کد استخراج از آرایه و شیء در حالت شب
آفلاین، بدون اینترنت

برای چه کسی ساخته شده؟

  • از صفر شروع می‌کنی

    هیچ پیش‌نیازی جز آشنایی اولیه با کامپیوتر لازم نیست. از متغیر و انواع داده شروع می‌کنی و هر مفهوم را با مثال و آزمون جا می‌اندازی.

  • دانشجو یا دانش‌آموزی

    واژه‌های برنامه‌نویسی را با ترجمه و تلفظ فارسی یاد بگیر و هر روز چند دقیقه، کنار درس‌های دانشگاه و مدرسه، تمرین کن.

  • می‌خواهی وارد فرانت‌اند شوی

    پیش از ری‌اکت (React) یا نود جی‌اس (Node.js) خود زبان را محکم یاد بگیر: DOM، کد ناهمزمان، ماژول‌ها و تایپ‌اسکریپت.

  • برای مصاحبه‌ی کاری آماده می‌شوی

    closure، this، prototype، event loop و الگوهای طراحی؛ همان سؤال‌های همیشگی مصاحبه‌های جاوااسکریپت، با مثال و اشتباه رایج.

۲ درس رایگان؛ بقیه با اشتراک

اول ببین این روش به کارت می‌آید یا نه. دو درس اول سطح مبتدی همیشه رایگان است، بدون ثبت‌نام و بدون محدودیت زمانی؛ برای ۶۰ درس دیگر اشتراک می‌گیری.

رایگان

همین حالا، بدون پرداخت

  • درس «متغیرها و انواع داده» با ۱۲ واژه، ترجمه، تلفظ و ترفند حفظ کردن
  • درس «متغیرها: let، const و var» با قانون‌ها، نمونه‌کد و خروجی
  • آزمون، فلش‌کارت و اشتباهات رایج همین دو درس
  • امتیاز XP، استریک روزانه، نشان‌ها و حالت شب
نمونه‌کدهای درس رایگان را اجرا کن

جاوااسکریپت فارسی پریمیوم

همه‌ی درس‌ها، تمرین‌ها و آزمون‌ها، بدون تبلیغ

  • دسترسی به هر ۶۲ درس واژگان و گرامر
  • تایپ‌اسکریپت کامل در سطح پیشرفته
  • آزمون پایان همه‌ی درس‌ها
  • فلش‌کارت و اشتباهات رایج همه‌ی سطوح
  • چالش کدنویسی از همه‌ی درس‌ها
  • ۱ ماهاشتراک ماهانه
  • ۳ ماهمحبوب‌ترین
  • ۶ ماهاشتراک شش‌ماهه
  • ۱ سالبهترین ارزش

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

دریافت رایگان از کافه‌بازار

قبل از نصب، بپرس

برای شروع باید چیزی از برنامه‌نویسی بدانم؟

نه. سطح مبتدی از متغیر و انواع داده شروع می‌شود و هر مفهوم را با زبان ساده، واژه‌های کلیدی با تلفظ فارسی، نمونه‌کد و خروجی‌اش توضیح می‌دهد. اگر پایه را بلدی، می‌توانی سراغ سطح متوسط یا پیشرفته بروی.

چه چیزی رایگان است؟

دو درس اول سطح مبتدی، یعنی «متغیرها و انواع داده» (واژگان) و «متغیرها: let، const و var» (گرامر)، با آزمون، فلش‌کارت و اشتباهات رایجشان رایگان است؛ بدون ثبت‌نام و بدون محدودیت زمانی. برای ۶۰ درس دیگر اشتراک لازم است.

اشتراک چقدر است و چطور پرداخت می‌شود؟

چهار طرح یک‌ماهه، سه‌ماهه، شش‌ماهه و یک‌ساله هست. قیمت روز هر طرح را خود کافه‌بازار در برنامه نشان می‌دهد و پرداخت هم امن و از طریق کافه‌بازار انجام می‌شود. تعداد روزهای باقی‌مانده و تاریخ پایان اشتراکت همیشه در صفحه‌ی خانه و پروفایل پیداست.

تایپ‌اسکریپت را هم یاد می‌دهد؟

بله. سطح پیشرفته تایپ‌اسکریپت را به‌صورت کامل درس می‌دهد: سیستم نوع، interface در برابر type، Generics، Utility Types، Narrowing و Discriminated Unions، enum و as const، و Decoratorها؛ کنار مباحث عمیق خود جاوااسکریپت مثل prototype، event loop و مدیریت حافظه.

ری‌اکت یا نود جی‌اس هم درس می‌دهد؟

نه؛ این برنامه خود زبان را درس می‌دهد، یعنی جاوااسکریپت و تایپ‌اسکریپت به‌همراه DOM و رویدادها. این همان پایه‌ای است که ری‌اکت، نود جی‌اس و هر فریم‌ورک دیگری رویش ساخته شده‌اند و بدون آن یادگیری‌شان سخت می‌شود.

برای تمرین، کامپیوتر لازم دارم؟

برای خواندن درس‌ها، دیدن نمونه‌کدها و خروجی‌شان و جواب دادن آزمون‌ها، گوشی کافی است. برای نوشتن کد خودت فقط یک مرورگر لازم داری: هر مرورگری کنسول جاوااسکریپت دارد، و کنسول همین سایت هم کد را واقعاً اجرا می‌کند.

بدون اینترنت هم کار می‌کند؟

بله. همه‌ی درس‌ها، نمونه‌کدها و آزمون‌ها داخل خود برنامه است. اینترنت فقط برای خرید یا بازیابی اشتراک از کافه‌بازار لازم است.

XP، استریک و جان چه هستند؟

هر درس بسته به سطحش بین ۲۰ تا ۱۳۵ امتیاز XP دارد، هر پاسخ درست در آزمون ۱۵ و در چالش کدنویسی ۱۰ امتیاز. با XP از «تازه‌کار» تا «استاد جاوااسکریپت» (۸٬۰۰۰ امتیاز) بالا می‌روی. استریک تعداد روزهای پشت‌سرهم یادگیری است و هر روز ۵ جان داری که با هر پاسخ اشتباه در آزمون یکی کم می‌شود.

پیشرفتم کجا ذخیره می‌شود؟

روی همان گوشی. حساب کاربری و ثبت‌نامی در کار نیست و درس‌های تمام‌شده، امتیازها، استریک و نشان‌هایت در حافظه‌ی برنامه می‌ماند. اشتراک به حساب کافه‌بازارت وصل است و روی گوشی تازه با بازیابی خرید برمی‌گردد.

روی آیفون هم نصب می‌شود؟

فعلاً نسخه‌ی اندروید (اندروید ۷ و بالاتر) از کافه‌بازار منتشر شده است.

اولین پله را همین امروز بالا برو

دو درس اول رایگان است. نصب کن، با متغیر و let و const شروع کن و روزی چند دقیقه جلو برو؛ بدون ثبت‌نام، بدون اینترنت، بدون تبلیغ.