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

کیک صفحات وب!

جاوا اسکریپت یک زبان برنامه نویسی است که به شما این امکان را می دهد که چیزهای پیچیده را در صفحات وب اجرا کنید. جاوا اسکریپت یک صفحه وب استاتیک را به صفحه پویا و دارای نقشه های تعاملی، انیمیشن ۲D ، گرافیک سه بعدی، اسکرول کردن، jukebox های ویدئویی، و… تبدیل می کند. JavaScript سومین لایه کیک لایه ای از فناوری های استاندارد وب است که دو مورد از آنها ( HTML , CSS ) را قبلا یاد گرفتید.

جاوا اسکریپت

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

CSS یک زبان از قوانین سبک است که برای اعمال ظاهر به محتوای HTML به ما کمک می کند. به عنوان مثال تنظیم رنگ پس زمینه ، فونت و قرار دادن محتوا در چند ستون استفاده کنید.

Javascript زبان اسکریپتی است که شما را قادر به ایجاد محتوا به صورت پویا، کنترل چندرسانه ای، تصاویر متحرک و تقریبا هر چیز دیگری می کند. (خب نه همه چیز، اما  شما می توانید با چند خط کد جاوا اسکریپت به خروجی شگفت انگیزی دست پیدا کنید)

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

طراحان صفحات وب می توانند با استفاده از Function ها و Object های آماده و از پیش تعریف شده جاوا اسکریپت قابلیت های زیادی را برای صفحات وب ایجاد کنند. برای مثال:
-قالب Html را طوری طراحی کنند که کاربران بتوانند خود اجزای صفحه وب مثل رنگ بک گراند یا سایز لینک یا متن را داشته باشند.
-می توان با استفاده از کدهای گرافیکی انیمیشن ایجاد کرد و همچنین صفحاتی را طراحی کرد که کاربر به دلخواه قادر به جابجایی یا تغییر تصاویر گرافیکی باشد.
-Event ها را کنترل کند و با جاوا و Plug-in ها ارتباط داشته باشد.
-فرمهای Clint-Side ایجاد کند و اطلاعات وارد شده توسط کاربر در فرمها را ارزیابی کند و در صورت وجود هرگونه خطایی در نحوه پر شدن آنها پیغام مناسب را نمایش دهد.

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

<script type="text/javascript">
    var rows = prompt("How many rows for your multiplication table?");
    var cols = prompt("How many columns for your multiplication table?");
    if(rows == "" || rows == null)
   		 rows = 10;
    if(cols== "" || cols== null)
   		 cols = 10;
    createTable(rows, cols);
    function createTable(rows, cols)
    {
      var j=1;
      var output = "<table border='1' width='500' cellspacing='0'cellpadding='5'>";
      for(i=1;i<=rows;i++)
      {
    	output = output + "<tr>";
        while(j<=cols)
        {
  		  output = output + "<td>" + i*j + "</td>";
   		  j = j+1;
   		}
   		 output = output + "</tr>";
   		 j = 1;
    }
    output = output + "</table>";
    document.write(output);
    }
  </script>

 

دیدگاه ها

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

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

محصولات و دوره های آموزشی

    درحال بروزرسانی

مشاهده همه دوره های آموزشی

یاد بگیرید حرفه ای کارکنید تا به درآمد بالا برسید

0