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

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

دسته بندی : آموزش Javascript سطح مقاله : متوسط زمان مطالعه : 4 دقیقه آخرین بروز رسانی: 17 اسفند 1399

با مقدمه ای بر جاوا اسکریپت همراه ما باشید . JavaScript یک زبان برنامه نویسی بسیار محبوب با تمرکز بر توسعه وب جلویی است.

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

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

این برای دستکاری در چیدمان وب سایت با تنظیم تعاملی HTML و اصلاح ویژگی های مختلف طراحی با تنظیم CSS با استفاده از کد JavaScript بسیار مفید است.

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

  • می توانید عناصر HTML را با هدف قرار دادن آنها با استفاده از getElementById() دستکاری کنید.
  • تفاوتهای مشخصی بین جاوا اسکریپت و پایتون و جاوا اسکریپت و جاوا وجود دارد.
  • دستکاری خصوصیات CSS یک عنصر شامل هدف قرار دادن شی style سبک است.
  • شما یاد می گیرید که همزمان با آموزش ، چطور HTML و CSS را با JavaScript دستکاری کنید.

جاوا اسکریپت و جاوا: تفاوت آنها با یکدیگر چیست؟

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

باید از قبل بدانید که JavaScript یکی از اصلی ترین عناصر یک وب سایت تعاملی و زیبا است (در کنار HTML و CSS).

به بیان خلاصه ، واضح ترین تفاوتی که در بحث جاوا اسکریپت و جاوا ذکر می شود این است که جاوا برای مدیریت back-end در نظر گرفته شده ، در حالی که جاوا اسکریپت بیشتر برای توسعه جلوه ای طراحی شده است. این واقعیت که جاوا اسکریپت برای مقابله با back-end مجهز شده است ، یک پیشرفت نسبتاً اخیر است.

جاوا اسکریپت در مقابل پایتون: ارتباط آنها چگونه است؟

اگر یک مبتدی در دنیای فناوری هستید ، مطمئناً با دو زبان برنامه نویسی مواجه خواهید شد: JavaScript و Python.

ممکن است به عنوان رقبا در مورد آنها بحث شود ، اما چنین رقابتی عادلانه نیست زیرا این زبان ها تفاوت های زیادی دارند. به عنوان مثال ، JavaScript یک زبان برنامه نویسی است ، و Python یک زبان برنامه نویسی شی گرا است.

بحث دیگر در JavaScript vs Python این است که می توان JavaScript را پدر تعامل وب سایت دانست. Python یک زبان برنامه نویسی بسیار متنوع است که می تواند در سیستم عامل های مختلف مانند توسعه وب استفاده شود.

در حالی که پایتون برای نوشتن سمت سرور برنامه ها در نظر گرفته شده است ، JavaScript زبان ترجیحی برای توسعه front-end است.

دستکاری HTML و CSS

getElementById یکی از پرطرفدارترین روش ها است که برای یافتن یک عنصر خاص HTML از طریق ویژگی id مورد استفاده قرار می گیرد. با پیدا کردن یک عنصر خاص ، می توانید از JavaScript برای دستکاری HTML استفاده کنید. در مثال ویرایشگر ، یک سند HTML اساسی با جاوا اسکریپت پیاده سازی شده مشاهده می کنید. این یکی از مهمترین ویژگیهای مورد استفاده JavaScript است.

در مثال زیر، می توانید از روشی استفاده کنید که برای قرار دادن یک عنصر HTML با id = “example” و سپس جایگزینی محتوای آن با “Hello world!” ، با استفاده از ویژگی innerHTML استفاده می شود.

document.getElementById("example").innerHTML = "Hello world!";

در آموزش JavaScript HTML DOM Changing HTML می توانید اطلاعات بیشتری کسب کنید.

اکنون ، در مثال بعدی ، در حال اصلاح ویژگی های CSS یک عنصر HTML هستیم. این کار مشابه دستکاری عناصر HTML است. همانطور که تاکنون درک کرده اید ، دستکاری یکی از پرکاربردترین ویژگی هایی است که می توانید با JavaScript انجام دهید.

مثال زیر به شما نشان می دهد که چگونه می توانید اندازه متن یک عنصر HTML را تغییر دهید. با استفاده از شی object و ویژگی fontSize ، مقدار اندازه قلم خاصیت CSS را به مقدار دیگری جایگزین می کنید.

document.getElementById("example").style.fontSize = "24px";
//or
document.getElementById('example').style.fontSize = '24px';

خلاصه مقدمه ای بر جاوا اسکریپت :

  • JavaScript به شما امکان می دهد عناصر HTML را دستکاری کنید.
  • جاوا اسکریپت را نباید با جاوا اشتباه گرفت یا آن را با پایتون مقایسه کرد.
  • با استفاده از JavaScript می توانید خصوصیات CSS را تغییر دهید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊