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

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

به‌طور طبیعی بعد از یادگیری HTML و CSS نوبت شروع آموزش جاوا اسکریپت می‌رسد.

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

جاوا اسکریپت معروف ترین زبان اسکریپت نویسی سمت کلاینت است.

یادگیری جاوا اسکریپت چندان کار سختی نیست؛ ولی نکته مهم در رابطه با یادگیری این زبان، آن است که بر خلاف HTML یا CSS که زبان‌های نشانه‌گذاری محسوب می‌شوند، جاوا اسکریپت یک زبان «برنامه نویسی» است.

پس انتظار یادگیری سریع و بدون دردسر نداشته باشید و خود را برای چالش‌های جدید و درگیری‌های ذهنی بیشتر آماده کنید.

جاوا اسکریپت (JavaScript), یک زبان اسکریپت نویسی سمت کاربر (client-side) معروف و پر استفاده است. کلاینت ساید بودن آن اشاره به اجرا شدن اسکریپت در مرورگر وب کاربر دارد.

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

جاوا اسکریپت یک زبان شی گرا است و همچنین شکل نوشتاری (syntax) آن مشابه زبان Java است اما جاوا اسکریپت هیچ ارتباطی با جاوا ندارد و فقط یک تشابه اسمی است.

نکته: این سری از آموزش جاوا اسکریپت (JavaScript) به شما کمک می کند که مفاهیم پایه زبان اسکریپت نویسی جاوا اسکریپت را از مبتدی تا پیشرفته بصورت قدم به قدم یاد بگیرید.

اگر مبتدی هستید, از موارد پایه شروع کنید و هر روز یک قدم کوچک ولی مداوم برای یادگیری این زبان بردارید.

 

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

  • می توانید محتوای صفحه وب با افزودن یا حذف المان تغییر بدید
  • می توانید استایل و موقعیت المان های صفحه وب را عوض کنید.
  • می توانید رویداد هایی مثل کلیک ماوس, هاور و غیره را مانیتور کنید.
  • می توانید انیمیشن ها و transition ها را کنترل کنید
  • می توانید مدال (پاپ آپ های داخلی) را برای نمایش پیام ها یا اطلاعاتی به کاربر ایجاد کنید
  • می توانید عملیاتی را بر اساس ورودی کاربر انجام و نتیجه را نمایش بدید(اعتبارسنجی)
  • می توانید ورودی های کاربر را قبل از سابمیت به سرور اعتبارسنحی کنید.

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

از بین مشهورترین ابزارها و فریم‌ورک‌های توسعه‌یافته به زبان جاوا اسکریپت می‌توان به موارد زیر اشاره کرد:

  • کتابخانه‌ی ReactJS که بسیاری از سایت‌ها و سرویس‌های بزرگ بر پایه‌ی این فریم‌ورک توسعه داده‌ شده‌اند.
  • React Native محصول دیگری از شرکت فیس‌بوک که امکان تولید اپلیکیشن‌های موبایل بر پایه زبان جاوا اسکریپت را فراهم می‌کند. نمونه بارز آن اپلیکیشن موبایل اینستاگرام است.
  • فریمورک AngularJs گوگل که آخرین نسخه آن angular 4 است و بسیاری از ابزارها و سرویس‌های بزرگ بر پایه‌‌ی آن توسعه داده‌ شده‌اند.
  • زبان اپن سورس NodeJS که امکان برنامه‌نویسی با زبان جاوا اسکریپت را در سمت سرور فراهم می‌کند.

این لیست همینجا به پایان نمی رسد, خیلی موارد زیاد دیگری وجود دارد که می توانید با جاوا اسکریپت انجام بدید

در دوره آموزش جاوا اسکریپت چه چیزهایی فرا خواهیم گرفت ؟

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

هنگامی که شما با اصول اولیه راحت شدید, می توانید به مراحل بعدی که آبجکت ها, مدل DOM و BOM و همچنین یادگیری نحوه استفاده از آبجکت های native مثل Date, Math و غیره را تشریح می کند, برید.

در نهایت, بعضی از مفاهیم پیشرفته مثل مدیریت رویدادها, رویداد انتشار (propagation), استفاده از متدهای دیگر آبجکت ها, رفتارهای جاوا اسکریپت, اینکد و دیکد داده JSON و همچنین یک بررسی اجمالی روی ویژگی های جدید معرفی شده در ECMAScript 6 یا همان ES6 خواهیم داشت.

 

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

حسن شفیعی توسعه دهنده وب و موبایل مدیر سایت علاقه خاصی به برنامه نویسی وب و موبایل دارم و هر روز تلاش می کنم به این حوزه مسلط تر شوم و اطلاعاتم را به شکل کاربردی برای علاقه مندان در وب به اشتراک بگذارم. اگر نیاز به برنامه نویس برای انجام پروژه و نوشتن اسکریپت های سمت وب, اپلیکیشن های اندروید و ios, پیدا کردن راه حل توسعه و غیره داشتید حتما از طریق تماس با ما/ واتساپ/ تلگرام بهم پیام بدید. برایتهیه هاست مطمین و پرسرعت کلیک کنید
مطالب زیر را حتما بخوانید
دیدگاه کاربران (۴)

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

  1. امیر ۱۴ شهریور ۱۳۹۸

    سلام
    ضمن تشکر بابت مقاله خوبتون میخواستم بدونم در حال حاضر php بلدم.یادگیری جاواسکریپت نسبت به php سختر یا اسانتر؟و میتونم با مطالعه در نت و سایت شما این زبان یادبگیرم یا به کلاس مراجعه کنم؟

    پاسخ
    1. حسن شفیعی ۱۴ شهریور ۱۳۹۸

      سلام. بله آموزش هایی که در آموزش جاوا اسکریپت و آموزش jQuery ارایه شدند کافی هستند و برای مینی پروژه ها هم بصورت پست های جدا در لینک های بالا موجود است و همچنین برای امکاناتی که در وب مشاهده می کنید میتونید جستجو کنید و صرفا کدها رو بررسی کنید و مطیمنا کلاس های حضوری کمک بیشتری از همین دوره هایی که اینجا بصورت متنی ارایه شده نخواهند کرد.
      شاید برای یادگیری کمی سخت تر از php باشد
      موفق باشید.

      پاسخ
  2. امیر ۱۴ شهریور ۱۳۹۸

    سلام خسته نباشید
    قبل از هر چیز بابت آموزش های عالیتون تشکر میکنم واقعا آموزش هاتون عالیه…
    طبق آموزش های جاوا اسکریپت که در سایتتون ارائه دادید یک کد تهیه کردم که در فایل زیر قرار دادم
    http://rozup.ir/download/2934623/code.txt
    نمیدونم مشکل کد از کجاست.میخوام وقتی کاربر مقدار فروش انتخاب کنه input فروش فعال بشه در صورت اینکه اجاره انتخاب کنه input اجاره فعال بشه.

    پاسخ
    1. حسن شفیعی ۱۴ شهریور ۱۳۹۸

      سلام ممنون. الان از محتوای کلاس های شما اطلاعی ندارم. و برای اینکه کدتون رو دیباگ کنید بعد اجرا f12 رو بزنید و تب console رو بررسی کنید

      پاسخ
دوره های آموزشی