آموزش رایگان برنامه نویسی در کانال یوتیوب yasharhabibimedia
سبد خرید
0

هیچ محصولی در سبد خرید نیست.

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

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

اینم یه شروع تضمینی جامع و کامل:آموزش جامع و کامل جاوااسکریپت از مقدماتی تا پیشرفته
این روزا جاوااسکریپت همه‌ جا استفاده میشه. فرقی نمیکنه، از یه استارت آپ کوچیک بگیر تا یک شرکت بزرگ. همه از جاوااسکریپت استفاده میکنن. شرکتا و استارت آپ‌ها همیشه دنبال کسی میگردن که دانش خوبی از جاوااسکریپت داشته‌باشه. طبق آماری که گرفته شده، بیشتر وبسایت‌ها از جاوااسکریپت استفاده میکنند. خیلیا هنوز دیدگاه درستی از مسیر یادگیری جاوااسکریپت ندارند و همیشه سوالشون اینه که چطور برنامه نویس جاوااسکریپت بشم ؟ با من همراه باش تا مسیرشو بهت بگم.

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

اول از همه بذارین بهتون بگم که چرا جاوااسکریپت اینقدر محبوب و مهم شده و چرا باید یادش بگیری؟ Html و css صفحات وب رو استایل‌دهی میکنن و به‌وجود میارن. ولی این صفحه‌ها ثابت و بی‌روح‌اند. جاوااسکریپت به صفحه‌های وب، جون میده و اونا رو به اصطلاح داینامیک یا پویا میکنه.

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

گیج نباشید!

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

۱- یادگیری مبانی و مفاهیم

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

  • روش‌های تعریف متغیر var، let، const
  • تعریف تابع
  • حلقه‌ها
  • جملات شرطی
  • شناخت انواع داده‌ها مثل اعداد، آرایه، رشته ها و …
  • دونستن معنی شی و کلاس
  • ES5
  • ES6
  • دونستن معنی اصطلاحات مختلف
  • نحوه فیلتر کردن یا کم و زیاد کردن
  • کار با DOM و درک مفهوم آن
  • مدیریت رویدادها

۲- یادگرفتن مفاهیم پیشرفته

وقتی که قدم اول یعنی یادگرفتن مفاهیم پایه رو برداشتی و همه رو یادگرفتی، نوبت به یادگرفتن مفاهیم پیشرفته میرسه. توی این مرحله باید با callbackها آشنا بشی. همچنین معنی scope، prototypes و hoisting رو بدونی. باید با توابع مرتبه بالاتر آشنا بشی. وقتی که این دو قدم یادگیری مفاهیم رو به خوبی انجام دادی نوبت به مرحله سوم میرسه.

۳- چالش های الگوریتمی رو انتخاب کنید

بعد از یادگرفتن مفاهیم، بهترین کار تمرین کردنه. چی بهتر از تمرین‎های چالشی؟! شاید اولش سخت باشن. ولی یادتون باشه که هرچقدر سخت‎تر و بیشتر تمرین کنید، تخصصتون بالاتر میره. برای تمرین کردن میتونید از منابعی که آنلاین هستند استفاده کنید.

برای تمرین میتونید سایت‎‏های کدنویسی چالشی رو پیداکنید و مسائلشون رو حل کنید. بازم تاکید میکنم که حتما حتما تمرین برنامه‎ نویسی رو انجام بدین. یه توصیه خوب دیگه این هست که کدتون رو عوض کنید و تغییراتی رو ایجاد کنید. با کنجکاوی کردن خروجی‎های مختلفی از کد بگیرید.

۴- فریم ورک ‎ها و کتابخانه ‎های سمت کاربر

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

برای اینکه گیج نشید من یه تصویری رو آماده کردم. این تصویر تکنولوژی‎ها، فریم ورک‎ها و کتابخونه ‎های جاوااسکریپت رو نشون میده که سمت کاربر یا مرورگر استفاده میشن. میتونید ازش استفاده کنید و به ترتیب اونا رو یادبگیرید.

۵- فریم ورک‎ها و کتابخانه ‎های سمت سرور

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

درواقع Nodejs یک محیط برای اجرای کدهای جاوااسکریپت هست و اونقدر قدرتمنده که تونسته جاوااسکریپت رو به یک زبان سمت سرور قوی تبدیل کنه. این نکته رو هم بدونید که برنامه‎ نویسای جاوااسکریپت از Expressjs هم در کنار Nodejs استفاده میکنن. Expressjs خودش یه فریم ورک Nodejs هستش که برای ساخت API های سمت بک‎اند استفاده میشه.

تصویری که در ادامه می‎بینید، به صورت مرتب و منظم یه نمودار رو بهتون نشون میده که میتونید ازش استفاده کنید و قدم به قدم برنامه نویسی سمت سرور با جاوااسکریپت رو یادبگیرید و دیگه هی نگید چطور برنامه نویس جاوااسکریپت بشم !

۶- دیتابیس‎ها

یکی از مباحث مهمی که در حوزه برنامه نویسی وجود داره، بحث دیتابیس یا پایگاه داده هست. بدون پایگاه داده واقعا نمیشه سایتی رو راه انداخت. توی پایگاه داده خیلی از چیزا رو ذخیره میکنیم. مثلا اطلاعات کاربرا، مقاله‎ ها، عکس‎ها و… . همین مطلبی که دارید می‎خونید، الان از پایگاه داده سایت براتون لود میشه.

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

  • SQL
  • NoSQL
  • MongoDB
  • PostgreSQL
  • MySQl
  • CouchDB
  • Redis

۷- بسته‌های نرم افزاری

Bundlers یا بسته‎ های نرم افزاری بهتون کمک میکنن تا چندین فایل js رو به هم پیوند  بدید و هر زمان که یه فایل خاص تغییر کنه اجرا میشن. یه تعریف یا توضیح دیگه‌ای که میشه گفت این هست که بسته‌های نرم افزاری وظیفه اشون این هست که فایل‌های جاوااسکریپت رو قبل از اجرا شدن، بهم میدوزن و یکی میکنن و با این کارشون عملکرد سایت رو بهبود میدن. Gulp و Webpack نمونه ‎هایی از باندلرها هستن. سعی کنید که کار باهاشون رو یادبگیرید.

۸- برنامه‎ نویسی شی‎گرا

برنامه نویسی شی‎گرا در جاوااسکریپت مثل بقیه زبان‌های برنامه نویسی نیست. یعنی اینکه به جای اینکه بر اساس class باشه، بر اساس prototype هست. برنامه نویسی شی گرا یکی از مهم‎ترین مباحث هست که بعد از اینکه به تسلط خوبی رسیدید، باید اونو درک کنید. برنامه نویسی شی‌گرایی یه سبک برنامه نویسی هست که توسعه پروژه رو در آینده راحت میکنه.

۹- Design Patterns

الگوهای طراحی یا دیزاین پترن‌ها، باعث میشن که پروژه ‎های ما، قابل نگهداری باشن و کار برنامه نویس رو راحت میکنن. بنابراین خوب هست که دیزاین پترن‌‎های رایج رو یادبگیرید. مثلا ماژول‎ها، prototype ها، Singlton و observer. همچنین وقتی که کدنویسی رو تمرین می‌کنید، از دیزاین پترن‌ها استفاده کنید.

۱۰ – هاست

وقتی که همه چیز رو خوب یادگرفتید، نیاز به هاست یا سرور دارید که پروژه خودتون رو اونجا بزارید. یه نکته مهم که توی رزومتون هم تاثیر داره اینه که از گیت استفاده کنید. یعنی پروژه‌های خودتون رو توی گیت بزارید. برای داشتن سرور رایگان می‌تونید از Firebase استفاده کنید.

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

جمع بندی

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

امتیاز 4.8 از 5 رای

20

من یاشار حبیبی 15 سال تو حوزه برنامه نویسی وب در حال فعالیت هستم و اینجا قراره تجربیاتم رو باشما به اشتراک بزارم و باهم کلی چیز یادبگیریم و لذت ببریم

دیدگاه کاربران
  • آواتار
    yusyn__ 19 تیر 1400 / 3:49 ب.ظ

    سلام خسته نباشید
    خودتون برای پکیج منیجر npm رو پیشنهاد میکنید یا Yarn رو؟

ارسال دیدگاه

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

توسط
تومان