نگاه مقدماتی بر زبان جاوا اسکریپت

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

معرفی مختصر JavaScript

جاوا اسکریپت  (JavaScript) زبان برنامه نویسی اسکریپت مبتنی بر اشیاء می باشد که توسط NetScape تولید شده‌ است. برخلاف برداشت اشتباه عموم ، زبان جاوا اسکریت با زبان جاوا ارتباطی ندارد ، اگر چه ساختار این زبان به سی پلاس پلاس و جاوا شباهت دارد ؛ که این امر برای یادگیری آسان در نظر گرفته شده‌است. به کمک این زبان می‌توان به اشیاء داخل صفحات HTML دسترسی پیدا کرد و آنها را تغییر داد . به همین علت برای پویا نمایی (طراحی وب سایت استاتیک) در سمت کاربر (client side) از این زبان استفاده می‌شود .

این زبان برای اضافه کردن یکسری قابلیت ها مانند : اعتبار فرم ها، ارتباط با سرور، و…است.یادگیری جاوا اسکریپت بسیار آسان است و شما می توانید از آن لذت ببرید.

از این رو :

  • جاوا اسکریپت برای اضافه کردن تعامل کاربر با صفحات HTML طراحی شده بود
  • جاوا اسکریپت یک زبان اسکریپت نویسی است
  • اسکریپت نویسی یک زبان برنامه نویسی بسیار سبک می باشد
  • جاوا اسکریپت است معمولا به طور مستقیم درون صفحات HTML نوشته شده و به کار می رود
  • جاوا اسکریپت یک زبان مفسری است (بدان معنی است که کدهای نوشته شده قبل از اجرا کامپایل نشده اند و خط به خط در زمان اجرا تفسیر می شوند)
  • همچنین جاوا اسکریپت به قدری گسترده و کامل و منعطف می باشد که کتابخانه های مختلفی بر اساس آن به وجود آمده اند که هر یک دارای امکانات بسیار زیادی در زمینه طراحی وب می باشند مانند : jQuery ، React

تاریخچه

سال ها پیش طراحان وب دریافتند که HTML و CSS پاسخگوی نیاز های آنان برای ارتباط با کاربر نمی باشد و همین دلیل ، شرکت NetScape را وادار کرد تا زبانی برای ساختن رابط کاربری (UI) جذاب تر درست کند که نتیجه ی آن جاوا اسکریپت بود. جاوا اسکریپت در سال اخر ۱۹۹۵ توسط این شرکت رونمایی و مورد استفاده قرار گرفت و پس از آن شرکت های زیادی شروع به استفاده از آن کردند.
در زمانی که دیگر توجه کمی به جاوا اسکریپت می شد و برنامه نویسان حرفه ای آن را به حساب نمی آوردند ایجکس (AJAX) معرفی شد و به جاوا اسکریپت جان دیگری داد توجه برنامه نویسان وب را به سمت خود جلب کرد.

 

برخی از امکانات Java Script

  •  به رویدادهای مختلف در صفحه واکنش نشان می دهد . مثلا می توان یک تابع جاوا اسکریپت تعریف کرد تا در هنگام وقوع یک رویداد مثل کلیک بر روی یک دکمه یا لود شدن صفحه ، اجرا شود
  • می تواند اطلاعات ارسالی یک فرم را اعتبار سنجی کند و در صورت صحیح بودن ، آنها را به سمت سرور بفرستد که این کار باعث جلوگیری از ورود اطلاعات نادرست به سرور می شود
  • توانایی تشخیص نوع و نسخه مرورگر مورد استفاده کاربر را دارد که می تواند بر حسب آن نوع مرورگر خاص ، تنطیمات و صفحات ویژه ای را بارگذاری نماید
  • توانایی خواندن و نوشتن اطلاعات مورد نیاز مرورگر را بر روی کامپیوتر بازدید کننده صفحه را دارد ، که به این عمل ایجاد و خواندن Cookie می گویند
  • قابلیت نمایش انواع کادرهای اخطار ، تایید و دریافت ورودی را به کاربر دارد
  • جاوا اسکریپت می تواند محتوای عنصر HTML و CSS خواند و یا ویرایش کند

قبل از ادامه شما باید یک درک پایه ای از اچ تی ام ال و سی اس اس داشته باشید.

 

نحوه استفاده از جاوا اسکریپت در طراحی وب

 

نحوه استفاده

همانطور که توضیح داده شد javaScript در صفحات وب مورد استفاده قرار می گیرد پس باید داخل صفحات HTML از آن استفاده شود.برای استفاده از آن در صفحات وب دو روش وجود دارد :

۱ – استفاده از تگ Script : در این روش کدهای جاوا اسکریپت درون تگ <script> قرار می گیرند که می توانید این تگ را در هر کجا از صفحه وب استفاده کنید

<body>
<script>
 
</script>
</body>

 

نکته : در بعضی مواقع پیشنهاد می شود که آن را درون تگ <head> و یا بسته به نیاز درون تگ <body> قرار دهید که در آموزش های بعدی در این باره بیشتر توضیح خواهیم داد.

۲ – استفاده از فایل Script : بهترین راه برای استفاده از کدهای جاوا اسکریپت روشی است که در آن  فایلی با پسوند js ایجاد کنید و داخل آن شروع به نوشتن اسکریپت کنید و در نهایت فایل را به برنامه متصل کنید

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

در داخل src آدرس فایل جاوا اسکریپت که با پسوند js است نوشته می شود و خصوصیت type نوع فایل را مشخص میکند

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

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

<html>
<body>
<script language="javascript" type="text/javascript">
   document.write("Hello World!");
</script>
</body>
</html>

در کدهای بالا ابتدا درون فایل html و درون تگ body یک تگ script ایجاد کردیم که درون از با استفاده از تابع ()document.write متن خود را در سند وب چاپ می کنیم.

 

در مطالب آینده بطور کامل آموزش این زبان شیرین ، آسان و پرکاربرد را آغاز خواهیم کرد.

 

نگارش و انتشار توسط میلاد صادقیان

فعال در زمینه های : برنامه نویسی پویا تحت ویندوز ، طراحی رابط کاربری UI ، توسعه و طراحی وب

دیدگاه شما

ایمیل شما نزد ما محفوظ خواهد بود.