آموزش JavaScript (قسمت ۱)

آموزش-javascript-قسمت-۱

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

خب برای اینکه بتوانیم از کدهای JavaScript‌استفاده کنیم، باید دقیقا همانند JQuery عمل کنیم.

کدهای HTML : 

<h5> JavaScript‌ شروع آموزش های </h5>
<p id="dr-message">  </p>

کدهای JavaScript :

<script>
    document.getElementById('dr-message').innerHTML = "سلام جاوا اسکریپت - این متن توسط جاوا اسکریپت نوشته شد";
</script>

همانطور که در خروجی کدهای بالا مشاهده می کنید، ما توسط کد جاوااسکریپت توانستیم به تگ <p>‌ایجاد شده در HTML یک متن اضافه کنیم.در این کد ما توسط  document.getElementById توانستیم از طریق id یک عنصر به مقدار آن دسترسی داشته باشیم. همانند JQuery‌که از طریق id می توانستیم مقدار آن را خوانده یا تغییر دهیم.

نکته :‌ برای نوشتن کدهای JavaScript نیاز به فراخوانی هیچ کتاب خانه ای همانند JQuery نمی باشد.

ساختار جاوا اسکریپت در کدهای HTML نیز همانند JQuery می باشد یعنی باید در داخل تگ <script>‌ و در انتها یعنی قبل از تگ <body/> نوشته شود.(دلیل اینکه این کدها در آخر نوشته می شوند این است که چون نیاز به پردازش دارند و زمان بر هستند ابتدا می خواهیم کدهای HTML ترجمه شده و صفحه ما نمایش داده شود و در مرحله دوم کدهای JS شروع به پردازش کنند)

این بخش صرفا برای آشنایی اولیه شما با این زبان اسکریپت نویسی می باشد و در قسمت های بعدی به آموزش دقیق تر این زبان اشاره خواهم کرد.


قسمت بعدی ◄
خودتان امتحان کنید

آموزش های مرتبط :



پرسش و پاسخ

سوالی دارید بپرسید؟