DAVID J. MALAN: Okei, joten tﺣ۳mﺣ۳ tﺣ۳ssﺣ۳ Myo varsi
bﺣ۳ndi, pari jota ovat jo CS50 opinnﺣ۳ytetﺣﭘiden.
Ja se oli osoitus meidﺣ۳n jonossa sinut etukﺣ۳teen, mistﺣ۳ pohjimmiltaan
tﺣ۳ssﺣ۳ melko tiukka kﺣ۳sivarsihihnalla tﺣ۳ﺣ۳llﺣ۳ kuuntelee lihasten liikkeitﺣ۳
ettﺣ۳ kuvataan sitten ohjelmisto Colton kannettavalle tﺣ۳nne joka
oli iTunes ja ettﺣ۳ laulu jo jonottivat.
Sijaan minua demoing tﺣ۳mﺣ۳n, Colton on ollut laboratoriossa
selvﺣ۳sti koko viikon pﺣ۳ﺣ۳stﺣ۳ esittelyn valmiina yksi rohkea vapaaehtoinen.
Jos joku haluaisi tulla on up-- nﺣ۳ki kﺣ۳tesi ensin.
Tule ylﺣﭘs.
>> Selvﺣ۳.
Ja mikﺣ۳ on nimesi?
>> Yleisﺣﭘ: Tuota, Maria.
>> DAVID J. MALAN: Maria, kiva nﺣ۳hdﺣ۳ sinua.
Tule tﺣ۳nne.
Sallikaa minun esitellﺣ۳ sinulle Colton.
Colton, tﺣ۳mﺣ۳ on Maria.
>> COLTON: Hei, mukava tavata.
>> DAVID J. MALAN: Kaikki oikea, niin ensimmﺣ۳inen vaihe, olemme
menossa on laittaa tﺣ۳mﺣ۳ on teidﺣ۳n kyynﺣ۳rvarren
niin, ettﺣ۳ se on melko tiukka lﺣ۳helle kyynﺣ۳rpﺣ۳ﺣ۳hﺣ۳n.
Ja sillﺣ۳ vﺣ۳lin, katsotaanpa laittaa Google Glass
ja me sekoita teknologiaa tﺣ۳nﺣ۳ﺣ۳n.
>> COLTON: Ensin meidﺣ۳n tﺣ۳ytyy koukku tﺣ۳mﺣ۳n huomioon asioita.
>> DAVID J. MALAN: OK.
Oikeastaan, katsotaanpa laittaa kﺣ۳sien lﺣ۳helle tﺣ۳tﺣ۳ kaapelia mahdollisimman
jotta voimme ensin synkronoida sen.
>> COLTON: Tehdﺣ۳ﺣ۳n tﺣ۳mﺣ۳.
>> DAVID J. MALAN: Ja sillﺣ۳ vﺣ۳lin, joten ettﺣ۳ jokainen voi saada lﺣ۳hemmﺣ۳ksi silmﺣ۳yksellﺣ۳,
me nakata Andreaksen kamera ruudulle siellﺣ۳.
Joten meillﺣ۳ on USB-kaapeli, joka on on liitetty Maria otti vastuun kantaakseen.
Ja haluaisin nakata Colton nﺣ۳ytﺣﭘllﺣ۳ ylﺣﭘs projektorin seuraavan.
>> Joten Colton rekisterﺣﭘitymﺣ۳ttﺣ۳ laite nyt Myo liitetty tﺣ۳mﺣ۳n kaapelin.
Ja nyt, mitﺣ۳ Marian aikoo tehdﺣ۳ hetkellisesti
on itse kﺣ۳vellﺣ۳ lﺣ۳pi kalibroinnin vaiheet
ja opettaa ohjelmistot miten hﺣ۳nen lihakset vastata
kun hﺣ۳n tekee tietyn ennalta mﺣ۳ﺣ۳ritetyn eleet, ettﺣ۳ ohjelmisto ymmﺣ۳rtﺣ۳ﺣ۳.
Jos haluat mennﺣ۳ nﺣ۳ytﺣﭘn edessﺣ۳.
OK, pitﺣ۳ﺣ۳ yrittﺣ۳ﺣ۳.
>> COLTON: Mene nﺣ۳in.
Ja niin.
Ja aina oikeassa.
Mene takaisin.
>> DAVID J. MALAN: OK.
Eri nﺣ۳kﺣﭘkulmasta.
Se et ole sinﺣ۳.
Se on meille.
>> MARIA: OK.
DAVID J. MALAN: Ei.
Siirrytﺣ۳ﺣ۳n sitﺣ۳ ylempﺣ۳nﺣ۳, joten se on lﺣ۳hemmﺣ۳ksi kyynﺣ۳rpﺣ۳ﺣ۳, tai jopa tiukempi.
Selvﺣ۳.
>> Nyt mennﺣ۳ﺣ۳n.
Tﺣ۳mﺣ۳ olisi hyvﺣ۳ aika CS52X.
Siellﺣ۳ mennﺣ۳ﺣ۳n.
>> Very nice.
OK.
Peukalon pinky.
>> Very nice.
Levitﺣ۳ sormin.
Hyvﺣ۳.
Aalto oikeassa.
Se on kumma osoittaa sinulle vasemmalla hand--
>> COLTON: Joo, se on outo.
DAVID J. MALAN: Wave oikealle ja eteenpﺣ۳in.
Nopeasti eteenpﺣ۳in ohittaa tai seuraavaan.
Se on OK Wave oikeassa.
>> MARIA: Minﺣ۳ don't-- odota.
>> DAVID J. MALAN: Tarvitsetko apua?
>> COLTON: Eli olet menossa nﺣ۳in.
MARIA: Se kﺣ۳ﺣ۳ntyy Toinen asia, vaikka.
COLTON: On.
DAVID J. MALAN: Joo en tiedﺣ۳ Siksi sitﺣ۳ nﺣ۳yttﺣ۳mﺣ۳llﺣ۳ vasuri.
COLTON: Miksi et try-- vain kokeilla menossa nﺣ۳in.
>> DAVID J. MALAN: o?
Ehkﺣ۳ tavoittaa kﺣ۳tesi ulos hieman suorempi
ja tehdﺣ۳ siitﺣ۳ jyrkemmin kuin tﺣ۳mﺣ۳.
Joo, OK, tule.
>> MARIA: Olen pahoillani.
DAVID J. MALAN: Se ei ole sinun syysi.
COLTON: Se on hyvﺣ۳.
DAVID J. MALAN: All Right.
Well--
>> MARIA: Pitﺣ۳isikﺣﭘ meidﺣ۳n ohittaa tﺣ۳mﺣ۳n jﺣ۳lkeen?
DAVID J. MALAN: Kyllﺣ۳, katsotaanpa voit pﺣ۳lkﺣ۳hﺣ۳stﺣ۳.
Joten jos joku haluaisi tehdﺣ۳ Opinnﺣ۳ytetyﺣﭘ kﺣ۳yttﺣ۳misen kﺣ۳rjessﺣ۳
laitteisto, ymmﺣ۳rtﺣ۳ﺣ۳ se voi vain kestﺣ۳ﺣ۳ hieman totuttelua.
Ja this-- todellisuus on tﺣ۳mﺣ۳ on todella hyvin verenvuoto reuna.
>> Tﺣ۳mﺣ۳ on mitﺣ۳ kutsutaan Developer Kit, joka
on tarkoitus olla olennaisesti pre-release jotta ihmiset voivat tehdﺣ۳ juuri
this-- taistella sen kanssa, kuva miten ihmisten elimet toimivat
teknologian kanssa.
Joten jos haluat Jﺣ۳lkeenpﺣ۳in jﺣ۳lkeen luento,
Voimme antaa sinulle tulla ja ottaa toisen puukottaa sitﺣ۳.
Mutta muuten, aplodit, jos Voisimme Maria tulit ylﺣﭘs.
>> MARIA: Kiitos.
>> DAVID J. MALAN: Kiitos.
Me roikkua kiinni, mutta annamme sinﺣ۳-- Entﺣ۳ stressipallo tﺣ۳ﺣ۳llﺣ۳?
Voi, and-- if-- Joo, kiitos.
Selvﺣ۳.
Joten utelias, jos olisit tunne hyvﺣ۳ valinta
ettﺣ۳ teimme siellﺣ۳ aikaisemmin, uskomattoman TV
osoittavat, ettﺣ۳ sinun pitﺣ۳isi ehdottomasti olla humalahakuinen katselun Netflix
on tﺣ۳mﺣ۳ yksi tﺣ۳ﺣ۳llﺣ۳.
>> SPEAKER 1: Hyvﺣ۳t naiset ja herrat, taikuri nimeltﺣ۳ Josh.
>> DAVID J. MALAN: Ja ilmeisesti, se on asia tekstin minulle aikana luento nyt.
Olen kerrotaan, ettﺣ۳ Maria oli syntymﺣ۳pﺣ۳ivﺣ۳ eilen.
Joten hyvﺣ۳ﺣ۳ syntymﺣ۳pﺣ۳ivﺣ۳ﺣ۳ alkaen CS50 Maria samoin.
>> Joten ehkﺣ۳ lukenut viime kuussa ettﺣ۳ tﺣ۳mﺣ۳ kollegat tﺣ۳ﺣ۳llﺣ۳, Steve
Ballmer, joka oli itse asiassa luokka 1977 College,
ﺣ۳skettﺣ۳in elﺣ۳kkeelle Microsoft.
Hﺣ۳n oli perustutkintoa tﺣ۳ﺣ۳llﺣ۳, sitten pari vuotta myﺣﭘhemmin
lﺣﭘytﺣ۳nyt itsensﺣ۳ Stanford Business School
kun hﺣ۳n sai puhelimen soittaa hﺣ۳nen ystﺣ۳vﺣ۳nsﺣ۳, jotka
oli asunut alas sali hﺣ۳neltﺣ۳ tﺣ۳ﺣ۳llﺣ۳ Harvardissa.
Ettﺣ۳ kaverin nimi oli Bill Portit, ja tuolloin,
hﺣ۳n yritti vﺣ۳rvﺣ۳tﺣ۳ Steve olla Ensimmﺣ۳inen liike henkilﺣﭘ, todella,
pienen yrityksen nimi Microsoft.
>> Pitkﺣ۳ tarina lyhyt, Steve lopulta voitti yli,
liittyi Microsoftin kun he oli vain 30 tyﺣﭘntekijﺣ۳ﺣ۳.
Ja kun hﺣ۳n elﺣ۳kkeellﺣ۳ aivan ﺣ۳skettﺣ۳in,
Yhtiﺣﭘn palveluksessa oli 100000 tyﺣﭘntekijﺣ۳ﺣ۳ viime vuosina.
Ja niin sivusto tunnetaan Verge valmistettu tﺣ۳mﺣ۳ kunnianosoitus video
ettﺣ۳ ajattelimme yhteinen, joka antaa sinulle
tunne kuinka paljon energiaa Steve tuo esittelyﺣ۳ hﺣ۳n antaa.
[VIDEOTOISTOSTA]
-Microsoft On kuin neljﺣ۳sosa lapsi.
Lapset tekevﺣ۳t poistua talosta.
Tﺣ۳ssﺣ۳ tapauksessa, luulisin Lﺣ۳hden talon.
Hei Bill, whazzap?
>> -Wazzap?
>> -Hei, Wazzap?
Meille on annettu valtava mahdollisuus.
Ja Bill antoi meille siihen mahdollisuuden.
Haluan kiittﺣ۳ﺣ۳ Bill siitﺣ۳.
Haluan sinun myﺣﭘs.
Innovaatiovauhti ei aio hidastaa.
>> Se tulee saada nopeammin ja nopeammin.
Siellﺣ۳ saattaa olla muutama kilpailijoita ettﺣ۳ valitettavasti eliminoitu!
>> Rakastan tﺣ۳mﺣ۳n yrityksen.
Kyllﺣ۳!
Olen PC, ja rakastan tﺣ۳tﺣ۳ yritystﺣ۳!
>> Kehittﺣ۳jﺣ۳t, kehittﺣ۳jﺣ۳t, kehittﺣ۳jﺣ۳t, kehittﺣ۳jﺣ۳t, kehittﺣ۳jﺣ۳t, kehittﺣ۳jﺣ۳t,
kehittﺣ۳jﺣ۳t, kehittﺣ۳jﺣ۳t.
Kyllﺣ۳!
Web-kehittﺣ۳jille!
>> Web-kehittﺣ۳jille!
Web-kehittﺣ۳jille!
Kuuntele mitﺣ۳ muuta saada ilman lisﺣ۳maksua!
>> MS-DOS-johtoon, tapaaminen kalenteri, kortti kasa, muistilehtiﺣﭘ,
kello, ohjauspaneeli.
Ja voitko uskoa sitﺣ۳?
Reversie!
>> Polttaa ne CD!
Lﺣ۳hettﺣ۳ﺣ۳ ne MSN!
Voit postittaa ne ystﺣ۳villesi!
>> Kaikki yhdellﺣ۳ klikkauksella!
Yksi Microsoft, yksi strategia, yksi team-- keskittynyt, kurinalainen, ammatti,
ja asiantuntija kaikessa mitﺣ۳ teemme.
Saanen kﺣ۳yttﺣ۳ﺣ۳ linja vanhan elokuvan.
>> Ihmissuhteet ovat kuin haita.
Ne eteenpﺣ۳in tai ne kuolevat.
Olen itse sitﺣ۳ mieltﺣ۳, tech yritykset ovat samat.
>> [END VIDEOTOISTOSTA]
DAVID J. MALAN: Eli olemme niin tyytyvﺣ۳isiﺣ۳ ilmoittaa, ettﺣ۳ Steve liittyy joukkoomme
tﺣ۳ﺣ۳llﺣ۳ CS50 ensi keskiviikkona klo paikkakunta ja aika tﺣ۳ﺣ۳llﺣ۳.
Space todennﺣ۳kﺣﭘisesti rajallinen.
Ja niin liittymﺣ۳ﺣ۳n meihin henkilﺣﭘkohtaisesti, ota suunnata tﺣ۳nﺣ۳ﺣ۳n tai pian sen jﺣ۳lkeen
jotta cs50.harvard.edu/register.
>> Ja me jatkotoimet Tiistai vahvistaa paikkoja.
Odotan, ettﺣ۳ ensi Keskiviikko aikana luento CS50.
Nyt muita uutisia, satuin tﺣﭘrmﺣ۳nnyt tﺣ۳mﺣ۳n Crimson juuri
toinen pﺣ۳ivﺣ۳.
>> On kﺣ۳ynyt ilmi, ettﺣ۳ yksi CS50: n henkilﺣﭘstﺣﭘ ja ainakin yksi CS50: n opiskelijoita
parhaillaan kﺣ۳ynnissﺣ۳ UC puheenjohtaja ja varapuheenjohtaja,
joka toi minut takaisin omaa pﺣ۳ivﺣ۳ﺣ۳ takaisin
kun menetin UC vaalit surkeasti.
Mutta hyvﺣ۳ﺣ۳kin ettﺣ۳ on olen aina
kerro tarina on, ettﺣ۳ yksi olen varma
monia syitﺣ۳ menetin vaalit oli tﺣ۳ydellinen puuttuminen
on lahjakkuutta julkinen puhuminen.
Ja niin aivan rehellisesti, se ajoi minut, ettﺣ۳ kokemus
Luulen junior vuonna, itse allekirjoittaa jopa Harvardin Computer Society, joka
on ryhmﺣ۳ kampuksella ettﺣ۳ omistaa useita teknisiﺣ۳ neuvotteluja
ja muita asioita.
Ja otin niiden opetus seminaareja ja siksi
oli tilaisuus, ihana tilaisuus,
aloittaa tyﺣﭘskentelyn juuri tﺣ۳mﺣ۳n.
Mutta myﺣﭘs, minulla oli tilaisuus aikana tﺣ۳mﺣ۳ kokemus
opettaa itselleni sitﺣ۳kin HTML.
Ja niin minﺣ۳ lykﺣ۳nneet viime yﺣﭘnﺣ۳ katsellut HTML pohjainen sivusto
Tein kuten 1997, -98, minun -kampanja, joka nﺣ۳yttﺣ۳ﺣ۳ tﺣ۳ltﺣ۳ tﺣ۳ﺣ۳llﺣ۳.
Tiedﺣ۳n.
>> Because-- ja tietenkin huomautus tﺣ۳mﺣ۳ hﺣ۳mmﺣ۳styttﺣ۳vﺣ۳ muotoilu pﺣ۳ﺣ۳tﺣﭘs vuonna 1998
tai vaikka mitﺣ۳.
Ensimmﺣ۳inen asia, jonka haluat kﺣ۳yttﺣ۳jien tehdﺣ۳ kun vierailevat sivustolla
on saada napsauttaa toista linkkiﺣ۳ juuri Syﺣﭘtﺣ۳ sivuston tﺣ۳ﺣ۳llﺣ۳ munkki
takana kuin verhottu verho, jossa ilmeisesti kampanjan alusta oli.
Ja tﺣ۳mﺣ۳ on kaikki mitﺣ۳ saat tﺣ۳nﺣ۳ﺣ۳n on vain kuvakaappaus.
Mutta luin lﺣ۳pi, kuten, kampanjani julisteita viime yﺣﭘnﺣ۳
ja minun foorumi.
>> Ja olin niin vihainen tuolloin.
Oma alusta was-- se oli mielenkiintoinen.
Joten olen rauhoittunut sen jﺣ۳lkeen.
Mutta jonain pﺣ۳ivﺣ۳nﺣ۳, minﺣ۳ juoksen uudelleen ja toivottavasti parempi tﺣ۳llﺣ۳ kertaa.
>> Niin HTML, ettﺣ۳ kieli, jolla tein ettﺣ۳ in-- voit pian tehdﺣ۳ paljon more--
on jotain olemme olleet puhumme myﺣﭘhﺣ۳ssﺣ۳
ja pitkﺣ۳lti itsestﺣ۳ﺣ۳n selvﺣ۳nﺣ۳ nyt ettﺣ۳ olemme siirtyneet muille kielille.
Mutta katsotaanpa keskeyttﺣ۳ﺣ۳ hetkeksi ja laittaa nﺣ۳mﺣ۳ asiat yhteydessﺣ۳.
Joten lauseen, mikﺣ۳ on HTML?
>> Tai, mitﺣ۳ kﺣ۳ytetﺣ۳ﺣ۳n?
Kukaan?
Kyllﺣ۳.
>> Yleisﺣﭘ: Markup sivustoille.
DAVID J. MALAN: Markup verkkosivuilla.
Joten se on kuvauskieli voit jﺣ۳sentﺣ۳ﺣ۳ sivun.
Header menee tﺣ۳ﺣ۳llﺣ۳, otsikko menee tﺣ۳ﺣ۳llﺣ۳, kehon menee tﺣ۳ﺣ۳llﺣ۳.
Tﺣ۳mﺣ۳ on lihavoituna, tﺣ۳mﺣ۳ on italics-- tﺣ۳llaista yksityiskohtia.
>> OK, hyvﺣ۳.
Joten CSS avulla sinﺣ۳-- ja minﺣ۳ otti vapauksia siellﺣ۳
kanssa rohkea pﺣ۳in ja kursiivilla koska ettﺣ۳ on parempi toteuttaa tﺣ۳mﺣ۳.
CSS is-- mitﺣ۳?
Sanoa lauseen.
Kuka tahansa.
Joo.
>> Yleisﺣﭘ: koristeet ja juttuja, kuten miten suunnitella sitﺣ۳.
DAVID J. MALAN: OK, hyvﺣ۳.
Koristeita, joiden avulla voit suunnitella sitﺣ۳ tai tyylitellﺣ۳ se
asioita, kuten lihavointia ja kursiivilla ja vﺣ۳rejﺣ۳ ja myﺣﭘs hienoja
rakeinen asemoinnit.
Se tavallaan voit ottaa asiat viimeisen mailin niin, ettﺣ۳ jos, esimerkiksi,
vuonna Pset7, olet ehkﺣ۳ huomannut teidﺣ۳n portfolio sivun, jos olet tﺣ۳ssﺣ۳ vaiheessa
jo, ettﺣ۳ oletustaulukko ettﺣ۳ olet tehdﺣ۳ nﺣ۳yttﺣ۳ﺣ۳ kﺣ۳yttﺣ۳jﺣ۳n varastossa tilojen
ja kﺣ۳teistﺣ۳ luultavasti nﺣ۳yttﺣ۳ﺣ۳ melko hirveﺣ۳ oletuksena ilman valkoista tilaa.
Kaikki on erﺣ۳ﺣ۳nlainen pullollaan yhdessﺣ۳ riveihin ja sarakkeisiin.
>> Hyvin, hieman CSS, niin saatat huomata,
voit itse muokata sitﺣ۳ ja tehdﺣ۳ siitﺣ۳ jotain paljon tuttuja ja paljon
kauniimpi katsoa.
Joten CSS on noin stilisointi sivustot.
Mutta sitten otimme kﺣ۳yttﺣﭘﺣﭘn vielﺣ۳ toinen kieli, PHP, joka antaa meidﺣ۳n tehdﺣ۳ mitﺣ۳?
>> Haluan vain tehdﺣ۳ mitﺣ۳?
Ketﺣ۳ﺣ۳n.
Sai venture ulkopuolella pari ensimmﺣ۳istﺣ۳ riviﺣ۳.
Joo.
>> Yleisﺣﭘ: Luo dynaamista sisﺣ۳ltﺣﭘﺣ۳.
DAVID J. MALAN: Perfect.
Tuottaa dynaamista sisﺣ۳ltﺣﭘﺣ۳.
Ja voit tehdﺣ۳ tﺣ۳mﺣ۳n rajoittamattoman mﺣ۳ﺣ۳rﺣ۳n kielillﺣ۳.
Satumme kﺣ۳yttﺣ۳ﺣ۳ PHP koska se on osittain niin samanlainen kuin C syntaksin.
>> Mutta PHP juuri nﺣ۳in.
Sen avulla voit dynaamisesti tuotos.
Ja joitakin ettﺣ۳ tuotanto voi olla HTML, koska olemme yleensﺣ۳ tehneet.
Ja se on myﺣﭘs, koska se on ohjelmointikieli, on
mekanismi, jonka kautta Voimme puhua tietokantoihin.
>> Ja voimme tehdﺣ۳ kyselyjﺣ۳ muita palvelimia kuten Yahoos
ja ohjelmallisesti tehdﺣ۳ mitﺣ۳ﺣ۳n todella, ettﺣ۳ et olisi muuten
halua pakottaa tietokonetta tehdﺣ۳.
Joten PHP antaa meidﺣ۳n alkaa dynaamisesti syﺣﭘttﺣﭘﺣ۳ sisﺣ۳ltﺣﭘﺣ۳.
Joten tﺣ۳mﺣ۳n logiikan, minulla ei ollut dynaamisen sivuston jo vuonna 1998.
>> Se oli vain staattinen web-sivun.
Oma sisﺣ۳ltﺣﭘ oli muuttunut manuaalisesti gedit tai muuta vastaavaa.
Mutta PHP on mitﺣ۳ me kﺣ۳ytetﺣ۳ﺣ۳n tai voineet kﺣ۳yttﺣ۳ﺣ۳, vaan
sillﺣ۳ jotain Frosh pikaviestejﺣ۳ sivusto, joka
piti ottaa rekisterﺣﭘinnit ja hallita luettelo users-- asioista,
todella siirtymﺣ۳ssﺣ۳ aikaa, vaikka meillﺣ۳ sattuu
kﺣ۳yttﺣ۳ﺣ۳ Perl, eri kieli tuolloin.
>> Ja sitten lopuksi, esittelimme SQL-- Structured Query Language.
Niin vielﺣ۳ toinen kieli joka on kﺣ۳ytetty mitﺣ۳?
Kﺣ۳ytetﺣ۳ﺣ۳n mitﺣ۳?
Voimmeko lﺣ۳hteﺣ۳ slight-- OK, emme aio
saada paljon kauemmas kuin orkesteri tﺣ۳ﺣ۳llﺣ۳.
Yleisﺣﭘ: Se on protokolla tapana puhua tietokantoihin.
DAVID J. MALAN: protokolla tapana puhua tietokantoihin.
Saanen nipistﺣ۳ﺣ۳.
Se on luonnollinen kieli puhua databases-- valitsee
ja insertit ja poistaa ja pﺣ۳ivityksiﺣ۳ ja itse
jopa enemmﺣ۳n ominaisuuksia, jotka emme ole edes sukeltanut
osaksi, mutta voit halutessasi explore-- olla etsintﺣ۳ﺣ۳n vaikkapa opinnﺣ۳ytetyﺣﭘn.
Joten on nﺣ۳iden eri kappaletta.
>> Ja toivottavasti Pset7, vaikka sen erittely on varsin pitkﺣ۳,
se on tarkoituksella pitkﺣ۳ kﺣ۳vellﺣ۳ sinua lﺣ۳pi, miten nﺣ۳mﺣ۳ asiat voivat kaikki
on kirjoitettu yhteen.
Nyt maanantaina, me Esittelimme viime kieli
ettﺣ۳ me virallisesti kﺣ۳yttﺣﭘﺣﭘn vuonna course-- eli JavaScript.
Tﺣ۳mﺣ۳, kuten PHP, on tulkittu kieli.
>> Mutta keskeinen ero Ehdotin maanantaina
on, ettﺣ۳ kun PHP on tﺣ۳ytﺣ۳ntﺣﭘﺣﭘnpanovaltiossa tai tulkitaan palvelimella, joka
Tﺣ۳ssﺣ۳ tapauksessa on CS50 laite, tai ehkﺣ۳ joitakin kaupallisia web
palvelimen internetissﺣ۳, JavaScript yleensﺣ۳
on kieli, joka toimii asiakkaan puolella ei palvelimen side-- niin selaimessa.
Toisin sanoen, aivan kuten silloin, kun avasin up Facebook lﺣ۳hdekoodin ja lﺣﭘysi kaikki
Nﺣ۳iden Js tiedostot, implisiittisesti oli ettﺣ۳ kun kﺣ۳yt Facebookissa tai eniten
sivustot nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳, saat ei vain HTML, ei vain CSS,
mutta koko joukko JavaScript koodi usein muodossa Js-tiedostoja.
Ja sitten se browser-- oma Mac tai PC-- joka suorittaa kyseisen koodin.
>> Mutta selain suorittaa sen.
Voit ajatella erﺣ۳ﺣ۳nlainen hiekkalaatikko.
Jotta JavaScript-koodi ei saa olla voi poistaa tiedostoja tietokoneessa.
Sen ei pitﺣ۳isi pystyﺣ۳ lﺣ۳hettﺣ۳ﺣ۳ sﺣ۳hkﺣﭘposteja puolestasi.
Selaimesi sellainen toimenpide rajoittaa mitﺣ۳ voit tehdﺣ۳ sen kanssa.
>> Joten siinﺣ۳ mielessﺣ۳, se on hieman vﺣ۳hemmﺣ۳n voimakas, ehkﺣ۳, kuin C.
Mutta JavaScript voi, koska syrjﺣ۳ﺣ۳n, voidaan kﺣ۳yttﺣ۳ﺣ۳ palvelimessa,
vaikka me ei yleensﺣ۳ puhu siitﺣ۳ tﺣ۳ssﺣ۳ yhteydessﺣ۳.
Joten nyt Katsotaanpa sitoa nﺣ۳mﺣ۳ yhteen.
Viikko plus sitten esitimme joitakin HTML on left-- Super tylsﺣ۳ ﻗﻗweb-sivulla.
>> Vain sanoo hello world.
Ja sitten ehdotin oikeus voimme sellaista varastaa ideoita
meidﺣ۳n keskustelu tietorakenteita C
ja miettiﺣ۳, miten tﺣ۳mﺣ۳ hierarkkinen markup language vasemmalla
voitu tehdﺣ۳ tai panna tﺣ۳ytﺣ۳ntﺣﭘﺣﭘn muistiin koska todellinen puurakenteen solmut
ja viitteitﺣ۳ ja tuollaiset tiedot.
Oikealla, kutsumme ettﺣ۳ DOM-- Document
Esineet Model-- joka on vain hieno tapa sanoa puu.
>> Nyt miksi tﺣ۳mﺣ۳ hyﺣﭘdyllistﺣ۳ ajattele sitﺣ۳ tﺣ۳llﺣ۳ tavalla?
Koska nyt JavaScript, koska meillﺣ۳ on
koodi, joka saa pelata tﺣ۳ssﺣ۳ ympﺣ۳ristﺣﭘ, todellinen HTML, joka on
lﺣ۳hetetty selaimelle jo ja on jo
ladattu muistiin selain puuksi tietokoneen
RAM nﺣ۳in, voimme kﺣ۳yttﺣ۳ﺣ۳ JavaScript itse kulkea tai kﺣ۳vellﺣ۳ tai haku
tai muuttaa tﺣ۳tﺣ۳ DOM puun kuitenkin haluamme.
Joten itse asiassa, jos luulet noin facebook.com,
jos kﺣ۳ytﺣ۳t chat-toimintoa, jos Gmailin ja Gchat ominaisuus,
mitﺣ۳ jos sinulla on tulevat viestit uudelleen ja uudelleen
ja uudelleen, kyseiset viestit ovat todennﺣ۳kﺣﭘisesti, kuten, LI tag, listan osa tageja, ehkﺣ۳.
>> Tai ehkﺣ۳ he vain divs ettﺣ۳ pitﺣ۳ﺣ۳ nﺣ۳kyﺣ۳
joka kerta kun saat pikaviestin.
Ja niin ettﺣ۳ vain sitﺣ۳ mitﺣ۳ Facebook tai Google tekee
on aina saat viestin palvelimelta,
ne luultavasti JavaScriptin avulla vain lisﺣ۳tﺣ۳ toisen solmun
Tﺣ۳mﺣ۳n tree-- toiseen solmuun tﺣ۳mﺣ۳n puu, joka sitten visuaalisesti vain nﺣ۳yttﺣ۳ﺣ۳
kuin uusi rivi tekstiﺣ۳ ruudulla.
Mutta he asetat tﺣ۳hﺣ۳n tietorakenne.
>> Niin luokissa kuin CS124 ja toiset, luultavasti
itse kirjoittaa enemmﺣ۳n koodia vastaan tietorakenteita kuten tﺣ۳mﺣ۳.
Mutta nyt JavaScript, me vain olettaa
saamme kaiken tﺣ۳mﺣ۳n toiminnallisuuden ilmaiseksi kieltﺣ۳ itse.
Joten katsotaanpa esimerkki.
>> Saanen avata tiedoston nimeltﺣ۳ form.html.
Se on erittﺣ۳in yksinkertaista.
Se vain nﺣ۳yttﺣ۳ﺣ۳ tﺣ۳ltﺣ۳.
>> Ei CSS, ei ajatellut estetiikkaa.
Se on puhtaasti toiminnallinen ja ilmeisesti olen
pyytﺣ۳ﺣ۳ sﺣ۳hkﺣﭘpostin, salasana, salasana uudelleen, ja sitten tarkistaa
sopia joihinkin ehdot.
Mikﺣ۳ lﺣ۳hdekoodi nﺣ۳yttﺣ۳ﺣ۳ on luultavasti jotain
arvata saattaa kanssa hieman ajatellut nyt.
Minulla muoto tag tﺣ۳ﺣ۳llﺣ۳.
>> Toiminta on ilmeisesti menossa Siirry tiedoston nimeltﺣ۳ register.php.
Menetelmﺣ۳ aion kﺣ۳yttﺣ۳ﺣ۳ on saada.
Ja sitten minulla teksti kenttﺣ۳, jonka nimi on sﺣ۳hkﺣﭘpostiosoite.
>> Minulla salasana kenttﺣ۳ jonka nimi on salasana.
Minulla toisen salasana kenttﺣ۳ jonka nimi
on jokseenkin mielivaltaisesti vahvistus.
Se on vain yksi HTTP-parametri.
>> Ja sitten me olemme ole kﺣ۳yttﺣ۳nyt nﺣ۳itﺣ۳ paitsi koska Frosh infrastruktuurin demon class--
valintaruutu, joka on vain tyyppi on sama kuin tarkistaa.
Ja soitan, ettﺣ۳ sopimus.
Joten olen sellainen mielivaltaisesti vaan sopivasti nimetty nﺣ۳illﺣ۳ aloilla.
Niin ettﺣ۳ nyt kun tﺣ۳mﺣ۳ muoto saa toimitettu, katsotaan mitﺣ۳ tapahtuu.
Jos teen malan@harvard.edu, Teen salasana Crimson.
Teen salasanan mitﺣ۳ﺣ۳n.
ﺣlkﺣ۳ﺣ۳mme yhteistyﺣﭘtﺣ۳.
>> Enkﺣ۳ ruutu.
Minﺣ۳pﺣ۳ valitse Register.
Ja se sanoo, hm, olet rekisterﺣﭘitynyt.
Ei oikeastaan.
>> Mutta URL muuttunut.
Joten tﺣ۳ssﺣ۳ muodossa on selvﺣ۳sti sallittu alistumaan register.php.
Mutta oletettavasti, minun pitﺣ۳isi olla kiinni joitakin nﺣ۳istﺣ۳ virheistﺣ۳.
Nyt Pset7 ja joissakin meidﺣ۳n luento esimerkkejﺣ۳,
me yleensﺣ۳ tulostaa iso punainen virheilmoitus tﺣ۳ﺣ۳llﺣ۳
sanomalla, puuttuu nimi, tai puuttuvat salasana.
Olemme tehneet, ettﺣ۳ ennen Niistﺣ۳ meillﺣ۳ Done palvelimen puolella virheiden havaitsemiseen.
>> Mutta monet sivustot nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳ tehdﺣ۳ asiakkaan puolella virheiden havaitsemiseen
jos URL-osoite ei muutu.
Koko sivu ei pﺣ۳ivity.
Voit saada vﺣ۳litﺣﭘntﺣ۳ palautetta selaimesta.
Ehkﺣ۳ jotain menee punainen.
>> Ehkﺣ۳ saat pop up.
Mutta et tuhlaa aikaa lﺣ۳hettﺣ۳mistﺣ۳ palvelimen tiedot, joka on epﺣ۳tﺣ۳ydellinen.
Katsotaanpa, miten voimme saavuttamiseksi ominaisuus samoin.
>> Anna minun mennﺣ۳ form1.html, joka nﺣ۳yttﺣ۳ﺣ۳ samalta.
Mutta jos tﺣ۳llﺣ۳ kertaa teen malan@harvard.edu ja kirjoitan Crimson
enkﺣ۳ yhteistyﺣﭘtﺣ۳ entisestﺣ۳ﺣ۳n mutta valitse Register, huomaa nyt.
Se ei ole seksikkﺣ۳in ratkaisu.
Olen ainakin kiinni tﺣ۳mﺣ۳n virheen.
Ja olen kﺣ۳yttﺣ۳nyt hﺣ۳lytys toiminto JavaScript--
josta olemme vain kﺣ۳yttﺣ۳mﺣ۳llﺣ۳ luokassa.
Yleensﺣ۳ sinun ei pitﺣ۳isi kﺣ۳yttﺣ۳ﺣ۳ tﺣ۳tﺣ۳ koska se voi hyvin nopeasti ulos
valvonnan.
Mutta salasanat eivﺣ۳t tﺣ۳smﺣ۳ﺣ۳ on virhe.
>> Anna minun mennﺣ۳ eteenpﺣ۳in ja valitse OK.
Mutta mitﺣ۳ nﺣ۳ppﺣ۳intﺣ۳ takeaway tﺣ۳ﺣ۳llﺣ۳ on se, ettﺣ۳ URL-osoite ei muutu.
Joten en ole vaivautunut kuihtumista palvelimen aika kysyﺣ۳ sitﺣ۳
kysymys, ettﺣ۳ voisin olla tajunnut vastaus itselleni.
>> Ja kﺣ۳yttﺣ۳jﺣ۳, vaikka puhuneet tﺣ۳stﺣ۳
pidempﺣ۳ﺣ۳n kuin kﺣ۳yttﺣ۳jﺣ۳n menossa ajatella tﺣ۳tﺣ۳,
joutuu vﺣ۳littﺣﭘmﺣ۳n palautteen.
Ei ole latenssi verkkoliitﺣ۳ntﺣ۳.
Joten katso tﺣ۳tﺣ۳ lﺣ۳hdekoodia.
>> Form1.html nﺣ۳yttﺣ۳ﺣ۳ rakenteeltaan samanlaisia ﻗﻗtﺣ۳ﺣ۳llﺣ۳.
Muoto on itse asiassa sama.
Mutta katsotaanpa, mitﺣ۳ tein tﺣ۳ﺣ۳llﺣ۳.
Ja siellﺣ۳ on erilaisia ﻗﻗtapoja tehdﺣ۳ tﺣ۳tﺣ۳.
Ja olen tehnyt eniten suoraan seuraaja, mutta ei kaikkein tyylikﺣ۳s tapa vielﺣ۳.
Minulla komentosarjatunnus.
Sitten soittaa document.getElementById ('rekisterﺣﭘinti').
Ja minﺣ۳ tallentaa ettﺣ۳ arvo muodossa, muuttuja.
>> Joten mitﺣ۳ minﺣ۳ olen tehnyt?
Voit ajatella document.getElementById olevan
erityinen toiminto, joka JavaScript antaa sinulle
ettﺣ۳ kirjaimellisesti kﺣ۳siﺣ۳ osoitin yksi solmujen
tai suorakaiteen tﺣ۳ssﺣ۳ puussa.
Joten nyt, ettﺣ۳ mitﺣ۳ meidﺣ۳n muodossa muuttuja JavaScript on todella suunnattu.
>> Joten nyt syntaksi eroaa C. Mutta me teemme muutamia asioita tﺣ۳ﺣ۳llﺣ۳.
Yksi, tﺣ۳mﺣ۳ on vﺣ۳hﺣ۳n outo nﺣ۳kﺣﭘinen, varmasti vs. C.
Mutta katsokaa linja 35.
Niin vasemmalla form.onsubmit.
Muista, ettﺣ۳ onsubmit on kuten kentﺣ۳n struct.
Jos luulet muotoa muuttuja ollaan vasta C struct,
se saattaa olla joillakin aloilla.
>> Takaisin seuraavana pﺣ۳ivﺣ۳nﺣ۳, meillﺣ۳ oli opiskelijoita nimiﺣ۳, Tunnukset, talot, ne millaisia ﻗﻗkentﺣ۳t.
Ajatelkaapa onsubmit kuin toinen kenttﺣ۳.
Mutta se on erikoisala, koska selain on valmiiksi ohjelmoitu odottaa
.onsubmit jotta ei olla arvoa kuten numero tai merkkijono,
mutta itse asiassa olla funktio tai osoitteen funktio
tietokoneen muistiin.
>> Ja todellakin, sitﺣ۳hﺣ۳n Tﺣ۳mﺣ۳n avainsanan tﺣ۳ﺣ۳llﺣ۳ tekee.
Tﺣ۳mﺣ۳ sanoo, anna minulle uusi toiminto.
Mutta mikﺣ۳ on sen nimi olemaan, ilmeisesti?
>> Muistelen maanantaina.
Mikﺣ۳ on nimi tﺣ۳mﺣ۳n Toiminto perustuu tﺣ۳hﺣ۳n syntaksi?
Ei, en tarkoita, siellﺣ۳ on selvﺣ۳sti no name associated-- varmasti
ei mitﺣ۳ olen korostanut tﺣ۳ﺣ۳llﺣ۳.
>> Mutta se on todella ok.
Tﺣ۳mﺣ۳ on nimetﺣﭘn funktio, tai lambda toimivat jotkut saattavat kutsua sitﺣ۳.
Ja se tarkoittaa vain sitﺣ۳, se on silti tehtﺣ۳vﺣ۳.
Se on vain, et voi kutsua sitﺣ۳ nimeltﺣ۳.
Mutta se on ok.
Koska uudelleen, selain on ollut esiohjelmoima yritykset, kuten Google
tai Microsoft tai Mozilla tai muita henkilﺣﭘitﺣ۳ juuri tietﺣ۳ﺣ۳, ettﺣ۳ jos .onsubmit kenttﺣ۳
sisﺣ۳llﺣ۳ lomakkeen elementin arvo, pitﺣ۳ﺣ۳ sitﺣ۳ function--
toiminnon osoitin, jos haluatte.
Ja kutsua sitﺣ۳, kun lomake lﺣ۳hetetﺣ۳ﺣ۳n.
>> Joten mitﺣ۳ koodi olisi toteutettava kun lomake lﺣ۳hetetﺣ۳ﺣ۳n?
Ilmeisesti kaikki sisﺣ۳llﺣ۳ kihara ahdin.
Ja tﺣ۳mﺣ۳ on vain tyylillinen.
>> Tﺣ۳mﺣ۳n voi tehdﺣ۳ esimerkiksi meillﺣ۳ on tapana tehdﺣ۳ CS50.
Mutta JavaScript, useimmat ihmiset pyrkivﺣ۳t pitﺣ۳mﺣ۳ﺣ۳n sen samalla rivillﺣ۳
vain koska se lisﺣ۳ﺣ۳ selvﺣ۳sti on liittyy avainsanan toiminto.
Mitﺣ۳ nyt teen?
>> Jos form.email.value yhtﺣ۳ kuin vertaistensa tyhjﺣ۳ merkkijono tai ei mitﺣ۳ﺣ۳n, tﺣ۳ssﺣ۳ on
hﺣ۳lytys, jossa aion sanoa, sinun on annettava sﺣ۳hkﺣﭘpostiosoitteesi,
ja sitten return false.
Ja se, ettﺣ۳ paluu vﺣ۳ﺣ۳rﺣ۳, ettﺣ۳ estﺣ۳ﺣ۳ lomakkeen toimittamisesta.
Samaan aikaan, jos salasana arvo on tyhjﺣ۳, aion huutaa kﺣ۳yttﺣ۳jﺣ۳
ja sanoa, sinun on annettava salasana.
>> Samalla asiat menevﺣ۳t hieman harrastaja tﺣ۳ﺣ۳llﺣ۳.
Jos form.password.value ei yhdenvertaisen form.confirmation.value,
muulla alalla, huuda kﺣ۳yttﺣ۳jﺣ۳lle, ettﺣ۳ salasanat
eivﺣ۳t tﺣ۳smﺣ۳ﺣ۳, koska ne ei hetki sitten.
Ja sitten tﺣ۳mﺣ۳ yksi on vﺣ۳hﺣ۳n seksikkﺣ۳ﺣ۳mpi koska en
tietﺣ۳ﺣ۳ Tiesin kﺣ۳sitteellisesti ettﺣ۳ tarkistettu on valintaruutu nimi.
>> Joten voin vain kﺣ۳yttﺣ۳ﺣ۳ huudahdus kohta sanoa, jos tarkastus ei ole
checked-- se Boolen arvo, totta vai false--
Minﺣ۳ huutaa kﺣ۳yttﺣ۳jﺣ۳lle tﺣ۳stﺣ۳ syystﺣ۳.
Muuten, jos saamme lﺣ۳pi kaikki nﺣ۳mﺣ۳ ehdot,
Haluan vain palata totta.
Olkoon lomake toimitetaan.
Ja tﺣ۳mﺣ۳ sitten tapahtuu.
>> Katsotaanpa kirjoittaa Crimson.
Katsotaan tarkistaa ruudussa Register.
Ja nyt kﺣ۳yn lﺣ۳pi mﺣ۳ﺣ۳rﺣ۳npﺣ۳ﺣ۳hﺣ۳n.
Nyt ei ole tietokannassa.
Ei ole mitﺣ۳ﺣ۳n mielenkiintoista vuonna register.php.
Tarvitsin vain jotain todella puhua.
Joten anna minun keskeyttﺣ۳ﺣ۳, tﺣ۳ﺣ۳llﺣ۳.
Kaikki kysymykset siitﺣ۳, mitﺣ۳ olemme juuri tehneet tai mitﺣ۳ jotkut tﺣ۳mﺣ۳n uuden syntaksi on?
OK, joo?
>> Yleisﺣﭘ: Joten kaikki valintaruutu on automaattisesti Boolen.
Sinun ei tarvitse ilmoittaa sitﺣ۳ niin.
>> DAVID J. MALAN: Oikein.
Mikﺣ۳ tahansa ruutua, joka on lﺣ۳hetetty teille HTML-muodossa sinun JavaScript-koodia
kohdellaan, kyllﺣ۳, koska Boolean value-- tosi tai epﺣ۳tosi.
Se on hyvﺣ۳ kysymys.
Kun taas muut arvot, ja Tietenkin on ollut teksti, AKA jouset.
>> Okei, joten saanen kelata hieman pidemmﺣ۳lle.
Mikﺣ۳ oli idea tﺣ۳stﺣ۳?
Vain olla selvﺣ۳.
Kuten tiedﺣ۳mme jo, jopa Pset7 ja jopa viime viikon luento
esimerkkejﺣ۳, ettﺣ۳ voimme tietenkin tarkistaa $ _GET $ _POST Nﺣ۳hdﺣ۳, jos kﺣ۳yttﺣ۳jﺣ۳ antaa meille
tyhjﺣ۳ arvo.
Muista tyhjﺣ۳ funktio PHP.
>> Joten vain olla selvﺣ۳ﺣ۳, mitﺣ۳ yksi syy meidﺣ۳n pitﺣ۳ﺣ۳ myﺣﭘs
haluta tehdﺣ۳ tﺣ۳mﺣ۳n virheentarkistus sisﺣ۳llﺣ۳ selaimen?
Mikﺣ۳ motivaatio tﺣ۳ﺣ۳llﺣ۳?
Joo.
>> Yleisﺣﭘ: Nopeampi, ja et Lﺣ۳hetﺣ۳ turha tiedot palvelimelle.
DAVID J. MALAN: Hyvﺣ۳.
Se on nopeampaa.
Et lﺣ۳hetﺣ۳ hyﺣﭘdytﺣﭘn tiedot palvelimelle.
>> Niin saat takaisin enemmﺣ۳n vﺣ۳litﺣﭘntﺣ۳ vastausta.
Ja kaiken kaikkiaan, kﺣ۳yttﺣ۳jﺣ۳ kokemus on parempi.
Ajattele vaihtoehto.
>> Jos Gmail-- ja oli tapauksessa useita vuosia sitten.
Oletetaan, ettﺣ۳ olet saanut uuden sﺣ۳hkﺣﭘpostiviestin Gmail huomioon, mutta ainoa tapa,
nﺣ۳hdﺣ۳, ettﺣ۳ on, kuten, lataa koko sivun.
Tai Oletetaan napsauta linkki lukea sﺣ۳hkﺣﭘpostia.
>> Kaiken tﺣ۳ytyy ladata niin ettﺣ۳ nﺣ۳et sﺣ۳hkﺣﭘpostiosoite.
Tai Facebook-- saat chat-viestin.
Et nﺣ۳e sitﺣ۳ ennen kuin lataat sivu tai valitse jokin yhteys.
>> Kuten tﺣ۳mﺣ۳ olisi hirveﺣ۳n harmittaa kﺣ۳yttﺣﭘkokemuksen.
Ja tﺣ۳mﺣ۳ on mitﺣ۳ se oli, selvﺣ۳sti, takaisin kun juoksin UC
ja web oli paljon vﺣ۳hemmﺣ۳n dynaaminen ja JavaScript ollut yhtﺣ۳ suosituksi
kuin se on nyt.
Ja asiat menevﺣ۳t paljon dynaamisempi ja paljon muuta
asiakkaan puolella siinﺣ۳ mielessﺣ۳.
>> Mutta on saalis tﺣ۳ﺣ۳llﺣ۳, ja tﺣ۳mﺣ۳ on tavallaan ﺣ۳rsyttﺣ۳vﺣ۳ﺣ۳ Sainpas.
Vain koska voit lisﺣ۳tﺣ۳ asiakkaan puolella havaitseminen kuin tﺣ۳mﺣ۳ ei tarkoita
voit tai pitﺣ۳isi luopua Palvelin puolella tunnistus.
Te pohjimmiltaan halua laittaa virhetarkistus- molemmissa paikoissa.
Sillﺣ۳ se, mitﺣ۳ oli yksi ja opetus
artikkelista luin joitakin otteita mistﺣ۳ tﺣ۳mﺣ۳ typerﺣ۳ CMS system--
Content Management System-- ettﺣ۳ oli toteuttamisessa authentication jﺣ۳rjestelmﺣ۳,
sen kirjautuminen kautta millﺣ۳ mekanismilla?
JavaScript.
>> Yleisﺣﭘ: JavaScript.
DAVID J. MALAN: JavaScript, tarkalleen, eikﺣﭘ?
Se oli JavaScriptin avulla.
Ja kirjaimellisesti, teillﺣ۳ pelataan hieman luultavasti
Chromen Inspector.
Ja jos lﺣﭘydﺣ۳n sen, tarkastaa elementti.
>> Anna minun mennﺣ۳ yli tehdﺣ۳ kaikki Chromen vaihtoehtoja.
Ja tﺣ۳mﺣ۳ on, kuinka helppoa se on poista JavaScript selaimessasi.
Tarkista, enempﺣ۳ﺣ۳ JavaScript.
>> Niin oikeudenmukaisuus, paljon web nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳
on juuri menossa rikki, koska Gmail ja muut sites--
Facebook-- olettaa, ettﺣ۳ JavaScript on kﺣ۳ytﺣﭘssﺣ۳.
Mutta jos teet jotain typerﺣ۳ﺣ۳ kuin vain validointi kﺣ۳yttﺣ۳jien tulo
ja tarkistamalla sen virheet asiakkaan puolelta,
vastustaja voi helposti tehdﺣ۳ tﺣ۳mﺣ۳n.
Ja sitten vielﺣ۳ ﺣ۳lykkﺣ۳ﺣ۳mpiﺣ۳ Vastustaja kuten te
nyt voisi kﺣ۳yttﺣ۳ﺣ۳ Telnet tai Curl tai vain komentorivin komentoja
ja itse lﺣ۳hettﺣ۳ﺣ۳ viestejﺣ۳ palvelimelle ettﺣ۳ samalla jotka eivﺣ۳t ole virheettﺣﭘmiﺣ۳ tarkastettu.
>> Joten tﺣ۳mﺣ۳ on enemmﺣ۳n kﺣ۳yttﺣﭘliittymﺣ۳ pﺣ۳ﺣ۳tﺣﭘs
kuin se on todellinen tekninen improvement-- tﺣ۳ytﺣ۳ntﺣﭘﺣﭘnpanosta
jotain asiakkaan puolella, kuten tﺣ۳ssﺣ۳.
Joten nyt nopealla silmﺣ۳yksellﺣ۳, mutta sitten Minﺣ۳ lykﺣ۳tﺣ۳ online kﺣ۳vellﺣ۳
kautta tﺣ۳mﺣ۳ yksi.
Muodossa kaksi, me todella meni lﺣ۳pi ja siivottu koodia hieman.
Mutta haluaisin siirtﺣ۳ﺣ۳ yhdelle videoista meidﺣ۳n tﺣ۳ytyy luultavasti
Upota Pset8 ettﺣ۳ vain nﺣ۳yttﺣ۳ﺣ۳ samanlainen syntaksin avulla kirjasto nimeltﺣ۳ﺣ۳n
jQuery, joka on super, super suosittu kirjasto JavaScript
ettﺣ۳ rehellisesti useimmat ihmiset vain kﺣ۳yttﺣ۳ﺣ۳ nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳
ja jopa sekoittaa kuin olento JavaScript itse.
>> Ja se pyrkii ottamaan Joissakin dollarin merkkejﺣ۳
ja avainsanoja, kuten dokumentti Suluissa tﺣ۳ﺣ۳llﺣ۳.
Mutta jﺣ۳lleen kerran, sallikaa minun taipua hitaampaa tutorials verkossa
sijaan sotkeutuko vain syntaksin.
Siirrytﺣ۳ﺣ۳n eteenpﺣ۳in jotain hieman viileﺣ۳mpi
kannalta sovelluksia tﺣ۳stﺣ۳.
>> Niin erityisesti, anna minun mennﺣ۳ eteenpﺣ۳in ja avata tﺣ۳mﺣ۳n tﺣ۳stﺣ۳.
Tule.
Siellﺣ۳ mennﺣ۳ﺣ۳n.
>> Saanen avata tﺣ۳tﺣ۳ kuvaa tﺣ۳ﺣ۳llﺣ۳.
Tarpeettoman monimutkaisia nﺣ۳kﺣﭘinen, mutta se
kuvaa tekniikkaa kutsutaan AJAX-- Asynchronous JavaScript ja XML, jossa
X XML on oikeastaan ei enﺣ۳ﺣ۳ oikeastaan ﻗﻗkﺣ۳ytetﺣ۳.
Se yleensﺣ۳ kﺣ۳yttﺣ۳ﺣ۳ jotain muuten kutsutaan JSON.
>> Mutta tﺣ۳ssﺣ۳ on se, miten jotain Google Maps tai Google Earth toimii.
Kokeillaan tﺣ۳tﺣ۳ lennossa, todella.
Anna minun mennﺣ۳ eteenpﺣ۳in ja avata Chrome selaimessa.
>> Ja anna minun mennﺣ۳, sanoa, maps.google.com.
Ja todella, jos olet vanha tarpeeksi muistaa mitﺣ۳,
kuten, MapQuestistﺣ۳ oli kuin takaisin seuraavana pﺣ۳ivﺣ۳nﺣ۳, ja ehkﺣ۳ ne vielﺣ۳ toimivat nﺣ۳in.
Kun kﺣ۳ytetﺣ۳ﺣ۳n etsiﺣ۳ something-- 33 Oxford Street, Cambridge, Mass,
Tehdﺣ۳ﺣ۳n this-- sinua todella, jos
halusi pannulla ylﺣﭘs ja alas, vasemmalle ja oikealle,
te nﺣ۳yttﺣ۳isi iso nuoli pﺣ۳ﺣ۳lle, ja se
nﺣ۳kyy, toinen runko kartan tﺣ۳ﺣ۳llﺣ۳.
Tai voisitte Klikkaa vasemmalla sinulle menisi tﺣ۳nne, tai toisella napsautuksella
ja menisit tﺣ۳nne.
Vaan nﺣ۳mﺣ۳ pﺣ۳ivﺣ۳ﺣ۳, me tietenkin vain
itsestﺣ۳ﺣ۳n selvﺣ۳nﺣ۳, ettﺣ۳ voimme mennﺣ۳ noin Cambridge melko nopeasti
klikkaamalla ja vetﺣ۳mﺣ۳llﺣ۳.
Mutta huomaa siellﺣ۳ on joitakin virheitﺣ۳.
>> Jos en tee tﺣ۳tﺣ۳ tarpeeksi nopeasti, mitﺣ۳ nﺣ۳yttﺣ۳ﺣ۳ tapahtuvan
niin vedﺣ۳n hieman liian nopeasti tietokoneen pysyﺣ۳?
Mitﺣ۳ nﺣ۳et?
Joo.
>> Yleisﺣﭘ: pikselit eivﺣ۳t pﺣ۳ivitﺣ۳.
DAVID J. MALAN: pikselit eivﺣ۳t pﺣ۳ivitﺣ۳.
On actually-- ja sinua Tﺣ۳mﺣ۳n on nﺣ۳hty, todella,
jos olet katsomassa netissﺣ۳ ja tauko tﺣ۳mﺣ۳ tai oikeastaan ﻗﻗhidastaa asioita alas
varten once-- nﺣ۳et, ettﺣ۳ on olemassa laatat, neliﺣﭘitﺣ۳ tai ruutuihin
puuttuvat karttaa, kunnes Sekunnin murto myﺣﭘhemmin, enemmﺣ۳n tietoa,
Katso lisﺣ۳ﺣ۳ kuvia itse ruudulle.
Ja itse asiassa, jos teemme tﺣ۳mﺣ۳n nﺣ۳kﺣﭘinen up Chrome's-- sanotaanko, Chrome--
Katsotaanpa.
Emme voi tehdﺣ۳ sitﺣ۳.
>> Oh, oho.
Katsotaanpa avata maps.google.com.
Haluan tehdﺣ۳ ikkunan isompi uudelleen.
>> Mene takaisin 33 Oxford Street.
Mikﺣ۳ oli verkkosivuilla olin viime aikoina?
Minulla oli tﺣ۳mﺣ۳, kuten yksityinen rant itselleni, ettﺣ۳ olin silloin pikaviestiin
joku ystﺣ۳vﺣ۳, joka oli verkossa jotka halusivat kuulla sen.
Siellﺣ۳ on joitakin verkkosivuilla.
Minusta se on Comcast-- niin erittﺣ۳in suuri amerikkalainen ISP.
Voit, kun rekisterﺣﭘitymisestﺣ۳ uuden kaapelin modeemin palvelu tai kaapeli-tv-palvelu,
he ovat muotoa hyvin kohtuullisesti jos he kysyvﺣ۳t sinulta osoitteesi.
Ja on tﺣ۳mﺣ۳ hﺣ۳mmﺣ۳styttﺣ۳vﺣ۳ ominaisuus nimeltﺣ۳ automaattinen tﺣ۳ydennys,
Google, joka alkaa tﺣ۳yttyﺣ۳ on vastaus kysymykseesi.
>> Ongelmana on, he tekevﺣ۳t automaattinen tﺣ۳ydennys ensimmﺣ۳isen asioita, jotka kirjoitat.
Joten jos alkaa kirjoittaa 33, se nﺣ۳yttﺣ۳ﺣ۳ kirjaimellisesti jokaisen talon
Amerikassa, joka alkaa kanssa numero 33
ennen kuin jatkat odottaa voit kirjoittaa enemmﺣ۳n.
Joten jos kirjoitat 33 Oxford, Tﺣ۳mﺣ۳n jﺣ۳lkeen kerrotaan, joka kadulla
Amerikassa, joka on 33 Oxford Nimestﺣ۳ﺣ۳n huolimatta kaupunki
ettﺣ۳ olet.
>> Ja sitten jatkat kirjoittamista.
Ja lopuksi, se tajuaa, ettﺣ۳ ne eivﺣ۳t tarjous palvelua kotiisi Cambridge
tai jotain sellaista.
Mutta kohta on, tﺣ۳mﺣ۳ on kaikkein aasimainen tﺣ۳ytﺣ۳ntﺣﭘﺣﭘnpano auto
loppuun koskaan.
>> Ja olen juuri menossa pois tﺣ۳stﺣ۳ tangentti uudelleen.
Mutta on olemassa hyviﺣ۳ keinoja kﺣ۳yttﺣ۳ﺣ۳ JavaScript ja huonoja tapoja.
Ja se ei ole vﺣ۳lttﺣ۳mﺣ۳ttﺣ۳ paras.
>> Mutta kohta tﺣ۳ﺣ۳llﺣ۳, ennen kuin tﺣ۳mﺣ۳ vuodatus, oli avata tyﺣﭘkalut tﺣ۳nne
ja avata kehitystyﺣﭘkalut, kuten olemme kannustetaan ennen,
ja katsella Network vﺣ۳lilehdellﺣ۳ klikkaan todella nopeasti.
Ja huomaa lﺣ۳jﺣ۳n on saada pyyntﺣﭘjﺣ۳ tapahtunut.
Kaikki tﺣ۳mﺣ۳ tapahtui sen jﺣ۳lkeen raahasin.
>> Ja todennﺣ۳kﺣﭘisesti, todellakin paljon nﺣ۳itﺣ۳ rivejﺣ۳
nyt on kuva slash JPEG MIME-tyypit tai sisﺣ۳llﺣﭘn tyyppejﺣ۳.
Tﺣ۳mﺣ۳ johtuu siitﺣ۳, mitﺣ۳ kromi on tekemﺣ۳ssﺣ۳ joka kerta kun klikkaa ja vedﺣ۳, valitse
ja vedﺣ۳, on se ymmﺣ۳rtﺣ۳mﺣ۳ttﺣ۳, Oh, I tﺣ۳ytyy mennﺣ۳ kysymﺣ۳ﺣ۳n Google laatta
kartalle, joka on tﺣ۳ﺣ۳llﺣ۳, nopeasti ladata sen HTTP,
ja lisﺣ۳ﺣ۳ se sitten ns DOM web-selaimet muistiin puu
edustus niin, ettﺣ۳ kﺣ۳yttﺣ۳jﺣ۳, minulle, nﺣ۳kee, ettﺣ۳ pﺣ۳ivitetty laatta.
Ja tﺣ۳mﺣ۳ johtuu tekniikkaa kutsutaan AJAX.
Takaisin seuraavana pﺣ۳ivﺣ۳nﺣ۳, se todella oli kyse, ettﺣ۳ jos
Halusimme muuttaa mitﺣ۳ ruudulla, sinun on napsautettava ylﺣﭘs, alas, vasemmalle,
oikea.
Ja sitten uusi sivu avaisi.
Mutta nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳, kaikki on dynaamisempi.
Se tapahtuu sillﺣ۳ tavalla me ihmiset olisi Toivottavasti se todella olisi vuorovaikutteisesti.
Ja se saavuttaa tﺣ۳mﺣ۳n tapa tekniikkaa kutsutaan
AJAX, joka on ehkﺣ۳ paras selittﺣ۳ﺣ۳ esimerkki.
Ensinnﺣ۳kin haluan mennﺣ۳ eteenpﺣ۳in ja avata tiedosto
nimeltﺣ۳ﺣ۳n quote.php sisﺣ۳ﺣ۳n Nykypﺣ۳ivﺣ۳n jakelu koodi.
>> Ja anna minun tehdﺣ۳ symbol-- oho.
Anna minun tehdﺣ۳ symboli = GOOG vain joitakin varastossa.
Tai oikeastaan, tehkﺣ۳ﺣ۳mme yksi PSET ILMAISEKSI.
Enter.
>> Ja nyt huomaa, mitﺣ۳ saan takaisin.
Joten tﺣ۳mﺣ۳ on todella lyhyt PHP-tiedosto, ettﺣ۳ minﺣ۳
kirjoitti, ettﺣ۳ yksinkertaisesti lainaa koodi alkaen Pset7 n lookup toiminto
ja sylkee tﺣ۳llﺣ۳ kihara ahdin ja lainausmerkit ja paksusuolen merkintﺣ۳tapa, ilmeisesti,
nykyinen osakkeen hinta yritys, joka ohitat kautta saada.
Joten tﺣ۳mﺣ۳ on erilainen useimmista mitﺣ۳ olemme
tehty kyseisessﺣ۳ ilmoituksessa olen kirjaimellisesti sylkee
mitﺣ۳ nﺣ۳yttﺣ۳ﺣ۳ JavaScript-koodia.
>> Itse asiassa tﺣ۳mﺣ۳ on JavaScript-objekti.
Itse asiassa vain olla selvempi, JavaScript Object Notation-- JSON--
on vain hieno tapa sanoa, ettﺣ۳ te voi edustaa tiedot JavaScript paljon
kuten voit PHP nﺣ۳ppﺣ۳imellﺣ۳ arvo pareja.
Joten jos halusin julistaa muuttuja JavaScript
ja edustaa Zamyla varten instance-- struct varten Zamyla--
ja me kutsumme sitﺣ۳ opiskelija, tﺣ۳mﺣ۳ muuttuja.
Hﺣ۳nen ID on yksi, talo on Winthrop, ja nimi on Zamyla.
>> Mutta voin olla myﺣﭘs joukko esineitﺣ۳.
Joten jos olen itse halunnut array JavaScript sisﺣ۳ltﺣ۳vﺣ۳t
useita esineitﺣ۳, tﺣ۳mﺣ۳ aika Henkilﺣﭘstﺣﭘﺣ۳ edustavat,
Saatan olla nﺣ۳mﺣ۳ kolme paloina koodi takaisin
takaisin takaisin nﺣ۳ille kolmen entisen henkilﺣﭘkunnan jﺣ۳sentﺣ۳.
Niin syntaksi, kaunis samanlainen both-- PHP.
Mutta tﺣ۳mﺣ۳ on erityisen JavaScript.
Se on esine merkintﺣ۳tapa.
Joten mikﺣ۳ on tﺣ۳mﺣ۳ hyﺣﭘdyllinen?
>> Jos kirjoitan koodia, joka sylkee JSON-- JavaScript Object Notation-- kamaa, ettﺣ۳
nﺣ۳yttﺣ۳ﺣ۳ tﺣ۳ltﺣ۳ tai tavaraa, nﺣ۳yttﺣ۳ﺣ۳ Zamyla rakennetta,
Voin todellakin kﺣ۳yttﺣ۳vﺣ۳t tﺣ۳tﺣ۳ ohjelmiin kirjoitan.
Anna minun mennﺣ۳ ajax0.html.
Ja tﺣ۳mﺣ۳ too-- ole paljon on tarpeen ryhtyﺣ۳ estetiikkaa.
Vaan katsoa mitﺣ۳ tapahtuu.
>> Anna minun mennﺣ۳ eteenpﺣ۳in ja kirjoita ilmaiseksi tﺣ۳ﺣ۳ltﺣ۳.
Klikkaa saada lainaan.
Ja huomaa URL ei ole muuttunut.
Mutta en saa pop up kanssa ilmeisesti Nykypﺣ۳ivﺣ۳n penniﺣ۳kﺣ۳ﺣ۳n varastossa hinta 0,15 dollaria.
Joten kaikki, ettﺣ۳ huono.
Mutta ero on se, ettﺣ۳ jotenkin, tﺣ۳mﺣ۳ tieto tuli takaisin minulle suoraan.
Mutta katsotaanpa ottaa askel kohti jotain tutumpi.
Versiossa yksi tﺣ۳mﺣ۳n, haluan tyyppi Vapaa uudelleen, napsauta Hae lainaus,
ja now-- Voi, tﺣ۳mﺣ۳ oli todella jQuery versio.
Joten me-- en nopeasti eteenpﺣ۳in aivan tarpeeksi pitkﺣ۳lle.
Anna minun mennﺣ۳ versio kaksi, mikﺣ۳ on kun halusin.
Huomaa, mitﺣ۳ olen tehnyt tﺣ۳ﺣ۳llﺣ۳.
Minulla on web page-- Super yksinkertainen versio tahansa web-sivun
voit kﺣ۳yttﺣ۳ﺣ۳ tﺣ۳nﺣ۳ﺣ۳n tekstikenttﺣ۳ﺣ۳n tﺣ۳ﺣ۳llﺣ۳ ilmaiseksi ja sitten ilmeisesti juuri
tekstiﺣ۳.
>> Tﺣ۳mﺣ۳ ei ole lomake tﺣ۳stﺣ۳, ilmeisesti.
Mutta jos klikkaan saada lainaus, huomaa minun verkkosivu
on muuttumassa kuin olisin juuri uuden pikaviestin
tai kuin olisin juuri muuttanut kartta ja tarpeen saada lisﺣ۳ﺣ۳ tietoa
lisﺣ۳tﺣ۳ﺣ۳n dynaamisesti web-sivun ilman URL muuttuu ja kﺣ۳yttﺣ۳jﺣ۳
kokemus saada keskeytynyt.
Itse olen vielﺣ۳ tﺣ۳smﺣ۳lleen sama place-- ajax2.html.
>> Joten katsomaan vain tﺣ۳tﺣ۳ esimerkkiﺣ۳ ja miten tﺣ۳mﺣ۳ tapahtuu.
Anna minun mennﺣ۳ ajax2.html.
Ja huomaa muotoon ensin.
>> Tﺣ۳nne, olen kﺣ۳ﺣ۳ntﺣ۳mﺣ۳llﺣ۳ pois automaattinen tﺣ۳ydennys.
Joskus se saa harmittaa jos selain
yrittﺣ۳ﺣ۳ nﺣ۳yttﺣ۳ﺣ۳ koko historia.
Joten voit tehdﺣ۳ sen HTML vain sanomalla automaattinen tﺣ۳ydennys pois.
>> Olen antanut tﺣ۳mﺣ۳n tekstin kenttﺣ۳ symbol-- pikemminkin tunnus symboli.
Ja nyt, tﺣ۳mﺣ۳ on mielenkiintoinen piirre.
Emme ole puhuneet span, mutta voit ajatella sitﺣ۳
kuten kappaleen tag tai div tag.
Se, mitﺣ۳ kutsutaan in-line-elementti, joka
tarkoittaa et saa kohta rikkoa ylﺣ۳puolella ja alapuolella.
Se on juuri menossa pysyﺣ۳ verkossa ilman lyﺣﭘmﺣ۳llﺣ۳ vastaa tulevat.
Joten olen antanut tﺣ۳mﺣ۳n kimpale HTML mﺣ۳ﺣ۳ritetﺣ۳ﺣ۳n yksilﺣﭘllinen tunniste
ettﺣ۳ minﺣ۳ mielivaltaisesti kutsutaan hintaan.
Ja minulla on Lﺣ۳hetﺣ۳-painiketta.
>> Koska nyt here-- ja tﺣ۳mﺣ۳ on oikeastaan ﻗﻗerittﺣ۳in hﺣ۳mmﺣ۳styttﺣ۳vﺣ۳ﺣ۳, kuinka vﺣ۳hﺣ۳n koodia
Voit kirjoittaa tehdﺣ۳ Suhteellisen siisti things--
huomaa, mitﺣ۳ olen tehnyt tﺣ۳ﺣ۳llﺣ۳, jos en selaa jopa pﺣ۳ﺣ۳n tﺣ۳llﺣ۳ sivulla.
Olen mukana ensin pﺣ۳ﺣ۳ni komentosarjatunnus
joka todella viittaa JavaScript-tiedosto muualle.
Tﺣ۳mﺣ۳ on organisaatiosta joka kirjoittaa jQuery,
ja tﺣ۳mﺣ۳ on vain antaa sinulle uusimmat versio heidﺣ۳n jQuery-kirjaston.
>> Joten tﺣ۳mﺣ۳ on tavallaan kuin terﺣ۳vﺣ۳t sisﺣ۳llyttﺣ۳ﺣ۳ C tai vaatia PHP.
Kﺣ۳ytﺣ۳t komentosarjatunnus kanssa lﺣ۳hdemﺣ۳ﺣ۳ritteen.
Mutta nyt oma koodi on olemaan oikeassa tﺣ۳ﺣ۳llﺣ۳.
>> Huomaa Minulla on toiminto nimeltﺣ۳ﺣ۳n lainausmerkkejﺣ۳.
Ja se nﺣ۳yttﺣ۳ﺣ۳ hieman arvoituksellinen ensi silmﺣ۳yksellﺣ۳.
Mutta katsotaanpa kiusaa tﺣ۳mﺣ۳ toisistaan.
Anna minulle muuttuja nimeltﺣ۳ URL.
Mﺣ۳ﺣ۳rittﺣ۳ﺣ۳ sen kirjaimellisesti tﺣ۳tﺣ۳ merkkijonoa.
Joten, heittomerkkejﺣ۳, lainausmerkit vuonna JavaScript vain antaa minulle merkkijono.
Mitﺣ۳ plus tehdﺣ۳?
Ketjuttamista.
>> Joten tﺣ۳mﺣ۳ nyt on jQuery syntaksin joka vie hieman totuttelua.
Mutta tﺣ۳mﺣ۳ tarkoittaa vain mennﺣ۳ saada minut DOM solmu, jonka yksilﺣﭘllinen tunniste on symboli.
Hashtag siellﺣ۳ tarkoittaa yksilﺣﭘllinen tunniste symboli.
>> Dollarin merkki Suluissa tarkoita vain, kﺣ۳ﺣ۳ri tﺣ۳mﺣ۳
jQuery erﺣ۳ﺣ۳nlainen salainen kastike niin saat lisﺣ۳ﺣ۳ toiminnallisuutta.
Ja sitten .val on ilmeisesti toiminnon, tai kuten me sanomme nyt,
menetelmﺣ۳ sisﺣ۳llﺣ۳ tﺣ۳mﺣ۳n solmun ettﺣ۳ vain antaa sinulle arvoa.
Niin lyhyt, ruma ja sekava koska tﺣ۳mﺣ۳ nﺣ۳yttﺣ۳ﺣ۳ ensi silmﺣ۳yksellﺣ۳,
tﺣ۳mﺣ۳ tarkoittaa vain saada kﺣ۳yttﺣ۳jﺣ۳n kanssa kirjoitettu vuonna, laita se lopussa merkkijonon
ketjuttamalla sitﺣ۳.
Siinﺣ۳ kaikki.
>> Joten nyt, kolme viimeistﺣ۳ riviﺣ۳.
Voit puristaa paljon toiminnallisuus pois kolme riviﺣ۳.
Tﺣ۳mﺣ۳ dollarin merkki, koska syrjﺣ۳ﺣ۳n, on vain lempinimi
erityinen globaali muuttuja kutsutaan kirjaimellisesti jQuery.
>> Dollarin merkki vain nﺣ۳yttﺣ۳ﺣ۳ siistiltﺣ۳.
Joten jQuery yhteisﺣﭘ juuri sellainen Kﺣ۳ytettyjen sen omaksi erikoissymboli.
Se ei tarkoita sitﺣ۳, mitﺣ۳ se tarkoittaa PHP.
JavaScript, dollarin merkki on aivan kuin kirjainmerkki
tai numero muuttuja.
>> Voit vain se nimi.
Vain nﺣ۳yttﺣ۳ﺣ۳ siistiltﺣ۳.
Joten yhteisﺣﭘ otti sen lempinimi
oman kirjaston nimeltﺣ۳ﺣ۳n jQuery.
>> Ja se on erittﺣ۳in suosittu.
Joten JSON on juuri nﺣ۳in.
Se on toiminto, joka ihmiset on jQuery kirjoitti
joka saa JSON perﺣ۳isin server-- JavaScript Object merkintﺣ۳tapa.
Siitﺣ۳, mitﺣ۳ URL on se menee saada nﺣ۳mﺣ۳ tiedot?
Ilmeisesti tﺣ۳stﺣ۳ URL-osoite tﺣ۳hﺣ۳n.
>> Ja mitﺣ۳ pitﺣ۳isi selain toimi Heti kun se pﺣ۳ﺣ۳see takaisin tﺣ۳stﺣ۳ vastauksesta?
Ja tﺣ۳mﺣ۳ on taika AJAX, niin speak-- Asynchronous JavaScript XML.
On vaikea nﺣ۳hdﺣ۳ tﺣ۳llaista Yksinkertainen esimerkki koska meillﺣ۳ oli tﺣ۳ﺣ۳llﺣ۳.
>> Mutta tﺣ۳mﺣ۳ oli asynkroninen siinﺣ۳ mielessﺣ۳, ettﺣ۳ minun koodi, kun
teloitettiin lﺣ۳hetti viestin palvelin mennﺣ۳ hakemaan minulle JSON.
Ja se tapahtui erittﺣ۳in nopeasti ettﺣ۳ sain vastauksen.
Mutta mikﺣ۳ on mielenkiintoista on se, ettﺣ۳ tﺣ۳mﺣ۳ rivi koodia ei roikkunut minun tietokone.
>> En nﺣ۳hnyt spinning kuvaketta.
En menetﺣ۳ kyky liikkua hiirtﺣ۳.
Oma selain oli oikeastaan ﻗﻗtﺣ۳ysin hieno.
>> Sillﺣ۳ se, miten JavaScript kﺣ۳sittelee Palvelimen vastaus on seuraava.
Ilmoitat mitﺣ۳ haluat soittaa takaisinkutsufunktio, joka
tarkoittaa vain sitﺣ۳, hei, JavaScript.
Heti kun palvelin vastaukseksi JSON,
voitte soittaa nimettﺣﭘmﺣ۳n toimintoa.
>> Ja ota siirtyi tﺣ۳mﺣ۳n toiminnon riippumatta merkkijono palvelimelle sylkemﺣ۳ﺣ۳n
argumentiksi kutsutaan tietoja.
Eli toisin, sanoen, jos Olen kokoonpano dynaamisesti
URL quote.php kulkee tﺣ۳ssﺣ۳ symboli, kuten ilmainen tai GOOG tai vaikka mitﺣ۳,
Olen niin kerron JavaScript mennﺣ۳ saada, ettﺣ۳ URL-osoite.
Muista, ettﺣ۳ selain aikoo palata jotain
joka nﺣ۳yttﺣ۳ﺣ۳ nﺣ۳imme earlier-- tﺣ۳tﺣ۳.
>> Ja mitﺣ۳ toiseen vﺣ۳itteeseen tﺣ۳stﺣ۳ saada JSON sanoo
kutsuisin tﺣ۳tﺣ۳ toimintoa Kun palvelin saa takaisin
onko se 10 millisekuntia lﺣ۳htien tai 10 sekunnin kuluttua.
Ja heti kun teet, Lisﺣ۳ﺣ۳ hinta sivulle.
Tﺣ۳mﺣ۳ syntaksi tﺣ۳ﺣ۳llﺣ۳ vain tarkoittaa mene saada solmuun
puusta, jonka yksilﺣﭘllinen tunniste on price-- ettﺣ۳ span nﺣ۳imme aiemmin.
>> Tﺣ۳tﺣ۳ menetelmﺣ۳ﺣ۳ kutsutaan HTML sanoo vain, mene vaihda
HTML, joka on siellﺣ۳ data.price.
Mikﺣ۳ data.price?
No, selain, muistaa, nﺣ۳ytti tﺣ۳mﺣ۳ tulossa takaisin.
Joten tﺣ۳mﺣ۳ on tieto.
>> Ja niin se on vﺣ۳hﺣ۳n arvoituksellinen nﺣ۳hdﺣ۳ pilkkuja tﺣ۳ﺣ۳llﺣ۳.
Mutta itse asiassa, anna minun tehdﺣ۳ tﺣ۳tﺣ۳.
Saanen liitﺣ۳ tﺣ۳mﺣ۳ todella nopeasti osaksi gedit
ja nﺣ۳ytettﺣ۳vﺣ۳ tﺣ۳mﺣ۳ kuin nﺣ۳ytimme Zamyla n rakenne aikaisemmin.
>> Mitﺣ۳ palvelin lﺣ۳hettﺣ۳ﺣ۳ takaisin on pieni esine, joka nﺣ۳yttﺣ۳ﺣ۳ tﺣ۳ltﺣ۳.
Ja niin data.price on vain antaa minulle 0,1515.
Niin paljon liikkuvia osat tﺣ۳ﺣ۳llﺣ۳ kaikki kerralla.
>> Mutta avain noutoruokapaikkoja on ettﺣ۳ meillﺣ۳ on tﺣ۳mﺣ۳ kyky
tehdﺣ۳ ylimﺣ۳ﺣ۳rﺣ۳isiﺣ۳ HTTP pyyntﺣﭘjﺣ۳ JavaScriptin avulla
ilman lataa sivu.
Ja sitten voimme todella muuttaa sivun lennossa.
Ja kﺣ۳y ilmi, ettﺣ۳ JavaScript ja muilla kielillﺣ۳
voidaan kﺣ۳yttﺣ۳ﺣ۳ nyt ei vain muuntua verkkosivuja,
mutta itse kirjoittaa ohjelmisto todellisessa tietokoneessa,
ei rajoitu vain Chrome tai vastaavaa.
>> Itse asiassa, if-- Colton, voisitteko haluavat liittyﺣ۳ meihin takaisin tﺣ۳nne
teidﺣ۳n lab koodin, ja Chang samoin?
Mennﺣ۳ﺣ۳n eteenpﺣ۳in, nyt kun olen puhunut Anonymous toimii ja kutsuja
ja todella uhmata kohtaloa tﺣ۳ﺣ۳llﺣ۳ live demo vuotavia
huipputeknologiaa, yksi Nﺣ۳iden Elite rﺣﭘrelsedon.
Nyt tﺣ۳mﺣ۳ laite, muistaa, on pieni USB-laite
samoin that-- se beautiful-- joka liitetﺣ۳ﺣ۳n USB-portit.
>> Ja sitten se antaa tulon muodossa ihmisen eleitﺣ۳
havaitsemalla infrapuna- palkit, olennaisesti, liikkeet kﺣ۳sivarresta.
Joten taas mitﺣ۳ Maria yritti pﺣ۳ﺣ۳lle ennen oli lihaksikas,
oikeastaan ﻗﻗtunne mikﺣ۳ muuttuu kﺣ۳tesi, tﺣ۳mﺣ۳ on infrapuna perustuu.
Joten se etsii liikkeiden sisﺣ۳llﺣ۳ erﺣ۳ﺣ۳nlainen pallo jalka tai niin
laitteen itse.
>> Joten miksi en ota puukottaa tﺣ۳mﺣ۳n ensimmﺣ۳isen?
Ja mennﺣ۳ﺣ۳n eteenpﺣ۳in ja heittﺣ۳ﺣ۳ sinut riippukuljettimella tﺣ۳ﺣ۳llﺣ۳.
Joten laittaa Colton n kannettavan tﺣ۳ﺣ۳llﺣ۳.
Meillﺣ۳ Andrew televisiossa.
Ja mitﺣ۳ haluaisit minun tekevﺣ۳n ensin?
>> COLTON: Menkﺣ۳ﺣ۳ ja juuri laita kﺣ۳siﺣ۳si tﺣ۳mﺣ۳ kaveri
ja nﺣ۳et upeita glitter.
>> DAVID J. MALAN: Very nice.
Tﺣ۳mﺣ۳ kaikki tapahtuu reaaliajassa.
OK.
Okei, ja juu.
Niin mukavaa.
Okei, mitﺣ۳ muuta voimme tehdﺣ۳?
>> COLTON: Siirry seuraavaan nﺣ۳ytﺣﭘn ja nﺣ۳hdﺣ۳.
>> DAVID J. MALAN: Okei.
>> COLTON: hauska pieni peli jossa saat tehdﺣ۳ robotteja.
>> DAVID J. MALAN: Okei, joten tﺣ۳mﺣ۳ on vﺣ۳ﺣ۳rennﺣﭘs kﺣ۳det osoittaa minulle, mitﺣ۳ tehdﺣ۳.
COLTON: Kyllﺣ۳ Joten mene eteenpﺣ۳in ja napata yksi lohkojen
ja laita se pﺣ۳ﺣ۳lle, ettﺣ۳ robotin kehoon.
DAVID J. MALAN: Voi, on kﺣ۳teni.
Oh.
OK, ihastuttava.
Hetkinen, OK.
Siellﺣ۳ mennﺣ۳ﺣ۳n.
>> COLTON: Tein yksi onnettomuus.
>> DAVID J. MALAN: OK, saan tﺣ۳mﺣ۳n kaveri.
Perhana!
Kun olimme harjoitella tﺣ۳tﺣ۳ viimeksi yﺣﭘ, tiedﺣ۳t mitﺣ۳ tﺣ۳mﺣ۳ vajosi?
>> Kuten tﺣ۳mﺣ۳.
OK.
Seuraava?
>> COLTON: Toki.
>> DAVID J. MALAN: Okei, ja siellﺣ۳ on kolmasosa.
Selvﺣ۳.
COLTON: Ja tﺣ۳ssﺣ۳ yksi, saat to--
DAVID J. MALAN: Oh, tﺣ۳mﺣ۳ on kaunis.
COLTON: --yeah, haukkua tﺣ۳mﺣ۳n kukan.
DAVID J. MALAN: OK.
Ei?
Hukata.
>> COLTON: Voi, siellﺣ۳ mennﺣ۳ﺣ۳n.
>> DAVID J. MALAN: Ah, katso ettﺣ۳.
Very nice.
No, miksi dont 'otamme pois yksi vapaaehtoinen tﺣ۳ﺣ۳llﺣ۳
jotka haluavat tulla ylﺣﭘs.
Entﺣ۳ tuolla vihreﺣ۳, se on?
>> Selvﺣ۳, ja katsotaanpa have-- sen sijaan tehdﺣ۳, ettﺣ۳ jotkut teistﺣ۳
ehkﺣ۳ tiedﺣ۳tte tﺣ۳mﺣ۳ peli here-- leikata kﺣﭘyden, kenties?
Katsotaanpa.
Meillﺣ۳ lasit tﺣ۳nne?
>> OK.
Kiitos.
Mikﺣ۳ sinun nimesi on?
>> Yleisﺣﭘ: Laura.
>> DAVID J. MALAN: Laura?
Mukava nﺣ۳hdﺣ۳.
Jos et mielessﺣ۳ laskemisesta Google Glass yli lasit.
Tﺣ۳mﺣ۳ on Colton.
>> COLTON: Hei.
Hauska tavata.
>> DAVID J. MALAN: OK, tule ympﺣ۳ri.
Okei, niin mitﺣ۳ aiot tehdﺣ۳ tﺣ۳ﺣ۳llﺣ۳, se on pelannut tﺣ۳tﺣ۳ ennen,
on laita kﺣ۳ttﺣ۳ Leap Motion tﺣ۳ﺣ۳llﺣ۳.
Ja nyt nuolen pitﺣ۳isi liikkua.
Voi, nope.
>> Yleisﺣﭘ: Ei.
>> DAVID J. MALAN: Me eivﺣ۳t halua lopettaa vielﺣ۳.
OK, odota.
Tﺣ۳nne.
Niin huomaa kuin pidﺣ۳t sormellaan jotain,
hiiri alkaa mennﺣ۳ vihreﺣ۳, joka on, miten osoitat.
>> Joten hﺣ۳ﺣ۳riﺣ۳ Toista.
Ja vain yksi sormi on hieno.
Ja nyt klikkaa pikku vihreﺣ۳ kaveri vasemmalla.
Ja nyt pitﺣ۳ﺣ۳, kunnes se tﺣ۳yttyy vihreﺣ۳.
Hyvﺣ۳.
Nyt, kuten, taso yksi ylﺣﭘs.
>> Yleisﺣﭘ: Joo, me haluamme tason yksi, tﺣ۳ﺣ۳llﺣ۳.
>> DAVID J. MALAN: Hyvﺣ۳.
OK, joten sinun tehdﺣ۳, on leikata kﺣﭘyden.
Kohdistin on valkoinen yksi siellﺣ۳.
>> Very nice.
Okei, se on noin kovemmaksi.
Joten pidﺣ۳ sormea ﻗﻗseuraava nyt.
Hyvﺣ۳.
Tﺣ۳mﺣ۳ vaikea.
>> Yleisﺣﭘ: Voi paska.
OK.
Se haluaa mennﺣ۳ nﺣ۳in.
Voi paska, that--
>> DAVID J. MALAN: Joo.
Toissijainen tavoite on saada kaikki tﺣ۳hdet.
Okei, seuraava.
>> Katsotaanpa, jos voit saada tﺣ۳mﺣ۳ kolmas.
Hyvﺣ۳.
OK, mene tuonne.
>> Toki.
Voi hyvin mukava.
Selvﺣ۳.
>> Joten miksi emme lykﺣ۳tﺣ۳ tﺣ۳ﺣ۳llﺣ۳ tﺣ۳nﺣ۳ﺣ۳n?
Anna kenenkﺣ۳ﺣ۳n tulla jopa joka haluaa pelata.
Kiitos paljon Laura Vapaaehtoisemme.
Ja nﺣ۳emme sinut maanantaina.
>> Yleisﺣﭘ: Et luultavasti halua nﺣ۳itﺣ۳ takaisin.
>> SPEAKER 2: Seuraavalla CS50--