چگونه جاوا اسکریپت یاد بگیریم؟
زمان تقریبی برای مطالعه این مقاله: ۸ دقیقه
با سلام خدمت دوستان میکرولرنی 🙂 🙂 🙂
با یه مقالهی دیگه با موضوع “یادگیری جاوا اسکریپت” در خدمتتون هستم. در این مقاله پیشنیازها، نحوهی شروع آموزش و ادامه دادن این مسیر تا حرفهای شدن رو بررسی میکنیم. نگاهی به منابع آموزشی میندازیم و راههای آموزش این زبان رو مورد ارزیابی قرار میدیم. زمانی که به عنوان یک تازهکار میخوایم خیلی جدی در یک حوزه فعالیت کنیم داشتن یه دید کامل از مسیر، نقطهی شروع، چالشها و میانبرهای موجود از هدررفتن وقت، هزینه و به وجود اومدن یک تجربهی تلخ برای شروع های بعدی در زمینههای دیگه جلوگیری میکنه.
ما در این مقاله سعی کردیم یه نقشهی راه کامل در اختیارتون قرار بدیم تا بتونید قبل از شروع فعالیت، مطمئن بشید که آیا واقعا به جاوا اسکریپت نیاز دارید یا نه. پس با میکرولرن، مرجع تخصصی برنامهنویسی وب همراه باشید.
فهرست مطالب
پیشنیازهای یادگیری جاوا اسکریپت
در اصل جاوا اسکریپت یک زبان برنامهنویسی مجزا بوده و پیشنیاز خاصی ندارد. اما ساختار این زبان به گونهای است که در حوزهی وب و قسمت فرانتاند همراه با سایر تکنولوژیها کاربرد پیدا میکند. این زبان همراه با زبانهای نشانهگذاری مثل HTML و CSS در ساخت صفحات وب استفاده میشود. اگر با مفاهیم گفته شده آشنایی ندارید و این موضوعات برایتان نامفهوم است، پیشنهاد میکنیم در ابتدا مقالههای زیر را مطالعه کنید:
فرانتاند چیست
برنامهنویسی وب را ازکجا شروع کنیم
در این مقالهها به صورت جامع، در خصوص زبانهای نشانهگذاری بحث شده است. اگر بخواهیم با بیان یک مثال ساده ارتباط بین HTML ،CSS و جاوا اسکریپت را توضیح دهیم باید بگویم که اگر یک صفحهی وب را یک ساختمان کامل در نظر بگیریم، HTML و CSS در نقش آجر، آهن و سایر مصالح اولیه در ساخت یک ساختمان بوده و جاوا اسکریپت هم در نقش عملکردی است که هر کدام از بخشهای ساختمان دارند. مثلا زدن یک کلید باعث قطع یا وصل شدن نور لامپ میشود. یا باز کردن یک در امکان ورود شما به اتاق را فراهم میکند و … .
درحوزهی فرانت اند، طراحی بدنه و ظاهر اولیهی یک وب سایت از طریق HTML و CSS، و برقراری ارتباط و واکنش لازم به کاربر از طریق جاوا اسکریپت انجام میشود. یکی از سادهترین کارهایی که با جاوا اسکریپت میتوان انجام داد مدیریت کلیک کردن کاربران است. به عنوان مثال در بعضی از وب سایتها با کلیک برروی یک دکمه، تم وب سایت تیره یا روشن میشود. عمل کلیک کردن از طریق جاوا اسکریپت تشخیص داده شده وعملیات تغیر تم در پس زمینهی وبسایت توسط جاوا اسکریپت انجام میشود.
اشتباهات متداول در یادگیری جاوا اسکریپت
بزرگترین اشتباهاتی که اکثر نوآموزان در حین یادگیری جاوا اسکریپت انجام میدهند چهار مورد است:
- رعایت نکردن اصل تناسب
- انتخاب نادرست روش آموزشی
- واقع بینانه نگاه نکردن به مسائل
- نداشتن هدفی واضح و مشخص
رعایت نکردن اصل تناسب
اگر یادگیری جاوا اسکریپت را تازه شروع میکنید قبل از هر چیزی باید درک جامعی از سطوح این زبان داشته باشید و بدانید که هر سطح چه موضوعاتی را در برمیگیرد؛ تا بتوانید از موارد ساده شروع کرده و گام به گام به سمت موارد پیچیدهتر جلو بروید. بسیاری از افراد در زمان شروع، به این دستهبندیها توجه نکرده و در حالی که هنوز به مطالب مقدماتی مسلط نشدهاند سعی در یادگیری مطالب سطح پیشرفته دارند و در نهایت چون این موضوعات سنگین و نیازمند درک مطالب سطحهای قبلی هستند، در یادگیری آنها به مشکل برخورده و از ادامهدادن راه به خاطر یک کار اشتباه منصرف میشوند. پس یادتان باشد که آرام و پیوسته طی کردن مسیر از با عجله خواندن و یادگیری ناقص بسیار بهتر و ثمربخشتر است.
انتخاب راه نادرست در جهت آموزش
در زمان انتخاب یک روش برای یادگیری جاوا اسکریپت، ابتدا دربارهی کل راههایی که برای آموزش موجود است تحقیق کنید. اما هیچ وقت به خاطر اینکه یک نفر با یک روش خاص آموزشی موفق بوده، شما هم آن را انتخاب نکنید. دلیل این امر هم تفاوت در روحیات و شخصیت افراد میباشد. به عنوان مثال ممکن است یادگیری از طریق خواندن کتاب برای شما خسته کننده باشد اما دوست شما باهمین روش توانسته باشد به صورت کامل برروی مطالب زیادی مسلط شده باشد. حال اگر شما هم همین مورد را برای آموزش انتخاب کنید مسلما بعد از مدتی، یادگیری برنامهنویسی برایتان کاری خیلی سخت و کسلکنندهای خواهد شد. پس در مورد روشهای موجود تحقیق کنید اما روش آموزشیتان را براساس روحیات و علایق خودتان انتخاب کنید.
واقع بینانه نگاه نکردن به مسایل
بعضی از افراد با روزی سه ساعت کد زدن و بعد از سپری شدن سه ماه از خود انتظار دارند که بتوانند در پروژههای سنگین شرکت کرده و برنامههایی با کیفیت بالا ارایه کنند. اما زمانی که در واقعیت خلاف این موضوع را مشاهده میکنند ناامید شده و از ادامه دادن منصرف میشوند. اما واقعیت چیست؟ آیا این طرز تفکر درست است؟ در جواب باید بگویم؛ همیشه به اندازهی تلاشتان باید انتظار داشته باشید و در اصل همه چیز به تلاش شما برمیگردد. ممکن است شخصی روزانه ۱۰ ساعت تمرین کرده و در مدت یک سال توانایی انجام پروژههای سنگین را بدست آورد اما شخص دیگری با روزانه ۲ ساعت تمرین درمدت سه یا چهار سال در آن زمینه به یک فرد حرفهای مبدل شود. پس همیشه یادتان باشد در انتظاراتتان جانب اعتدال را رعایت نمایید.
نداشتن هدف
پیشنهاد میکنیم قبل از هر اقدامی حتما این سوالات را ازخودتان بپرسید:
- چرا این زبان را اننخاب نمودهام؟
- این زبان در چه حوزههایی کاربرد دارد؟
- من میخواهیم در کدام حوزه فعالیت کنم؟
در صورتی که بدون داشتن هدفی خاص آموزش ببینید، شبیه به یک مخزن پر از اطلاعات شده و سردرگم میشوید که چطور و کجا باید از این دانش استفاده کنید و در نهایت برای اینکه عمرتان را صرف یادگیری این حوزه کردهاید پشیمان خواهید شد.
مفهوم کش شدن
زمانی که شما از یک وبسایت بازدید میکنید مرورگر شما فایلهای HTML ،CSS و JS مرتبط با آن سایت را دانلود و ذخیره میکند. بنابراین اگر شما برای بار دوم بخواهید از آن صفحه بازدید کنید به جای دانلود دوبارهی همه ی فایلها، مرورگر از همان فایلهای ذخیره شده استفاده کرده (فایلها کش میشوند) و صفحه را نمایش میدهد. به همین دلیل سرعت نمایش صفحه نسبت به بار اول بیشتر خواهد بود. در مقالات آینده به صورت جامعتر به بررسی این موضوع خواهیم پرداخت.
معرفی چند مفهوم
ابتدا بیاید یک چالش کوچک برای خودمان مشخص کنیم. یک دکمه و تگ p را در کد های html قرار داده سپس از طریق کدهای جاوا اسکریپت زمانی که روی دکمه کلیک شد متن موجود در تگ p به Hello this is a test تغیر میدهیم. طراحی این منطق نیازمند آشنایی با چند مفهوم بوده که آنها را در ادامه توضیح میدهیم.
مفهوم ID
اگر در یک فایل html چندین المان مختلف داشته باشیم؛ برای اینکه در میان همهی اعضای موجود یک عضو خاص را انتخاب نماییم، برای آن یک id با اسم دلخواه در نظر میگیریم. در این صورت هر بار که از آن اسم استفاده کنیم منظور تگی است که این id را دارد. دقت کنید که دو تگ نمیتوانند id با اسم یکسان داشته باشند.
مفهوم تابع
توابع در برنامهنویسی از مفاهیم بسیار مهم و کاربردی هستند. یک تایع شامل چندین خط برنامه در درون بدنهی خود بوده و در زمان صدا زدن اسم آن، کدهای موجود در بدنهی تابع اجرا میشوند.
مفهوم رویداد
زمانی که برروی یک دکمه کلیک میشود، یک اتفاق به وقوع پیوسته و به این عمل رویداد گفته میشود. جاوا اسکریپت میتواند انجام شدن رویدادها را تشخیص داده و عملیاتی را که بعد از این رویداد برای آن دکمه در نظر گرفته شده است را انجام دهد.
شیوههای یادگیری جاوااسکریپت
شیوه های آموزش این زبان را میتوان در چند دستهبندی قرار داد:
- استفاده از کتابها، مقالات و منابع متنی
- فیلمهای آموزشی
- کلاسهای حضوری
- کلاسهای آنلاین
در مورد روشهای بالا چند نکته وجود دارد که گفتنشان ضروری است:
- در صورت داشتن مهارت کافی در زبان انگلیسی بهتر است منابع انگلیسی را مطالعه نمایید زیرا در دسترستر و کاملتر میباشند.
- اگر شما با مطالعهی منابع متنی بهتر یاد میگیرید به یاد داشته باشید که در ابتدا لازم نیست یک کتاب را از اول تا آخر بخوانید بلکه فقط مواردی را که به آنها نیازدارید را یاد بگیرید.
- اگر انتخاب شما فیلمهای آموزشی است باید توجه کنید که تماشاکردن فیلم بدون تمرین و کد نویسی کردن هیچ تاثیری در یادگیری شما نخواهد داشت.
- سعی کنید هر یک ماه یک بار روند پیشرفت خود را کنترل کنید. جهت اطمینان از یادگیری مطالب، رفع نواقص فعلی و پیشرفت بهتر با فردی که در این زمینه دانش بیشتری دارد مشورت کنید.
مطالب پایه
موارد زیر تقریبا در ۹۰ درصد زبانهای برنامهنویسی مشترک بوده و بقیهی ساختارهای پیشرفتهتر با کمک این موارد پیاده سازی شدهاند:
- انواع متغیرها
- انواع عملگرها
- عبارات شرطی
- حلقهها
- توابع
- مفاهیم شئ گرایی
- کلاسها
این موضوع یعنی با درست وعمیق یاد گرفتن این موارد در یک زبان، در بقیهی زبانها هم تکرار میشوند و اگر آنها را درست و عمیق یاد نگیرید کلا در کار با همهی زبانهای برنامهنویسی به مشکل خواهید خورد.
منابع آموزشی
سایت W3scholl یکی از بهترین منابع متنی آموزشی به زبان انگلیسی بوده که دارای روش آموزشی بسیار با کیفیتی است. در این سایت موضوعات دستهبندی شده و شما دیگر دغدغهی اینکه بعد از هر موضوع لازم است چه موضوع دیگری را یاد بگیرید نخواهید داشت. هم چنین برای هر مطلب هم یک مثال کاربردی ارائه شده است و شما میتوانید خودتان هم کدهای موجود در مثالها را تست و حتی به دلخواه خود تغیر بدهید. و علاوه برهمه ی این موارد میتوانید در امتحانهای این سایت هم شرکت کرده و میزان یادگیری خودتان را مورد سنجش قرار دهید.
سخن آخر
خب دوستان عزیز میکرولرنی، این مقاله هم تمام شد. حالا شما مسیر یادگیری جاوا اسکریپت را خیلی خوب یاد گرفتید و میدونید که اصلا به دردتون میخوره یا نه. توصیه میکنم سایر مقالههای دنیای وب را در میکرولرن مطالعه کنید. خیلی میتونه براتون مفید باشه و درک بهتری به شما بده. نظرات ارزشمندتون را برامون بنویسید و این مقاله را برای کسانی که به اون نیاز دارند بفرستید. تا مقالههای بعدی خدا نگهدارتون
درباره احسان عبداللهی
مدیر و موسس میکرولرن | برنامه نویسی پاسخی ظریف به یک نیاز در دنیای واقعی هست.
نوشته های بیشتر از احسان عبداللهی6 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
در ابتدا خوب بود ولی در ادامه نظر به عنوان مقاله یک مقدار وارد جزئیات شدید و در مورد فریمورک های جاوااسکریپت و ابزار های مرتبط اش چیزی گفته نشده بود.
درود
برای فریم ورک های جاوا اسکریپت به مقاله زیر مراجعه کنید:
https://microlearn.ir/11986/front-end-framework.html
خیلی خوب مسیر یادگیری جاوا اسکریپت را توضیح داده بودید.
ممنونم از میکرولرن
متشکرم
فوق العاده عالی و یکی از بهترین مطالبی بود که در مورد جاوا اسکریپت به زبان فارسی خوندم.
ممنون میشم اگه مقاله های بیشتری در این زمینه بنویسید.
ممنون از نظر ارزشمند شما.
حتما مطالب بیشتری تولید می کنیم. هم چنین دوره های آموزشی در مورد جاوا اسکریپت تولید خواهیم کرد.