אַ הקדמה צו וועב אַנטוויקלונג

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

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

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

אַזוי וואָס זענען די אַמייזינג מכשירים איך 'ווע שוין גערעדט וועגן? לידינג דעם וועג האָבן שוין די (פראַנגקלי אַמייזינג) שפּראַכן גערופן הטמל5, קסס3, און דזשאַוואַסקריפּט, וואָס איך צונעמעניש די 3 רייַטער פון די וועבאָקאַליפּסע. דאָ ס אַ קוק בייַ יעדער איינער:

HTML

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

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

<פּ>איך טאָן ניט וויסן וועגן איר, אָבער איך ווי דרינגלעך קנעפּלעך.</פּ>

<בר>

<קנעפּל>גיט מיר!</קנעפּל>

דעם HTML קאָד האט טעקסט אלנגעוויקלט אין אַ פּאַראַגראַף (די <פּ> קוויטל סטאַרץ אַ פּאַראַגראַף, די </פּ> קוויטל ענדס אַ פּאַראַגראַף.) עס ס אַ שורה ברעכן (די <בר>) און דעריבער אַ קנעפּל איר קענען גיט צו דיין האַרץ ס צופרידן. אייער בלעטערער וועט לייגן עס אויס אויף דער עקראַן פֿאַר איר.

אַזוי אַז ס אַלע געזונט און גוט. אבער אויב איר האָבן גאָרנישט אָבער HTML, you get a webpage that looks like it came straight out of the 1990’s. ניט פיל גוט געקומען אויס פון אַז יאָרצענדלינג סייַ ווי סייַ (האַירסטילעס, מוזיק, אאז"ו ו) אבער וואַרטן! עס ס מער!

קסס

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

קסס און HTML אַרבעט צוזאַמען – HTML מאכט די בלאַט ס אויסלייג, קסס גיט עס זייַן פלער. ימאַגינע בנין אַ הויז: HTML גיט די דראַב אָבער נייטיק ווודאַן פריימווערק, קסס מוסיף די נעאָן פארבן און קווערקי מעבל.

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

פּ {

קאָליר: רויט;

Font-גרייס: 16פּקס;

}

אַזוי יעדער פּאַראַגראַף (שטאָפּן אין די HTML <פּ> טאַגס) וועט האָבן רויט שריפֿט און זיין 16 בילדצעלן אין פאָרמאַט. אויב איר באמערקט, די זענען עטלעכע פון ​​דער זעלביקער סטיילז איר קענען נוצן אין מיקראָסאָפט וואָרט און אנדערע פּראָגראַמען.

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

וועגן אַז לעצט איינער – אַז ס אַן אַרויסגעבן. איר קענען מאַכן אַ <קנעפּל> אין HTML, און איר קענען גיט עס אַלע וואָך, אָבער עס ס ניט טאן עפּעס קיין צייַט באַלד. אויב איר ווילן דעם קנעפּל צו, טאַקע איך טאָן ניט וויסן, מאַך דיין העלפאַנד אַריבער די פאַרשטעלן און באַפאַלן עפּעס, then you need something more.

דזשאַוואַסקריפּט

דזשאַוואַסקריפּט איז ניט אַן אַקראַנים, אויב איר זענען וואַנדערינג. זיי גערופן עס דזשאַוואַסקריפּט ווייַל עס געקוקט ווי די פּראָגראַממינג שפּראַך גערופן דזשאַוואַ, וואָס איז מאָדנע גרונט עס טוט ניט. סייַ ווי סייַ, דזשאַוואַסקריפּט איז a proper programming language that causes all the dynamic effects איר זען אויף די וועב.

ווי קיין פּראָגראַממינג שפּראַך, דזשאַוואַסקריפּט איז אַ סעריע פון ​​קאַמאַנדז אַז מאַכן וועריאַבאַלז און נוצן פאַנגקשאַנז. דעם קילן טייל וועגן דזשאַוואַסקריפּט (געזונט, as cool as a programming language can be) is that you can access those HTML elements (like paragraphs and buttons) and CSS styles (like font color and size) and change them. Look at this code:

var paragraph = $(‘p’);

paragraph.css(‘color’,’blue’);

This JavaScript code will find all the paragraphs on the page – די $ sign tells the browser to find all matching elements, and the ‘p’ means it needs to choose paragraphs (remember the <פּ> element from HTML?) Then you can store the paragraphs to a variable, and the command the browser to change their color CSS style to בלוי.

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

געזונט פאַסאַנייטינג? איך טראַכטן עס טוט. אַז ס נאָר טייל פון די שיינקייט פון די וועב.