سبد (0)

آموزش 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 (جاوا اسکریپت) یک زبان اسکریپت نویسی است

  • JavaScript (جاوا اسکریپت) محبوب ترین زبان اسکریپت نویسی تحت وب است و با عمده مرورگرها مانند Firefox, Chrome, Opera ,Internet Explorer و Safari کار می کند.
  • JavaScript (جاوا اسکریپت) برای اضافه کردن تعامل بیشتر در صفحات HTML، بوجود آمده است.
  • JavaScript (جاوا اسکریپت) معمولاً در بین کدهای HTML قرار می گیرد. (embedded)
  • JavaScript (جاوا اسکریپت) یک زبان تفسیر شده است. (یعنی اینکه اسکریپت ها بدون مقدمات کامپایل، اجرا می شوند)
  • هر کسی می تواند از 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 تصویب شده است.

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

آموزش صوتی JavaScript

ابزاری که در پیش روی دارید یکی از ابزارهای بسیار کاربردی سایت بیاموز در زمینه آموزش است، این ابزار برای سهولت یادگیری شما کاربران محترم طراحی شده است.

فقط کافی است روی عنوان پاراگراف مورد نظرتان کلیک کنید تا پخش صدا آغاز شود ...!

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehi مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه