جاوا اسکریپت یکی از فناوری های اصلی وب است، در کنار HTML که یک زبان نشانه گذاری است و برای ساختار محتوای صفحه وب استفاده می شود و CSS که برای استایل دادن به آن محتوا استفاده می شود.
بنابراین، جاوا اسکریپت چیزی است که به قسمت جلویی یا رابط کاربری یک وب سایت یا یک برنامه وب جان می بخشد. به ما این امکان را می دهد که صفحات وب را پویا کنیم.
نه تنها این، بلکه می تواند در سمت سرور نیز برای انجام کارهایی مانند تعامل با پایگاه داده و کار با سیستم فایل استفاده شود. این با کمک زمان اجرا Node.js است.
بنابراین، جاوا اسکریپت یک زبان برنامه نویسی تفسیر شده سطح بالا است که برای ایجاد تجربیات وب سایت تعاملی و پویا استفاده می شود.
وقتی می گویم تفسیر شده، منظورم این است که به جای اینکه ابتدا در کد ماشین کامپایل شود، خط به خط اجرا می شود. بنابراین، کد ابتدا به سرعت اجرا می‌شود و زبان برنامه‌نویسی را می‌سازد، از این رو نام جاوا اسکریپت را به خود اختصاص می‌دهد.
من قصد دارم در این مقدمه به چهار سوال متداول زیر پاسخ دهم.
سوالات عبارتند از:
- جاوا اسکریپت چیست؟
- با این چه کار میتوانی بکنی؟
- کد جاوا اسکریپت کجا اجرا می شود؟
- و تفاوت بین جاوا اسکریپت و ECMAScript؟
قبل از شروع، یک اطلاعیه. من برای دریافت کتاب الکترونیکی کامل HTML، CSS و جاوا اسکریپت (صفر تا تسلط) دانشجویان جدید می پذیرم. 10 نسخه باقی مانده را دریافت کنید.
بنابراین، اجازه دهید با سوال اول شروع کنیم.
جاوا اسکریپت چیست؟
جاوا اسکریپت یکی از محبوب ترین و پرکاربردترین زبان های برنامه نویسی در حال حاضر در جهان است. این زبان سریعتر از هر زبان برنامه نویسی دیگری رشد می کند و شرکت های بزرگی مانند نتفلیکس، والمارت و پی پال برنامه های کاملی را بر اساس جاوا اسکریپت می سازند.
و در اینجا میانگین حقوق یک توسعه دهنده جاوا اسکریپت در ایالات متحده است. طبق گفته glassdoor.com، این مبلغ 72000 دلار در سال است.
بنابراین، این یک فرصت عالی برای به دست آوردن یک شغل خوب از یادگیری جاوا اسکریپت است. می‌توانید به‌عنوان یک توسعه‌دهنده جلویی، یک توسعه‌دهنده بک‌اند یا یک توسعه‌دهنده فول استک که هم قسمت جلویی و هم قسمت پشتی را می‌شناسد، کار کنید.
حالا سوال دوم.
با جاوا اسکریپت چه کاری می توانید انجام دهید
برای مدت طولانی، جاوا اسکریپت فقط در مرورگرها برای ساخت صفحات وب تعاملی استفاده می شد. برخی از توسعه دهندگان از جاوا اسکریپت به عنوان یک زبان اسباب بازی یاد می کنند. اما آن روزها به دلیل حمایت گسترده جامعه و سرمایه گذاری های شرکت های بزرگ مانند فیس بوک و گوگل گذشته است.
این روزها، می‌توانید برنامه‌های وب یا موبایل کامل، و همچنین برنامه‌های شبکه‌ای بلادرنگ مانند سرویس‌های چت و پخش ویدیو، ابزارهای خط فرمان یا حتی بازی بسازید. به عنوان مثال:
سوال سوم.
کد جاوا اسکریپت کجا اجرا می شود؟
جاوا اسکریپت برای اجرا فقط در مرورگرها طراحی شده است، بنابراین هر مرورگر دارای موتور جاوا اسکریپت است که می تواند کد جاوا اسکریپت را اجرا کند.
به عنوان مثال، موتورهای جاوا اسکریپت در فایرفاکس و کروم SpiderMonkey و V8 هستند.
در سال 2009، یک مهندس بسیار باهوش به نام رایان دال موتور منبع باز جاوا اسکریپت را در کروم گرفت و آن را در یک برنامه ++C جاسازی کرد. او آن برنامه را Node نامید.
Node یک برنامه ++C است که شامل موتور جاوا اسکریپت V8 گوگل است. اکنون با این کار، می توانیم کد جاوا اسکریپت را از یک مرورگر اجرا کنیم. بنابراین، می‌توانیم کد جاوا اسکریپت خود را برای اجرا به نود ارسال کنیم. این بدان معناست که با جاوا اسکریپت می‌توانیم پشتیبان برنامه‌های وب و موبایل خود را بسازیم.
بنابراین، به طور خلاصه، کد جاوا اسکریپت را می توان در داخل یک مرورگر یا در گره اجرا کرد. مرورگرها و نود یک محیط زمان اجرا برای کد جاوا اسکریپت ما فراهم می کنند.
در نهایت سوال آخر.
تفاوت بین جاوا اسکریپت و ECMAScript چیست؟
خوب، ECMAScript فقط یک مشخصات است. جاوا اسکریپت یک زبان برنامه نویسی است که با این مشخصات مطابقت دارد. بنابراین، ما این سازمان به نام ECMA را داریم که وظیفه تعریف استانداردها را بر عهده دارد. آنها از این مشخصات ECMAScript مراقبت می کنند.
اولین نسخه ECMAScript در سال 1997 منتشر شد. سپس از سال 2015، ECMA روی انتشار سالانه یک مشخصات جدید کار می کند.
بنابراین، در سال 2015، آنها ES2015/2016 را منتشر کردند که به اختصار ECMA Script نسخه 6 یا ES6 نیز نامیده می شود.
این مشخصات ویژگی های جدید بسیاری را برای جاوا اسکریپت تعریف کرد.
بسيار خوب! تئوری کافی است، اجازه دهید جاوا اسکریپت را در عمل ببینیم.
بنابراین، هر مرورگری یک موتور جاوا اسکریپت دارد و ما می‌توانیم به راحتی کد جاوا اسکریپت را بدون هیچ ابزار اضافی در اینجا بنویسیم. البته، این روشی نیست که ما اپلیکیشن‌های دنیای واقعی را می‌سازیم، اما این فقط برای یک نسخه نمایشی سریع است.
بنابراین، کروم را باز کنید، روی یک قسمت خالی کلیک راست کرده و به بررسی بروید.
اکنون، این ابزار Chrome Developer Tools را باز می کند.
در اینجا، تب Console را انتخاب کنید،
این کنسول جاوا اسکریپت ما است و می‌توانیم هر کد جاوا اسکریپت معتبری را اینجا بنویسیم.
بنابراین، این را تایپ کنید:
console.log('Hello World');
اکنون، همانطور که ما دوره را طی می کنیم، دقیقاً متوجه خواهید شد که همه اینها به چه معناست. فعلا نگرانش نباش
بنابراین اکنون، ENTER را فشار دهید و می توانید پیام Hello World را در کنسول مشاهده کنید.
ما همچنین می توانیم عبارات ریاضی را در اینجا بنویسیم. مثلا،
2+2
4
یا، می توانیم کاری شبیه به این انجام دهیم
alert('yo')
شما ENTER را فشار می دهید و یک هشدار دریافت می کنید
در بخش بعدی، من قصد دارم در مورد نحوه تنظیم محیط خود برای نوشتن کد جاوا اسکریپت صحبت کنم.
تنظیم محیط برای نوشتن کد جاوا اسکریپت
برای نوشتن کد جاوا اسکریپت به یک ویرایشگر کد نیاز دارید. ویرایشگرهای کد مختلفی وجود دارد، از جمله:
- کد ویژوال استودیو (VS Code)
- متن عالی
- اتم و غیره.
از این میان، کد مورد علاقه من ویژوال استودیو است که می توانید از آن دانلود کنید code.visualstudio.com.
این یک ویرایشگر بسیار ساده، سبک، چند پلتفرمی و قدرتمند است.
بنابراین، اگر کد ویژوال استودیو را روی دستگاه خود ندارید، آن را دانلود کنید.
چیز دیگری که می خواهم نصب کنید Node است.
می توانید node را از nodejs.org
اکنون، از نظر فنی، برای اجرای جاوا اسکریپت به Node نیاز ندارید. زیرا همانطور که قبلا توضیح دادم می توانید کد جاوا اسکریپت را در داخل مرورگر یا در Node اجرا کنید. اما، خوب است که Node را روی دستگاه خود داشته باشید، زیرا ما از آن برای نصب کتابخانه های شخص ثالث استفاده می کنیم.
همچنین در ادامه این بخش، پیش نمایش Node را به شما نشان خواهم داد.
بنابراین، اکنون خواندن را متوقف کنید و Visual Studio و همچنین Node را نصب کنید. پس از اتمام کار، برگردید و به خواندن ادامه دهید.
حالا من از شما می خواهم که یک پوشه جدید ایجاد کنید. با پوشه تماس بگیرید js-basics
اسم واقعا مهم نیست ما فقط می خواهیم یک پوشه برای نوشتن تمام کدهای این دوره داشته باشیم. حال، این پوشه را در Visual Studio Code بکشید و رها کنید.
اکنون این پوشه را باز کرده ایم. بیایید یک فایل جدید در اینجا اضافه کنیم، index.html
برای گذراندن این دوره نیازی به دانستن HTML نیست، اما اگر می خواهید یک توسعه دهنده Frontend باشید، باید HTML خود را به خوبی بشناسید.
حالا در این فایل باید an را تایپ کنید ! تعجب و سپس TAB را فشار دهید.
این یک صفحه دیگ پایه HTML ایجاد می کند.
lang="en">
charset="UTF-8">
name="viewport" content="width=device-width, initial- scale=1.0">
ما واقعاً به هیچ یک از این کدها در اینجا اهمیت نمی دهیم. ما قصد داریم از این به عنوان میزبان برای کد جاوا اسکریپت خود استفاده کنیم.
این را در سخنرانی بعدی خواهیم دید.
بنابراین، تغییرات را ذخیره کنید، تب افزونه ها را در اینجا باز کنید.
در اینجا در این کادر، جستجو کنید live server.
بنابراین، سرور زنده، یک وب سرور بسیار سبک وزن است که ما قصد داریم از آن برای ارائه برنامه وب خود استفاده کنیم.
بنابراین، این را نصب کنید، سپس کد ویژوال استودیو خود را مجددا راه اندازی می کنیم.
وقتی کارتان تمام شد، به تب Explorer بروید، کلیک راست کنید index.html، و انتخاب کنید open with Live Server
با این کار Chrome یا مرورگر پیش‌فرض شما باز می‌شود و آن را به این آدرس نشان می‌دهد. 127.0.0.1:5500/index.html
این جایی است که برنامه وب ما از آنجا ارائه می شود.
در حال حاضر یک صفحه خالی داریم. حال، برای اطمینان از اینکه همه چیز به درستی کار می کند، بیایید به Visual Studio Code برگردیم.
در اینجا در بخش بدنه، بیایید یک را اضافه کنیم
lang="en">
charset="UTF-8">
name="viewport" content="width=device-width, initial- scale=1.0">
حال، تغییرات را ذخیره کنید. در مرورگر، می‌توانیم ببینیم که این صفحه به‌طور خودکار رفرش می‌شود، و Hello World را در اینجا داریم.
کد نویسی مبارک!
کارل
