MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

نصب نرم افزارهای پایه

This translation is incomplete. Please help translate this article from English.

در نصب نرم افزار پایه، نشان می دهیم که برای توسعه وب به چه ابزارهایی نیاز دارید و چگونه آنها را نصب نمایید.

حرفه ای ها از چه ابزارهایی استفاده می کنند؟

  • یک کامپیوتر. شاید خیلی واضح به نظر برسد ولی هستن کسانی که این مقاله را از تلفن همراه خود و یا کامپیوتر کتابخانه می خوانند. برای شروع توسعه وب بصورت جدی، بهتر است که یک کامپیوتر شخصی یا لپ تاپ (ویندوز، مکیناش یا لینوکس) داشته باشید.
  • یک text editor یا ویرایشگر متن برای نوشتن کد در آن.این مورد می تواند یک text editor (مثل Brackets، Atom یاVisual Studio Code)باشد  یا یک hybrid editor (مثل Dreamweaver). ویرایشگرهای Office برای این کار نیستند، چرا که به عناصر مخفی وابسته اند که در موتور رندر مرورگرها اختلال ایجاد می کند.
  • مرورگرهای وب, برای تست کدها. در حال حاضر مرورگرهای Firefox ، Chrome، Opera، Safari، Internet Explorer و Microsoft Edge بیشترین کاربرد را دارند. همچنین باید نحوه نمایش وب سایت خود در موبایل و همه مرورگرهای قدیمی که مخاطبین شما ممکن است از آنها استفاده نمایند (مثل IE 6–8) نیز تست کنید.
  • یک graphics editor یا ویرایشگر گرافیکی, مثل GIMP، Paint.NET، یا Photoshop، برای ساخت تصاویر صفحات وب سایتتان..
  • یک version control system یا سیستم مدیریت نسخه, برای مدیریت فایل های روی سرور، همکاری تیمی بر روی یک پروژه، اشتراک گذاری کد و منابع،  و جلوگیری از مشکل در ویرایش ها. هم اکنون Git محبوب ترین ابزار کنترل نسخه است و سرویس نگه داری کد GitHub، که بر اساس Git است، نیز بسیار محبوب می باشد .
  • یک برنامه FTP ،که حساب های کاربری میزبانی های وب قدیمی تر برای مدیریت فایل ها استفاده می شد (برای این منظور Git بطور فزاینده ای در حال جایگزین شدن بجای FTP است). برنامه های FTP زیادی وجود دارد مثل  Cyberduck، Fetch، و FileZilla.
  • یک سیستم اتوماتیک سازی یا automation system، مثل Grunt یاGulp، برای انجام خودکار کارهای تکراری، مثلا minify کردن کد و  اجرای تست ها.
  • قالبها، کتابخانه ها، فریم ورک ها و غیره، برای سریعتر انجام دادن کارها .
  • بعلاوه ابزارهای دیگر!

در حال حاظر به چه ابزارهایی نیاز دارید؟

لیست بالا شاید به نظر ترسناک برسد، ولی خوشبختانه توسعه وب را تقریبا بدون دونستن هیچ چیز در مورد موارد بالا می توان شروع کرد. در این مقاله با حداقل ها شروع خواهیم کرد — یک  text editor و چندتا مرورگر جدید.

نصب یک ویرایشگر متن

احتمالا بر روی کامپیوتر خود یک  text editor خیلی ساده دارید. بطور پیش فرض Notepad در ویندوز و TextEdit در مکیناش هستند. در توزیع های مختلف لینوکس، اوضاع متفاوت است; مثلا در ابونتو(Ubuntu) ، gedit به صورت پیش فرض وجود دارد.

برای توسعه وب می توان چیزی بهتر از Notepad یاTextEdit داشت. توصیه ما این است که با Brackets شروع کنید، که ویژگی هایlive previews و code hints را ارائه می کند.

نصب مرورگرهای جدید وب

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

  • لینوکس: Firefox , Chrome , Opera .
  • ویندوز: FirefoxChrome, Opera, Internet Explorer, Microsoft Edge ( Edge بصورت پیش فرض در ویندوز 10 وجود دارد،اگر که ویندوز 8 و بعد از آن ،این مرورگر را دارید، می توانید  IE 10 یا بیشتر را هم نصب کنید; در غیر اینصورت باید از مرورگرهای جایگزین استفاده کنید)
  • مکینتاش: Firefox, Chrome, Opera, Safari ( Safari مرورگر پیش فرض در iOS  و OS X  می باشد)

قبل از دادمه، باید حداقل دوتا از این مرورگرها را نصب کرده و برای تست آماده شده باشند.

نصب یک وب سرور محلی

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

Document Tags and Contributors

 Contributors to this page: Mahdi-Abedi
 Last updated by: Mahdi-Abedi,