جاوا اسکریپت زبان برنامه نویسی است که برای ایجاد وب سایت های تعاملی استفاده می شود. در این مقاله، من می خواهم شما را با نحوه شروع کار با جاوا اسکریپت آشنا کنم.
جاوا اسکریپت چیست؟
جاوا اسکریپت یک زبان برنامه نویسی است که برای ایجاد وب سایت های تعاملی، ساخت برنامه های کاربردی وب و موبایل، ایجاد ابزارهای خط فرمان و توسعه بازی استفاده می شود. این یکی از سه زبان اصلی توسعه وب در کنار HTML و CSS است. یادگیری جاوا اسکریپت می تواند یک راه عالی برای شروع باشد. در اینجا چند نکته وجود دارد که به شما کمک می کند تا با جاوا اسکریپت شروع کنید.
توجه داشته باشید: جاوا اسکریپتر با جاوا یکی نیست این دو زبان مجزا هستند.
دانستن HTML و CSS مفید است اما تا زمانی که دیرتر لازم نیست، با DOM (ماژول شی سند) ضروری است.
آنچه شما نیاز خواهید داشت
1.مرورگر اینترنت: شما به یک مرورگر وب (کروم، فایرفاکس، اینترنت اکسپلورر، مایکروسافت اج) نیاز دارید، توصیه می کنم از آخرین نسخه های کروم و فایرفاکس استفاده کنید.
2.ویرایشگر متن: شما می توانید استفاده کنید vs code، replit.com (یک ویرایشگر متن آنلاین یا notepad اما من در مقابل کد را توصیه می کنم.
برای دانلود کدهای ویژوال استودیو می توانید به این آدرس اینترنتی مراجعه کنید.
پس از دانلود کد ویژوال استودیو و نصب، به شما توصیه می کنم آن را دانلود کنید live server extension. کاری که Live Server انجام می دهد این است که هر بار که فایل js خود را ذخیره می کنید، فوراً مرورگر وب فعلی شما را به روز می کند تا هر گونه تغییری را منعکس کند، این یک ابزار توسعه بسیار مفید است.
ایجاد یک فایل جاوا اسکریپت
حالا بیایید یک فایل جاوا اسکریپت ایجاد کنیم، می توانید یک پوشه به نام روی دسکتاپ خود ایجاد کنید جاوا اسکریپت را یاد بگیرید. روی پوشه کلیک کنید و کلیک راست کنید تا با vs code باز شود، سپس vs code را انتخاب کنید و پوشه در ویرایشگر کد شما با کد vs باز شود. این نتایجی است که باید در زیر داشته باشید.
اکنون روی اولین نماد در کنار Learn JavaScript کلیک کنید تا یک فایل js جدید ایجاد کنید.
حالا باید دو فایل دیگر یعنی index.html و style.css را در همان پوشه ایجاد کنید.
ما برای کار کردن به کد اسکلت html نیاز داریم، بنابراین در فایل html ما می توانید فشار دهید shift+1(!) تا از شما نمونه اسکلت html را برای ایجاد یک صفحه وب دریافت کنید.
برای پیوند html و CSS خود می توانید از تگ پیوند (<link rel="stylesheet" href="https://dev.to/bansikah/style.css">) در تگ head شما قرار می گیرد<head></head>.
بنابراین شیوه نامه ما اکنون به فایل html ما پیوند داده شده است، برای پیوند دادن فایل جاوا اسکریپت ما به فایل html ما، می توانید یک جفت تگ اسکریپت ایجاد کنید. <script></script> درون تگ بدن <body></body> و صفت منبع را در داخل تنظیم کنید <script> به index.js، منظور من این است <script src="https://dev.to/bansikah/index.js"></script>. سپس مطمئن شوید که همه چیز را ذخیره کرده اید.
برای باز کردن با سرور زنده، می توانید کلیک راست کرده و پسوند سرور زنده را انتخاب کنید که در پنجره شما باز می شود.
برای دسترسی به کنسول خود که می خواهیم از آن برای نمایش خروجی خود استفاده کنیم، می توانید درست زمانی که در مرورگر وب خود هستید و Inspect را در پایین انتخاب کنید.
روی >> کلیک کنید سپس به کنسول بروید.
هر خروجی در فایل js ما نتایج را در کنسول می بینیم.
برای نمایش یک خروجی، اجازه دهید کد را تایپ کنیم.
console.log("I am learning JavaScript");
شما می توانید استفاده کنید '' یا ""، اضافه کردن a اختیاری است ; در پایان جمله اما تقریباً در تمام زبان های برنامه نویسی شما به a نیاز دارید ; برای پایان دادن به یک خط کد، و حالا وقتی کد خود را ذخیره می کنید، مرورگر شما به روز می شود و خروجی زیر را در کنسول خود خواهید داشت.
I am learning JavaScript.
می توانید خط دیگری از کد را تایپ کنید:
console.log('JavaScript is an awesome programming language');
و شما همچنان خروجی را خواهید داشت.
JavaScript is an awesome programming language.
حال برای ایجاد و alert در جاوا اسکریپت می توانید از کد زیر استفاده کنید.
window.alert("I love programming");
و هشدار یک پنجره بازشو ایجاد می کند.
برای ایجاد نظر در جاوا اسکریپت می توانید این کار را انجام دهید.
//This is a comment
معمولاً نظرات به عنوان یادداشتی برای خود یا سایر توسعه دهندگانی که مایلند کد شما را بخوانند استفاده می شود.
همچنین، می توانید با استفاده از یک نظر چند خطی ایجاد کنید /* */.
/*
This is a multi-line comment.
you
can write.
more
comments
*/
بسیار خوب، این یک مقدمه سریع برای جاوا اسکریپت است، من با درس های بیشتری در مورد چگونگی درک برخی از مفاهیم اساسی و مهم در جاوا اسکریپت خواهم آمد.
اگر در برنامه نویسی تازه کار هستید، یادگیری جاوا اسکریپت می تواند یک راه عالی برای شروع باشد. در اینجا چند نکته برای کمک به شما برای شروع کار با جاوا اسکریپت وجود دارد:
-
اصول برنامه نویسی را درک کنید: قبل از اینکه وارد جاوا اسکریپت شوید، داشتن یک درک اولیه از مفاهیم برنامه نویسی مانند متغیرها، انواع داده ها و ساختارهای کنترل بسیار مهم است. شما می توانید این مفاهیم را از طریق آموزش ها و دوره های آنلاین یاد بگیرید.
-
نحو را یاد بگیرید: هنگامی که درک اولیه ای از برنامه نویسی به دست آوردید، می توانید شروع به یادگیری نحو جاوا اسکریپت کنید. سینتکس جاوا اسکریپت مشابه سایر زبان های برنامه نویسی است، اما ویژگی های منحصر به فردی وجود دارد که باید آنها را یاد بگیرید.
-
کدنویسی را تمرین کنید: بهترین راه برای یادگیری جاوا اسکریپت تمرین کد نویسی است. می توانید با ایجاد برنامه های ساده شروع کنید و به تدریج پیچیدگی پروژه های خود را افزایش دهید.
-
از منابع آنلاین استفاده کنید: منابع آنلاین زیادی برای یادگیری جاوا اسکریپت موجود است. می‌توانید آموزش‌ها، دوره‌ها و انجمن‌هایی را بیابید که در آنها می‌توانید سؤال بپرسید و از توسعه‌دهندگان دیگر کمک بگیرید.
-
ساخت پروژه ها: همانطور که با جاوا اسکریپت راحت تر می شوید، شروع به ساخت پروژه کنید. این به شما کمک می کند تا آنچه را که آموخته اید به کار ببرید و تجربه کار بر روی پروژه های دنیای واقعی را به شما بدهد.
همچنین، من می خواهم این نکاتی را که از آنها دریافت کردم اضافه کنم (رجوع کنید:فادی GA)
دو کلمه، اصول اولیه
و مراحل زیر واقعاً آن را برای من خلاصه می کند.
1- اصول خود را یاد بگیرید.
2- به آرامی پیشرفت کنید.
3- تکرار کنید.
و از آن دام ها دوری کنید:
1- در مدت کوتاهی چیزهای زیادی یاد بگیرید.
2- آنچه را که نمی فهمی دفن کن.
3- آموخته های خود را به کار نگیرید.
پس باز هم عجله نکنید 😵💫. شما می توانید هر چیزی را یاد بگیرید! و یادگیری ماراتن است نه دوی سرعت 🏃!
جاوا اسکریپت یک زبان قدرتمند است که می تواند به شما در ایجاد وب سایت های پویا و واکنش گرا کمک کند. با رعایت این نکات می توانید یادگیری جاوا اسکریپت را شروع کنید و در کمترین زمان به یک برنامه نویس ماهر تبدیل شوید. Adios
