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

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

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

איצט אויב מיר נעמען אַ קוקן בייַ Google נייַעס, איר וועט טאָמער זען אַ באַקאַנט צובינד דאָ. אבער עס טורנס אויס איר קענען אויך זוכן Google נייַעס פֿאַר ספּעציפיש געאָגראַפיעס דורך אַ הטטפּ פּאַראַמעטער גערופן געאָ. אין פאַקט, אויב איך פארגרעסער אין אַרויף דאָ, איר וועט זען אַז איך בין בייַ news.google.com/news/section?geo=02138. און, טאַקע, אויב איך פארגרעסער אויס, איר וועט זען אַז איך בין קוקן בייַ אַ בלאַט מיט אַ גאַנץ בינטל פון קוקן וועגן קיימברידזש, מאַססאַטשוסעטץ. 

דערווייַל, אויב איך פאקטיש טוישן די URL נישט צו זיין אַ פאַרשלעסלען קאָד ווי דעם, אָבער עפּעס אַ ביסל מעססיער ווי קיימברידזש, + מאַססאַטשוסעטץ, ווו די פּלוס איז דער וועג איר ענקאָוד אַ אָרט כאַראַקטער אין אַ URL און שלאָגן אַרייַן, איר וועט זען אַז איך פאקטיש זען כּמעט די זעלבע נייַעס. אפשר עס ס אַ קליין ביסל אַנדערש ווייַל קיימברידזש פאקטיש האט קייפל פאַרשלעסלען קאָודז. איצט ווי וואָלט איך וויסן אַז און, אין פאַקט, ווי קען איך עפעס בונד שטעט און שטעטלעך צו פאַרשלעסלען קאָודז אין פאַל איך ווילן צו לאָזן די באַניצער צו קוקן אַרויף אָדער? נו, עס טורנס אויס אַז עס ס אַ וועבזייַטל אויס דאָרט גערופן geonames.org וואָס איז אַן איניציאטיוו צו האָבן אַ פרילי בנימצא דאַטאַבאַסע פון ​​אַלע סאָרץ פון דזשיאַגראַפיק אינפֿאָרמאַציע, ניט בלויז פֿאַר די יו, אָבער אויך פֿאַר אנדערע לענדער ווי געזונט. אין פאַקט, אויב איך גיין צו דעם URL דאָ, וואָס איז אויך דערמאנט אין די פּראָבלעם שטעלן באַשרייַבונג, איר וועט זען עס דרייַ ליסטינג פון אַ גאַנץ בינטל פון פאַרשלעסלען טעקעס קיין פון וואָס קענען זייַן דאַונלאָודיד דורך איר. אין פאַקט, פֿאַר דעם פּראָבלעם שטעלן איר 'רע געגאנגען צו אראפקאפיע us.zip. איצט ין דעם טעקע, איז אַ גאַנץ בינטל פון דאַטן אין טעקסט פֿאָרמאַט. די טעקעס איז זייער ענלעך צו אַ קסוו-- קאַמאַ סעפּאַראַטעד וואַלועס פילע-- אָבער עס פאקטיש ניצט טאַבס צו דעמאַרקאַטע פעלדער. איצט, דערווייַל, אויב איר קוקן דאָ בייַ וואָס איך ווע כיילייטיד, די פעלדער אין דעם טעקע זענען געגאנגען צו זיין דאס ווי לאַנד קאָודז, פּאָסטאַל קאָודז, אָרט נעמען, און דעריבער, אין עטלעכע פאָרעם אָדער אנדערע, לענדער און קאַונטיז, קהילות, און מער. אין פאַקט, איך ווע שוין דאַונלאָודיד דעם טעקע אין שטייַגן. זאל מיר גיין פאָרויס און עפענען עס הערע-- וס.טעקסט-- און, טאַקע, איר וועט זען אויב איך מעגילע אַראָפּ צו שורה 16792 איר וועט זען אַ ביסל רעקאָרדס פֿאַר קיימברידזש, מאַססאַטשוסעטץ און זייַן פאַרשידן פאַרשלעסלען קאָודז. וואָס איר אויך זען עס איז די קאַונטי, עטלעכע נומערן אַז איך טאָן ניט טאַקע פֿאַרשטיין, אָבער אויך אַלע די וועג אויף די רעכט, עטלעכע גפּס קאָאָרדינאַטעס-- ברייט און לאַנדזשאַטוד. דאס איז גרויס ווייַל איינער פון די פֿעיִקייטן פון Google מאַפּס אַפּי איז די פיייקייַט צו דעטעקט ווו איר זענען געאָגראַפיקאַללי אין טערמינען פון גפּס קאָואָרדאַנייץ. 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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