درخواست های ارتباط
جستجو
لیست دوستان من
صندوق پیام
همه را دیدم
  • در حال دریافت لیست پیام ها
صندوق پیام
رویدادها
همه را دیدم
  • در حال دریافت لیست رویدادها
همه رویدادهای من

آموزش جاوااسکریپت - بخش اول :: آشنایی ، تاریخچه و متغیر ها

4 نظرات
60 بازدیدها
سلام به دوستان عزیز ITPRO
با اولین قسمت از آموزش JavaScript همراه ما هستید. امید وارم که این آموزش مفید واقع شود و می توانم این نوید را بدم که پس از خواندن این سری آموزش به سطح قابل قبولی در نوشتن اسکریپت با JavaScript برسید.

جاوااسکریپت زبان اسکریپت نویسی سمت کاربر (Client Side)هست که عموما برای صفحات وب استفاده میشه و طراحان وب کمک میکنه که صفحات جذاب تر و پویایی داشته باشند. این زبان توسط مرورگر کاربر ها تفسیر و اجزا میشه و دسترسی زیادی به سیستم کاربر نداره.
توجه داشته باشید که این زبان هیچ ارتباطی به زبان برنامه نویسی جاوا نداره
js


تاریخچه

سال ها پیش طراحان وبسایت دریافتند که HTML پاسخگوی نیاز های آنان برای ارتباط با کاربر نیست و همین شرکت NetScape را بر آن داشت که زبانی برای ساختن رابط کاربری جذاب تر درست کند که نتیجه ی آن جاوااسکریپت (JavaScript) بود. جاوااسکریپت در سال اخر 1995 توسط این شرکت رونمایی و مورد استفاده قرار گرفت و پس از آن شرکت های زیادی شروع به استفاده از آن کردند.
در زمانی که دیگر کمتر توجهی به جاوااسکریپت می شد و برنامه نویسان حرفه ای آن را به حساب نمی آوردند ایجکس معرفی شد و به جاوااسکریپت جان دیگری داد تا باز هم توجه برنامه نویسان به آن جلب شود.

نحوه ی استفاده

همانطور که در بالا توضیح دادم javaScript در صفحات وب مورد استفاده قرار می گیرد پس باید داخل صفحات HTML از آن استفاده شود.
ما برای استفاده از آن در صفحات وب دو راه داریم:
  1. استفاده از تگ Script: ما می توانیم با استفاده از تگ اسکریپت داخل صفحه ی HTML شروع به نوشتن برنامه ی خود بکنیم:
  2. <body>
    <script>
    
    </script>
    </body>
    
پیشنهاد می شود که تگ اسکریپت را در پایان محتوای سایت و قبل از بسته شدن Body بنویسید.
  1. 2- استفاده از فایل Script: بهترین راه این است که فایلی با پسوند js درست کنیم و داخل آن شروع به نوشتن اسکریپت بکنیم و در نهایت فایل را به برنامه متصل کنیم:
برای شروع من فولدری در درایو D به نام WorkSpace ایجاد می کنم و داخل آن فولدر دیگری به نام Project1. سپس داخل این فولدر دو فایل با پسوند های HTML و JS ایجاد می کنم.
js file

در فایل HTML کد های زیر را برای متصل کردن آن به فایل Js می نویسم:

<body>
		<script src="main.js" type="text/javascript"></script>
	</body>

داخل src ما ادرس فایل js خود را می نویسیم.
حالا فایل js ما به صفحه ی HTML متصل هست و می توانیم با دستورات js در صفحه ی وب خود تغیر ایجاد کنیم.

اولین اسکریپت

به عنوان اولین اسکریپت ما می خواهیم متنی داخل صفحه چاپ کنیم. برای این کار به فایل js می رویم و شروع به کد نویسی می کنیم:
document.write("Hello JavaScript!")
خروجی:
working with javascript

به این ترتیب ما توانستیم متنی را داخل صفحه ی وب چاپ کنیم.
توجه داشته باشید ممکن از جاوااسکریپت در مرورگر شما غیر فعال باشد . در این صورت می توانید آن را در تنظیمات فعال کنید.

متغیر ها (Variables)

ما در همه ی زبان های اسکریپت و برنامه نویسی با متغیر ها سر و کار داریم . ما با استفاده از متغیر ها می توانیم داده ها را در طول اجرای برنامه ذخیره و از آن ها استفاده کنیم.
اما پیش از توضیح متغیر ها لاظم است که انواع داده ها را بررسی کنیم.

انواع داده (Datatypes)

ما می دانیم که در برنامه نویسی چند نوع داده داریم که برای ذخیره سازی و استفاده از داده ها باید نوع آن ها را بدانیم. در جاوا اسکریپت ما سه نوع داده ی اصلی داریم:
  • اعداد (Numbers) : این نوع داده برای ذخیره سازی اعداد استفاده می شود. مثلا : 1و15.23 و ...
  • رشته ای (String) : این نوع داده برای ذخیره سازی متن ها و رشته هایی از کاراکتر ها استفاده می شود . مثلا : این یک متن است و پیغام! و ...
  • بولین (Boolean ) : این نوع داده تنها مقدار True(درست) و یا Flase (غلط) را در خود جای می دهد(مقادیر 0 یا 1 ).
  • تعریف متغیر

ما با استفاده از کلمه ی کلیدی Var متغیر ها را تعریف می کنیم. همانطور که می دانید هر متغیر نوع داده ای دارد که جاوااسکریپت خودش بر اساس مقداری که به آمتغیر داده می شود نوع داده را تشخیص می دهد.
 var money;
var number;
در کد بالا من دو متغیر تعریف کردم.

مقدار دهی متغیر:

money = 10;
number = 1203;
دقت داشته باشید اخر هر خط در جاوااسکریپت ما ; می گذاریم.
عملگر = مشخص می کند که ما می خواهیم به متغیر مقداری دهیم.من در کد بالا مقدار 10 را داخل Money و مقدار 1203 را داخل متغیر Number ریختم.

مقدار دهی در زمان تعریف :

var text = "این یک متن است.";
من در بالا یک متغیر از نوع داده ی متنی تعریف و همانجا به آن مقدار دادم.
توجه داشته باشید که تمامی متن ها را بین دو " (Double quotation) قرار می دهیم.
ما می توانیم مقدار یک متغیر را داخل دیگری بریزیم:
var bool = true;
var bool2 = bool;
در کد بالا من مقدار متغیر bool که از نوع Boolean است را داخل bool2 ریختم.
توجه داشته باشید که وقتی مقدار متغیری را به داخل دیگری می ریزید باید نوع داده ی دو متغیر با هم برابر باشد. یعنی من قادر نخواهم بود مقدار متغیر bool را داخل متغیر text که در بالا تعریف کردیم بریزم چون متغیر اول از نوع Boolean و دومی String (رشته ای ) است.

با تشکر از همراهی شما عزیزان
ITPRO باشید
محمد پارسا صفوی
انجمن تخصصی فناوری اطلاعات ایران - tosinso.com
برچسب ها
ردیف عنوان قیمت
1 آموزش جاوااسکریپت - بخش اول :: آشنایی ، تاریخچه و متغیر ها رایگان
2 آموزش جاوااسکریپت - بخش دوم :: عملگر ها و عبارات شرطی رایگان
3 آموزش جاوااسکریپت - بخش سوم :: Switch ، else if و توابع رایگان
4 آموزش جاوااسکریپت - بخش چهارم :: حلقه ی For ، While و Break و Continue رایگان
مطالب مرتبط

در حال دریافت اطلاعات

نظرات
  • سلام مهندس خسته نباشید بنده یک سوال دارم

    سوال من اینه من میخام یک سایت دو صفحه ای درست کنم که بر روی صفحه index یک کادر متن و یک دکمه قرار بدم و بر روی صفحه دوم یک label حالا میخام یک فایل جاوا اسکریپت خارجی بسازم و توی اون یک متغیر تعریف کنم که مقدارش رو از کادر متن دریافت کنه یعنی اینکه مقدار درون کادر متن رو داخل متغیر فایل خارجی جاوا اسکریپت ذخیره کنه و بعد در صفحه دوم بتونم مقدار درون متغیر رو در کنترل label نمایش بدم
    ممنون میشم اگه راهنمایی بفرمایید
  • عالی بود
    ببخشید من یک سوال دارم
    سوال من اینه من میخام یک سایت دو صفحه ای درست کنم که بر روی صفحه index یک کادر متن و یک دکمه قرار بدم و بر روی صفحه دوم یک label حالا میخام یک فایل جاوا اسکریپت خارجی بسازم و توی اون یک متغیر تعریف کنم که مقدارش رو از کادر متن دریافت کنه یعنی اینکه مقدار درون کادر متن رو داخل متغیر فایل خارجی جاوا اسکریپت ذخیره کنه و بعد در صفحه دوم بتونم مقدار درون متغیر رو در کنترل label نمایش بدم
    ممنون میشم اگه راهنمایی بفرمایید
  • دوست عزیز لطف کنید سوالتون رو به عنوان سوال روی سایت ارسال کنید ولی به طور کلی اگر بخوام جوابتون رو بدم شما برای این کار روشی در جاوااسکریپت پیدا نمی کنید چون جاوااسکریپت یک زبان اسکریپتی هست ولی همچین کاری رو باید با زبان های سمت سرور (مثل :python , asp.net , php , ...) انجام بدید.
  • فقط میخام یه کار انجام بده و اون اینه که روی صفحه اول یک کادر متن و یک دکمه داشته باشه و روی صفحه دوم یک کادر متن دیگه بذارم و وقتی که روی کادر متن چیزی نوشته میشه و روی دکمه کلیک بشه روی کادر متن صفحه دوم به نمایش در بیاد

برای ارسال نظر ابتدا به سایت وارد شوید

arrow