• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

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

5863 ۱۱ دی ۹۲

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

JS Bin

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 15 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏
    رضا ساطع بیدگلی(۱۱ دی ۱۳۹۲)

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

    • ‏‏
      رضا ساطع بیدگلی(۱۱ دی ۱۳۹۲)

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

    • ‏‏
      کیوان علی محمدی(۱۱ دی ۱۳۹۲)

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

      • ‏‏
        رضا ساطع بیدگلی(۱۱ دی ۱۳۹۲)

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

      • ‏‏
        لقمان آوند(۱۱ دی ۱۳۹۲)

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

        • ‏‏
          کیوان علی محمدی(۱۱ دی ۱۳۹۲)

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

        • ‏‏
          رضا ساطع بیدگلی(۱۱ دی ۱۳۹۲)

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

        • ‏‏
          کیوان علی محمدی(۱۲ دی ۱۳۹۲)

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

  • ‏‏
    حسین محمدی(۱۲ دی ۱۳۹۲)

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

    • ‏‏
      کیوان علی محمدی(۱۲ دی ۱۳۹۲)

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

      • ‏‏
        حسین محمدی(۱۲ دی ۱۳۹۲)

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

        • ‏‏
          کیوان علی محمدی(۱۲ دی ۱۳۹۲)

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

    • ‏‏
      وحید صالحی(۱۲ دی ۱۳۹۲)

      انشاا… بزودی

  • ‏‏

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

    • ‏‏
      کیوان علی محمدی(۶ بهمن ۱۳۹۲)

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

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram