keyboard_return  چسبون مقالات آموزشی آموزش گام به گام جاوا اسکریپت آموزش شروع برنامه نویسی جاوا اسکریپت
  1. آموزش گام به گام جاوا اسکریپت
  2. آموزش شروع برنامه نویسی جاوا اسکریپت

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

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

JavaScript-Step-By-Step-Tutorial

کدهای JavaScript را کجا اضافه کنیم

اسکریپت های جاوا اسکریپت بین تگ های  <script>….</script> نوشته می شوند. این اسکریپت ها را می توانید درون تگ های <head> و <head/> صفحه قرار دهید.

تگ <script> به مرورگر اعلام می کند تمام عبارت های داخل این تگ را بعنوان اسکریپت ترجمه و اجرا کند.

<!DOCTYPE html>
<html>
<head>
	<script type="text/javascript">
		// Write your script here...!
	</script>
</head>

<body>

</body>
</html>

مرورگرهای IE و یا Firefox جاوا اسکریپت را به عنوان زبان اسکریپت پیش فرض می شناسند. یعنی با دیدن تگ <script> به طور پیش فرض تمام دستورات داخل آن را به عنوان JavaScript تفسیر می کنند. از این رو تعیین صفت Type اختیاری می باشد. هر چند بهتر است که در جهت استاندارد شدن کد های خود حتما این Attribute را اضافه کنید.

همچنین می توانید اسکریپت های خود را درون تگ های <body> و <body/> اضافه نمایید.

<!DOCTYPE html>
<html>
<head>
</head>
<body>


<script type="text/javascript">
		//Write your script here...!
</script>

</body>
</html>

می توانید اسکریپت ها را حتی قبل و یا بعد از تگ <html> نیز اضافه کنید. البته این روش به دلیل غیر استاندارد بودن اصلا توصیه نمی شود.

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

به مثال زیر توجه کنید:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
</head>

<body>
<h1>آموزشگاه آنلاین برنامه نویسی چسبون| آموزش گام به گام جاوا اسکریپت</h1>
<p>متن زیر توسط جاوا اسکریپت ایجاد شده است</p>
<div id="test"></div>

<script>
		document.getElementById('test').innerHTML = "<p>Welcome to <a href='https://chasboon.ir'>chasboon.ir</a></p>";
</script>

</body>
</html>

لطفا نظرات و پیشنهادات سازنده خود را با ما در میان بگذارید.

آموزش شروع برنامه نویسی جاوا اسکریپت - 3.8 از 5 بر اساس 150 رای

امتیاز کاربران

آموزش شروع برنامه نویسی جاوا اسکریپت
دیدگاه‌ها
سامان سامان 2 سال پیش
سلام دوست عزیز، ممنون از مطالب مفیدتون، یه سوال داشتم: کد های jquery روی کامپیوتر من بالا نمیاد، تازگیا اینطوری شده، کد ها نوشته میشن اما روی مرورگر اجرا نمیشن، خواستم کمکم کنید، ممنون میشم
آرمان بابائی آرمان بابائی 2 سال پیش
درود . از CDN استفاده میکنید یا فایل‌های JQuery رو روی لوکال دارین اجرا میکنین؟ پیشنهاد می‌کنم کدهای خودتون رو در قسمت بپرس سایت قرار بدین تا بهتر کمک کنیم.
ذبیح اله ذبیح اله 3 سال پیش
پس بقیه آموزش کجاست؟
آرمان بابائی آرمان بابائی 3 سال پیش
این آموزش ها پیش مقدمه آموزش و آشنایی مقدماتی هستند و برای ادامه مقاله های گام به گام می تونید دوره های ویدیویی رو ببینید.
هیوا هیوا 4 سال پیش
سلام ممنون از آموزش خوبتون موفق باشید.

2021 © Copyright کليه حقوق مادی و معنوی براي چسبون محفوظ است و هرگونه کپی برداری پیگرد قانونی دارد.