دورود خدمت تمام دوستان و همراهان همیشگی وب سایت سون ریپلای در خدمت شما هستم با یکی دیگه
از آموزش نرم افزار های مورد نیاز برای کد نویسی توی این جلسه از آموزش میخواهیم خدمت شما دوستان
آموزش نصب Brackets آموزش بدیم پس تا آخر با من همراه باشید .
آموزش نصب Brackets – نرم افزار Brackets
نرم افزار Brackets ویرایشگری با امکانات گرافیکی بسیار قدرتمند که توسط برنامه نویسان زیادی با استفاده از زبان جاوااسکریپت نوشته شده است.
اگر شما هم در زمینه طراحی سایت فعالیت دارید،
یکی از مهمترین چالش هایی که در ابتدای کار با آن مواجه می شوید، انتخاب یک نرم افزار مناسب برای طراحی وب سایت است.
در گذشته Adobe dreamweaver یکی از نرم افزارهای محبوب برای توسعه وب بود. در آن زمان توسط دریم ویور با درگ دراپ کردن می توانستید صفحات وب خود را طراحی کنید.
اما نتیجه کارها ممکن بود از نظر کد نویسی زیاد جالب نباشد. به عنوان طراح سایت باید تمام طراحی خود را از طریق کد نویسی انجام دهید.
ویرایشگر براکتس بهترین گزینه برای کد نویسی سمت کلاینت است. .سون ریپلای در دوره آموزش html از این ادیتور برای کد نویسی استفاده میکند.
نرم افزار Brackets ویژگی های شاخص آن
قطعا تا به حال شما حین ساخت یک صفحه وب بین تب های مختلف جا به جا شدید.
یعنی یک المنت html رو ساختید و در نهایت به فایل css اون رفتید و تغییراتتون رو اونجا اعمال کردید .
خوب برای این که هر دو رو در یک صفحه داشته باشید باید روش کدنویسی تون رو تغییر بدید که این راه معقولی نیست .
ویرایشگر براکتس یک امکان ویژه داره که به شما این قدرت رو میده که المنت های html تون رو در همون برگه بهشون استایل بدید.
به طور مثال شما نشانه گر موس رو روی یک المنت با کلاس یا آی دی خاص می برید و دکمه های ctrl + E رو فشار میدید
و این ویرایشگر براکتس تمامی استایل هایی که به این المنت داده شده رو به صورت یک فیلد کشویی برای شما میاره و شما می تونید همونجا اون ها رو تغییر بدید.
نمایش خروجی کد ها به صورت زنده یا live در نرم افزار Brackets
شما زمانی که کد های خودتون رو تکمیل می کنید با استفاده از مرورگرتون تغییرات رو در کدهاتون یا در خروجی تون مشاهده می کنید.
ویرایشگر براکتس خودش یک مرورگر از جنس گوگل کروم داره که امکانات یک مرورگر کامل رو داراست و شما میتونید تغییرات کدهاتون رو در اون مشاهده کنید.
افزونه های محبوب ویرایشگر براکتس به شرح زیر می باشند.
- افزونه محبوب Emmetکه برای کدنویسی سریع استفاده می شود.
- افزونه beautify که برای مرتب سازی کد ها از آن استفاده می شود.
- دسته آیکن های زیبا که در ساید بار این نرم افزار به ازای هر فایل و با توجه به فرمت فایل نمایش داده می شوند.
- آیکن های زیادی برای این نرم افزار موجود می باشد که شما با توجه به سلیقه خودتان می توانید از آن ها استفاده کنید.
- تم و رنگ بندی های متفاوت که برای این ویرایشگر براکتس نوشته شده است. به طور مثال شما می توانید تم IDE دریم ویور رو روی اون نصب کنید.
- افزونه Git که کار با گیت را برای شما آسان می کند.
- یعنی شما با استفاده از این افزونه این امکان را خواهید داشت که با ابزار های گرافیکی کارهای خودتان را باگیت نظیر commit , push , pull , … را انجام دهید.
ویژگی های نرم افزار Brackets
- کدنویسی آسان HTML و CSS و Javascript
- امکان debug و یافتن خطاهای برنامه
- قابلیت نصب بر روی ویندوز 32 بیت و 64
- انتخاب پوشه و کنترل آسان فایل ها
- امکان نصب افزودنی های مورد نیاز
- امکان تغییر قالب و ظاهر برنامه
- قابلیت پیش نمایش زنده پروژه
- پشتیبانی از زبان فارسی
- و…
آموزش نصب Brackets – چرا نرم افزار Brackets ؟
براکتس یا Brackets یک ادیتور متن باز و رایگان است که منحصرا برای طراحان فرانتاند ایجاد شده و توسعهدهنده آن شرکت Adobe است.
این ابزار نسبتا سبک است و همراه با چند ابزار بصری ساده مانند Live Preview،
پشتیبانی از پیشپردازنده، پالتهای رنگی و… ارائه شده که باعث میشود کدنویسی بسیار سادهتر شود.
شروع نصب نرم افزار Bracdets
برای دانلود ویرایشگر براکتس از لینک زیر اقدام فرمایید .
طبق تصویر زیر عمل کنید .
مرحله دوم
بعد از این که نرم افزار دانلود کردید روی نرم افزار کلیک کنید روی install بزنید طبق تصویر زیر عمل کنید .
مرحله سوم نصب نرم افزار
بعد از این که روی install کلیک کردید یک پنجره ظاهر خواهد شد روی next کلیک کنید قبل از کلیک تیک add….. بردارید طبق تصویر زیر عمل نمایید.
مرحله چهارم نصب نرم افزار
بعد از این که روی next کلیک کردید یک پنجره ظاهر خواهد شد که روی install کلیک کنید بعد از این مرحله باید چند دقیقه صبر کنید تار نرم افزار Brackets به صورت کامل نصب شود
طبق تصویر زیر عمل کنید.
مرحله پنجم نصب نرم افزار
پایان نصب است که نرم افزار به صورت کامل نصب شده است روی finish کلیک کنید .
محیط نرم افزار بعد از این که نرم افزار براکتس را اجرا کردید به این محیط بر خورد خواهید کرد کار تمام است .
آموزش نصب Brackets – سخن آخر
تا به حال با براکتس کار کردهاید؟ از چه افزونههایی استفاده میکنید؟ خوشحال میشویم که با روند کاری شما آشنا شویم.
اکه نظر یا پیشنهادی دارید توی قسمت نظرات برای ما بنویسید ما همیشه منتظر نظرات با ارزش ما هستیم .
man nemitonam pluginasho nasb konam che konam?
سلام استاد سال نو مبارک انشاله که سال خوبی داشته باشید
اگر امکان داره اموزش اتصال براکتس به ومپ سررو رو اموزش بدید و هم چنین
امکان نصب امولی تور به براکتس رو م اموزش بدید
ممنونم
سلام استاد
من پس از دانلود: زمان نصب نرم افزار می پره و نصب نمی شه ویندوز من 32 سون هست
چه کنم ممنون از راهنمایی تون
سلام خدمت شما دوست گرامی موقعه دانلود نرم افزار نسخه 32 بیت را دانلود نمودید یا 64 بیت ؟
سلام استاد من براکتس رو نصب کردم اما افزو نه هاش نصب نمی شه مثل emmet یا غیره
ممنونم میشم اگر راهنمایی کنید
سلام خدمت شما دوست گرامی چه مشکلی داره آیا موقعه نصب ارور خاصی میده لطفا بیشتر توضح بدید موفق باشید
بله عروری به نام extension registry