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

 با سلام به دوستان عزیز

پیش نیاز های یادگیری :

  • Html
  • Css

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

 

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

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

 

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

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

 

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

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) اما این چیزی نیست که همیشه نیاز داریم.

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

<button type="button" onclick="alert('Welcome!')">Click Me!</button>

 

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

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

 

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

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

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> را تغییر می دهد:

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 یک عنصر نسبت به تغییر خصوصیت کمی متفاوت است.

x=document.getElementById("demo") //Find the element 
x.style.color="#ff0000"; //Change the style

 

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

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

if isNaN(x) {alert("Not Numeric")};

 

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

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

 

JavaScript = ECMAScript

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

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

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

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

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

 

منبع : http://beyamooz.com

 

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

  نویسنده : مهرداد خدائی ( طراح صفحات وب و تکنسین شبکه )

تماس با پروسس

جهت دریافت اطلاعات و سفارش برنامه با ما در ارتباط باشید

این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید

 4167 330 0413

 0639 223 0936

فعالیت های پروسس

اهداف تیم پروسس

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

گروه برنامه نویسی پروسس

Scroll to Top