جاوااسکریپت چیست ؟
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
![علی موسوی](https://topdemy.ir/upload/images/useravatar/2022/1/1641136190.png)
توسعه دهنده وب
شروع آشنایی من با دنیای برنامه نویسی 9 سال پیش بود ، اول مسیر با وردپرس آشنا شدم و بعد از اون شروع به یادگیری زبان جاوا اسکریپت کردم و رفته رفته سعی کردم یک برنامه نویس Front-end بشم که به مبحث گرافیک هم علاقه منده و هر روز تلاش میکنه تا پیشرفت کنه و اگر تجربه ای داره با بقیه به اشتراک بزاره.
- آموزش ساخت صفحه ی وب سایت با استفاده از HTML و css
- ساخت فروشگاه اینترنتی با html ، css و bootstrap - بخش اول
- سوالات مصاحبه ای از php و لاراول
- میانبر های مفید ادیتور VSCode
- همه ی آنچه باید در مورد Nuxt js بدانیم
این مقاله چقدر مفید بود ؟