در حال بارگذاری...

آموزش کامل JavaScript

از مفاهیم پایه تا تکنیک‌های پیشرفته، همه چیز را درباره زبان JavaScript بیاموزید.

JavaScript چیست؟

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

چرا JavaScript مهم است؟
JavaScript یکی از سه فناوری اصلی وب (HTML، CSS و JavaScript) است. بدون JavaScript، صفحات وب فقط متن و تصویر بودند، اما با JavaScript می‌توانید انیمیشن‌ها، فرم‌های هوشمند، درخواست‌های AJAX و برنامه‌های وب کامل بسازید.

JavaScript یک زبان **شیء‌گرا، تابعی و چندپارادایم** است که هم در مرورگر و هم در سمت سرور (با Node.js) قابل اجراست.

متغیرها و انواع داده

در JavaScript، متغیرها برای ذخیره داده‌ها استفاده می‌شوند. سه روش برای تعریف متغیر وجود دارد:

  • var — قدیمی‌ترین روش (با محدودیت‌های scope)
  • let — مدرن‌ترین روش برای متغیرهای قابل تغییر
  • const — برای ثابت‌هایی که تغییر نمی‌کنند
تعریف متغیرها 
let name = "امیررضا";
const age = 18;
let isActive = true;

// انواع داده اصلی
string = "متن";
number = 123;
boolean = true;
array = [1, 2, 3];
object = { name: "امیررضا" };

توابع در JavaScript

توابع بلوک‌های کدی هستند که می‌توانید آن‌ها را بارها و بارها اجرا کنید. مهم‌ترین مفاهیم توابع عبارتند از:

مفهوم توضیح مثال
Function Declaration تعریف تابع با نام function add(a, b) { return a + b; }
Function Expression تابع به عنوان یک متغیر const add = function(a, b) { return a + b; };
Arrow Function تابع با syntax کوتاه‌تر const add = (a, b) => a + b;
Parameters ورودی‌های تابع function greet(name) { ... }
Return خروجی تابع return result;
Callback تابع به عنوان آرگومان setTimeout(callback, 1000);

DOM و رویدادها

**DOM (Document Object Model)** به شما اجازه می‌دهد تا به عناصر HTML دسترسی داشته باشید و آن‌ها را تغییر دهید. **رویدادها (Events)** به شما امکان می‌دهند تا به اقدامات کاربر (کلیک، تایپ، اسکرول و ...) پاسخ دهید.

  • document.getElementById() — پیدا کردن عنصر با ID
  • document.querySelector() — پیدا کردن عنصر با سلکتور CSS
  • element.addEventListener() — افزودن شنونده رویداد
  • element.innerHTML — تغییر محتوای HTML
  • element.style — تغییر استایل CSS
مثال تغییر DOM و رویداد 
// پیدا کردن عنصر
const btn = document.getElementById('myBtn');

// افزودن رویداد کلیک
btn.addEventListener('click', function() {
    alert('دکمه کلیک شد!');
});

// تغییر محتوا
const title = document.querySelector('h1');
title.innerHTML = 'عنوان جدید';

سوالات متداول JavaScript

تفاوت var، let و const چیست؟
var قدیمی است و محدودیت scope دارد، let برای متغیرهای قابل تغییر و const برای ثابت‌ها استفاده می‌شود.
آیا JavaScript یک زبان برنامه‌نویسی است؟
بله، JavaScript یک زبان برنامه‌نویسی کامل است که می‌تواند منطق پیچیده را پیاده‌سازی کند.
آیا برای یادگیری JavaScript نیاز به دانش قبلی دارم؟
بهتر است با HTML و CSS آشنا باشید، اما می‌توانید JavaScript را همزمان یاد بگیرید.
چقدر زمان برای یادگیری JavaScript نیاز است؟
با مطالعه منظم، می‌توانید مفاهیم پایه JavaScript را در حدود ۳ تا ۴ هفته یاد بگیرید.