تعداد بازدید: 5403

ویرایشگر براکت Brackets

برای دانلود ویدئو روی دکمه دانلود کلیک کنید

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

Brackets یک نرم افزار اوپن سورس

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

هک کردن ویرایشگر براکت

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

نوشتن افزونه برای ویرایشگر براکت

شما می تونید با نوشتن یک افزونه و به اشتراک گذاری اون در مخزن های عمومی ایده های خودتون رو به سایر استفاده کنندگان از این نرم افزار پیشنهاد کنید.تسلط نسبی بر زبان های تحت وب نظیر html , css , javascript به شما برای توسعه افزونه براکت کمک شایانی می کند.

ترجمه ویرایشگر براکت

شما می توانید با ترجمه این نرم افزار محیط کاربری اون رو برای خودتون و هم زبان های خودتون راحت تر کنید. در حال حاضر محیط نرم افزاری براکت به 33 زبان دنیا ترجمه شده و موجوده.

ویژگی های شاخص نرم افزار براکت

افزودن استایل به کدها در بدون تغییر تب

قطعا تا به حال شما حین ساخت یک صفحه وب بین تب های مختلف جا به جا شدید. یعنی یک المنت html رو ساختید و در نهایت به فایل css اون رفتید و تغییراتتون رو اونجا اعمال کردید . خوب برای این که هر دو رو در یک صفحه داشته باشید باید روش کدنویسی تون رو تغییر بدید که این راه معقولی نیست . ویرایشگر براکت یک امکان ویژه داره که به شما این قدرت رو میده که المنت های html تون رو در همون برگه بهشون استایل بدید. به طور مثال شما نشانه گر موس رو روی یک المنت با کلاس یا آی دی خاص می برید و دکمه های ctrl + E رو فشار میدید و این ویرایشگر تمامی استایل هایی که به این المنت داده شده رو به صورت یک فیلد کشویی برای شما میاره و شما می تونید همونجا اون ها رو تغییر بدید.

نمایش خروجی کد ها به صورت زنده یا live در براکت

شما زمانی که کد های خودتون رو تکمیل می کنید با استفاده از مرورگرتون تغییرات رو در کدهاتون یا در خروجی تون مشاهده می کنید. ویرایشگر براکت خودش یک مرورگر از جنس گوگل کروم داره که امکانات یک مرورگر کامل رو داراست و شما میتونید تغییرات کدهاتون رو در اون مشاهده کنید.

کار با scss و less در ویرایشگر براکت

شما در ویرایشگر براکت به راحتی میتونید با scss و less کار کنید و تغییرات کدهاتون رو در اون مشاهده کنید.

افزونه های محبوب ویرایشگر براکت به شرح زیر می باشند.

  • افزونه محبوب Emmetکه برای کدنویسی سریع استفاده می شود.
  • افزونه beautify که برای مرتب سازی کد ها از آن استفاده می شود.
  • دسته آیکن های زیبا که در ساید بار این نرم افزار به ازای هر فایل و با توجه به فرمت فایل نمایش داده می شوند. آیکن های زیادی برای این نرم افزار موجود می باشد که شما با توجه به سلیقه خودتان می توانید از آن ها استفاده کنید.
  • تم و رنگ بندی های متفاوت که برای این ویرایشگر نوشته شده است. به طور مثال شما می توانید تم IDE دریم ویور رو روی اون نصب کنید.
  • افزونه Git که کار با گیت را برای شما آسان می کند. یعنی شما با استفاده از این افزونه این امکان را خواهید داشت که با ابزار های گرافیکی کارهای خودتان را باگیت نظیر commit , push , pull , … را انجام دهید.

اگر در رابطه با نحوه عملکرد گیت اطلاعات ندارید دارید پیشنهاد می کنم که مقالات آموزش گیت را مطالعه کنید:

گیت چیست و چه کاربردی دارد

مخازن مربوط به گیت

اصطلاحات مورد استفاده در گیت

نصب براکت (Brackets) روی اوبونتو

برای نصب براکت روی اوبونتو کدهای زیر را در ترمینال وارد کنید:

sudo add-apt-repository ppa:webupd8team/brackets
sudo apt-get update
sudo apt-get install brackets

 

مطالب مشابه

FlexBox CSS Property

به صورت پیش فرض ساختار المان های Block به صورت تمامی عرض می باشد. با استفاده از float می توان نحوه چینش آن ها را تغییر...

sass scss logo

آموزش Sass و کاربردها

sass یک ابزار قدرتمند برای تولید کدهای css می باشد (CSS Extension Language) می باشد. sass یک زبان پیش پردازنده...

اشتراک گذاری :

مدیر وب سایت گنوتک . برنامه نویسی رو با زبان C در هفده سالگی شروع کردم . در حال حاضر به برنامه نویسی php برپایه معماری MVC , HMVC و همچنین سیستم مدیریت محتوای WordPress و فریم ورک محبوب لاراول علاقه مند هستم و دوست دارم اطلاعاتم رو با شما به اشتراک بگذارم.

2 دیدگاه برای ویرایشگر براکت Brackets

    • آره خداییش . من هیچ وقت ویدیوهای خودم و نمیبینم زیاد از صدای خودم خوشم نمیاد. از شما که تحمل می کنید کمال تشکر و دارم. کاش میشد سری جدید ویدیوهارو میدادم بهنام بانی ضبط کنه به شرطی که قول بده وسط ضبط نپره هوا

دیدگاهتان را بنویسید

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