کانال تلگرام

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

تاریخ : ۲۱ اردیبهشت ۱۳۹۸
نویسنده : حمید رضا ملکی
دسته بندی ها : ابزار طراحی

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

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

1.Codepen

Codepen احتمالا ً یکی از محبوب‌ترین ویرایشگر های کد است. Chris Coyier بنیانگذار این ویرایشگر است. این برنامه واقعا عالی به نظر می‌رسد . جدا از جلوه‌های بصری Codepen این ویرایشگر پیشنمایشی زنده از تغییراتی که در کد خود ایجاد می‌کنید ، به شما نشان می‌دهد. در این صورت کد نویسی در این محیط بسیار لذت بخش است.

codepen

پیش پردازنده های این ویرایشگر همچون SCSS, SASS, LESS در دسترس هستند. این ویرایشگر همچنین دارای پیش پردازنده های جاوااسکریپت نیز هست. در این ویرایشگر همچنین ۸ کتابخانه درونی وجود دارد که میتوان به راحتی از آنها استفاده نمود. قابلیت همکاری و بخشی خصوصی برای کد های شما در Codepen نیز فراهم است که البته برای آنها باید پول بپردازید.

2.JSFiddle

JSFiddle احتمالا ً یکی دیگر از محبوب ترین ویرایشگر های کد در دنیای وب است ، زیرا این برنامه یکی از قدیمی ترین و مشهورترین ویرایشگر ها در این زمینه است. JSFiddle بیش از ۳۰ کتابخانه جاوا اسکریپت را برای استفاده فوری آماده کرده ‌است ، علاوه بر این شما می‌توانید فایل‌های خارجی را به راحتی اضافه کنید.

JSFiddle

اگر شما با توسعه دهنده ای دیگر نیز هم‌کاری می‌کنید ، به شدت توصیه می‌کنم که از JSFiddle برای مرتب‌سازی کارها بهره ببرید . ویژگی هم‌کاری JSFiddle احتمالا ً بهترین قابلیتی است که میتوانید روی آن حساب کنید . استفاده از این قابلیت نیز بسیار آسان است.

چیزی که شاید کمبودش در JSFiddle حس میشود پیش نمایش زنده است. باید هر بار با کلیک روی دکمه نمایش ، صفحه را بارگذاری کنید. در مقایسه با ویرایشگر های دیگر ، JSFiddle احتمالا ً کند ترین آنهاست. یک نقطه ناامیدکننده دیگر برای این ویرایشگر دکمه Run است که گاهی اوقات کلیک کردن بر روی آن کار نمی‌کند ، پس باید چند بار دیگر کلیک کنید تا کدتان را اجرا کند.

3.JS Bin

JS Bin توسط  Remy Sharp ، یک توسعه دهنده جاوا اسکریپت که مالک یک شرکت توسعه وب بود ، ایجاد شد. پیش پردازنده جاوااسکریپت این ویرایشگر شامل CoffeeScript ، typescript ، Traceur و JSX است و بیش از ۴۰ کتابخانه جاوا اسکریپت در اختیار دارد. شما می‌توانید فایل‌های خارجی را اضافه کنید، ولی این کار را باید به صورت دستی در ویرایشگر انجام دهید. این ویرایشگر به عنوان پیش پردازنده برای سی اس اس  LESS را فراهم میکند.

JS-Bin

چیزی که این ویرایشگر را نسبت به ویرایشگر های قبلی متمایز می‌سازد این است که به شما اجازه می‌دهد ، فایل‌ها را در کامپیوتری خود دانلود کنید. یک ویژگی زیرکانه که ممکن است برای توسعه دهندگان مفید باشد ، به خصوص وقتی که آنلاین نباشید. یک ویژگی منفی برای ویرایشگر JS Bin عدم وجود قابلیت همکاری است.

4.CSSDeck

CSSDeck چندین سال است که در دنیای وب حضور دارد ، اما تاثیر چندانی نداشته است . اما هنوز به خاطر سادگی از اهیمت بالایی برخوردار است. اگر می‌خواهید از تمام شلوغی هایی که در ویرایشگر های دیگر وجود دارد صرف نظر کنید ، میتوانید از این برنامه برای کد های خود استفاده کنید.

cssdeck

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


نتیجه‌گیری

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

#ویرایشگر آنلاین

مقالات پیشنهادی

مشاهده همه مقالات
ثبت دیدگاه

برای ارسال دیدگاه لازم است ابتدا وارد سایت شوید