آموزش JavaScript

۱. متغیرها در JavaScript

برای ذخیره اطلاعات در جاوا اسکریپت می‌توانیم از let، const و var استفاده کنیم.

let name = "Ali";
let age = 20;

const country = "Iran";

console.log(name);
console.log(age);

۲. انواع داده

جاوا اسکریپت از انواع مختلف داده مانند String، Number، Boolean، Array و Object پشتیبانی می‌کند.

let name = "Ali";
let age = 20;
let student = true;

let skills = ["HTML", "CSS", "JavaScript"];

let user = {
    name: "Ali",
    age: 20
};

۳. شرط‌ها

با استفاده از if و else می‌توانیم بر اساس شرایط مختلف تصمیم‌گیری کنیم.

let age = 20;

if (age >= 18) {

    console.log("Adult");

} else {

    console.log("Teenager");

}

۴. حلقه‌ها

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

for (let i = 0; i < 5; i++) {

    console.log(i);

}

let count = 0;

while (count < 3) {

    console.log("Hello");

    count++;

}

۵. توابع

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

function greet(name) {

    return "Hello " + name;

}

console.log(greet("Ali"));

۶. آرایه‌ها

آرایه برای نگهداری چند مقدار در یک متغیر استفاده می‌شود.

let languages = [
    "Python",
    "JavaScript",
    "C++"
];

console.log(languages[0]);

languages.push("Django");

۷. Object

Object برای نگهداری اطلاعات مرتبط به صورت کلید و مقدار استفاده می‌شود.

const user = {

    name: "Ali",

    age: 20,

    skill: "JavaScript"

};

console.log(user.name);

۸. کار با DOM

با DOM می‌توانیم عناصر HTML را با JavaScript پیدا کنیم و محتوای آن‌ها را تغییر دهیم.

<h1 id="title">Hello</h1>

<script>

const title =
    document.getElementById("title");

title.innerText = "Hello Ali!";

</script>

۹. Event ها

Eventها به ما اجازه می‌دهند به اتفاقاتی مثل کلیک کاربر واکنش نشان دهیم.

<button id="btn">
Click Me
</button>

<script>

document
.getElementById("btn")
.addEventListener("click", function() {

    alert("Hello Ali!");

});

</script>

مسیر یادگیری JavaScript