ווי צו מאַכן אַ פינצטער הינטערגרונט ווקאָנטאַקטע

די פּראָגראַמיסט טוט נישט שטענדיק האָבן ספּעציעל ווייכווארג אין האַנט, דורך וואָס ער אַרבעט מיט די קאָד. אויב עס אַזוי כאַפּאַנז אַז איר דאַרפֿן צו רעדאַגירן דעם קאָד, און די קאָראַספּאַנדינג ווייכווארג איז נישט אין האַנט, איר קענען נוצן די פֿרייַ אָנליין באַדינונגען. ווייַטערדיק מיר וועט זאָגן וועגן צוויי אַזאַ זייטלעך און פונאַנדערקלייַבן אין דעטאַל די פּרינציפּ פון אַרבעט אין זיי.

רעדאַגירן די פּראָגראַם קאָד אָנליין

זינט עס זענען אַ פּלאַץ פון אַזאַ רעדאקציע און פשוט נישט צו באַטראַכטן זיי אַלע, מיר באַשלאָסן צו פאָקוס בלויז אויף די צוויי אָנליין רעסורסן וואָס זענען די מערסט פאָלקס און פאָרשטעלן די גרונט שטעלן פון נייטיק מכשירים.

זען אויך: ווי צו שרייַבן אַ ז'אבא פּראָגראַם

אופֿן 1: קאָדעפּען

אויף דעם פּלאַץ קאָדעפּען, פילע דעוועלאָפּערס טיילן זייער אייגן קאָודז, ראַטעווען און אַרבעט מיט פראיעקטן. עס איז גאָרנישט שווער צו מאַכן דיין חשבון און מיד אָנהייב שרייבן, אָבער דעם איז געטאן ווי דאָס:

גיין צו די CodePen website

  1. עפענען די הויפּט בלאַט פון די קאָדעפּען פּלאַץ ניצן די לינק אויבן און גיינ ווייַטער צו שאפן אַ נייַ פּראָפיל.
  2. קלייַבן אַ באַקוועם וועג צו רעגיסטרירן און, נאָך די ינסטראַקשאַנז, מאַכן דיין אייגן חשבון.
  3. פּלאָמבירן די אינפֿאָרמאַציע וועגן דיין בלאַט.
  4. איצט איר קענען גיין אַרויף די קוויטל, יקספּאַנד די קנאַל-אַרויף מעניו. "שאַפֿן" און קלייַבן אַ נומער "Project".
  5. אין די פֿענצטער אויף די רעכט איר זען די געשטיצט טעקע פאָרמאַץ און פּראָגראַממינג שפּראַכן.
  6. אָנהייב עדיטינג דורך סעלעקטירן איינער פון די טעמפּלאַטעס אָדער נאָרמאַל HTML5 מאַרקאַפּ.
  7. אַלע באשאפן לייברעריז און טעקעס וועט זיין געוויזן אויף די לינק.
  8. אין די פֿענצטער אויף די רעכט, די קאָד איז געוויזן.
  9. אין די דנאָ עס זענען קנעפּלעך וואָס לאָזן איר צו לייגן דיין אייגן פאָלדערס און טעקעס.
  10. נאָך שאַפונג, געבן אַ נאָמען צו דעם כייפעץ און ראַטעווען די ענדערונגען.
  11. יעדער מאָל איר קענען גיין צו די פּרויעקט סעטטינגס דורך געבן אַ קליק אויף דעם "Settings".
  12. דאָ איר קענען שטעלן די גרונט אינפֿאָרמאַציע - די נאָמען, באַשרייַבונג, טאַגס, און די פּאַראַמעטערס פון די פאָרויסיקע ווייַזונג און קאָד ינדענטיישאַן.
  13. אויב איר זענען נישט צופֿרידן מיט דעם קראַנט מיינונג פון די וואָרקספּאַסע, איר קענען טוישן עס דורך געבן אַ קליק אויף "ענדערונג View" און אויסקלייַבן די געוואלט וויוינג פֿענצטער.
  14. ווען איר ענדערן די נייטיק שורות פון קאָד, גיט אויף "ראַטעווען אַלע + לויפן"צו ראַטעווען אַלע ענדערונגען און לויפן די פּראָגראַם. די זאַמלונג רעזולטאַט איז געוויזן אונטן.
  15. היט דעם פּרויעקט אויף דיין קאָמפּיוטער דורך געבן אַ קליק אויף "Export".
  16. וואַרטן ביז די פּראַסעסינג איז געענדיקט און אראפקאפיע די אַרקייוו.
  17. זינט דער באַניצער קען נישט האָבן מער ווי איין אַקטיוו פּרויעקט אין די פֿרייַ ווערסיע פון ​​קאָדעפּען, עס וועט זיין אויסגעמעקט אויב איר דאַרפֿן צו שאַפֿן אַ נייַע. צו טאָן דאָס, גיט אויף "ויסמעקן".
  18. אַרייַן די טשעק וואָרט און באַשטעטיקן די דילישאַן.

אויבן, מיר אָפּשאַצן די גרונט פאַנגקשאַנז פון די אָנליין דינסט קאָדעפּען. ווי איר קענען זען, עס איז אויך פּאַסיק פֿאַר נישט בלויז רעדאַגירן דעם קאָד, אָבער אויך שרייַבן עס פון קראַצן, און דעמאָלט שער עס מיט אנדערע וסערס. דער בלויז שטערונג פון דעם פּלאַץ איז ריסטריקשאַנז אין די פֿרייַ ווערסיע.

אופֿן 2: LiveWeave

איצט איך וואָלט ווי צו וווינען אויף די ליוועוויעוו וועב מיטל. עס כּולל ניט בלויז די געבויט-אין קאָד רעדאַקטאָר, אָבער אויך אנדערע מכשירים וואָס מיר וועלן דיסקוטירן אונטן. די ווערק מיט דעם פּלאַץ הייבט ווי דאָס:

גיין צו די LiveWeave וועבזייַטל

  1. גיי די לינקס אויבן צו באַקומען צו די רעדאַקטאָר בלאַט. דאָ איר וועט מיד זען פיר פֿענצטער. דער ערשטער שרייבט קאָד אין הטמל 5, די רגע איז דזשאַוואַסקריפּט, די דריט איז CSS, און דער פערט ווייזט דער רעזולטאַט פון די זאַמלונג.
  2. איינער פון די פֿעיִקייטן פון דעם פּלאַץ קענען זיין געהאלטן ווי טאָאָלטיפּס ווען טייפּינג טאַגס, זיי לאָזן איר צו פאַרגרעסערן די גיכקייַט פון טייפּינג און ויסמייַדן אויסלייג ערראָרס.
  3. דורך פעליקייַט, זאַמלונג קומט אין לעבן מאָדע, וואָס איז, פּראַסעסט מיד נאָך געמאכט ענדערונגען.
  4. אויב איר ווילן צו דיסאַקטיווייט דעם פֿונקציע, איר דאַרפֿן צו רירן די סליידער קעגן דער געוואלט נומער.
  5. נעאַרבי בנימצא אויף און אַוועק די נאַכט מאָדע.
  6. איר קענען גיין צו אַרבעטן מיט CSS קאַנטראָולערז דורך געבן אַ קליק אויף דעם קאָראַספּאַנדינג קנעפּל אין די טאַפליע אויף די לינקס.
  7. אין דער מעניו אַז עפענען, די פירמע איז עדיטיד דורך מאָווינג די סלידערס און טשאַנגינג זיכער וואַלועס.
  8. ווייַטער, מיר רעקאָמענדירן צו באַצאָלן ופמערקזאַמקייַט צו די דיטערמאַנאַנט פון פארבן.
  9. איר זענען צוגעשטעלט אַ ברייט פּאַליטרע ווו איר קענען קלייַבן קיין שאָטן, און זייַן קאָד וועט זיין געוויזן אין דער שפּיץ, וואָס איז שפּעטער געניצט ווען שרייַבן מגילה מיט אַ צובינד.
  10. מאַך צו די מעניו "וועקטאָר עדיטאָר".
  11. עס אַרבעט מיט גראַפיק אַבדזשעקץ וואָס וועט אויך זיין נוצלעך בעשאַס ווייכווארג אַנטוויקלונג.
  12. עפענען אויפֿשפּרינג מעניו "מכשירים". דאָ איר קענען אראפקאפיע די מוסטער, ראַטעווען די HTML טעקע און טעקסט גענעראַטאָר.
  13. די פּרויעקט איז דאַונלאָודיד ווי אַ איין טעקע.
  14. אויב איר ווילט ראַטעווען אַרבעט, איר וועט ערשטער האָבן צו גיין דורך די רעגיסטראַציע פּראָצעדור אין דעם אָנליין דינסט.

איצט איר וויסן ווי צו רעדאַגירן דעם קאָד אויף ליוועטוואַווע. מיר קענען בעשאָלעם רעקאַמענדיד ניצן דעם אינטערנעץ מיטל, ווייַל עס זענען פילע פאַנגקשאַנז און מכשירים אויף עס וואָס אַלאַוז צו אַפּטאַמייז און פאַרפּאָשעטערן דעם פּראָצעס פון אַרבעט מיט פּראָגראַם קאָד.

דאָס איז אונדזער אַרטיקל. הייַנט מיר האָבן צוגעשטעלט איר מיט צוויי דיטיילד ינסטראַקשאַנז פֿאַר ארבעטן מיט קאָד ניצן אָנליין באַדינונגען. מיר האָפֿן דעם אינפֿאָרמאַציע איז נוצלעך און געהאָלפֿן צו באַשליסן די ברירה פון די מערסט פּאַסיק וועב רעסורסן פֿאַר אַרבעט.

זען אויך:
טשאָאָסינג אַ פּראָגראַממינג סוויווע
מגילה פֿאַר שאפן אַנדרויד אַפּלאַקיישאַנז
קלייַבן אַ פּראָגראַם צו שאַפֿן אַ שפּיל