JS Bin - بهترین ویرایشگر آنلاین کد های سمت کاربر

- visibility ۱۵ mode_comment

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

JS Bin

این وب سایت یا بهتره بگم ویرایشگر آنلاین با امکاناتی که داره کار رو برای کد نویسی سمت کاربر به شدت راحت میکنه و باعث میشه ما زمان کمتری رو برای کارهای جانبی اختصاص بدیم.

منوی اصلی ادیتور jsbin

از منوی Add library می تونید به روز ترین و قدرتمند ترین کتاب خانه ها و فریمورک های JavaScript و CSS رو فقط با یک کلیک به پروژه اضافه کنید تا در ویرایشگر اصلی به خیال راحت ازشون استفاده کنید.

این ویرایشگر 5 پنل مختلف داره که اولین پنل برای ویرایش کد های HTML و پنل دوم برای ویرایش کد های CSS و پنل سوم برای ویرایش کد های JS و پنل چهارم console مربوط به کد های JS و پنل آخر هم خروجی کد رو در هر بار تغییرات به شما نشون میده.

پنل css ویرایشگر

هر کدوم از پنل هارو که نیازی بهش نباشه با کلیک بر روی عنوان خودش در منوی اصلی میشه مخفی کرد و دوباره نمایش داد.

ادیتور آنلاین JSBin

با هر تغییر در پنل خروجی میتونید تغییرات حاصله رو ببینید و از نتیجه کد مطمئن باشید.

از منوی Bins می تونید به امکانات بیشتری دسترسی داشته باشین و ایجاد یه Bin جدید و دسترسی به Bin های قبلی و دانلود کردن یا کپی کردن این کد و هم چنین ذخیره کردن این Bin به عنوان نمونه و پیش فرض از جمله این مکاناته.

منوی Bins در ادیتور آنلاین

در نهایت که میخواید کد رو با دیگران به اشتراک بگذارید می تونید از منوی Share این کارو انجام بدید.

انتشار کد در ادیتور آنلاین JSBin

می تونید پنل هایی که میخواید نشون داده بشه رو فعال یا غیر فعال کنید و در نهایت هم لینک درون باکس اولی رو برای اشتراک برای دوستان بفرستید.

امیدوارم که موفق و پیروز باشید.

comment دیدگاه کاربران

سلام آقا لقمان مطلب خیلی خیلی خوبی بود
ولی بهتر نبود این مطلب در قسمت جعبه ابزار منتشر میشد ؟؟

رضا ساطع بیدگلی

ببخشید منظورم آقا کیوان بودند … 😆

کیوان علی محمدی

سلام چرا اتفاقا بهترین مکان برای این مطلب،جعبه ابزاره.

رضا ساطع بیدگلی

خوب پس چرا اینجا منتشر شده ؟؟؟ ❗

لقمان آوند

فکر کنم هنوز به جعبه ابزار عادت نکردی کیوان جان !
ایشالله ازین به بعد هر پست در قسمت خودش منتشر شه .

کیوان علی محمدی

آره خوب.چشم رئیس حتما.

رضا ساطع بیدگلی

راستی آقا کیوان خیلی خوشحال شدم دوباره برگشتی
چند وقت بود نبودی ؟؟

کیوان علی محمدی

ما زیر سایه شما بودیم شما ما رو نمیدیدی (به صورت مامور مخفی در سایت فعالیت میکردم:) )

ممنون استاد علیمحمدی…..استادآموزش تخصصی وردپرس توی VIP نمی ذارید؟یعنی مثلاً پلاگین نویسی…دستکاری وردپرس و…

کیوان علی محمدی

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

حسین محمدی

شکسته نفسی می کنید…شما استاد هستید…
واااااااای طراحی انجمن 😯 😯 …..با این موافقم…..

کیوان علی محمدی

بله به جرات میگم فارغ التحصیلان دوره های VIP میتونن کم کم به صورت FreeLancer مشغول کار در بحث طراحی وب بشن.

وحید صالحی

انشاا… بزودی

m

ببخشید فکر کنم سوالم خیلی مبتدی هست ولی میشه بگید منظورتون از FreeLancer چی بود ؟ 🙄

کیوان علی محمدی

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.