آموزش جاوا اسکریپت رایگان ✔️ javascript از صفر

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

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

1- آشنایی کامل با HTML برای تعریف کردن محتویات وب سایت.

2- آشنایی کامل CSS برای مشخص کردن چیدمان و طراحی صفحات وب سایت.

3-زبان JavaScript برای برنامه نویسی کردن نحوه ی رفتار و عمل صفحات وب سایت.

جاوا اسکریپت بر خلاف CSS و HTML، یک زبان برنامه نویسی محسوب می شود. حال آنکه دو مورد نام برده شده، تنها یک نوع زبان برای نشانه گذاری هستند.

آموزش جاوا اسکریپت

یک آموزش جاوا اسکریپت کامل، باید تمامی ورژن ها را پوشش داده و جامع و کامل باشد. ورژن های جاوا اسکریپت را در ادامه مشاهده می کنید:

– ورژن جاوا اسکریپت اورجینالES1 ES2 ES3 سال های 1997 تا 1999

– ورژن تجدید نظر اصلی اولیه ES5  سال 2009

– ورژن تجدید نظر دوم ES6  سال 2015

– اضافه تغییرات سالیانه برای سال های 2016، 2017، 2018

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

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

– چگونه باید جاوا اسکریپت را تهیه کنیم؟

شما نیازی به خریداری کردن جاوا اسکریپت ندارید!

– از کجا می توان جاوا اسکریپت را دانلود کرد؟

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

– هزینه ی استفاده از جاوا اسکریپت چه قدر است؟

– جاوا اسکریپت رایگان است و شما بدون پرداخت هزینه ای می توانید از آن استفاده کنید.

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

هنگام شنیدن نام جاوا اسکریپت، ممکن است مانند بسیاری از افراد دچار گمراهی و اشتباه شوید. برخی تصور می کنند جاوا اسکریپت همان جاوا می باشد. در صورتی که این دو، کاملا دو زبان متفاوت برنامه نویسی بوده که در محتوا و طراحی با یکدیگر تفاوت های اساسی دارند. جاوا اسکریپت در سال 1995 توسط Brendan Eich اختراع شد و در سال 1997 توسط سازمان ECMA ، به عنوان یک استاندارد معرفی شد.

یکی از روش های یادگیری راحت تر این زبان که در اکثر مباحث آموزش جاوا اسکریپت از آن استفاده می شود، یادگیری همراه با مثال است. جاوا اسکریپت به شما امکانات بی شماری می دهد که استفاده از آن را برای شما لذت بخش می کند.

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

– جاوا اسکریپت می تواند یک محتوای HTML را کاملا تغییر دهد. یکی از راه های تغییر محتوای HTML توسط این زبان، استفاده از getElementById می باشد. برای نمونه می توانید به مثال زیر با آیدی “demo” توجه کنید:

document.getElementById("demo").innerHTML = "Hello JavaScript";

-جاوا اسکریپت می تواند مقدار های صفت های HTML را تغییر دهد. برای مثال می توانید خاصیت src تگ img یا همان تصویر را تغییر دهید. به کد زیر توجه کنید:

<h2>What Can JavaScript Do?</h2>
JavaScript can change HTML attribute values.

In this case JavaScript changes the value of the src (source) attribute of an image.

<button>Turn on the light</button>
<img decoding="async" id="myImage" style="width: 100px;" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%200%200'%3E%3C/svg%3E" data-lazy-src="pic_bulboff.gif" /><noscript><img decoding="async" id="myImage" style="width: 100px;" src="pic_bulboff.gif" /></noscript>
<button>Turn off the light</button>

-جاوا اسکریپت می تواند استایل و سبک HTML را دگرگون کند. یعنی قادر است CSS را نیز تغییر دهد.

-می تواند عناصر HTML را نیز عوض کند:

document.getElementById("demo").style.fontSize = "35px";

آن ها را پنهان کند:

document.getElementById("demo").style.display = "none";

آن ها را نشان دهد:

document.getElementById("demo").style.display = "block";

و…

در مباحث آموزش جاوا اسکریپت تاکید می شود که جاوا اسکریپت هیچگونه روشی برای چاپ ندارد. تنها استثنا زمانی است که شما از روش window.print() در مرورگر خود، برای پرینت کردن صفحه ی فعلی وب سایت، استفاده می کنید.

جملات جاوا اسکریپت ترکیبی از: متغیر ها، عملگر ها، کامنت ها، کلمات کلیدی و… می باشد. نکته ی قابل توجه و جالب در این زبان این است که چند فاصله ی سفید، نادیده گرفته می شوند. برای خوانده شدن بهتر کد میتوانید از این فاصله ها استفاده کنید. در مثال زیر، هر دو عبارت از نظر این زبان، یکی هستند:

let person = "Hege";
let person="Hege";

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

document.getElementById("demo").innerHTML =
"Hello Dolly!";

کلمات کلیدی

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

Var = تعریف یا اعلان یک متغیر

Let = تعریف متغیر به صورت بلوکی

Const = تعریف یک ثابت بلوکی

For = مشخص کردن یک بلوک از دستورات برای اجرا شدن در یک حلقه

If = مشخص کردن یک بلوک از دستورات برای اجرا شدن در صورت وقوع یک شرط خاص

Try = پیاده سازی مدیریت خطا برای بلوکی از دستورات

Return = خروج از یک تابع

Switch =  مشخص کردن یک بلوک از دستورات برای اجرا شدن در صورت وقوع موارد مختلف

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