راه‌اندازی جعبه ابزار

اکنون که مبانی برنامه نویسی و اهمیت آن را به عنوان یک مهارت ارزشمند برای یادگیری پوشش داده‌ایم، زمان آن رسیده است که ابزارهایی را که برای شروع ساخت پروژه های خود نیاز دارید راه‌اندازی کنید. در این فصل، ما شما را در انتخاب یک ویرایشگر کد، درک مرورگرهای وب و راه اندازی یک محیط توسعه محلی در یک سرور لینوکس اوبونتو با Nginx و وردپرس راهنمایی خواهیم کرد.

انتخاب یک ویرایشگر متن یا ویرایشگر کد

Visual Studio Code

قبل از اینکه بتوانید شروع به نوشتن کد کنید، به یک ویرایشگر متن نیاز دارید- جایی که بیشتر وقت خود را به عنوان یک توسعه‌دهنده در آن می‌گذرانید. در اینجا چند گزینه‌ی محبوب وجود دارد:

  • Visual Studio Code (VS Code): رایگان، متن‌باز، و در دسترس برای لینوکس، ویندوز، و macOS. VS Code بسیار قابل سفارشی‌سازی است و دارای یک کتابخانه بزرگ از افزونه‌ها برای پشتیبانی از زبان‌ها و ابزارهای برنامه‌نویسی مختلف است.
  • Sublime Text: این برنامه به دلیل سرعت و کارایی خود شهرت دارد، رابط کاربری براق و ویژگی‌های قدرتمندی را ارائه می دهد. دانلود و ارزیابی آن رایگان است، اما برای استفاده مداوم به مجوز نیاز دارد.
  • Atom: یک ویرایشگر رایگان و متن‌باز که توسط GitHub ایجاد شده، که پشتیبانی عالی برای همکاری و کنترل نسخه ارائه می‌کند.

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

مرورگرهای وب و نقش آنها

Popular Web Browsers🌐ChromeDevTools65% market🦊FirefoxDev EditionOpen source🧭SafariApple devicesWebkit engine

مرورگرهای وب پنجره شما به اینترنت هستند و نقش مهمی در توسعه وب ایفا می‌کنند. آنها کدهای HTML، CSS، و JavaScript را برای نمایش صفحات وب تفسیر می‌کنند. مرورگرها برای توسعه‌دهندگان همچنین ابزارهایی (اغلب «ابزارهای توسعه‌دهنده» یا «DevTools» نامیده می‌شوند) را برای تست و اشکال‌زدایی پروژه‌های وب ارائه می‌دهند.

  • Google Chrome: به طور گسترده استفاده می شود، با DevTools قوی برای اشکال زدایی و آزمایش برنامه های وب.
  • Mozilla Firefox: ابزارهای جامعی را برای توسعه‌دهندگان ارائه می‌دهد، از جمله ویژگی‌های منحصر به فردی که در سایر مرورگرها یافت نمی‌شوند.
  • Safari: برای آزمایش وب‌سایت‌ها در دستگاه‌های اپل با مجموعه‌ای از DevTools های خودش، ترجیح داده می شود.

🎯 آنچه در این فصل یاد می‌گیرید:

  • ویرایشگر کد: VS Code (رایگان)، Sublime Text (سریع)، Atom (متن‌باز)
  • مرورگرهای وب: Chrome (DevTools)، Firefox (جامعی)، Safari (اپل)
  • DevTools: ابزارهای توسعه‌دهنده برای تست و اشکال‌زدایی

آزمون / Quiz

سوال ۱: کدام ویرایشگر کد رایگان و متن‌باز است و توسط GitHub ایجاد شده؟+
Visual Studio Code
✅ Atom
Atom یک ویرایشگر رایگان و متن‌باز است که توسط GitHub ایجاد شده است.
Sublime Text
سوال ۲: مرورگرهای وب چه نقشی در توسعه وب دارند؟+
✅ تفسیر کدهای HTML، CSS، و JavaScript و ارائه DevTools برای تست و اشکال‌زدایی
مرورگرها پنجره شما به اینترنت هستند و ابزارهای توسعه‌دهنده را ارائه می‌دهند.
فقط نمایش صفحات وب بدون ابزار توسعه
کامپایل کردن کدهای برنامه‌نویسی
سوال ۳: VS Code چه ویژگی‌هایی دارد؟+
فقط برای ویندوز
✅ رایگان، متن‌باز، قابل سفارشی‌سازی با افزونه‌ها، موجود برای لینوکس، ویندوز، و macOS
VS Code بسیار قابل سفارشی‌سازی است و دارای کتابخانه بزرگ افزونه‌ها است.
پولی و غیر قابل سفارشی‌سازی