به آموزش
جاوا اسکریپ JavaScript
خوش آمدید
1
|
|
|
پیش نیاز css+html مقدماتی
قلب برنامه نویسی کلاینت
اگرمی خواهید سمت سرور باشه با Node js اینکار انجام می شود..
.زبان اسکریپتی یا زبان برنامه نویسی قدرتمند
.قبلا” اسم این livescript بوده که توسط شرکت نت اسکیپ ساخته شده
.مایکروسافت هم بخاطررقیب بودن این شرکت اومده jscript را ارائه داده ولی جاوااسکریپ قویتره
.خیلی از فریم ورک ها مثل:
jquery ، angular ,React
فیس بوک با react ساخته شده
انستاگرام react native هست
که همه اینها با جاوا اسکریپت دراصل ساخته شده
.جاوا اسکریپت کامپایلری نیست شما می تونید بدون مرورگر، notepad را باز کنید وکد نویسی کنید.
.در جاواسکریپت محیط کد نویسی که من انتخاب کرده ام همان visual source کد هست
|
|
2· ساختار و قواعد دستوری زبان
جاوا اسکریپت
| |
|
|
.هرزبان برنامه نویسی برای خودش ساختار وقوانینی دارد
.این زبان نسبت به حروف کوچک وبزرگ حساس است مثلا” ali,Ali,Ali,aliI باهم فرق دارند.
. یک زبان تفسیری است نه کامپایلری.یعنی بانت پد بنویس ذخیره کن واجرا کن
.دستورات توسط ; از همدیگر جدا می شوند
.مثلا
var e =”esmaeili”;
var a =”aboul Ghasemi”;
.2خط بالا را می تونیم دریک خط هم پشت سرهم بنویسیم چون علامت ; آن 2 را ازهم جدا می کندولی برای اینکه خوانایی برنامه بهترباشه در یه خط می نویسیم
. visual souce code باز کنید یک فایل به نام
2.html ایجادکنید
.خط اول doc را تایپ کنید اینتر را بزنید یا علامت تعجب را تایپ کنید کلیدTab را بزنید تا کدهای ساختاری html ظاهرشود.
. همیشه اسکریپ را بعد از< body/> بنویسید
|
|
|
م
<![CDATA[<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Hesar</title>
</head>
<body data-rsssl=1>
<h1> Hello</h1>
</body>
</html>
]]>
.اگر اسکریپت ما 1000 صفحه هم باشد باید بین اسکریپت بنویسیم؟ نه .بایدیک فایل دیگری به نام مثلا” ali.js را ایجاد کنید و1000 خط دستور مربوط به js را داخل آن بنویسیم سپس در فایل html فراخوانی کنیم
یعنی فایل های جاوا اسکریپت را می ذاریم داخل فایل دیگه تا فایل html شلوغ وگنگ و ناخوانا نباشه
مزیت دیگر فایل خارجی چه در css چه در js وقتی فایل html اجرا میشه مرورگر این گونه فایل ها در در خودش کش می کنه بار اول.دفعات بعدی فایل را از داخل کش می خونه وسرعت لوددر این حالت بالاست
فایل html
<![CDATA[<!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>Document</title>
</head>
<body data-rsssl=1>
<p>hesar</p>
</body>
</html>]]>
فایل js
فایل js
<![CDATA[alert('Hello Hesar');]]>
<![CDATA[//alert('hello');
var a="ali"
alert('hello '+a)
//=====================
خروجی: hello ali]]>
1
|
|
|
پیش نیاز css+html مقدماتی
قلب برنامه نویسی کلاینت
اگرمی خواهید سمت سرور باشه با Node js اینکار انجام می شود..
.زبان اسکریپتی یا زبان برنامه نویسی قدرتمند
.قبلا” اسم این livescript بوده که توسط شرکت نت اسکیپ ساخته شده
.مایکروسافت هم بخاطررقیب بودن این شرکت اومده jscript را ارائه داده ولی جاوااسکریپ قویتره
.خیلی از فریم ورک ها مثل:
jquery ، angular ,React
فیس بوک با react ساخته شده
انستاگرام react native هست
که همه اینها با جاوا اسکریپت دراصل ساخته شده
.جاوا اسکریپت کامپایلری نیست شما می تونید بدون مرورگر، notepad را باز کنید وکد نویسی کنید.
.در جاواسکریپت محیط کد نویسی که من انتخاب کرده ام همان visual source کد هست
|
|
|
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
