آموزش برنامه نویسی - تاپ دمی

آموزش جاوااسکریپت - بخش اول

ﺯﻣﺎﻥ ﻣﻄﺎﻟﻌﻪ: 3 دقیقه
آموزش جاوااسکریپت - بخش اول

جاوااسکریپت چیست ؟

JavaScript که به js معروفه یک زبان برنامه نویسیه که بیشترین کاربرد اون توی مبحث وب هست و در واقع برای پویا کردن صفحات وب استفاده میشه.

تعدادی از شرکت های بزرگی که از جاوااسکریپت استفاده می کنند : google ، Microsoft و Meta

پیش نیاز های جاوااسکریپت چیست ؟

برای اینکه شما شروع به یادگیری زبان برنامه نویسی جاوااسکریپت کنید لازمه که با html و css به خوبی آشنا باشید.

منظور از Cross Platform بودن جاوااسکریپت چیه ؟

Cross Platform به این معنیه که زبان برنامه نویسی جاوااسکریپت این امکان رو داره که روی بیشتر سیستم‌ عامل‌ ها اجرا بشه.

جاوااسکریپت در چه زمینه های کاربرد داره ؟

JavaScript در زمینه های :

وب (سمت کاربر) ، وب (سمت سرور) ، برنامه های موبایل ، برنامه‌های دسکتاپ ، ساخت بازی و... کاربرد داره.

Interactive بودن جاوااسکریپت به چه معنا است ؟

برای مثال وقتی شما با استفاده از html و css یک button ایجاد می کنید در حالت عادی اتفاق خاصی نمی افته ولی با استفاده از javascript می تونید برای مثال اطلاعاتی رو با زدن همین دکمه button به سمت سرور ارسال کنید و در واقع تعامل برقرار کنید به این تعامل و ارتباطی که توسط جاوااسکریپت ممکن میشه خاصیت Interactive بودن میگن.

ساخت اولین برنامه با جاوااسکریپت

برای این کار موارد زیر را به ترتیب انجام میدیم :

1- نصب ادیتور کد : برای این کار من از vscode استفاده میکنم و شما میتونید از این قسمت دانلود vscode اون رو دانلود کنید.

2- ساخت سند html : وارد vscode شده و یک سند index.html ایجاد کنید.

3- قرار دادن کد های جاوااسکریپت درون سند html و تگ <script></script> و یا ایجاد یک فایل جدید با نام دلخواه و پسوند js مانند app.js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>topdemy.ir</title>
</head>
<body>

        <script>
             // کد های جاوااسکریپت
        </script>

</body>
</html>

4- خروجی گرفتن از کد ها درون مرورگر

آشنایی با ساختار جاوااسکریپت

Statement چیست ؟

به کد های که ما درون نرم افزار های خودمون می نویسیم و با استفاده از اون ها جاوااسکریپت یک سری دستورات را انجام میده Statement گفته میشه.

مثل :

let myName= "topdemy";
function myName() {
  // ...
}

کامنت گذاری در جاوااسکریپت

کامنت ها به دو صورت :

تک خطی : همانطور که از اسم اون معلومه برای نوشتن توضیحات در یک خط از این نوع کامنت استفاده می کنیم و علامت // نشانگر کامنت تک خطیه.

چندخطی : همانطور که از اسم اون معلومه برای نوشتن توضیحات در چند خط استفاده میشن ، این نوع کامنت‌ ها بین علامت/* */ قرار میگیرند.

انواع داده در جاوا اسکریپت

جاوااسکریپت 8 نوع داده داره که عبارتند از :

Number

تمامی اعداد درون جاوا اسکریپت از نوع Number هستند مثل :

let a = 2;
let b = 1.5;

String

هرمقداری که بین Double-Quotation( " ) یا Single-Quotation ( ' ) و یا Backtick ` قرار بگیرد از نوع String است مثل :

let name = "ali";
var phone = '123456';

Boolean

از این نوع داده برای نمایشtrueو یا falseبودن یک مقدار استفاده می کنیم مثال :

alert(2 > 2); // false

object

const cars = {
  name: 'bmw',
  color: 'red',
}

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

Symbol

این نوع داده نسبت به داده های دیگر کاربرد کمتری دارند و زمانی استفاده میشه که قصد ساخت object با کلیدهای یکتا داریم ، با استفاده از تابع ()Symbol می توانیم سمبل بسازیم.

var car1= Symbol('data');
var car2= Symbol('data');

const cars= {
  [car1]: "bmw",
  [car2]: "benz",
}

alert(cars[car1]); // bmw
alert(cars[car2]); // benz

BigInt

زمانی که قصد استفاده از اعداد بسیار بزرگ در جاوااسکریپت را داریم از بیگ‌اینت استفاده میکنیم مثال :

let x = 1n;

نکته ای که باید به آن توجه کرد :

امکان استفاده از یک عدد BigInt و یک عدد معمولی باهم نیست و با خطا روبرو می شویم.

Null

Null بیانگر یک مقدار خالی هست .

Undefined

Undefined در واقع مقداری هست که وجود نداره و نباید با Null اشتباه گرفته بشه ، Null وجود داره و مقدار اون پوچ هست.

نحوه تشخیص نوع مقدار یک داده

با استفاده از عملگر typeof میتونیم نوع داده ی یک مقدار رو تشخیص بدیم مثال :

typeof "name";     // string
typeof 5;           // number
typeof true;        // boolean

این مقاله برای شما چقدر مفید بود ؟

15 اردیبهشت، 1401

اشتراک گزاری مقاله

مقالات مشابه

ویژگی های جدید ECMAScript 2021

ویژگی های جدید ECMAScript 2021

پس از معرفی es6 جاوا اسکریپت تغییرات زیادی کرد و حالا هر سال ویژگی های جدید به این زبان ب...

ادامه مطلب
بررسی var ، let و const  در جاوا اسکریپت

بررسی var ، let و const در جاوا اسکریپت

پس از معرفی ES6 دو روش جدید برای تعریف متغیر ها در جاوا اسکریپت معرفی شد در این مقاله سعی...

ادامه مطلب
چگونه برنامه نویسی را شروع کنم

چگونه برنامه نویسی را شروع کنم

در این مقاله به بررسی نحوه شروع برنامه نویسی ، چالش ها و سوالاتی که در ذهن هر کاربر برای...

ادامه مطلب