[מוזיק פּלייינג] 

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

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

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

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

און פּיקטשערד דאָ איז לאַנס מיט Colton, מיט סקאַז, מיט זיך, און מיט סאַם. אבער דעמאָלט עס טורנס אויס אַז ווי פון 11:46, אַזוי נאָר אַ קליין ביסל צוריק, איך געגאנגען צוריק צו מיין אימעיל און געפֿונען אַז מיר האבן נאָך איינער מער סאַבמישאַן דורך אַ תּלמיד געהייסן באַני וועמענס בליצפּאָסט האט בלויז דעם. ניט געגאנגען צו ליגן, איך בין טאן דעם בעשאַס קלאַס. און דעמאָלט פּראַסידאַד צו צוטשעפּען נאָר 14 ען, איינער שעמעוודיק פון לאַנס ס 15. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

אַזוי ידע50-מאַלאַן, אָדער IDE50-Rob.CS50.io, אַז ס 'דיין יינציק אַדרעס ין אונדזער פעלד נאָמען. אזוי פֿאַר די צוועקן פון דעם קורס, איר האָבן אייער אייגן יינציק אַדרעס. אָבער מיר'ווע Simplified זאכן דורך בייינג די שפּיץ מדרגה פעלד, קס50 פּונקט איך / אָ און דעמאָלט אַלעמען אַנדערש איז ין פון וואָס, אַזוי צו רעדן. און מיר וועט קומען צוריק צו אַז אין אַ פּאָר פון וואָכן מיסטאָמע, ספּעציעל אין לעצט פּרויעקט מאָל, ווען עטלעכע פון ​​איר זאל וועלן צו באַקומען אייער אייגן פעלד נעמען. עס ס אַקטשאַוואַלי לעפיערעך סטראַיגהטפאָרוואַרד. אַלע רעכט. אַזוי לאָזן ס איצט טאָן דעם. איך בין געגאנגען צו גיין צוריק אין קס50ידע, ווו מיין טעקע רעכט איצט, העללאָ.הטמל, איז נישט אַלע וואָס טשיקאַווע. איך 'ד ווי צו טאָן עפּעס אַ ביסל ניסער ווי אַז. אַזוי איך בין געגאנגען צו טאָן עפּעס ווי דעם. זאל מיר עפענען פּאַראַגראַפס.הטמל. אַזוי דעם איז אַ טעקע איך געשריבן אין שטייַגן. אין די שפּיץ פון עס, ווי שטענדיק, מיר האָבן באַמערקונגען. אבער אין HTML, באַמערקונגען קוקן אַ ביסל אַנדערש. אויף שורה דרייַ און שורה 14, איר זען די סינטאַקס פֿאַר אָנהייב אַ באַמערקונג און סוף אַ באַמערקונג. 

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

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

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

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

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

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

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

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

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

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

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

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

ווו איז ריק? אַזוי לאָזן מיר זען וואָס ס געשען. אַקטואַללי, איך בין געגאנגען צו פאַרהיטן ווי איך האט ניט טאָן אַז. [ינאָדאַבאַל] שטעלן אים אין דאָ. מיר וועט קומען צוריק צו אַז אין אַ מאָמענט. אַזוי דאָ ס ריקק.הטמל. אַזוי אַז ס 'נישט ריק אַסטליי. אַזוי עס טורנס אויס מיר קענען אַקטשאַוואַלי לייגן אים אין דאָ. דאס איז ריק אַסטליי. איך בין געגאנגען צו זאָגן געבן מיר אַ בילד וועמענס מקור איז די URL איך נאָר קאַפּיד, וואָס משמעות איז אַ גליקלעך דיין געבורסטאָג עפּעס אָדער אנדערע. 

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

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

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

[מוזיק פּלייינג] 

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

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

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

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

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

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

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

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

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

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

יאָ, אַזוי גרויס און דרייסט, און נישט ווי גרויס, אָבער נאָך דרייסט. אַזוי אויב איך ראַטעווען דעם און גיין איבער דאָ, לאָזן ס זען די טעקע סעאַרטש.הטמל. אַלע רעכט, און דעם איין איז ריגהט-- [ינאָדאַבאַל]. שטיין דורך. דוד איז צעמישט. טאַקע, עס ס רעכט דאָרט. דוד ס אַ ידיאָט. קעשורע. אזוי עס עס איז. אַזוי קס50 זוכן קומענדיק באַלד. אַזוי איצט, לאָזן ס סינטאַסייז וואָס מיר האבן לעצטע וואָך. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

אַזוי איצט, וואָס בין איך טאן צו אויסדריקן דעם? דאָ אויף שורה 22 איז אַ עמבעדיד דיוו אָדער נעסטעד דיוו, אויב איר וועט. עס אויך האט זייַן אייגן נוסח קוויטל. איך ספּעציפיצירן אַ שריפֿט גרייס פון 36. איך ספּעציפיצירן אַ שריפֿט וואָג פון דרייסט. אַראָפּ דאָ, איך נאָר ספּעציפיצירן 24 בילדצעלן. און לעסאָף, אין שורה 28, איך ספּעציפיצירן 12. אַזוי נאָר ווי אַ שנעל מייושעוודיקייַט טשעק און ווי אַ מענטש לייענען דעם, וואָס ווערטער אויף די פאַרשטעלן זענען טאקע געגאנגען צו זיין דרייסט? וואָס שורות זענען אַקטשאַוואַלי דרייסט? 

נאָר יוחנן האַרוואַרד. רעכט? ווייַל פּונקט ווי שורה 22 זאגט היי בלעטערער, ​​דאָ ס אַ אָפּטייל פון די בלאַט. מאַכן עס שריפֿט גרייס 36 פונט. מאַכן די שריפֿט וואָג דרייסט. ווי באַלד ווי איר דערגרייכן די קאָראַספּאַנדינג סוף קוויטל אָדער פֿאַרמאַכט קוויטל אויף שורה 24, אַז מיטל, היי בלעטערער, האַלטן טאן וועלכער עס איז איר זענט טאן. און באַמערקן צו זיין קלאָר, אַפֿילו כאָטש שורה 22 האט אַלע פון ​​די אַטראַביוץ ווי נוסח, ווען איר נאָענט די קוויטל אין שורה 24, איר נאָר דערמאָנען דעם קוויטל 'ס נאָמען. 

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

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

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

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

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

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

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

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

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

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

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

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

מיר 'ווע ניט ימפּרוווד די חשבון סטיליסטיקאַללי, דאָס איז נאָר בעסער פּלאַן אין עטלעכע זינען. וואָס טאָן איר טראַכטן? יאָ. מער Flexible ווי? יאָ. אזוי אויב איר ווילן צו גיין צוריק און טוישן זאכן, איצט, איר האָבן איין אָרט ווו איר קענען טוישן זאכן. און אין פאַקט, פֿאַר עפּעס ווי פּראָבלעם שטעלן זיבן, ווו מיר וועט ינסטרומענט אַ לאַגער טריידינג וועבזייַטל, אַז ס געגאנגען צו האָבן אַ גאַנץ בינטל פון בלעטער. און עס וואָלט זיין טאַקע אַנויינג אויב איר באַשליסן, הם, איך טאָן ניט טאַקע ווי 24 בילדצעלן, איך ווילן עס צו זיין 28 בילדצעלן אָדער אַ ביסל ביגער. און דעריבער האָבן צו טאָן אַ גלאבאלע געפינען און פאַרבייַטן אָדער עפענען אַלע פון ​​דיין וועבזייַטל ס טעקעס נאָר צו אַקטשאַוואַלי טוישן איין ווערט. דורך פאַקטאָרינג אויס די סטיילז אין איין סענטראַל אָרט, איר קענען איצט עפענען איין טעקסט טעקע אין קס50ידע אין קיין פּראָגראַם, טוישן עס, ראַטעווען עס, און געטאן. איר ווע פּראַפּאַגייטיד די ענדערונגען אומעטום. און וואָס וואָלט זיין די זעלבע אין אַ פּונקט ה טעקע ווי געזונט. אַזוי קיין שאלות אַזוי ווייַט אויף דעם סינטאַקס? אַלע רעכט, אַזוי מיר ווע געטאן אַלץ עס מיינט חוץ אַקטשאַוואַלי ינסטרומענט כייפּערלינגקס. און אַזוי לאָזן ס גיין פאָרויס און טאָן דעם. זאל מיר גיין פאָרויס און שאַפֿן אַ נייַ טעקע דאָ. איך בין געגאנגען צו רופן עס לינק.הטמל, שטעלן אין הייַנט ס קאָד. 

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

איך דאַרפֿן אַ גוף פון מיין וועב בלאַט דאָ. און אין דאָ, אַ הרעף יקוואַלז לאָזן ס זאָגן HTTP://www.disney.com און מיין באַליבט וועבזייַטל, מיר וועט זאָגן. אַלע רעכט, אַזוי אַ זייער ינאַקיואַס, באַניצער פרייַנדלעך בלאַט. אויב איך איצט גיין אין מיין Directory ליסטינג דאָ און עפענען זיך לינק.הטמל, מיר האָבן היפּער טעקסט. 

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

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

און אין פאַקט, איר זאל האָבן באקומען עפּעס וואס זאגט ווי דריקט דאָ צו באַשטעטיק דיין PayPal פּאַראָל. און איצט, באַמערקן, אויב דעם איז ניט Disney.com אָבער ווי badplace.com און רילאָוד, טאָן אַז די טעקסט דאָ קען זאָגן עפּעס כוואַצאָועווער. און אין פאַקט, דאָס איז נאָר ווערטער. וואָס טאָן ניט איך אַקטשאַוואַלי זיין יבער בייזע און זאָגן http://www.paypal.com. 

דריקט דאָ באַשטעטיק דיין PayPal פּאַראָל און איצט רילאָוד. דאס קוקט שיין לאַדזשיטאַמאַט, רעכט? איך מיינען, איך וואָלט נישט גיט אויף אַן email אַז נאָר זאגט דעם. אבער באַמערקן די דיטשאָטאָמי דאָ. עס זאגט www.paypal.com, און אין פאַקט, וואַרטן אַ מינוט, מיר וויסן אַז איר ווילן די ס פֿאַר זיכערהייַט. אַזוי איצט, גיין צו www.paypal.com הטטפּס, אָבער אויב איר ווע קיינמאָל געטאן דעם איידער, טאָן באַקומען אין די מידע פון כאַווערינג איבער ביסל לינקס דאָ. און עס ס שווער צו זען אויף דעם עקראַן עס, און עס ס ניט אַלע אַז גרינגער דאָ. אבער וועג אַראָפּ דאָ אין די קליינטשיק קליין ווינקל טוט דעם בלעטערער אַקטשאַוואַלי זאָגן איר אַז מיר רע געגאנגען צו badplace.com אָנשטאָט Paypal.com. איצט, ווו זענען מיר געגאנגען מיט דעם? כל די יגזאַמפּאַלז מיר ווע געטאן הייַנט, מיר'ווע שווער קאָדעד און טייפּט אויס מאַניואַלי. די וועב איז ינקרעדאַבלי אַנינטראַסטינג ווען איר שווער קאָד אייער וועב בלעטער אַזוי אַז צופרידן איז סטאַטיק און קיינמאָל טשאַנגינג. פון קורס, אַלע פון ​​אונדזער באַליבט וועבסיטעס הייַנט, צי עס ס Gmail אָדער טוויטטער אָדער Facebook אָדער קיין נומער פון אנדערע זענען דינאַמיש. זיי ניטאָ טשאַנגינג אין ענטפער צו באַניצער ינפּוט פּונקט ווי די גוגל זוכן רעזולטאַטן. 

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

[מוזיק פּלייינג]