صفحه اصلی / مجله خبری / معرفی وبسایت jsfiddle.net – ادیتور انلاین

معرفی وبسایت jsfiddle.net – ادیتور انلاین

معرفی وبسایت jsfiddle.net – ادیتور انلاین

با سلام خدمت شما بازدیدکنندگان گرامی مجله اینترنتی شماسافت در این پست قصد معرفی وب سایت کاربردی داریم که امکان ادیت و کدنویسی انلاین برای شما فراهم اورده است. برای انکه با قابلیت های این سایت و نحوه استفاده از ان اشنا شوید تا پایان این مطلب «معرفی وبسایت jsfiddle.net – ادیتور انلاین» همراه ما باشید.

 

 

jsfiddle.net :

این وب سایت قطعا یکی از سایت های مهم برای هر برنامه نویس و به خصوص برنامه نویسان وب خواهد بود چرا که این وب سایت امکان ادیت و کد نویسی انلاین سه زبان HTML , CSS , JavaScript برای کاربران و به صورت رایگان فراهم اورده است.

 

شروع کار با jsfiddle.net : 

کافیست وارد این وب سایت شوید و شروع به کدنویسی کنید !!! 

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

برای مثال شما میتوانید به جای css از  scss برای کد نویسی استفاده کنید برای این کار برروی دکمه css در همان بخش کلیک و از قسمت language ا scss استفاده کنید.

همچنین در بخش جاوا اسکریپت نیز همانند انچه برای css گفته شد میتوانید به جای javascript از coffeescript یا  typescript استفاده کنید به علاوه انکه میتوانید کتابخانه های معروف همچون angularjs به صفحه خود ضمیمیه کنید.

در اتمام کار شما میتوانید پروژه ایجاد شده را ذخیره و از لینک اختصاصی و یا پیشنمایش حرفه ای ان استفاده کنید.

 

 

قابلیت های jsfiddle :

 

togetherjs :

این قابلیت به شما امکان این را میدهد تا به راحتی و به صورت اشتراکی به تولید و یا ویرایش کد های خود بپردازید همچنین شما میتوانید از این قابلیت برای  اموزش انلاین این سه زبان یعنی html , css , javascript بپردازید نحوه راه اندازی این امکان بسیار ساده بوده کافی است برروی دکمه نمایش داده شده در عکس زیر کلیک و از قسمت add friend یا invite friend کاربر دیگری را به محیط کدنویسی اضافه کنید.

معرفی وبسایت jsfiddle.net - ادیتور انلاین

 

اضافه کردن سورس کدهای external :

اگر جزو برنامه نویسان فرانت اند (front-end) باشید حتما دوست دارید از فریم ورک هایی همچون bootstrap و … استفاده کنید این وب سایت در قسمت External Resources این امکان برای شما مهیا شده است همچنین شما میتوانید از دستورات ajax تحت شرایط خاص و همچون این مثال http://jsfiddle.net/GRMule/WQXXT/ استفاده کنید.

 

tidy:

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

 

fork : 

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

 

ذخیره کردن کد ها و دسترسی دوباره به انها + ساخت پیشنمایش :

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

 

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

 

پاسخ دهید

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