شنبه ۱۴ مهر ۱۴۰۳ |  عضویت / ورود

CodePen.io یک ادیتور کدنویسی آنلاین (Online IDE)


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

CodePen.io

https://img.aftab.cc/news/92/codepen.png

یک IDE برای کدنویسی به زبان‌های تحت وب. (html و CSS و Javascript)

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

و یا مثلاً بارها شده که جایی بوده‌ام که همراهم نرم افزارهایی مثل Sublime نبوده که بخواهم کدها را تر و تمیز نشان دهم. این سایت می‌تواند کمک کند...

البته یک سایت نام‌آشناتر هم هست:

JSFiddle.net

اما خوب، CodePen یک خوبی نسبت به JSFiddle دارد و آن، Live Preview است. یعنی به محض نوشتن کد، نتیجه در خروجی دیده می‌شود در حالی که در فیدل باید هر بار روی دکمه Run کلیک کنید! امکان تغییر ظاهر برنامه هم در CodePen وجود دارد. (در بخش Settings)

اما جالب است که هر دو رنک ۶ دارند و تقریباً در الکسا هم حدود ۱ تا ۲۰۰۰ هستند!

موفق باشید؛
حمید رضا نیرومند


[ارسال شده در مورخه : جمعه، 11 بهمن، 1392 توسط Hamid]
[ #برنامه‌ نويسي]



بازدیدها از این مطلب: 10141 بار   امتیاز متوسط : 0  تعداد آراء: 0   امتیاز دهید:

نظرات طرح شده

نام: [ کاربر جدید ]
ایمیل:

نظر:


اجازه استفاده از تگهای HTML را ندارید


جمع عدد 15 با 12 را در كادر زیر وارد نمایید:
(این كار برای جلوگیری از فعالیت موتورهای اسپمر است)


* توجه: نظر شما بعد از بررسی، نمایش داده خواهد شد.

[بدون موضوع]                توسط mrsmhn در مورخه : جمعه، 11 بهمن، 1392(لینک نظر)
سلام

سایت خوبی بود و کاربردی

تشکر


[ ارسال جوابیه ]


[بدون موضوع]                توسط ashena در مورخه : جمعه، 11 بهمن، 1392(لینک نظر)
اولین باری که سایت CodePen رو دیدم اینقدر کیف کردم. چیدمان box ها برای ورود کدها در CodePen خیلی بهتر است.

ممنون که این سایت رو معرفی کردید حمید جان.


[ ارسال جوابیه ]


مهدی (امتیاز : 0)(لینک نظر)
توسط مهدی در مورخه : جمعه، 11 بهمن، 1392
سلام استاد

قبلا با این سایت اشنا بودم سایت مشابه http://cssdeck.com/

موفق باشید


[ ارسال جوابیه ]