آموزش JavaScript

چاپ

Java Script

آموزش JavaScript (جاوا اسکریپت) - مقدمه

Wiki

JavaScript (جاوا اسکریپت) یک زبان اسکریپت نویسی تحت وب است.

JavaScript (جاوا اسکریپت) در میلیون ها صفحه وب برای اضافه کردن توابع، اعتبار سنجی فرم ها، ارتباط برقرار کردن با سرور و ... استفاده شده است.

یادگیری JavaScript (جاوا اسکریپت) آسان است و از آموزش آن لذت خواهید برد.


آموزش با استفاده از مثال های "خودتان امتحان کنید"

Wiki

در هر فصل، مثال های "خودتان امتحان کنید" آورده شده است.

این آموزش شامل صدها مثال "خودتان امتحان کنید" است.

می توانید با ویرایشگری که در اختیارتان است، کد JavaScript (جاوا اسکریپت) را ویرایش کنید و با کلیک روی دکمه "ویرایش کردن" نتیجه آنرا مشاهده کنید.

مثال (مقدمه آموزش JavaScript)

My First Web Page
This is a paragraph.
خودتان امتحان کنید »

برای مشاهده نتیجه کد بالا روی دکمه "خودتان امتحان کنید" کلیک کنید.

هم اکنون یادگیری JavaScript (جاوا اسکریپت) را آغاز کنید!


قبل از شروع آموزش چه چیزی را باید بدانید

Wiki

پیشنهاد می شود اگر با بیاموزهای زیر آشنا نیستید، قبل از ادامه آنها را مطالعه نمایید:

  1. آموزش HTML-مقدمه اچ تی ام ال
  2. آموزش CSS-معرفی سی اس اس

JavaScript (جاوا اسکریپت) یک زبان اسکریپت نویسی است


در آینده، چه چیزی را آموزش خواهید دید

Wiki

در زیر، آنچه در آینده به تفصیل فراخواهید گرفت آورده شده است:


آموزش JavaScript (جاوا اسکریپت): آموزش ایجاد خروجی HTML

مثال (مقدمه آموزش JavaScript)

document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
خودتان امتحان کنید »

توجه: در کدهای JavaScript (جاوا اسکریپت) واقعی، از دستور ()document.write استفاده نکنید. چون تمام صفحه دوباره بارگذاری می شود. با این وجود در اینجا دستور ()document.write یک راه ساده برای ایجاد خروجی HTML در JavaScript (جاوا اسکریپت) را نشان می دهد.


آموزش JavaScript (جاوا اسکریپت): آموزش واکنش در برابر رویدادها

کدهای JavaScript، زمانی اجرا می شوند که صفحه بارگذاری شود (onload) اما این چیزی نیست که همیشه نیاز داریم.

بعضی مواقع می خواهیم زمانی که یک رویداد خاص اتفاق می افتد، کدمان اجرا شود، مانند زمانی که کاربر روی یک دکمه کلیک می کند.

مثال (مقدمه آموزش JavaScript)

<button type="button" onclick="alert('Welcome!')">Click Me!</button>
خودتان امتحان کنید »

از تابع alert، معمولاً اگر بخواهید، کاربر را از اطلاعات ارسال شده به Server مطمئن کنید، استفاده کنید. (پیغام: عملیات با موفقیت انجام شد)

رویداد onclick، تنها یکی از رویدادهای HTML است و در آموزش های بعدی با آنها بیشتر آشنا خواهید شد.


آموزش JavaScript (جاوا اسکریپت): آموزش تغییر محتوای عناصر HTML

یکی از بهترین قابلیت های JavaScript (جاوا اسکریپت)، دستکاری محتوای عناصر HTML است. JavaScript (جاوا اسکریپت) می تواند محتویات عناصر HTML را بخواند و آنها را تغییر دهد)

مثال (مقدمه آموزش JavaScript)

x=document.getElementById("demo") //Find the element
x.innerHTML="Hello JavaScript"; //Change the content
خودتان امتحان کنید »

شما دستور ()document.getElementByID را در آینده بسیار خواهید دید. در قسمت HTML DOM تعریف شده است.

DOM یا (Document Object Model) یک استاندارد رسمی در W3C است و برای دسترسی به عناصر HTML است. (در آینده بیشتر توضیح داده خواهد شد)


آموزش JavaScript (جاوا اسکریپت): آموزش تغییر تصاویر HTML

این مثال، بصورت داینامیک، خصوصیت (src) عنصر <img> را تغییر می دهد:

مثال (مقدمه آموزش JavaScript)

element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="pic_bulboff.gif";
}
else
{
element.src="pic_bulbon.gif";
}
}
خودتان امتحان کنید »

JavaScript (جاوا اسکریپت) بسیاری از خصوصیت های عناصر HTML را می تواند تغییر دهد.


آموزش JavaScript (جاوا اسکریپت): آموزش تغییر ظاهر (Style) عناصر HTML

تغییر Style یک عنصر نسبت به تغییر خصوصیت کمی متفاوت است.

مثال (مقدمه آموزش JavaScript)

x=document.getElementById("demo") //Find the element
x.style.color="#ff0000"; //Change the style
خودتان امتحان کنید »

آموزش JavaScript (جاوا اسکریپت): آموزش اعتبار سنجی فرم (Validate)

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

مثال (مقدمه آموزش JavaScript)

if isNaN(x) {alert("Not Numeric")};
خودتان امتحان کنید »

آیا JavaScript (جاوا اسکریپت) و Java یکی اند؟

Wiki

نه!
JavaScript (جاوا اسکریپت) و java از نظر مفهوم و طراحی، دو زبان کاملا متفاوت هستند.
java (که توسط شرکت sun توسعه یافته است) قوی و بسیار پیچیده تر از JavaScript (جاوا اسکریپت) است و در دسته بندی زبان هایی مانند C و ++C قرار می گیرد.


JavaScript = ECMAScript

Wiki

JavaScript (جاوا اسکریپت) یک پیاده سازی از زبان استاندارد ECMAScript است. ECMA-262 استاندارد رسمی JavaScript (جاوا اسکریپت) است.

این زبان توسط "Brendan Eich" در Nets cape (با Navigator2.0) ابداع شده است و تقریباً در تمام مرورگرها از سال 1996 ظاهر شده است.

توسعه ی استاندارد ECMA_262 از سال 1996 و اولین ویرایش آن در 1997 توسط مجمع عمومی ECMA پذیرفته شد.

استاندارد ECMA به عنوان یک استاندارد ISO جهانی (ISO/IEC 16262) در سال 1998 تصویب شده است.

توسعه استاندارد هنوز هم در حال پیشرفت است.