1 00:00:00,000 --> 00:00:04,439 2 00:00:04,439 --> 00:00:07,230 דאַג לויד: אין דעם ווידעא, מיר געוואלט צו רופן אויס באַזונדער ופמערקזאַמקייַט 3 00:00:07,230 --> 00:00:09,110 צו אַ זייער באַזונדער עלעמענט פון דזשאַוואַסקריפּט 4 00:00:09,110 --> 00:00:11,350 אַז איר זאל געפינען האַנטיק ווען איר ניטאָ סטאַרטינג 5 00:00:11,350 --> 00:00:15,750 צו אַרבעטן אויף מאַניפּיאַלייטינג וועב בלעטער און טשאַנגינג די צופרידן פון אייער וועב בלאַט 6 00:00:15,750 --> 00:00:16,460 אויף די פליען. 7 00:00:16,460 --> 00:00:19,450 און אַז ס די געדאנק פון דעם דאָקומענט אָבדזשעקט מאָדעל. 8 00:00:19,450 --> 00:00:23,030 אזוי ווי מיר האבן געזען אין אונדזער ווידעא אויף דזשאַוואַסקריפּט, אַבדזשעקס זענען זייער Flexible. 9 00:00:23,030 --> 00:00:24,750 >> און זיי קענען אַנטהאַלטן פאַרשידן fields. 10 00:00:24,750 --> 00:00:28,075 און כאָטש מיר האבן ניט גיין אין אַ פּלאַץ פון דעטאַל, די fields אָדער פּראָפּערטיעס, 11 00:00:28,075 --> 00:00:30,200 אַז מיר וואָלט מיסטאָמע מער אַפּראָופּרייטלי רופן זיי 12 00:00:30,200 --> 00:00:33,915 אין דעם קאָנטעקסט פון אַ כייפעץ, אַפֿילו די פּראַפּערטיז קענען זיין אנדערע אַבדזשעקס. 13 00:00:33,915 --> 00:00:36,210 און ין פון די אַבדזשעקס קענען זיין אנדערע אַבדזשעקס. 14 00:00:36,210 --> 00:00:39,630 >> איר האָבן דעם זייער גרויס כייפעץ מיט אַ פּלאַץ פון אנדערע אַבדזשעקס 15 00:00:39,630 --> 00:00:43,550 ין פון עס, וואָס סאָרט פון קריייץ דעם געדאַנק פון אַ גרויס בוים. 16 00:00:43,550 --> 00:00:47,540 איצט, די דאָקומענט כייפעץ איז אַ זייער ספּעציעל כייפעץ אין דזשאַוואַסקריפּט 17 00:00:47,540 --> 00:00:52,580 אַז אָרגאַנייזיז אייער גאַנצן וועב חשבון אונטער דעם סאָרט פון שירעם 18 00:00:52,580 --> 00:00:53,470 פון אַ כייפעץ. 19 00:00:53,470 --> 00:00:56,770 און אַזוי ין פון דעם דאָקומענט כייפעץ זענען אַבדזשעקס פּריזענטינג 20 00:00:56,770 --> 00:00:59,630 די קאָפּ און גוף פון אייער וועב בלאַט. 21 00:00:59,630 --> 00:01:03,760 >> ין פון די זענען אנדערע אַבדזשעקס, און סעטעראַ, און סעטעראַ, 22 00:01:03,760 --> 00:01:08,411 ביז דיין גאנצע וועב בלאַט האט שוין אָרגאַניזירט אין דעם גרויס כייפעץ. 23 00:01:08,411 --> 00:01:09,660 וואָס ס די מיטנ קאָפּ דאָ, רעכט? 24 00:01:09,660 --> 00:01:12,170 נו, מיר וויסן ווי צו אַרבעט מיט אַבדזשעקס אין דזשאַוואַסקריפּט. 25 00:01:12,170 --> 00:01:15,840 >> אַזוי אויב מיר האָבן אַ כייפעץ אַז רעפערס צו אונדזער גאנצע וועב בלאַט, אַז 26 00:01:15,840 --> 00:01:19,590 מיטל דורך פאַך די ריכטיק מעטהאָדס צו מאַניפּולירן אַז כייפעץ 27 00:01:19,590 --> 00:01:22,360 אָדער מאָדיפיינג זיכער פון זייַן פּראָפּערטיעס, מיר 28 00:01:22,360 --> 00:01:25,500 קענען טוישן די יסודות פון אונדזער בלאַט פּראָגראַממאַטיקאַללי 29 00:01:25,500 --> 00:01:30,210 ניצן דזשאַוואַסקריפּט אָנשטאָט ווייל צו קאָד זאכן מיט, זאָגן, HTML. 30 00:01:30,210 --> 00:01:33,760 אַזוי דאָ ס אַ בייַשפּיל פון אַ זייער פּשוט וועב בלאַט, רעכט? 31 00:01:33,760 --> 00:01:35,850 עס ס גאַט HTML טאַגס, אַ קאָפּ. 32 00:01:35,850 --> 00:01:37,979 >> ין פון עס איז אַ טיטל, העלא וועלט. 33 00:01:37,979 --> 00:01:38,770 דעמאָלט איך האָבן אַ גוף. 34 00:01:38,770 --> 00:01:40,686 ין פון וואָס, איך האב דרייַ פאַרשידענע זאכן. 35 00:01:40,686 --> 00:01:44,170 איך האָבן אַ ה 2 כעדער צעטל, אַ פּאַראַגראַף, און אַ לינק. 36 00:01:44,170 --> 00:01:45,920 דאס איז אַ זייער פּשוט וועב בלאַט. 37 00:01:45,920 --> 00:01:48,590 >> נו, וואָס זאל דעם דאָקומענט כייפעץ פֿאַר דעם קוקן ווי? 38 00:01:48,590 --> 00:01:50,700 נו, עס ס אַ ביסל סקערי אפֿשר אין ערשטער. 39 00:01:50,700 --> 00:01:52,510 אבער עס ס טאַקע נאָר אַ גרויס בוים. 40 00:01:52,510 --> 00:01:54,890 און אין דער זייער שורש פון עס איז דאָקומענט. 41 00:01:54,890 --> 00:02:00,030 >> ין פון דעם דאָקומענט איז אן אנדער כייפעץ רעפעררינג צו די HTML פון מיין בלאַט. 42 00:02:00,030 --> 00:02:02,660 און די HTML פון מיין בלאַט איז אַלע פון ​​דעם. 43 00:02:02,660 --> 00:02:06,900 און דעמאָלט ין פון דעם HTML כייפעץ, איך האָבן אַ הויפּט כייפעץ, 44 00:02:06,900 --> 00:02:09,000 וואָס רעפערס צו אַלץ דאָרט. 45 00:02:09,000 --> 00:02:11,009 >> און ין פון עס, איך האָבן אַ טיטל כייפעץ. 46 00:02:11,009 --> 00:02:15,620 און ין פון עס, איך האָבן אן אנדער כייפעץ אַז ס נאָר העלא וועלט. 47 00:02:15,620 --> 00:02:18,020 איך קען האָבן מיין גוף רעפּריזענטיד ווי דעם. 48 00:02:18,020 --> 00:02:22,850 >> ין פון מיין גוף, איך האָבן אַ ה 2 כייפעץ און אַ פּ כייפעץ פֿאַר פּאַראַגראַף 49 00:02:22,850 --> 00:02:25,270 און אַ אַ כייפעץ פֿאַר אַ לינק. 50 00:02:25,270 --> 00:02:29,660 און אַזוי דעם גאנצע כייעראַרקי קענען זיין רעפּריזענטיד ווי אַ גרויס בוים 51 00:02:29,660 --> 00:02:31,990 מיט גורל פון קלענערער קליין דאס קומען אויס פון עס. 52 00:02:31,990 --> 00:02:33,740 איצט, פון קורס, ווען מיר ניטאָ פּראָגראַממינג, מיר 53 00:02:33,740 --> 00:02:35,560 טאָן ניט טראַכטן פון זאכן ווי אַ גרויס בוים. 54 00:02:35,560 --> 00:02:37,980 מיר ווילן צו זען פאַקטיש קאָד Related זאכן. 55 00:02:37,980 --> 00:02:40,790 >> און צומ גליק, מיר קענען נוצן אונדזער דעוועלאָפּער מכשירים 56 00:02:40,790 --> 00:02:46,080 צו אַקטשאַוואַלי נעמען אַ קוק אין דעם וועבזייַטל ס דאָקומענט כייפעץ. 57 00:02:46,080 --> 00:02:48,150 און לאָזן ס טאָן אַז. 58 00:02:48,150 --> 00:02:49,580 אַזוי איך ווע אָפּענעד אַרויף אַ בלעטערער קוויטל. 59 00:02:49,580 --> 00:02:51,540 >> און איך ווע אָפּענעד אַרויף דעוועלאָפּער מכשירים. 60 00:02:51,540 --> 00:02:54,460 און אין מיין ווידעא אויף דזשאַוואַסקריפּט, איך דערמאנט אַז די קאַנסאָול איז ניט 61 00:02:54,460 --> 00:02:56,770 בלויז סאָמעפּלאַסע ווו מיר דרוקן אינפֿאָרמאַציע, 62 00:02:56,770 --> 00:02:59,560 עס ס אויך אַ אָרט ווו מיר קענען ינפּוט אינפֿאָרמאַציע. 63 00:02:59,560 --> 00:03:01,380 אין דעם קאָנטעקסט, וואָס איך בין געגאנגען צו זאָגן איז 64 00:03:01,380 --> 00:03:05,720 איך וואָלט ווי צו באַקומען צוריק דעם דאָקומענט אַבדזשעקס, 65 00:03:05,720 --> 00:03:07,502 אַזוי איך קענען אָנהייבן צו האָבן אַ קוק אין עס. 66 00:03:07,502 --> 00:03:08,460 אַזוי ווי זאל איך טאָן דעם? 67 00:03:08,460 --> 00:03:10,740 נו, אויב איך ווילן צו אָרגאַניזירן עס טאַקע נייסלי, 68 00:03:10,740 --> 00:03:16,317 איך בין געגאנגען צו זאָגן קאָנסאָלע.דיר, ד-איך-ר. איצט, איך נוצן קאָנסאָלע.לאָג צו נאָר דרוקן 69 00:03:16,317 --> 00:03:17,400 אויס עפּעס זייער פּשוט. 70 00:03:17,400 --> 00:03:20,450 אבער אויב איך ווילן צו אָרגאַניזירן דעם היעראַרטשיקאַללי ווי אַ כייפעץ, 71 00:03:20,450 --> 00:03:23,800 איך ווילן עס סאָרט פון סטראַקטשערד ווי אַ Directory ביניען. 72 00:03:23,800 --> 00:03:27,400 >> אַזוי איך ווילן צו קאָנסאָלע.דיר דאָקומענט. 73 00:03:27,400 --> 00:03:28,430 איך בין געגאנגען צו שלאָגן קומען. 74 00:03:28,430 --> 00:03:32,350 און רעכט אונטן עס איצט, און איך וועט Zoom אין דאָ, 75 00:03:32,350 --> 00:03:36,000 איך ווע גאַט דעם ענטפער דאָקומענט מיט אַ ביסל פייַל ווייַטער צו עס. 76 00:03:36,000 --> 00:03:39,470 איצט, ווען איך עפענען דעם פייַל, עס ס געגאנגען צו זיין אַ פּלאַץ פון שטאָפּן. 77 00:03:39,470 --> 00:03:42,560 >> אבער מיר רע געגאנגען צו איגנאָרירן אַ פּלאַץ פון אים און נאָר מין פון פאָקוס 78 00:03:42,560 --> 00:03:46,250 אויף די מערסט וויכטיק טייל, אַזוי מיר קענען נעמען צו נאַוויגירן דעם דאָקומענט. 79 00:03:46,250 --> 00:03:50,125 עס ס אַ פּלאַץ מער צו די דאַם ווי נאָר פאָטער נאָודז און קינד נאָודז. 80 00:03:50,125 --> 00:03:51,500 עס ס אַ פּלאַץ פון אַנסאַלערי שטאָפּן. 81 00:03:51,500 --> 00:03:52,280 >> אַזוי איך בין געגאנגען צו עפענען דעם אַרויף. 82 00:03:52,280 --> 00:03:54,610 און עס ס אַ גאַנץ פּלאַץ פון שטאָפּן אַז פּאַפּס אַרויף. 83 00:03:54,610 --> 00:03:59,000 אבער אַלע איך זאָרגן וועגן איז רעכט דאָ, קינד נאָודז. 84 00:03:59,000 --> 00:04:00,410 זאל ס עפענען אַז אַרויף. 85 00:04:00,410 --> 00:04:03,810 >> ין פון עס איך זען עפּעס באַקאַנט, HTML. 86 00:04:03,810 --> 00:04:07,670 אַזוי ין פון אונדזער דאָקומענט איין מדרגה אַראָפּ, HTML. 87 00:04:07,670 --> 00:04:08,550 איך עפענען אַז אַרויף. 88 00:04:08,550 --> 00:04:10,380 וואָס זענען מיר יקספּעקטינג? 89 00:04:10,380 --> 00:04:13,760 >> אויב איר צוריקרופן פון אונדזער דיאַגראַמע, וואָס זאָל מיר געפֿינען ין פון HTML? 90 00:04:13,760 --> 00:04:17,275 וואָס צוויי נאָודז זענען ווייטער עס אין די בוים? 91 00:04:17,275 --> 00:04:17,899 זאל ס געפֿינען אויס. 92 00:04:17,899 --> 00:04:18,940 מיר עפענען אַרויף HTML. 93 00:04:18,940 --> 00:04:22,079 מיר גיין אַראָפּ צו זייַן קינד נאָודז. 94 00:04:22,079 --> 00:04:23,440 >> קנאַל אַז עפענען. 95 00:04:23,440 --> 00:04:25,990 עס ס קאָפּ און גוף. 96 00:04:25,990 --> 00:04:28,540 און מיר קענען עפענען זיך דעם קאָפּ. 97 00:04:28,540 --> 00:04:30,460 גיין צו זייַן קינד נאָודז. 98 00:04:30,460 --> 00:04:31,460 נו, עס ס דעם טיטל. 99 00:04:31,460 --> 00:04:33,293 >> און מיר קען גיין אויף און אויף ווי דעם אייביק. 100 00:04:33,293 --> 00:04:34,770 מיר קען טאָן דאָס מיט גוף ווי געזונט. 101 00:04:34,770 --> 00:04:40,090 אבער עס איז אַ וועג פֿאַר אונדז צו קוקן אין דעם דאָקומענט אָרגאַניזירט ווי אַ גרויס כייפעץ. 102 00:04:40,090 --> 00:04:42,610 און אויב מיר קוקן אין איז אַ גרויס כייפעץ וואָס קוקט אַ פּלאַץ 103 00:04:42,610 --> 00:04:47,480 ווי קאָד, וואָס מיטל אַז מיר קענען אָנהייבן צו מאַניפּולירן דעם גרויס כייפעץ ניצן 104 00:04:47,480 --> 00:04:51,220 קאָד צו טוישן וואָס אונדזער וועבזייַטל קוקט און Feels ווי. 105 00:04:51,220 --> 00:04:54,920 >> אַזוי אַז ס אַ שיין שטאַרק געצייַג מיר האָבן אין אונדזער באַזייַטיקונג איצט. 106 00:04:54,920 --> 00:04:57,360 אזוי ווי מיר נאָר געזען, די דאָקומענט כייפעץ זיך 107 00:04:57,360 --> 00:05:01,392 און אַלע פון ​​די אַבדזשעקס ין פון עס האָבן פּראָפּערטיעס און מעטהאָדס, נאָר 108 00:05:01,392 --> 00:05:04,100 ווי קיין אנדערע כייפעץ אַז מיר'ווע שוין ארבעטן מיט אין דזשאַוואַסקריפּט. 109 00:05:04,100 --> 00:05:08,370 אבער מיר קענען נוצן די פּראָפּערטיעס און נוצן די מעטהאָדס צו סאָרט פון בויער אַראָפּ 110 00:05:08,370 --> 00:05:10,900 פון די גרויס דאָקומענט און באַקומען נידעריקער און נידעריקער און נידעריקער, 111 00:05:10,900 --> 00:05:13,360 פינער און פינער גריינז פון דעטאַל, ביז מיר 112 00:05:13,360 --> 00:05:17,510 באַקומען צו אַ זייער ספּעציפיש שטיק פון אונדזער וועב בלאַט אַז מיר ווילן צו טוישן. 113 00:05:17,510 --> 00:05:22,700 >> און ווען מיר דערהייַנטיקן פּראָפּערטיעס פון די דאָקומענט אָבדזשעקט אָדער רופן די מעטהאָדס, 114 00:05:22,700 --> 00:05:24,450 דאס זאל פּאַסירן אויף אונדזער וועב בלאַט. 115 00:05:24,450 --> 00:05:28,420 און מיר טאָן ניט דאַרפֿן צו טאָן קיין Refreshing צו האָבן יענע ענדערונגען נעמען ווירקונג. 116 00:05:28,420 --> 00:05:33,160 >> און אַז ס אַ שיין קיל פיייקייַט צו האָבן ווען מיר ניטאָ ארבעטן מיט קאָד. 117 00:05:33,160 --> 00:05:37,185 אזוי וואָס זענען עטלעכע פון ​​די פּראָפּערטיעס וואס זענען טייל פון אַ דאָקומענט כייפעץ? 118 00:05:37,185 --> 00:05:40,100 נו, איר מיסטאָמע געזען אַ פּאָר פון זיי טאַקע געשווינד 119 00:05:40,100 --> 00:05:42,700 ווי מיר זענען זיפּינג דורך דער ריז דאָקומענט 120 00:05:42,700 --> 00:05:45,150 כייפעץ מיר נאָר געזען אין די וועב בלעטער. 121 00:05:45,150 --> 00:05:48,420 >> אָבער אַ פּאָר פון די פּראָפּערטיעס זאל זיין זאכן ווי ינער HTML. 122 00:05:48,420 --> 00:05:52,950 און איר זאל אַפֿילו צוריקרופן מיר ניצן דעם אין די דזשאַוואַסקריפּט וידאו 123 00:05:52,950 --> 00:05:54,950 אין דער זייער סוף ווען איך איז געווען גערעדט וועגן געשעענישן. 124 00:05:54,950 --> 00:05:56,125 וואָס איז געווען דעם ינער HTML? 125 00:05:56,125 --> 00:05:59,030 נו, עס ס פּונקט וואָס ס אין צווישן די טאַגס. 126 00:05:59,030 --> 00:06:01,590 >> און אַזוי די ינער HTML, למשל, פון דעם טיטל 127 00:06:01,590 --> 00:06:05,390 צעטל, אויב מיר האבן געהאלטן געגאנגען אין אַז בייַשפּיל אַ מאָמענט צוריק, 128 00:06:05,390 --> 00:06:08,020 וואָלט האָבן שוין העלא וועלט. 129 00:06:08,020 --> 00:06:10,140 וואָס איז געווען דער טיטל פון אונדזער בלאַט. 130 00:06:10,140 --> 00:06:12,370 אנדערע פּראָפּערטיעס אַרייַננעמען נאָדע נאָמען, וואָס 131 00:06:12,370 --> 00:06:15,810 איז די נאָמען פון אַ HTML עלעמענט אַזאַ ווי טיטל. 132 00:06:15,810 --> 00:06:19,100 שייַן, וואָס איז די שייַן אַטריביוט פון אַ HTML עלעמענט. 133 00:06:19,100 --> 00:06:23,790 >> ריקאָל אַז מיר קענען ספּעשאַלי אָנווייַזן ספּעציפיש יסודות פון אונדזער HTML 134 00:06:23,790 --> 00:06:27,510 מיט אַ שייַן אַטראַביוט, וואָס יוזשאַוואַלי קומט אין האַנטיק אין דעם קאָנטעקסט פון קסס, 135 00:06:27,510 --> 00:06:29,000 ספּעסיפיקאַללי. 136 00:06:29,000 --> 00:06:33,217 פּאַרענט נאָדע, וואָס איז אַ רעפֿערענץ צו וואָס ס נאָר אַרויף אויבן מיר אין די דאַם. 137 00:06:33,217 --> 00:06:35,800 און קינד נאָודז, וואָס איז אַ דערמאָנען צו וואָס ס אַראָפּ אונטן מיר. 138 00:06:35,800 --> 00:06:37,950 און מיר געזען אַ פּלאַץ פון וואָס נאָר קוקן דורך. 139 00:06:37,950 --> 00:06:42,970 קינד נאָודז, אַז ס ווי מיר גאַט נידעריקער און נידעריקער אין די בוים. 140 00:06:42,970 --> 00:06:46,590 >> אַטטריבוטעס, אַז ס נאָר אַ מענגע פון אַטראַביוץ פון דעם HTML עלעמענט. 141 00:06:46,590 --> 00:06:50,270 אַזוי אַ בייַשפּיל פון אַטראַביוץ זאל זייַן אויב איר האָבן אַ בילד קוויטל, 142 00:06:50,270 --> 00:06:54,090 עס יוזשאַוואַלי האט אַ מקור אַטראַביוט, אפֿשר אַ הייך און אַ ברייט אַטריביוט. 143 00:06:54,090 --> 00:06:57,120 און אַזוי אַז וואָלט נאָר זייַן אַ מענגע פון אַלע פון ​​די אַטראַביוץ פֿאַרבונדן 144 00:06:57,120 --> 00:06:59,300 מיט אַז HTML עלעמענט. 145 00:06:59,300 --> 00:07:04,140 >> סטיל איז אן אנדער איינער, וואס טוט פאָרשטעלן די קסס 146 00:07:04,140 --> 00:07:06,050 סטילינג פון אַ באַזונדער עלעמענט. 147 00:07:06,050 --> 00:07:08,310 און שפּעטער אויף אין דעם וידאו, מיר וועט ספּעסיפיקאַללי 148 00:07:08,310 --> 00:07:14,592 ליווערידזש נוסח צו מאַכן אַ פּאָר פון ענדערונגען צו אונדזער וועבזייַטל. 149 00:07:14,592 --> 00:07:15,800 אַזוי יענע זענען עטלעכע פּראָפּערטיעס. 150 00:07:15,800 --> 00:07:17,591 >> און עס זענען אויך עטלעכע מעטהאָדס אַז מיר קענען 151 00:07:17,591 --> 00:07:22,450 נוצן צו אויך מער געשווינד אפֿשר יזאָלירן עלעמענטן פון דער דאָקומענט אָבדזשעקט. 152 00:07:22,450 --> 00:07:26,730 טאָמער, די מערסט ווערסאַטאַל פון די ווייל געטעלעמענטבייד. 153 00:07:26,730 --> 00:07:31,190 אזוי איך זאל זאָגן עפּעס ווי, ווייַל געדענקען עס ס אַ אופֿן פון דעם דאָקומענט 154 00:07:31,190 --> 00:07:34,880 אָבדזשעקט, דאָקומענט.געטעלעמענטבייד. 155 00:07:34,880 --> 00:07:39,820 >> און ין פון די קלאַמערן, ספּעציפיצירן אַ HTML עלעמענט מיט אַ באַזונדער שייַן 156 00:07:39,820 --> 00:07:42,330 אַטריביוט אַז איך ווע ביז אַהער שטעלן, און איך וועט מיד 157 00:07:42,330 --> 00:07:46,685 גיין רעכט צו אַז עלעמענט פון די קוילעלדיק וועבזייַטל. 158 00:07:46,685 --> 00:07:49,310 אַזוי איך טאָן ניט האָבן צו אפֿשר בויער אַראָפּ דורך יעדער איין שיכטע. 159 00:07:49,310 --> 00:07:52,841 איך קען נאָר נוצן דעם אופֿן צו געפֿינען עס, סאָרט פון ווי אַ היץ זוכט מיסאַל, 160 00:07:52,841 --> 00:07:53,340 רעכט? 161 00:07:53,340 --> 00:07:56,300 עס פּונקט גייט און פינדס פּונקט וואָס עס ס קוקן פֿאַר. 162 00:07:56,300 --> 00:07:59,290 >> געטעלעמענצביטאַגנאַמע איז זייער ענלעך אין גייסט. 163 00:07:59,290 --> 00:08:02,500 אפֿשר דאָס וואָלט געפֿינען אַלע פון ​​די דרייסט טאַגס אָדער אַלע פון ​​די פּ טאַגס 164 00:08:02,500 --> 00:08:05,920 און געבן מיר אַ מענגע פון ​​אַלץ אַז איך קען דעמאָלט אַרבעטן מיט. 165 00:08:05,920 --> 00:08:12,080 אַפּפּענדטשילד מוסיף עפּעס איין מדרגה אַראָפּ אין דער בוים. 166 00:08:12,080 --> 00:08:16,440 >> אַזוי איך קענען לייגן אַ גאַנץ נייַ עלעמענט איין מדרגה נידעריקער. 167 00:08:16,440 --> 00:08:19,700 אָדער איך קענען אַראָפּנעמען אַן עלעמענט אַז ס איין מדרגה נידעריקער ווי געזונט אויב איך ווילן 168 00:08:19,700 --> 00:08:22,870 צו ויסמעקן עפּעס פון מיין וועב בלאַט. 169 00:08:22,870 --> 00:08:28,480 איצט, אַ שנעל קאָודינג טאָן און אַ שנעל קאָפּווייטיק שפּאָרן טאָן, אַלעווייַ. 170 00:08:28,480 --> 00:08:31,670 >> געטעלעמענטבייד-- די ד איז לאָווערקאַסע. 171 00:08:31,670 --> 00:08:36,950 איך קענען נישט זאָגן איר ווי פילע מאל איך האָבן געניצט געטעלעמענטבייד און קאַפּיטאַלייזד 172 00:08:36,950 --> 00:08:38,336 די ד עס. 173 00:08:38,336 --> 00:08:39,460 ווייַל עס ס טאַקע פּראָסט. 174 00:08:39,460 --> 00:08:42,990 אויב מיר שרייַבן די וואָרט שייַן, עס ס יוזשאַוואַלי הויפּטשטאָט איך הויפּטשטאָט ד 175 00:08:42,990 --> 00:08:44,240 און מיין קאָד נאָר טוט נישט אַרבעטן. 176 00:08:44,240 --> 00:08:45,630 און איך קענען נישט רעכענען אויס וואָס. 177 00:08:45,630 --> 00:08:49,490 דאס איז אַ טאַקע, טאַקע, טאַקע פּראָסט זשוק אַז יעדער יינער מאכט, 178 00:08:49,490 --> 00:08:51,890 אַפֿילו עקספּערץ אַז האָבן שוין טאן דעם אויף אייביק. 179 00:08:51,890 --> 00:08:55,410 אַזוי נאָר זיין אַווער, געטעלעמענטבייד, אַז די איז לאָווערקאַסע. 180 00:08:55,410 --> 00:09:00,080 און אַלעווייַ, אַז סאַוועס איר עטלעכע מינוט לפּחות פון האַרצווייטיק. 181 00:09:00,080 --> 00:09:02,204 >> אזוי וואָס טוט אַלע פון ​​דעם זאָגן אונדז? 182 00:09:02,204 --> 00:09:03,120 מיר האָבן די מעטהאָדס. 183 00:09:03,120 --> 00:09:04,161 מיר האָבן די פּראָפּערטיעס. 184 00:09:04,161 --> 00:09:06,610 איצט, אויב מיר אָנהייבן פֿון דאָקומענט, דאָקומענט. 185 00:09:06,610 --> 00:09:10,220 וועלכער, מיר קענען איצט באַקומען צו קיין איין שטיק פון אונדזער וועב בלאַט 186 00:09:10,220 --> 00:09:14,870 אַז מיר ווילן צו ניצן דזשאַוואַסקריפּט נאָר דורך פאַך די די מעטהאָדס 187 00:09:14,870 --> 00:09:19,940 און לעוורידזשינג די פּראָפּערטיעס אַז מיר געפֿינען אין פאַרשידן לאָוקיישאַנז. 188 00:09:19,940 --> 00:09:24,890 >> דאס קענען באַקומען וואָרדי, דעם דאָקומענט.געטעלעמענטבייד, 189 00:09:24,890 --> 00:09:28,560 אפֿשר האָבן אַ לאַנג קוויטל נאָמען, אפֿשר איר טאָן מער קאַללס שפּעטער אויף. 190 00:09:28,560 --> 00:09:31,230 דאס קענען באַקומען אַ ביסל וואָרדי. 191 00:09:31,230 --> 00:09:34,480 און ווי פּראָוגראַמערז, ווי איר 'ווע מיסטאָמע געזען אין פילע פון ​​די ווידיאס, 192 00:09:34,480 --> 00:09:36,600 מיר טאָן ניט ווי וואָרדי זאכן. 193 00:09:36,600 --> 00:09:38,520 >> מיר ווי צו קענען צו טאָן זאכן געשווינד. 194 00:09:38,520 --> 00:09:42,640 אַזוי מיר וואָלט ווי אַ מער קאַנסייס וועג צו זאָגן עפּעס. 195 00:09:42,640 --> 00:09:46,270 אַזוי דעם סאָרט פון לידז צו די געדאנק פון עפּעס גערופֿן דזשקווערי. 196 00:09:46,270 --> 00:09:49,170 איצט דזשקווערי איז ניט דזשאַוואַסקריפּט. 197 00:09:49,170 --> 00:09:50,350 עס ס ניט טייל פון דזשאַוואַסקריפּט. 198 00:09:50,350 --> 00:09:54,790 >> עס איז אַ ביבליאָטעק אַז איז געשריבן דורך עטלעכע דזשאַוואַסקריפּט פּראָוגראַמערז 199 00:09:54,790 --> 00:09:57,060 וועגן 10 יאר צוריק. 200 00:09:57,060 --> 00:10:01,300 און זייַן ציל איז צו פאַרפּאָשעטערן דעם וואָס ס גערופֿן קליענט זייַט סקריפּטינג, וואָס 201 00:10:01,300 --> 00:10:04,310 איז בייסיקלי וואָס מיר האבן נאָר גערעדט וועגן מיט דאַם מאַניפּיאַליישאַנז. 202 00:10:04,310 --> 00:10:11,090 און אַזוי אויב איך געוואלט צו מאָדיפיצירן די הינטערגרונט פֿאַרב פון מיין וועב בלאַט, אפֿשר 203 00:10:11,090 --> 00:10:11,980 אַ ספּעציפיש דיוו. 204 00:10:11,980 --> 00:10:15,325 >> דאָ, איך בין משמעות געטינג עלעמענטבייד קאָלאָרדיוו. 205 00:10:15,325 --> 00:10:16,950 און איך ווילן צו שטעלן זייַן הינטערגרונט פֿאַרב. 206 00:10:16,950 --> 00:10:20,720 אויב איך בין נאָר ניצן ריין דזשאַוואַסקריפּט ניצן די דאָקומענט אָבדזשעקט מאָדעל, 207 00:10:20,720 --> 00:10:23,990 אַז ס אַ פּלאַץ פון שטאָפּן, רעכט? דאָקומענט.געטעלעמענטבייד 208 00:10:23,990 --> 00:10:25,531 קאָלאָרדיוו.סטילע.באַקקגראָונדקאָלאָר = גרין. 209 00:10:25,531 --> 00:10:27,260 210 00:10:27,260 --> 00:10:28,050 >> Whew. 211 00:10:28,050 --> 00:10:30,110 וואָס איז געווען אַ פּלאַץ צו זאָגן. 212 00:10:30,110 --> 00:10:31,720 עס ס אַ פּלאַץ צו דרוקן, אויך. 213 00:10:31,720 --> 00:10:35,760 און אַזוי אין דזשקווערי, מיר קענען אפֿשר זאָגן דעם אַ קליין ביסל מער קאַנסייסלי. 214 00:10:35,760 --> 00:10:39,350 די האַנדל אַוועק ווייל עס ס אפֿשר אַ ביסל ביסל מער קריפּטיק אַלע פון ​​אַ פּלוצעמדיק, 215 00:10:39,350 --> 00:10:39,850 רעכט? 216 00:10:39,850 --> 00:10:43,580 >> לפּחות די לאַנג איז אַ ביסל מער יקספּלאַנאַטאָרי ווי צו וואָס מיר ניטאָ טאן. 217 00:10:43,580 --> 00:10:49,947 דעם דאָלאַר צייכן, קלאַמערן, איין ציטירן, האַש, קאָלאָרדיוו, רעכט? 218 00:10:49,947 --> 00:10:50,780 וואָס טוט אַז מיינען? 219 00:10:50,780 --> 00:10:53,640 נו, אַז ס בייסיקלי פּונקט דאָקומענט.געטעלעמענטבייד קאָלאָרדיוו. 220 00:10:53,640 --> 00:10:58,700 >> אבער עס ס דעם סאָרט פון סטענאָגראַפיע וועג פון טאן עס ניצן דזשקווערי. 221 00:10:58,700 --> 00:11:01,380 זאל ס נאָר נעמען אַ קוק איצט אין אַ פּאָר פון פאַרשידענע וועגן 222 00:11:01,380 --> 00:11:04,520 כדי איך זאל טאקע נוצן דעם דאָקומענט אָבדזשעקט 223 00:11:04,520 --> 00:11:06,807 מאָדעל צו מאַניפּולירן ברעקלעך פון מיין פּלאַץ. 224 00:11:06,807 --> 00:11:09,140 אין באַזונדער, מיר רע געגאנגען צו זיין אַרבעט אויף מאַניפּיאַלייטינג 225 00:11:09,140 --> 00:11:14,090 די קאָליר פון אַ באַזונדער דיוו, קאָלאָרדיוו, אויף אַ וועב בלאַט. 226 00:11:14,090 --> 00:11:15,299 אַזוי לאָזן ס נעמען אַ קוק אין וואָס. 227 00:11:15,299 --> 00:11:15,798 אַלע רעכט. 228 00:11:15,798 --> 00:11:16,700 אזוי איך בין אויף אַ בלאַט. 229 00:11:16,700 --> 00:11:20,750 עס ס גערופֿן טעסט.הטמל ווען איר אָפּלאָדירן דעם אויב איר ווילן צו טינקער מיט דעם. 230 00:11:20,750 --> 00:11:24,730 און איך ווע גאַט אַ בינטל פון קנעפּלעך אויף דעם בלאַט. 231 00:11:24,730 --> 00:11:27,730 און איך בין געזאגט יחיד פֿעיִקייטן פֿאַר הינטערגרונט פֿאַרב, לילאַ, גרין, 232 00:11:27,730 --> 00:11:31,330 מאַראַנץ, רויט, בלוי, איינער איין פֿונקציע פֿאַר הינטערגרונט פֿאַרב, געשעעניש האַנדלער 233 00:11:31,330 --> 00:11:34,360 פֿאַר הינטערגרונט פֿאַרב, און ניצן דזשקווערי. 234 00:11:34,360 --> 00:11:38,147 וואָס בין איך גערעדט וועגן ווען איך בין טאן דעם? 235 00:11:38,147 --> 00:11:39,230 אַזוי מיר ווע געזען די קנעפּלעך. 236 00:11:39,230 --> 00:11:41,521 איצט, לאָזן ס נעמען אַ קוק אין עטלעכע פון ​​די מקור קאָד דאָ. 237 00:11:41,521 --> 00:11:44,770 מיר וועט אָנהייבן מיט טעסט.הטמל. 238 00:11:44,770 --> 00:11:48,100 אַזוי יחיד פֿעיִקייטן פֿאַר הינטערגרונט קאָליר איז וואָס איך ווע טייפּט דאָ. 239 00:11:48,100 --> 00:11:49,350 זאל מיר מעגילע אַ קליין ביסל. 240 00:11:49,350 --> 00:11:56,170 241 00:11:56,170 --> 00:11:58,820 >> און איר וועט באַמערקן אַז איך האָבן Defined די קנעפּלעך 242 00:11:58,820 --> 00:12:03,990 צו זאָגן ווען דעם קנעפּל איז קליקט, רופן די פֿונקציע דרייַ לילאַ. 243 00:12:03,990 --> 00:12:06,670 ווען דעם קנעפּל איז גיט, אלא, רופן די פֿונקציע קער גרין, 244 00:12:06,670 --> 00:12:08,710 דרייַ מאַראַנץ, דרייַ רויט, דרייַ בלוי. 245 00:12:08,710 --> 00:12:11,880 איר קענען מיסטאָמע טרעפן אַז דעם איז אפֿשר נישט דער בעסטער פּלאַן 246 00:12:11,880 --> 00:12:12,460 געפיל, רעכט? 247 00:12:12,460 --> 00:12:16,490 >> עס וואָלט זיין פייַן אויב איך קען האָבן אַ מער גענעראַל צוגאַנג. 248 00:12:16,490 --> 00:12:19,570 נו, ערשטער מיר וועט נעמען אַ קוק אין וואָס די פינף פֿעיִקייטן זענען 249 00:12:19,570 --> 00:12:24,400 דאָקומענט.געטעלעמענטבייד קאָלאָרדיוו.סטילע.באַקקגראָונד = לילאַ, 250 00:12:24,400 --> 00:12:27,250 גרין, מאַראַנץ, רויט, און בלוי, ריספּעקטיוולי. 251 00:12:27,250 --> 00:12:30,930 אַזוי, ניט דער הויפּט די בעסטער פּלאַן. 252 00:12:30,930 --> 00:12:33,390 >> די ווייַטער שטעלן פון קנעפּלעך איך האָבן איז איך ווע געשריבן 253 00:12:33,390 --> 00:12:36,380 אַ איין פֿונקציע גערופֿן טוישן קאָלירן אַז משמעות 254 00:12:36,380 --> 00:12:38,960 אַקסעפּץ אַ שטריקל ווי זייַן אַרגומענט. 255 00:12:38,960 --> 00:12:40,290 אַזוי דעם איז אַ קליין ביסל בעסער. 256 00:12:40,290 --> 00:12:43,840 לילאַ, גרין, מאַראַנץ, רויט, בלוי איז איצט אַ אַרגומענט. 257 00:12:43,840 --> 00:12:46,230 אַזוי איך ווע געשריבן אַ מער אַלגעמיין פאַל דזשאַוואַסקריפּט פֿונקציע, 258 00:12:46,230 --> 00:12:47,771 וואָס זאל קוקן עפּעס ווי דעם. 259 00:12:47,771 --> 00:12:48,680 איך בין פּאַסינג אין. 260 00:12:48,680 --> 00:12:52,090 דעם פֿונקציע טוישן קאָלירן איז יקספּעקטינג אַן אַרגומענט גערופֿן קאָליר. 261 00:12:52,090 --> 00:12:54,970 און איך בין אַזוי צו זאָגן: שטעלן די הינטערגרונט פֿאַרב צו קאָלירן. 262 00:12:54,970 --> 00:12:58,390 אזוי דאָ רעפּראַזענץ וואָס איך ווע גאַט דאָ. 263 00:12:58,390 --> 00:12:59,770 אַזוי אַז ס אַ ביסל בעסער. 264 00:12:59,770 --> 00:13:02,740 >> אבער איך זאל קענען צו טאָן בעסער ווי אַז. 265 00:13:02,740 --> 00:13:06,140 אויב מיר גיין אַראָפּ צו נעמען אַ קוק אין די געשעעניש האַנדלער סיטואַציע, 266 00:13:06,140 --> 00:13:07,860 איצט אַלע די קאַללס קוקן די זעלבע. 267 00:13:07,860 --> 00:13:10,340 אויב איר צוריקרופן פֿאַר אונדזער דיסקוסיע אויף געשעעניש האַנדלערס, 268 00:13:10,340 --> 00:13:15,770 איך קענען באַקומען אינפֿאָרמאַציע וועגן וואָס פון די קנעפּלעך איז קליקט און נוצן אַז. 269 00:13:15,770 --> 00:13:19,560 >> און אַזוי אין עווענט.דזשאַוואַסקריפּט, איך ווע געשריבן טוישן קאָלירן געשעעניש, וואָס 270 00:13:19,560 --> 00:13:21,110 Figures אויס וואָס קנעפּל איז קליקט. 271 00:13:21,110 --> 00:13:23,250 אַז ס די צינגל כייפעץ שורה. 272 00:13:23,250 --> 00:13:25,240 און דעריבער דאָ, עס געץ טאַקע וואָרדי. 273 00:13:25,240 --> 00:13:27,420 אבער וואָס איך בין טאן איז איך בין באַשטעטיקן די הינטערגרונט 274 00:13:27,420 --> 00:13:30,340 קאָליר צו טריגגעראָבדזשעקט יננער.הטמל. 275 00:13:30,340 --> 00:13:34,170 אַז ס די טעקסט אין צווישן די קנעפּל טאַגס. 276 00:13:34,170 --> 00:13:36,500 >> און דעמאָלט איך משמעות האָבן צו שטעלן אים צו לאָווערקאַסע. 277 00:13:36,500 --> 00:13:40,780 און אַז ס ווי איך קענען בייַטן אַ גאנצע שטריקל צו לאָווערקאַסע אין דזשאַוואַסקריפּט ניצן 278 00:13:40,780 --> 00:13:42,940 וואָס אופֿן צו לאָווערקאַסע. 279 00:13:42,940 --> 00:13:46,570 ווייַל ווען איך שטעלן אַ קאָליר, ווי איך בין טריינג צו טאָן דאָ, 280 00:13:46,570 --> 00:13:48,260 די קאָליר האט צו זיין אַלע לאָווערקאַסע. 281 00:13:48,260 --> 00:13:50,920 >> אבער די קנעפּל אַז איך געהאט, אויב מיר נעמען אן אנדער קוק, 282 00:13:50,920 --> 00:13:55,890 באַמערקן אַז די טעקסט עס איז געשריבן מיט אַ קאַפּיטאַל פּ פֿאַר לילאַ. 283 00:13:55,890 --> 00:13:59,140 און דעמאָלט אין די זייער דנאָ דאָ, איך משמעות 284 00:13:59,140 --> 00:14:02,630 פּרובירן און טאָן דעם ניצן דזשקווערי ווי געזונט. 285 00:14:02,630 --> 00:14:06,000 און אין דעם פאַל, איך בין ניט אַקשלי פאַך אַ פֿונקציע אין אַלע. 286 00:14:06,000 --> 00:14:11,430 איך ווע נאָר האט דער קלאַס אַז איך בין ניצן פֿאַר דעם קנעפּל איז אַ דזשק קנעפּל. 287 00:14:11,430 --> 00:14:12,360 אַז ס עס. 288 00:14:12,360 --> 00:14:14,950 >> אזוי ווי טוט דזשקווערי וויסן וואָס איך בין טאן? 289 00:14:14,950 --> 00:14:18,740 נו, דאָס איז איינער פון די אַדוואַנידזשיז צעהאַקן דיסאַדוואַנטידזשיז פון דזשקווערי. 290 00:14:18,740 --> 00:14:21,560 עס קענען לאָזן מיר צו טאָן זאכן זייער קאַנסייסלי, אָבער אפֿשר ניט 291 00:14:21,560 --> 00:14:22,570 ווי ינטויטיוולי. 292 00:14:22,570 --> 00:14:25,570 אפֿשר די אנדערע דרייַ מאַכן אַ ביסל מער געפיל וואָס איך בין טאן. 293 00:14:25,570 --> 00:14:29,010 דאָ, כאָטש, וואָס ס געגאנגען אויף? 294 00:14:29,010 --> 00:14:31,940 >> משמעות, קריייטינג אַ אַנאַנאַמאַס פֿונקציע 295 00:14:31,940 --> 00:14:36,790 אַז לאָודז ווען מיין דאָקומענט איז גרייט, אַזוי דאָקומענט.רעאַדי, 296 00:14:36,790 --> 00:14:38,760 עטלעכע פֿונקציע איז געגאנגען צו פּאַסירן. 297 00:14:38,760 --> 00:14:40,490 באַסיקאַללי, ווען איז אַ דאָקומענט גרייט? 298 00:14:40,490 --> 00:14:42,310 עס ס ווען מיין בלאַט האט לאָודיד. 299 00:14:42,310 --> 00:14:46,540 >> אזוי ווי באַלד ווי מיין בלאַט האט לאָודיד, די ווייַטערדיק פֿונקציע איז שטענדיק גרייט. 300 00:14:46,540 --> 00:14:54,310 עס זאגט, אויב אַ כייפעץ פון טיפּ דזשקבוטטאָן, אָדער אויב קלאַס דזשקבוטטאָן האט שוין קליקט, 301 00:14:54,310 --> 00:14:55,570 ויספירן דעם פֿונקציע. 302 00:14:55,570 --> 00:14:59,360 אַזוי דאָ ס צוויי אַנאַנאַמאַס פֿעיִקייטן, איין Defined ין פון די אנדערע. 303 00:14:59,360 --> 00:15:03,930 >> אַזוי מיין גאנצע קאָנטעקסט דאָ אַזוי ווייַט איז מיין חשבון 304 00:15:03,930 --> 00:15:06,520 ווען עס לאָודז עס קאַללס דעם פֿונקציע. 305 00:15:06,520 --> 00:15:09,740 און דעם פֿונקציע איז ווארטן פֿאַר אַ קנעפּל צו זייַן קליקט. 306 00:15:09,740 --> 00:15:14,490 און ווען אַ קנעפּל איז קליקט, דזשק קנעפּל ספּעסיפיקאַללי איז קליקט, 307 00:15:14,490 --> 00:15:17,150 עס קאַללס דעם אנדערע פונקציאָנירן, וואָס איז געגאנגען 308 00:15:17,150 --> 00:15:21,250 צו שטעלן די הינטערגרונט קאָליר פון קאָלאָרדיוו צו זיין 309 00:15:21,250 --> 00:15:25,990 וועלכער טעקסט איז אין צווישן די טאַגס. 310 00:15:25,990 --> 00:15:28,050 >> דאס איז דער געדאנק פון וואָס קנעפּל איז קליקט. 311 00:15:28,050 --> 00:15:31,230 אבער אַנדערש, דעם איז סאָרט פון ביכייווינג ענלעך צו אַ געשעעניש. 312 00:15:31,230 --> 00:15:34,460 עס ס נאָר די זעלבע וועג איך וואָלט אויסדריקן דעם אין דזשקווערי. 313 00:15:34,460 --> 00:15:36,790 ווידער, עס ס מיסטאָמע אַ פּלאַץ מער ינטימידייטינג. 314 00:15:36,790 --> 00:15:40,840 עס ס ניט ווי קלאָר ווי עפּעס ווי עווענט.דזשס, 315 00:15:40,840 --> 00:15:45,080 וואָס איז אפֿשר אַ קליין ביסל מער ווערבאָסע, אָבער אַ קליין ביסל ווייניקער 316 00:15:45,080 --> 00:15:46,000 ינטימידייטינג. 317 00:15:46,000 --> 00:15:51,460 >> אבער אויב מיר קנאַל צוריק איבער צו מיין בלעטערער פֿענצטער, אויב איך אָנהייבן קליקקינג-- געזונט, 318 00:15:51,460 --> 00:15:52,690 וואָס געביטן צו לילאַ. 319 00:15:52,690 --> 00:15:54,450 דאס איז גרין ניצן די שטריקל אופֿן. 320 00:15:54,450 --> 00:15:56,500 דאס איז מאַראַנץ ניצן די געשעעניש האַנדלער. 321 00:15:56,500 --> 00:15:58,300 >> דאס איז רויט ניצן דזשקווערי, רעכט? 322 00:15:58,300 --> 00:16:01,270 זיי אַלע ביכייוו פּונקט די זעלבע. 323 00:16:01,270 --> 00:16:06,509 זיי נאָר טאָן עס ניצן פאַרשידענע אַפּראָוטשיז צו סאָלווע די פּראָבלעם. 324 00:16:06,509 --> 00:16:08,550 עס ס אַ פּלאַץ מער צו דזשקווערי דעמאָלט מיר ניטאָ זיכער 325 00:16:08,550 --> 00:16:10,050 געגאנגען צו רעדן וועגן אין דעם ווידעא. 326 00:16:10,050 --> 00:16:15,410 אבער אויב איר ווילן צו לערנען מער, איר קענען גיין צו די דזשקווערי סאָרט פון דאַקיומענטיישאַן 327 00:16:15,410 --> 00:16:19,710 און לערנען גאַנץ אַ ביסל מער וועגן דעם זייער Flexible ביבליאָטעק, וואָס 328 00:16:19,710 --> 00:16:22,550 איז גרויס פֿאַר טאן קליענט זייַט סקריפּטינג אַזאַ ווי וואָס מיר זענען טאן 329 00:16:22,550 --> 00:16:26,240 צו מאַניפּולירן די קוק און פילן פון אונדזער וועב בלאַט 330 00:16:26,240 --> 00:16:28,750 מיט דעם דאָקומענט אָבדזשעקט מאָדעל. 331 00:16:28,750 --> 00:16:29,650 איך בין דאַג לויד. 332 00:16:29,650 --> 00:16:31,930 דאס איז קס50. 333 00:16:31,930 --> 00:16:34,022