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

معرفی جاوااسکریپت

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

جاوا اسکریپت برای اولین بار به عنوان LiveScript شناخته شد، اما Netscape نام آن را احتمالا به دلیل هیجاناتی که توسط جاوا ایجاد شد به JavaScript تغییر داد. جاوا اسکریپت اولین بار در Netscape 2.0 در سال 1995 با نام LiveScript ساخته شد. هسته همه منظوره این زبان در Netscape، اینترنت اکسپلورر و سایر مرورگرهای وب جاسازی شده است. ECMA-262 Specification نسخه استاندارد از هسته زبان جاوا اسکریپت را تعریف می کند.

JavaScript 2.0 مطابق با نسخه 5 استاندارد ECMAScript است و تفاوت بین این دو بسیار جزئی است.

امروزه، جاوا اسکریپت Netscape و JScript مایکروسافت با استاندارد ECMAScript مطابقت دارند، هرچند هر دو زبان هنوز از ویژگی هایی که جزء استاندارد نیستند پشتیبانی می کنند.

Javascript چیست؟

Javascript یک زبان برنامه نویسی داینامیک است که همانند HTML و CSS یکی از مهم ترین عنصر فناوری های وب استاندارد به شمار می رود. این زبان هم به صورت ساخت یافته و هم به صورت شی گرا مورد استفاده برنامه نویسان قرار می گیرد.

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

 

ویژگی های JavaScript

  • سبک وزن و تفسیر شده
  • طراحی شده برای ایجاد اپلیکیشن های شبکه محور
  • قابلیت یکپارچه سازی و ادغام با جاوا
  • قابلیت یکپارچه سازی و ادغام با HTML
  • باز و cross-platform

تاریخچه ی Javascript

Javascript در ماه مه 1995 توسط Brendan Eich در 10 روز ایجاد شد که در شرکت Netscape کار می کرد و در حال حاضر در Mozilla فعالیت می کند. از جاوااسکریپت همیشه به عنوان جاوااسکریپت نام برده نمی شد. نام اصلی آن Mocha بود، نامی که مارک آندریسن، بنیانگذار نت اسکیپ برگزید. در سپتامبر 1995 نام آن به LiveScript تغییر یافت، سپس در ماه دسامبر همان سال، پس از دریافت مجوز علامت تجاری از Sun، نام جاوااسکریپت پذیرفته شد.

در سال های 1996 تا 1997، نت اسکیپ، Javascript را برای استاندارد سازی به سازمان ECMA ارسال کرد که در نهایت منجر به انتشار رسمی نسخهٔ استاندارد شده‌ای به نام ECMA Script  شد.

فریمورک های Javascript

مزیت های Javascript

پیاده سازی جاوا اسکریپت بسیار آسان است. همه کاری که باید انجام دهید این است که کد خود را در سند HTML قرار دهید و به مرورگر بگویید که این جاوا اسکریپت است.

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

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

کاربرد Javascript

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

تفاوت Javascript و Java

بر خلاف شباهت اسمی آنها، کاملا متفاوت از یکدیگر هستند. جاوا یک زبان برنامه نویسی Object Oriented است که با یک interpreter بر روی چندین سیستم عامل اجرا می شود و توسط شرکت Sub Microsystems طراحی و پیاده سازی شده است. این زبان برنامه نویسی برای تولید نرم افزار قابل استفاده بر روی پلتفرم های مختلف ایجاد شد. درحالیکه، جاوااسکریپت توسط شرکت Netscape طراحی شد و در حقیقت یک زبان اسکریپت نویسی می باشد. پس،  نیازی به فرآیند کامپایل شدن و کامپایلر ندارد و توسط مرورگر اینترنت اجرا می شود.

آموزش VueJs

VueJS یک فریمورک جاوا اسکریپت پیشرفته است که برای توسعه رابط های وب تعاملی استفاده می شود. VueJS یکی از معروف ترین فریمورک های مورد استفاده برای ساده سازی توسعه وب می باشد. VueJS روی لایه view تمرکز می کند و توسط Evan You، کارمند سابق Google ایجاد شده است. اولین نسخه VueJS در فوریه 2014 منتشر شد.

Client-side JavaScript

Client-side JavaScript متداول ترین شکل زبان است. اسکریپت باید با سند HTML برای کدی که توسط مرورگر تفسیر می شود مشمول شود یا ارجاع داده شود. این بدان معنا است که یک صفحه وب نباید یک HTML استاتیک باشد، بلکه می تواند شامل برنامه هایی باشد که با کاربر تعامل برقرار، مرورگر را کنترل و محتوای HTML را به صورت پویا ایجاد کند. مکانیزم سمت کلاینت جاوا اسکریپت، مزایای بسیاری نسبت به اسکریپت های سمت سرور CGI دارد. برای مثال، شما ممکن است از جاوا اسکریپت برای بررسی اینکه آیا کاربر یک آدرس ایمیل معتبر را در یک فیلد فرم وارد کرده اید استفاده کنید. کد جاوا اسکریپت هنگامی که کاربر فرم را اجرا می کند، اجرا می شود و تنها اگر تمام ورودی ها معتبر باشند، آنها می توانند به وب سرور منتقل شوند. جاوا اسکریپت می تواند برای بررسی رویدادهایی که کاربران ایجاد می کنند مانند دکمه های کلیک، ناوبری لینک و سایر اقداماتی که کاربر به طور صریح یا به طور ضمنی انجام می دهد مورد استفاده قرار گیرد.

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

ویژگی Client-side JavaScript اجازه خواندن یا نوشتن فایل ها را نمی دهد. این به خاطر دلیل امنیتی حفظ شده است.

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

جاوا اسکریپت هیچ قابلیت multi-threading یا multiprocessor ندارد.

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

  • Visual Studio Code
  • WebStorm
  • Atom
  • Sublime Text
  • Vim
  • IntelliJ IDEA
  • Neovim
  • Spacemacs
  • Brackets
  • Emacs
  • NetBeans
  • SourceLair
  • Cloud9
  • Codeanywhere
  • Light Table
  • Visual Studio
  • Codenvy
  • Komodo Edit
  • PhpStorm
  • TextMate
  • Komodo IDE
  • coda 2
  • CodeLite IDE
  • PLAYCODE.io
  • ++Notepad
  • Angular IDE
  • BBEdit
  • Eclipse with JSDT
  • Aptana Studio
  • Kakoune
  • Dreamweaver
  • SlickEdit
  • Codelobster
  • Goorm IDE
  • Chocolat
  • Zed
  • slap
  • آموزش Vue JS – مقدمه ای بر reactive JavaScript

آموزش Vue JS – مقدمه ای بر reactive JavaScript

جمعه ۱۵ دی ۱۳۹۶ - ساعت ۲۳:۳۰
  • آموزش راهنمای کامل Javascript ES6

آموزش راهنمای کامل Javascript ES6

پنج شنبه ۱۴ دی ۱۳۹۶ - ساعت ۱۶:۳۰
  • آموزش موتور Google Earth: برنامه نویسی با Javascript

آموزش موتور Google Earth: برنامه نویسی با Javascript

پنج شنبه ۱۴ دی ۱۳۹۶ - ساعت ۰۰:۰۰
  • آموزش فریمورک Bootstrap برای ایجاد صفحات وب HTML، CSS و JS

آموزش فریمورک Bootstrap برای ایجاد صفحات وب HTML، CSS و JS

سه شنبه ۱۲ دی ۱۳۹۶ - ساعت ۰۹:۰۰
  • آموزش ایجاد وب سایت های JavaScript و DOM

آموزش ایجاد وب سایت های JavaScript و DOM

سه شنبه ۱۲ دی ۱۳۹۶ - ساعت ۰۷:۰۰
  • آموزش ایجاد وب سایت واکنش گرا با HTML5 ،CSS3 ،JS و Bootstrap

آموزش ایجاد وب سایت واکنش گرا با HTML5 ،CSS3 ،JS و Bootstrap

سه شنبه ۱۲ دی ۱۳۹۶ - ساعت ۰۵:۳۰
  • آموزش یکپارچه سازی Angular با خدمات ASP.NET Core RESTful

آموزش یکپارچه سازی Angular با خدمات ASP.NET Core RESTful

شنبه ۲۵ آذر ۱۳۹۶ - ساعت ۲۱:۰۰
  • آموزش خدمات فریمورک Angular

آموزش خدمات فریمورک Angular

شنبه ۲۵ آذر ۱۳۹۶ - ساعت ۱۲:۰۰
  • آموزش پیشرفته فریمورک React.js

آموزش پیشرفته فریمورک React.js

شنبه ۲۵ آذر ۱۳۹۶ - ساعت ۱۱:۰۰
  • آموزش اصول برنامه نویسی کاربردی در جاوا اسکریپت

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

جمعه ۲۴ آذر ۱۳۹۶ - ساعت ۱۰:۳۰
  • آموزش شروع کار با ES2017/ES8

آموزش شروع کار با ES2017/ES8

جمعه ۲۴ آذر ۱۳۹۶ - ساعت ۰۸:۰۰
  • آموزش فریمورک Mongoose.js

آموزش فریمورک Mongoose.js

پنج شنبه ۲۳ آذر ۱۳۹۶ - ساعت ۱۸:۳۰
  • آموزش شروع کار با Vue.js

آموزش شروع کار با Vue.js

پنج شنبه ۲۳ آذر ۱۳۹۶ - ساعت ۰۴:۳۰
  • آموزش استفاده از فریمورک Serverless با Node.js در AWS

آموزش استفاده از فریمورک Serverless با Node.js در AWS

پنج شنبه ۲۳ آذر ۱۳۹۶ - ساعت ۰۱:۳۰
  • آموزش فریمورک جاوااسکریپت Angular

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

چهارشنبه ۲۲ آذر ۱۳۹۶ - ساعت ۱۴:۳۰
  • آموزش ایجاد کتابخانه متن باز جاوااسکریپت

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

پنج شنبه ۱۶ آذر ۱۳۹۶ - ساعت ۱۸:۰۰
  • آموزش متریال دیزاین با Angular

آموزش متریال دیزاین با Angular

پنج شنبه ۱۶ آذر ۱۳۹۶ - ساعت ۰۰:۳۰
  • آموزش انیمیشن سازی با Angular

آموزش انیمیشن سازی با Angular

چهارشنبه ۱۵ آذر ۱۳۹۶ - ساعت ۰۶:۳۰
  • آموزش ارتباط API و تایید هویت با Angular

آموزش ارتباط API و تایید هویت با Angular

چهارشنبه ۱۵ آذر ۱۳۹۶ - ساعت ۰۶:۰۰
  • آموزش مفهوم Scope و Digest در فریمورک AngularJS

آموزش مفهوم Scope و Digest در فریمورک AngularJS

چهارشنبه ۱۵ آذر ۱۳۹۶ - ساعت ۰۵:۰۰
  • آموزش ساخت اپلیکیشن با Vanilla JavaScript

آموزش ساخت اپلیکیشن با Vanilla JavaScript

سه شنبه ۱۴ آذر ۱۳۹۶ - ساعت ۱۱:۰۰