FrontEnd אנטוויקלונג: קאָדעפּען אָדער סאַבליים טעקסט?

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

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

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

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

קאָדעקס

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

פּרעזענטירונג פון אינהאַלט, שטיצן און קלאַוויאַטור דורכוועג

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

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

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

די פּראָ ווערסיע אויך אַלאַוז פילע מער אָפּציעס פֿאַר אַ פּרייַז פון € 9,00 פֿאַר די יקערדיק פּעקל צו € 29,25 פֿאַר די "יבער" פּעקל. קענען דערהייַנטיקן סיימאַלטייניאַסלי אין עטלעכע דעוויסעס וואָס מיר טאָן אין איין. אויך אַ קאָאָפּעראַטיווע מאָדע, אַ "לערער מאָדע" אאז"וו נוץ אויב איר ווילט דאָ.

דזשסבין

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

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

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

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

CSSDeck

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

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

Plunkr

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

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

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

פּלאַפּלען

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

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

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

ליוועוועוועווע

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

סאַבליים טעקסט

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

דאָ אַלץ איז פון קראַצן. איר מוזן מאַכן טאַבס צו שטעלן די שורות פון קאָד און רענאַמע זיי צו וויסן וואָס איז. אויב דער ערשטער איז HTML, די צווייטע CSS .. אָדער וויצע ווערסאַ. עס אויך האט קיין שאָרטקאַץ פֿאַר וואָס עס וועט זיין גאָר מאַנואַל, אַחוץ פֿאַר די ציטאטן.

סאָף

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


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

זייט דער ערשטער צו באַמערקן

לאָזן דיין באַמערקונג

אייער בליצפּאָסט אַדרעס וועט נישט זייַן ארויס. Required fields זענען אנגעצייכנט מיט *

*

*

  1. פאַראַנטוואָרטלעך פֿאַר די דאַטן: Miguel Ángel Gatón
  2. ציל פון די דאַטן: קאָנטראָל ספּאַם, קאָמענטאַר פאַרוואַלטונג.
  3. לעגיטימאַטיאָן: דיין צושטימען
  4. קאָמוניקאַציע פון ​​די דאַטן: די דאַטן וועט נישט זיין קאַמיונאַקייטיד צו דריט פּאַרטיעס אַחוץ דורך לעגאַל פליכט.
  5. דאַטן סטאָרידזש: דאַטאַבייס כאָוסטיד דורך Occentus Networks (EU)
  6. רעכט: צו קיין צייט איר קענט באַגרענעצן, צוריקקריגן און ויסמעקן דיין אינפֿאָרמאַציע.