نه همیشه برنامه نویس دارای نرم افزار خاصی است که از طریق آن می توانید با کد کار کنید. اگر این اتفاق افتاد که شما نیاز به ویرایش کد داشته باشید و هیچ نرم افزاری مناسب در دسترس نباشد ، می توانید از خدمات آنلاین رایگان استفاده کنید. در مرحله بعدی ، ما در مورد دو سایت چنین صحبت خواهیم کرد و به طور مفصل اصل کار در آنها را تحلیل خواهیم کرد.
ویرایش کد برنامه بصورت آنلاین
از آنجا که تعداد زیادی ویرایشگر چنین هستند و به سادگی نمی توان آنها را مورد بررسی قرار داد ، تصمیم گرفتیم فقط روی دو منبع اینترنت متمرکز شویم که محبوب ترین هستند و مجموعه اصلی ابزارهای لازم را نشان می دهند.
همچنین بخوانید: نحوه نوشتن برنامه در جاوا
روش 1: CodePen
در وب سایت CodePen ، بسیاری از توسعه دهندگان کدهای خود را به اشتراک می گذارند ، با پروژه ها ذخیره و کار می کنند. در ایجاد حساب کاربری شما هیچ چیز پیچیده ای وجود ندارد و بلافاصله شروع به نوشتن کنید ، اما این کار به صورت زیر انجام می شود:
به CodePen بروید
- با استفاده از پیوند بالا ، صفحه اصلی وب سایت CodePen را باز کنید و برای ایجاد یک نمایه جدید اقدام کنید.
- یک مسیر ثبت نام راحت را انتخاب کنید و طبق دستورالعمل ذکر شده ، حساب کاربری خود را ایجاد کنید.
- اطلاعات مربوط به صفحه خود را پر کنید.
- اکنون می توانید برگه ها را بالا بروید ، منوی پاپ آپ را گسترش دهید "ایجاد" و مورد را انتخاب کنید "پروژه".
- در پنجره سمت راست فرمت های فایل پشتیبانی شده و زبان های برنامه نویسی را مشاهده خواهید کرد.
- ویرایش را با انتخاب یکی از قالب ها یا نشانه گذاری های استاندارد HTML5 شروع کنید.
- کلیه کتابخانه ها و پرونده های ایجاد شده در سمت چپ نمایش داده می شوند.
- با کلیک چپ روی یک شی ، آن را در یک پنجره در سمت راست فعال می کند و کد را نشان می دهد.
- در پایین دکمه هایی وجود دارد که پوشه ها و پرونده های خود را اضافه کنید.
- پس از ایجاد ، شی را نام گذاری کرده و تغییرات را ذخیره کنید.
- در هر زمان ، می توانید با کلیک روی LMB روی تنظیمات پروژه بروید "تنظیمات".
- در اینجا می توانید اطلاعات اولیه - نام ، توضیحات ، برچسب ها ، و همچنین گزینه های پیش نمایش و تورفتگی کد را پیدا کنید.
- اگر از نمای فعلی فضای کاری راضی نیستید ، می توانید با کلیک بر روی آن ، آن را تغییر دهید "تغییر نمای" و انتخاب منظره مورد نظر.
- وقتی خطوط کد مورد نظر را ویرایش می کنید ، روی آن کلیک کنید "ذخیره همه + اجرا"برای ذخیره همه تغییرات و اجرای برنامه نتیجه گردآوری شده در زیر نشان داده شده است.
- با کلیک کردن بر روی ، پروژه را در رایانه خود ذخیره کنید "صادرات".
- برای تکمیل و بارگیری بایگانی منتظر پردازش باشید.
- از آنجا که کاربر نمی تواند بیش از یک پروژه فعال در نسخه رایگان CodePen داشته باشد ، در صورت نیاز به ایجاد یک پروژه جدید ، باید آن را حذف کنید. برای انجام این کار ، کلیک کنید "حذف".
- کلمه تأیید را وارد کنید و حذف را تأیید کنید.
در بالا ، ما عملکردهای اساسی سرویس آنلاین CodePen را بررسی کردیم. همانطور که مشاهده می کنید ، نه تنها برای ویرایش کد بلکه برای نوشتن آن از ابتدا و همچنین به اشتراک گذاری آن با سایر کاربران بد نیست. تنها اشکال سایت محدودیت ها در نسخه رایگان است.
روش 2: LiveWeave
اکنون می خواهم روی منبع وب LiveWeave بنشینم. این نه تنها یک ویرایشگر کد داخلی بلکه ابزارهای دیگری نیز دارد که در زیر در مورد آنها صحبت خواهیم کرد. کار با سایت مثل این شروع می شود:
به وب سایت LiveWeave بروید
- برای رسیدن به صفحه ویرایشگر ، لینک بالا را دنبال کنید. در اینجا بلافاصله چهار ویندوز را مشاهده خواهید کرد. اول نوشتن کد در HTML5 ، دوم JavaScript ، سوم با CSS و چهارم نتیجه تلفیقی را نشان می دهد.
- از جمله ویژگی های این سایت می توان نکات ابزار را هنگام تایپ برچسب ها در نظر گرفت ، آنها می توانند سرعت تایپ را افزایش داده و از خطاهای املایی خودداری کنند.
- به طور پیش فرض ، تدوین در حالت زنده انجام می شود ، یعنی بلافاصله پس از ایجاد تغییرات پردازش می شود.
- اگر می خواهید این عملکرد را غیرفعال کنید ، باید نوار لغزنده را در مقابل مورد مورد نظر حرکت دهید.
- در نزدیکی می توانید حالت شب را روشن و خاموش کنید.
- با کلیک روی دکمه مربوطه در پنل سمت چپ می توانید کار را با کنترل کننده های CSS آغاز کنید.
- در منوی باز شده ، کتیبه با حرکت اسلایدها و تغییر مقادیر خاص ویرایش می شود.
- در مرحله بعد ، توصیه می کنیم به راهنمای رنگ توجه کنید.
- یک پالت گسترده برای شما فراهم شده است که می توانید هر سایه ای را انتخاب کنید و در بالا کد آن نمایش داده می شود که بعداً هنگام نوشتن برنامه ها با رابط استفاده می شود.
- به منو بروید "ویرایشگر بردار".
- با اشیاء گرافیکی کار می کند ، که بعضی اوقات در طول توسعه نرم افزار نیز مفید خواهد بود.
- منوی بازشو را باز کنید "ابزار". در اینجا می توانید قالب را بارگیری کنید ، فایل HTML و تولید کننده متن را ذخیره کنید.
- این پروژه به صورت یک فایل واحد بارگیری می شود.
- اگر می خواهید کار را پس انداز کنید ، ابتدا باید در این سرویس آنلاین مراحل ثبت نام را طی کنید.
اکنون می دانید که چگونه کد در وب سایت LiveWeave ویرایش می شود. ما می توانیم با خیال راحت استفاده از این منبع اینترنتی را توصیه کنیم ، زیرا این کشور دارای عملکردها و ابزارهای بسیاری است که به شما امکان می دهد روند کار با کد برنامه را بهینه و ساده کنید.
این نتیجه مقاله ما است. امروز ما دو دستورالعمل دقیق را برای کار با کد با استفاده از خدمات آنلاین ارائه کرده ایم. امیدواریم که این اطلاعات مفید باشد و به تعیین مناسب ترین منبع وب برای کار کمک کند.
همچنین بخوانید:
انتخاب یک محیط برنامه نویسی
برنامه هایی برای ایجاد برنامه های Android
برنامه ای را برای ایجاد یک بازی انتخاب کنید
