עורכי קוד מקוון

Anonim

עורכי קוד מקוון

לא תמיד, למתכנת יש תוכנה מיוחדת בהישג יד שדרכו זה עובד עם הקוד. אם זה קרה כי יש צורך לערוך את הקוד, ואת התוכנה המתאימה היא לא בהישג יד, אתה יכול להשתמש בשירותים מקוונים חינם. לאחר מכן נדבר על שני אתרים וכאלה בפירוט את עקרון העבודה בהם.

ערוך את קוד התוכנית המקוון

מאז יש מספר רב של עורכי דומים והכל פשוט לא לשקול, החלטנו להתרכז רק על שני משאבי אינטרנט כי הם הפופולריים ביותר מייצגים את הסט הראשי של הכלים הדרושים.

לעיל, בדקנו את הפונקציות הבסיסיות של שירות מקוון codepen. כפי שאתה יכול לראות, זה לא רע עבור לא רק כדי לערוך את הקוד, אלא גם לכתוב את זה מאפס, ולאחר מכן לחלוק עם משתמשים אחרים. החיסרון היחיד של האתר הוא הגבלות בגירסה חופשית.

שיטה 2: livewave

עכשיו אני רוצה להישאר על משאב אינטרנט Livewave. זה לא רק בנוי קוד קוד, אלא גם כלים אחרים כי נדבר למטה. העבודה מתחילה עם האתר כך:

עבור לאתר Liveweave

  1. בצע את הקישור לעיל כדי להגיע לדף העורך. כאן אתה רואה מיד ארבעה חלונות. הקוד הראשון בכתב ב- HTML5, השני - JavaScript, בשלישי - CSS, ותוצאה של קומפילציה מוצגת ברביעי.
  2. ארבעה חלונות פעילים בשירות Livewave

  3. אחד התכונות של אתר זה יכול להיחשב טיפים מוקפצים בעת הקלדת תגיות, הם מאפשרים לך להגדיל את המהירות של קבוצה ולהימנע טעויות בכתב.
  4. הצגת עצות בשירות Livewave

  5. כברירת מחדל, קומפילציה מתרחשת במצב חי, כלומר, היא מעובדת מיד לאחר ביצוע שינויים.
  6. השלמת בזמן אמת על שירות livewave

  7. אם ברצונך לבטל את התכונה הזו, עליך להזיז את המחוון מול הפריט הנדרש.
  8. השבת אוסף אוטומטי על השירות livewave

  9. בקרבת מקום זמין על פני מצב לילה.
  10. כבה את מצב הלילה בשירות Livewave

  11. באפשרותך להמשיך לעבוד עם בקרי CSS על-ידי לחיצה על הלחצן המתאים בחלונית השמאלית.
  12. עבור אל עורך CSS בשירות Livewave

  13. בתפריט שנפתח, הכתובת נערכת על ידי הזזת המחוונים ולשנות ערכים מסוימים.
  14. ערוך CSS על שירות livewave

  15. לאחר מכן, אנו ממליצים לשים לב לקובע הצבע.
  16. עבור אל דפדפן העמודה בשירות LiveWave

  17. אתה מספק לוח מקיף שבו אתה יכול לבחור כל צל, ואת הקוד שלה יופיע בראש, אשר משמש מאוחר יותר בעת כתיבת תוכניות עם הממשק.
  18. עבודה עם דפדפן צבעים על שירות livewave

  19. העבר בתפריט "עורך וקטור".
  20. עבור אל העורך וקטור על שירות Livewave

  21. זה עובד עם אובייקטים גרפיים, אשר יהיה גם שימושי בזמן של פיתוח תוכנה.
  22. עבודה בעורך וקטור על השירות livewave

  23. פתח את התפריט המוקפץ של הכלים. הנה טעינת תבנית זמינה, שמור את קובץ HTML ואת גנרטור טקסט.
  24. קפיצה לחיסכון בשירות Livewave

  25. פרויקט מוריד בצורה של קובץ אחד.
  26. פתח מסמך שמור מ Livewave שירות

  27. אם אתה רוצה לשמור עבודה, תחילה תצטרך לעבור את הליך ההרשמה בשירות מקוון זה.
  28. שמור את הפרויקט בשירות Livewave

עכשיו אתה יודע איך הקוד הוא נערך באתר Liveweave. אנו יכולים להמליץ ​​בבטחה להשתמש במשאב אינטרנט זה, שכן יש לו תכונות וכלים רבים המאפשרים לך לייעל ולפשט את תהליך העבודה עם קוד התוכנית.

על זה, המאמר שלנו הושלם. היום אנחנו הציגו לך שתי הוראות מפורטות לעבודה עם הקוד באמצעות שירותים מקוונים. אנו מקווים כי מידע זה היה שימושי ועזר להחליט על הבחירה של משאב האינטרנט המתאים ביותר לעבודה.

ראה גם:

בחר איכות סביבתית

תוכניות ליצירת יישומי אנדרואיד

בחירת תוכנית כדי ליצור משחק

קרא עוד