DAVID J. MALAN: Ceart go leor, mar sin tá sé seo anseo an lámh Myo banna ceoil, cúpla bhfuil muid Tá do thionscadail CS50 deiridh. Agus bhí go léirsiú ciúáilte muid tú suas roimh ré i gcás go bunúsach an lámh go cothrom daingean banna suas anseo éisteann le do gluaiseachtaí matáin atá mapáilte ansin i bogearraí go ríomhaire glúine Colton thar anseo a Bhí iTunes agus go amhrán ciúáilte suas cheana féin. Seachas demoing dom seo, Colton curtha sa saotharlann go soiléir gach seachtain ag fáil taispeántais réidh le haghaidh oibrithe deonacha cróga amháin. Más mian le duine éigin mian le teacht ar up-- chonaic ar dtús do lámh. Teacht ar bun. [00:01:09] Gach ceart. Agus cad is ainm duit? 

[00:01:13] LUCHT ÉISTEACHTA: Uh, Maria. 

[00:01:14] DAVID J. MALAN: Maria, deas a fheiceann tú. Tar ar thar anseo. Lig dom tú a thabhairt isteach chun Colton. Colton, is é seo Maria. 

[00:01:21] COLTON: Dia duit, deas bualadh leat. 

[00:01:23] DAVID J. MALAN: All ceart, mar sin céim amháin, tá muid ag dul go bhfuil tú a chur seo ar do forearm ionas go bhfuil sé deas daingean suas in aice le do Elbow. Agus Idir an dá linn, a ligean ar a bheith chur ar ár Google Gloine agus beidh muid ag teicneolaíochtaí mheascadh inniu. 

[00:01:33] COLTON: An Chéad beidh orainn a Hook seo isteach na rudaí. 

[00:01:36] DAVID J. MALAN: OK. I ndáiríre, a ligean ar chur ar do lámh mar in aice leis an cábla agus is féidir ionas gur féidir linn a sync ar dtús sé suas. 

[00:01:41] COLTON: Déanaimis é seo a dhéanamh. 

[00:01:42] DAVID J. MALAN: Agus Idir an dá linn, mar sin gur féidir le gach duine a fháil Sracfhéachaint ar an níos dlúithe, beidh muid toss ceamara Aindriú suas ar an scáileán ansin. Mar sin, ní mór dúinn a cábla USB go á plugáilte isteach armband Maria. Agus lig dom a toss scáileán Colton ar suas ar an teilgeoir seo chugainn. 

[00:02:00] Mar sin, tá Colton ag clárú an gléas anois mar ceangailte le Myo a ghabhann leis an cábla. Agus anois cad Mháire ag dul a dhéanamh momentarily Tá siúl go hiarbhír tríd na céimeanna calabrú agus a mhúineadh na bogearraí conas a matáin freagra nuair a dhéanann sí áirithe a réamh-shainithe geaitsí go dtuigeann na bogearraí. Más mhaith leat dul i os comhair an scáileáin. OK, a choinneáil ag iarraidh. 

[00:02:30] COLTON: Téigh mar seo. Agus mar sin. Agus go léir ar an mbealach chun an ceart. Téigh ar ais. 

[00:02:35] DAVID J. MALAN: OK. Thaobh éagsúla. Níl sé tú. Tá sé dúinn. 

[00:02:40] MARIA: OK. DAVID J. MALAN: Uimh A ligean ar a bhogadh níos airde suas mar sin tá sé níos gaire do do Elbow, nó fiú níos déine. Gach ceart. 

[00:02:52] Anseo théann muid. Bheadh ​​sé seo a bheith ina am maith do CS52X. Tá muid ag dul. 

[00:02:57] An-deas. OK. Thumb a Pinky. 

[00:03:02] An-deas. Scaip do mhéara. Dea. Tonn ceart. Tá sé ag taispeáint Aisteach tú leis an hand-- chlé 

[00:03:17] COLTON: Yeah, go aisteach. DAVID J. MALAN: Tonn a an ceart agus bogadh ar aghaidh. Fast ar aghaidh chun skip nó eile. Sin ceart Tonn OK. 

[00:03:25] MARIA: don't-- liom fanacht. 

[00:03:26] DAVID J. MALAN: An riachtanas is gá roinnt cabhrú? 

[00:03:28] COLTON: Mar sin, tá tú ag dul mar seo. MARIA: Tá sé ag casadh an Rud eile, cé. COLTON: Tá sé. DAVID J. MALAN: Yeah Níl ​​a fhios agam cén fáth go bhfuil sé léiríonn tú a leftie. COLTON: Cén fáth nach bhfuil tú try-- ach déan iarracht dul mar seo. 

[00:03:38] DAVID J. MALAN: No? B'fhéidir teacht ar do lámh amach straighter beag agus é a dhéanamh níos abrupt mar seo. Yeah, OK, teacht ar. 

[00:03:48] MARIA: Tá brón orm. DAVID J. MALAN: Níl sé do locht. COLTON: Tá sé go breá. DAVID J. MALAN: Gach Ceart. Well-- 

[00:03:56] MARIA: Ar chóir dúinn skip seo, ansin? DAVID J. MALAN: Sea, a ligean lig tú as an ais. Mar sin, más rud é go mbeadh duine ar bith buíochas a dhéanamh ar tionscadal deiridh ag baint úsáide as an thús cadhnaíochta crua-earraí, a bhaint amach d'fhéadfadh sé ach ghlacadh beag dul a úsáidtear chun. Agus is é this-- an réaltacht seo Tá i ndáiríre bleeding an-imeall. 

[00:04:10] Is é seo a dtugtar an trealamh forbróir, a i gceist a bheith go bunúsach réamh-scaoileadh ionas gur féidir le daoine a dhéanamh go díreach this-- troid leis, figiúr amach conas a oibríonn daoine comhlachtaí leis an teicneolaíocht. Mar sin, más mian leat ina dhiaidh sin, tar éis an léacht, Is féidir linn a ligean tú ag teacht agus ghlacadh stab eile ar sé. Ach a mhalairt, babhta de bualadh bos, más rud é d'fhéadfadh muid, d'Maria chun teacht ar bun. 

[00:04:26] MARIA: Go raibh maith agat. 

[00:04:28] DAVID J. MALAN: Go raibh maith agat. Beidh muid ag hang ar seo, ach beidh muid a thabhairt you-- conas mar gheall ar liathróid strus anseo? Oh, and-- if-- yera yeah, go raibh maith agat. Gach ceart. Mar sin, do na aisteach, má bhí tú cur amach acu ar an rogha fuaime a rinne muid ann níos luaithe, ar an teilifís iontach a thaispeáint gur chóir duit go hiomlán a ragús-faire ar Netflix Tá an ceann seo anseo. 

[00:04:51] Cainteoir 1: A dhaoine uaisle, magician ainmnithe Josh. 

[00:05:04] DAVID J. MALAN: Agus is cosúil, tá sé rud téacs dom le linn léacht anois. Tá mé ag a bheith in iúl go Maria Bhí inné a lá breithe. Breithlá sona sin ó CS50 go Maria chomh maith. 

[00:05:18] Mar sin, is féidir leat a bheith ag léamh i mí anuas go bhfuil an uaisle anseo, Steve Ballmer, a bhí i ndáiríre aicme 1977 ag an gcoláiste, ar scor le déanaí do Microsoft. Bhí sé ina fochéime anseo, ansin le cúpla bliain ina dhiaidh sin fuair é féin ag Scoil Ghnó Stanford nuair a fuair sé le fón glao ó chara de chuid a Bhí cónaí ar síos an halla uaidh anseo ag Harvard. Ba é sin cara ainm Bill Gates, agus ag an am, bhí sé ag iarraidh a earcú Steve a bheith an duine gnó den chéad uair, i ndáiríre, ag cuideachta bheag ainm Microsoft. 

[00:05:45] A scéal fada gairid, Steve Bhuaigh deireadh thiar níos mó, Thosaigh Microsoft nuair a chuireann siad raibh ach 30 fostaithe. Agus ag an am a sé ar scor go leor le déanaí, Bhí an chuideachta 100,000 fostaí thar na blianta beaga anuas. Agus mar sin ar a dtugtar ar an suíomh gréasáin mar an verge d'ullmhaigh an moladh ar an físeán gur shíl muid ba mhaith linn roinnte go dtabharfaidh tú tuiscint ar díreach cé mhéad fuinneamh Steve Tugann le haon cur i láthair a thugann sé. [VIDEO Archives] Tá -Microsoft cosúil le ceathrú leanbh. Déanann leanaí a fhágáil ar an teach. Sa chás seo, buille faoi thuairim mé Tá mé ag fágáil an tí. Hey Bille, whazzap? 

[00:06:23] -Wazzap? 

[00:06:24] -Hey, Wazzap? Táimid iontach tugtha deis ollmhór. Agus thug Bille sin deis dúinn. Ba mhaith liom buíochas a ghabháil Bille sin. Ba mhaith liom tú a freisin. An luas na nuálaíochta nach bhfuil ag dul go mall. 

[00:06:42] Tá sé seo ag dul a fháil níos tapúla agus níos tapúla. D'fhéadfadh a bheith ann cúpla iomaitheoirí go bhfuil a dhíchur ar an drochuair! 

[00:06:54] Is breá liom an chuideachta seo. Is ea! Tá mé ar ríomhaire, agus is breá liom an chuideachta seo! 

[00:07:08] Forbróirí, forbróirí, forbróirí, forbróirí, forbróirí, forbróirí, forbróirí, forbróirí. Is ea! Fhorbróirí Gréasáin! 

[00:07:19] Fhorbróirí Gréasáin! Fhorbróirí Gréasáin! Éist le cad eile leat a fháil ag aon chostas breise! 

[00:07:28] Feidhmeannas MS-DOS, coinne féilire, carn cárta, ceap nóta, clog, painéal rialú. Agus, is féidir leat a chreideann sé? Reversie! 

[00:07:35] Iad a dhó chun CD! Iad a sheoladh chuig MSN! Iad a phost tú a chairde! 

[00:07:40] Gach le clic amháin! One Microsoft, straitéis amháin, team-- amháin dírithe, diansmachta, gairmiúil, agus saineolaí i ngach a dhéanaimid. Lig dom a úsáid ar líne ó scannán d'aois. 

[00:07:52] Tá Caidrimh cosúil le siorcanna. Bhogann siad ar aghaidh nó bás siad. I mo thuairimse, i ndáiríre ardteicneolaíochta Tá cuideachtaí an gcéanna. 

[00:08:01] [END VIDEO Archives] DAVID J. MALAN: Mar sin, tá muid chomh sásta a fhógairt go mbeidh Steve a bheith ag teacht isteach chugainn anseo i CS50 Dé Céadaoin seo chugainn ag an áit is gnách agus am anseo. Beidh spás teoranta dócha. Agus mar sin a bheith linn go pearsanta, le do thoil ceann sa lá atá inniu nó go gairid ina dhiaidh sin a cs50.harvard.edu/register. 

[00:08:22] Agus beidh muid ag leanúint suas le Dé Máirt ag deimhniú spotaí. Féach ar aghaidh le sin chugainn Dé Céadaoin le linn léacht i CS50. Anois, i nuachta eile, a tharla mé a teacht trasna seo i An Crimson díreach an lá eile. 

[00:08:34] Tharlaíonn sé go bhfuil ceann de na foirne CS50 ar agus ar a laghad ceann amháin de na mic léinn CS50 ar ag rith faoi láthair do UC uachtarán agus Leas-Uachtarán, a thug mé ar ais le mo laethanta féin ar ais nuair a chaill mé an toghchán UC miserably. Ach an líneáil airgid sa mhéid is go bhfuil mé i gcónaí insint go bhfuil an scéal go ar cheann de na tá mé cinnte go leor cúiseanna chaill mé an Bhí toghchán easpa iomlán de tallann don cainte poiblí. Agus mar sin go leor go hionraic, tá sé thiomáin mé, an taithí sin I mo thuairimse, mo bhliain sóisearach, a shíniú i ndáiríre ar bun le haghaidh Cumann Ríomhaireachta Harvard, a Tá an grúpa ar an gcampas a Tá cainteanna éagsúla teicniúla agus rudaí eile. Agus thóg mé thar a gcuid teagaisc seimineáir agus dá bhrí sin, Bhí an deis, a deis iontach, chun tosú ag obair ar go díreach seo. Ach freisin, bhí mé an deis le linn an taithí seo a mhúineadh mé féin go léir an HTML mó. Agus mar sin procrastinated mé aréir ag féachaint tríd an suíomh gréasáin bunaithe ar HTML Rinne mé i cosúil le 1997, '98, do mo feachtas a bhreathnaíonn mar seo anseo. Tá a fhios agam. 

[00:09:29] Because-- agus ar ndóigh, fógra an cinneadh seo an dearadh iontach i 1998 nó whatnot. An chéad rud is mian leat úsáideoirí a dhéanamh ar cuairt a thabhairt ar do láithreán gréasáin is é sin le a cliceáil an nasc eile díreach a chur isteach ar do láithreán gréasáin anseo leis an manach taobh thiar cosúil le cuirtíní shrouded i gcás cosúil go raibh mo ardán feachtas. Agus is é seo go léir go mbainfidh tú a fháil lá atá inniu ann ach seat. Ach bhí mé ag léamh tríd, cosúil le, mo póstaeir feachtas aréir agus mo ardán. 

[00:09:50] Agus bhí mé chomh feargach ag an am. Mo ardán was-- raibh sé suimiúil. Mar sin, tá mé calmed síos ó shin i leith. Ach someday, beidh mé ag siúl arís agus tá súil againn níos fearr as an am seo. 

[00:10:03] Mar HTML, teanga ina ndearna mé beidh go in-- tú a dhéanamh go luath more-- bhfad Tá rud éigin againn Bainim ag caint faoi go déanach agus den chuid is mó a ghlacadh chun a deonaíodh anois go atá againn ar athraíodh a ionad ar do theangacha eile. Ach a ligean ar sos ar feadh nóiméad ach agus chur ar roinnt de na rudaí seo i gcomhthéacs. Mar sin, in abairt, cad é HTML? 

[00:10:18] Nó, tá an méid a úsáidtear le haghaidh? Duine ar bith? Is ea. 

[00:10:20] LUCHT ÉISTEACHTA: Markup do láithreáin ghréasáin. DAVID J. MALAN: Markup do láithreán gréasáin. Mar sin, tá sé ina teanga marcála sin ligeann tú a struchtúrú ar an leathanach gréasáin. Header Téann suas anseo, teideal Téann anseo, téann an comhlacht anseo. Tá sé seo boldface, is é seo italics-- gur saghas mion. 

[00:10:33] OK, go maith. Mar sin ligeann CSS you-- agus mé ghlac roinnt saoirsí ann leis an gcló trom-os comhair agus gcló iodálach mar gheall go bhfuil i bhfeidhm níos fearr leis sin. CSS is-- cad é? Abair in abairt. Duine ar bith ar chor ar bith. Yeah. 

[00:10:46] LUCHT ÉISTEACHTA: Embellishments agus rudaí, cosúil le conas a dhearadh air. DAVID J. MALAN: OK, go maith. Embellishments a ligfidh tú a dhearadh nó stylize é le rudaí mar boldface agus gcló iodálach agus dathanna agus fíneáil freisin níos mó suímh grained na n-eilimintí. Saghas Ligeann sé a ghlacadh tú rudaí ar an míle seo caite ionas go más rud é, mar shampla, i Pset7, d'fhéadfá a bheith faoi deara ar do leathanach phunann má tá tú ag an bpointe seo cheana féin go bhfuil an tábla réamhshocraithe go bhfuil tú a dhéanamh chun a thaispeáint sealúchais stoic an úsáideora agus airgead tirim dócha Breathnaíonn deas hideous de réir réamhshocraithe nach bhfuil aon spás bán. Gach rud ar de chineál ar crammed le chéile i sraitheanna agus colúin. 

[00:11:18] Bhuel, le beagán de CSS, mar is féidir leat a bhaint amach, Is féidir leat a tweak i ndáiríre go agus é a dhéanamh rud éigin i bhfad níos mó eolas agus i bhfad prettier chun breathnú ar. Dá bhrí sin tá CSS mar gheall ar an stylization de láithreáin ghréasáin. Ach ansin thugamar isteach eile fós teanga, PHP, rud a ligeann dúinn a dhéanamh cad? 

[00:11:36] A ligean ar a dhéanamh ar go díreach cad é? Duine ar bith. Got fiontair thar na chéad sraitheanna lánúin. Yeah. 

[00:11:40] LUCHT ÉISTEACHTA: Gin ábhar dinimiciúil. DAVID J. MALAN: Perfect. Gin ábhar dinimiciúil. Agus is féidir leat é seo a dhéanamh i líon ar bith de theangacha. Tharlóidh againn PHP a úsáid mar tá sé go páirteach mar sin cosúil leis C error. 

[00:11:50] Ach a dhéanann PHP díreach. Ligeann sé duit a ghiniúint dinimiciúil aschur. Agus d'fhéadfadh roinnt de go aschur a HTML, mar atá againn de ghnáth ag déanamh. Agus tá sé chomh maith, mar tá sé Is teanga cláir, an mheicníocht trínar is féidir linn labhairt le bunachair shonraí. 

[00:12:03] Agus is féidir linn ceisteanna a dhéanamh freastalaithe eile cosúil yahoos agus programmatically aon ní a dhéanamh i ndáiríre go bhféadfadh tú a mhalairt ag iarraidh a iallach a chur ar ríomhaire a dhéanamh. Mar sin ligeann PHP dúinn tús a chur ábhar dinimiciúil outputting. Mar sin, ag an loighic, ní raibh mé ar an suíomh gréasáin dinimiciúil ar ais i 1998. 

[00:12:16] Bhí sé ach leathanach gréasáin statach. Mo ábhar a athrú le láimh le gedit nó roinnt coibhéiseacha a ghlacadh. Ach tá PHP méid a úsáid againn nó D'fhéadfadh a bheith in úsáid, in áit, as rud éigin cosúil leis an Láithreán gréasáin Frosh IMS, a Bhí ceaptha chun clárúcháin a thógáil agus liosta de users-- rudaí a bhainistiú go ag athrú i ndáiríre níos mó ná am, cé a tharlóidh muid a úsáid Perl, difriúil teanga ag an am. 

[00:12:35] Agus ansin ar deireadh, thugamar isteach SQL-- Struchtúrtha Iarratas Teanga. Mar sin, fós teanga eile go atá úsáidtear le haghaidh cad é? A úsáidtear le haghaidh cad é? An féidir linn comhfhiontar slight-- OK, ní táimid ag dul a fháil i bhfad níos faide ná an cheolfhoireann anseo. LUCHT ÉISTEACHTA: Tá sé ina prótacal a úsáidtear chun labhairt le bunachair shonraí. DAVID J. MALAN: prótacal a úsáidtear chun labhairt le bunachair shonraí. Lig dom a tweak. Tá sé an teanga nádúrtha a úsáidtear chun labhairt databases-- roghnaíonn agus cuireann agus Scrios agus cothrom le dáta agus ar ndóigh, gnéithe fiú níos mó go ní mór dúinn a dived fiú isteach ach b'fhéidir gur mhaith leat a explore-- bhfuil chun iniúchadh a dhéanamh le haghaidh, abair, tionscadal deiridh. Mar sin, tá na píosaí éagsúla. 

[00:13:09] Agus tá súil againn Pset7, cé is é a shonrú go leor fada, tá sé d'aon ghnó fada a shiúlann tú trí mheán conas is féidir na rudaí seo ar fad a chlóscríobh le chéile. Anois, ar an Luan, táimid a tugadh isteach ar ár dteanga deiridh go beidh orainn a thabhairt isteach go foirmiúil i an course-- is é sin, JavaScript. Seo, cosúil le PHP, ina teanga léirmhíniú. 

[00:13:25] Ach idirdhealú eochair Mhol mé ar an Luan Tá go bhfuil cé go PHP forghníomhaitheach nó á léiriú ar an bhfreastalaí, a is é sa chás seo an fearas CS50, nó a d'fhéadfadh a bheith ar roinnt gréasáin tráchtála freastalaí ar an idirlíon, JavaScript ginearálta Is teanga a ritheann taobh cliant Ní freastalaí side-- sin sa bhrabhsálaí. Cé acu is sin le rá, díreach cosúil nuair a d'oscail mé suas Facebook cód foinse agus fuair go léir de na comhaid .js, bhí an impleacht go nuair a thugann tú cuairt Facebook nó an chuid is mó láithreáin ghréasáin na laethanta seo, gheobhaidh tú ní hamháin HTML, ní CSS amháin, ach a bunch iomlán de JavaScript cód minic i bhfoirm comhaid .js. Agus ansin tá sé ar an browser-- do chuid féin Mac nó PC-- a fhorghníomhú an cód. 

[00:14:03] Ach fhorghníomhú do bhrabhsálaí é. Is féidir leat smaoineamh i saghas bosca gainimh. Mar sin, nár chóir JavaScript cód mbeadh in ann comhaid a scriosadh ar do ríomhaire. Níor cheart é a bheith in ann ríomhphoist a sheoladh ar do shon. Do chineál bhrabhsálaí de srian cad is féidir leat a dhéanamh leis. 

[00:14:17] Mar sin, sa chiall sin, tá sé ina beagán níos lú cumhachtach, b'fhéidir, ná C. Ach is féidir le JavaScript, mar leataobh, a úsáid ar an bhfreastalaí, cé go beidh orainn a claonadh gan a labhairt faoi ​​sé sa chomhthéacs sin. Mar sin anois a ligean le comhionannas vótaí seo le chéile. A seachtain ó shin móide, i láthair againn roinnt HTML ar an leathanach gréasáin left-- Super leadránach. 

[00:14:34] Just a deir Dia duit ar domhan. Agus ansin mhol mé ar an ceart is féidir linn a de chineál ar steal smaointe as ár bplé ar struchtúir sonraí i C agus smaoineamh ar conas an cliarlathach teanga marcála ar thaobh na láimhe clé D'fhéadfaí a tharraingt nó a chur chun feidhme i gcuimhne mar struchtúr crann iarbhír le nóid agus leideanna agus na cineálacha sonraí a fháil. Ar an ceart, tugaimid go Doiciméad DOM-- Cuspóir Model-- a bhfuil ach ar bhealach mhaisiúil de rá crann. 

[00:14:56] Anois, tá sé seo úsáideach le cén fáth smaoineamh ar é an mbealach seo? Toisc anois le JavaScript, toisc go bhfuil muid cód go bhfaigheann a imirt sa comhshaol, an HTML iarbhír go curtha chuig an bhrabhsálaí cheana féin, agus tá cheana curtha luchtaithe i gcuimhne ag an bhrabhsálaí isteach i gcrann i do ríomhaire RAM mar seo, is féidir linn a úsáid JavaScript go hiarbhír lean nó siúl nó cuardaigh nó a athrú go DOM crann, áfach, ba mhaith linn. Mar sin, i ndáiríre, má cheapann tú faoi ​​facebook.com, má úsáideann tú an gné comhrá, má tá tú úsáid a bhaint as Gmail agus an gné gchat, rud ar bith áit a bhfuil tú teachtaireachtaí ag teacht arís agus arís eile agus arís, tá na teachtaireachtaí is dócha, cosúil le, LI chlib, tags Liosta Mír, b'fhéidir. 

[00:15:35] Nó b'fhéidir go bhfuil siad díreach divs a choinneáil ag láithriú gach uair a fhaigheann tú teachtaireacht an toirt. Agus mar sin go ciallaíonn díreach cad Facebook nó Google ag déanamh am ar bith a fhaigheann tú teachtaireacht ón bhfreastalaí, tá siad ag baint úsáide as is dócha JavaScript a chur go díreach nód eile a ghabhann leis an tree-- nód eile a ghabhann leis an crann go Breathnaíonn ansin amhairc díreach cosúil le líne nua de téacs ar do scáileán. Ach tá siad ag chur isteach isteach sa struchtúr seo sonraí. 

[00:15:57] Mar sin, i ranganna ar nós CS124 agus daoine eile, beidh tú a scríobh i ndáiríre cód níos mó i gcoinne struchtúir sonraí mar seo. Ach do anois i JavaScript, beidh muid ag glacadh leis go díreach a fháil againn ar fad na feidhmiúlachta seo saor in aisce ó na teanga féin. Mar sin, a ligean ar breathnú ar shampla. 

[00:16:09] Lig dom a oscailt suas le comhad a dtugtar form.html. Tá sé Super simplí. Breathnaíonn sé díreach cosúil le seo. 

[00:16:15] Níl CSS, aon smaoinimh do aesthetics. Tá sé amháin feidhme agus is cosúil Tá mé iarraidh ar r-phost, pasfhocal, phasfhocal arís, agus ansin a sheiceáil chun aontú le roinnt téarmaí agus na coinníollacha. Cad é an cód foinse do seo Breathnaíonn an nós is dócha rud éigin go dtiocfadh leat buille faoi thuairim a bhfuil a beagán de smaoinimh anois. Tá mé tag foirm anseo. 

[00:16:32] Tá gníomh ag dul cosúil le téigh go dtí an comhad a dtugtar register.php. Is é an modh mé ag dul a úsáid a fháil. Agus ansin fuair mé téacs réimse a bhfuil a ainm r-phost. 

[00:16:40] Tá mé réimse focal faire Is é a bhfuil a ainm focal faire. Tá mé eile réimse focal faire a bhfuil a ainm Tá deimhniú beagán treallach iad. Tá sé díreach paraiméadar HTTP eile. 

[00:16:49] Agus ansin ní tá muid muid úsáid as na amháin ós rud é taispeána féadfaidh na bainisteoirí bonneagair Frosh i class-- bosca seiceáil a bhfuil ionann ach cineál sheiceáil. Agus beidh mé ag glaoch gcomhaontú sin. Mar sin, tá mé ach de chineál ar treallach conveniently ainmnithe na réimsí. Mar sin, go anois nuair a fhaigheann an fhoirm seo isteach, a ligean ar a fheiceáil cad a tharlaíonn. Má dhéanann mé malan@harvard.edu, Feicfidh mé a dhéanamh pasfhocal de corcairdhearg. Feicfidh mé a dhéanamh pasfhocal de rud ar bith. A ligean ar nach bhfuil comhoibriú. 

[00:17:10] Agus ní bheidh mé a sheiceáil sa bhosca. Lig dom a cliceáil Cláraigh. Agus deir sé, hm, tá tú cláraithe. Níl sé i ndáiríre. 

[00:17:16] Ach d'athraigh an URL. Mar sin, bhí an fhoirm seo cead soiléir a chur faoi bhráid register.php. Ach is dócha, ba chóir dom a bheith breith ar roinnt de na hearráidí. Anois, i Pset7 agus roinnt ár n-samplaí léachta, ba mhaith linn a phriontáil amach go ginearálta teachtaireacht earráide mór dearg anseo ag rá, an t-ainm ar iarraidh, nó ar do phasfhocal in easnamh. Táimid tar éis a rinneadh go roimh agus tá muid rinneadh taobh freastalaí earráid a bhrath. 

[00:17:37] Ach go leor láithreáin ghréasáin na laethanta dhéanamh cliant Earráid taobh bhrath i gcás nach bhfuil an URL a athrú. Ní dhéanann an leathanach ar fad a athnuachan. A gheobhaidh tú aiseolas an toirt as an bhrabhsálaí. Téann B'fhéidir rud éigin dearg. 

[00:17:48] B'fhéidir fhaigheann tú a pop suas. Ach nach bhfuil tú dramhaíola am a sheoladh chuig na sonraí freastalaí go neamhiomlán. Mar sin, a ligean ar a fheiceáil conas a d'fhéadfadh muid a bhaint amach go bhfuil gné chomh maith. 

[00:17:56] Lig dom dul go dtí form1.html, a bhreathnaíonn an gcéanna. Ach má tá an am seo a dhéanamh liom malan@harvard.edu agus cineál mé corcairdhearg agus ní féidir liom a comhoibriú breise ach cliceáil Cláraigh, faoi deara anois. Níl sé an réiteach sexiest. Tá mé ar a laghad a ghabh earráid seo. Agus tá mé úsáid as an foláireamh feidhm i JavaScript-- a bhfuil muid ag baint úsáide as ach sa rang. Go ginearálta, ní ba chóir duit seo a úsáid mar is féidir é a fháil go han-tapa amach rialaithe. Ach tá focal faire nach bhfuil comhoiriúnach leis an earráid. 

[00:18:19] Lig dom dul ar aghaidh agus cliceáil OK. Ach cad é an takeaway eochair anseo is é nach raibh an URL a athrú. Wasting Mar sin, ní tá mé bothered am an fhreastalaí ag iarraidh é a ceist go raibh mé in ann a bheith figured amach an freagra go féin. 

[00:18:30] Agus an t-úsáideoir, cé ag caint faoi seo níos faide ná an úsáideora ag dul chun smaoineamh faoi seo, Tá ag dul go bhfuil aiseolas an toirt. Níl aon latency le an nascacht líonra. Mar sin, a ligean ar breathnú ar an cód foinse. 

[00:18:40] Breathnaíonn Form1.html den chineál céanna struchtúir de suas anseo. Tá an fhoirm i ndáiríre mar an gcéanna. Ach a ligean ar a fheiceáil cad a rinne mé síos anseo. Agus níl ar bhealaí éagsúla chun é seo a dhéanamh. Agus mé a rinneadh an chuid is mó díreach leanúna ach ní mbealach is galánta go fóill. Tá mé tag script. Glaoch mé ansin document.getElementById ('clárú'). Agus é a stóráil go luach i bhfoirm, athróg. 

[00:19:04] Mar sin, cad a rinne mé? Is féidir leat smaoineamh ar document.getElementById a bheith feidhm speisialta JavaScript thugann tú go literally Caoimhín tú pointeoir le ceann de na nóid nó dronuilleoga sa gcrann. Mar sin, anois go bhfuil an méid ár bhfoirm athróg i JavaScript dírithe iarbhír ar. 

[00:19:21] Mar sin, anois go bhfuil an error difriúil ó C. Ach táimid ag déanamh roinnt rudaí anseo. Amháin, tá an ceann seo beagán aisteach lorg, cinnte i gcoinne C. Ach breathnú ar líne 35. Mar sin, ar an form.onsubmit clé. Thabhairt chun cuimhne go bhfuil onsubmit cosúil le réimse i struct. Má cheapann tú ar an fhoirm athróg á ach C struct, d'fhéadfadh sé go bhfuil roinnt réimsí. 

[00:19:42] Filleadh ar an lá, bhí againn ainmneacha na mic léinn, IDs, tithe, iad siúd de chineál ar réimsí. Just smaoineamh ar onsubmit mar réimse eile. Ach tá sé ina réimse ar leith mar gheall ar an Tá brabhsálaí preprogrammed a bheith ag súil Ní .onsubmit a bheith ina luach cosúil le roinnt nó téad, ach a bheith i ndáiríre feidhm nó an seoladh ar feidhm i gcuimhne an ríomhaire. 

[00:20:02] Agus go deimhin, sin an méid a dhéanann an eochairfhocal anseo. Deir sé seo, a thabhairt dom feidhm nua. Ach cad é a ainm ag dul a bheith, is cosúil? 

[00:20:09] Ag smaoineamh ar ais go dtí Dé Luain. Cén t-ainm seo an fheidhm atá bunaithe ar an error? Níl, Ciallaíonn mé, níl go soiléir gan ainm associated-- cinnte ní i méid atá mé béim anseo. 

[00:20:21] Ach sin i ndáiríre OK. Is é seo an fheidhm gan ainm, nó feidhm lambda le roinnt d'fhéadfadh a ghlaoch air. Agus ciallaíonn sin go díreach tá sé fós feidhm. Tá sé díreach, ní féidir leat glaoch air de réir ainm. Ach sin ceart go leor. Mar gheall arís, tá an brabhsálaí a bhí preprogrammed ag cuideachtaí cosúil le Google nó Microsoft nó Mozilla nó do dhaoine eile a ach a fhios go má tá an réimse .onsubmit taobh istigh de go bhfuil eilimint foirm an luach, a chóireáil sé mar function-- pointeoir feidhm, más maith leat. Agus a ghlaoch air nuair a bheidh an fhoirm isteach. 

[00:20:46] Mar sin, cad ba cheart cód a fhorghníomhú nuair a bhíonn an fhoirm isteach? Réir dealraimh, gach rud taobh istigh de na brace curly. Agus é seo ach stíle. 

[00:20:53] D'fhéadfá é seo a dhéanamh mar claonadh a bhíonn againn a dhéanamh i CS50. Ach i JavaScript, daoine is mó claonadh a choinneáil ar an líne chéanna ach toisc go bhfuil sé níos soiléire a bhaineann leis an bhfeidhm sin eochairfhocal. Mar sin, anois cad tá mé ag déanamh? 

[00:21:03] Má cothrom form.email.value ionann an teaghrán folamh nó rud ar bith, anseo foláireamh áit a bhfuil mé ag dul a rá, ní mór duit a chur ar fáil do sheoladh ríomhphoist, agus ansin ar ais bréagach. Agus tá sé go tuairisceán bréagach go cosc ar an fhoirm a bheith á chur isteach. Idir an dá linn, má tá an luach focal faire bán, tá mé ag dul a yell ag an úsáideoir agus a rá, ní mór duit focal faire a chur ar fáil. 

[00:21:21] Idir an dá linn rudaí ag fáil beag fancier anseo. Más rud é nach ndéanann form.password.value form.confirmation.value comhionann, an réimse eile, yell ag an t-úsáideoir go bhfuil an focal faire nach bhfuil comhoiriúnach mar atá siad Ní raibh nóiméad ó shin. Agus ansin an ceann seo tá a sexier beag mar gheall mé Tá a fhios a fhios agam choincheapa de go Is sheiceáil ainm ticbhosca s. 

[00:21:40] Mar sin, is féidir liom a úsáid ach exclamation pointe a rá más rud é nach bhfuil an seic checked-- tá sé an Boole luach, fíor nó false-- Feicfidh mé yell ag an úsáideoir ar an gcúis sin. Seachas sin, má fhaigheann muid tríd an gach ceann de na coinníollacha seo, a ligean ar ais ach fíor. Lig an fhoirm a chur isteach. Agus beidh sé seo tarlú ansin. 

[00:21:56] A ligean ar cineál i corcairdhearg. A ligean ar a sheiceáil sa bhosca, cliceáil Cláraigh. Agus anois mé ag dul tríd go dtí an ceann scríbe. Anois, níl aon bhunachar sonraí ann. Níl aon rud suimiúil i register.php. Gá mé ach rud éigin chun labhairt iarbhír a. Mar sin, lig dom sos, anseo. Ceisteanna ar bith ar an méid atá déanta againn ach nó cad é cuid den chomhréir nua? OK, yeah? 

[00:22:17] LUCHT ÉISTEACHTA: Mar sin, aon ticbhosca Is go huathoibríoch a Boole. Ní gá duit a dhearbhú sé mar sin. 

[00:22:21] DAVID J. MALAN: Ceart. Aon ticbhosca go bhfuil sheoladh chugat ó foirm HTML le do chód JavaScript a chóireáil, yes, mar Boole value-- fíor nó bréagach. Is ceist mhaith. De bharr an méid na luachanna eile, de Ar ndóigh, bhí an téacs, teaghráin aka. 

[00:22:36] Ceart go leor, mar sin in iúl dom athchasadh le beagán níos mó. Cad é an pointe ar fad é seo? Just a bheith soiléir. Cosúil, tá a fhios againn cheana féin, fiú amháin ó Pset7 agus fiú ó léacht an tseachtain seo caite samplaí, gur féidir linn a sheiceáil ar ndóigh $ _GET $ _POST Fheiceáil má tá an t-úsáideoir a thabhairt dúinn luach folamh. Cuimhnigh an fheidhm folamh i PHP. 

[00:22:54] Mar sin, ach a bheith soiléir, cad cúis amháin a d'fhéadfadh muid chomh maith ag iarraidh a dhéanamh seo a sheiceáil earráid taobh istigh den bhrabhsálaí? Cad é an spreagadh anseo? Yeah. 

[00:23:06] LUCHT ÉISTEACHTA: Níos tapúla, agus nach bhfuil tú Sonraí useless a sheoladh chuig an bhfreastalaí. DAVID J. MALAN: Maith. Tá sé níos tapúla. Ní gá duit a sheoladh useless sonraí chuig an bhfreastalaí. 

[00:23:12] Mar sin, gheobhaidh tú ar ais níos mó freagra láithreach. Agus ar an iomlán, an t-úsáideoir Tá taithí níos fearr. Smaoinigh ar an rogha. 

[00:23:17] Más rud é le haghaidh Gmail-- agus bhí an cás blianta fada ó shin. Cuir fuair tú r-phost nua do Gmail áireamh, ach an t-aon bhealach tríd a fheiceáil go bhfuil a, cosúil le, athlódáil an leathanach ar fad. Nó Is dócha tú cliceáil ar nasc a léamh ríomhphost. 

[00:23:29] Tá gach rud a athlódáil amhlaidh gur féidir leat a fheiceáil ar an ríomhphost. Nó Facebook-- fhaigheann tú teachtaireacht comhrá. Ní gá duit é a fheiceáil go dtí go athlódáil tú an leathanach nó cliceáil éigin nasc. 

[00:23:36] Cosúil, go mbeadh sé seo a bheith ina millteanach taithí úsáideora annoying. Agus is é seo cad a bhí sé cosúil le, go soiléir, ar ais nuair a bhí ar siúl mé do UC agus bhí an ngréasán i bhfad níos lú dinimiciúil agus ní raibh JavaScript mar popularized mar a bhfuil sé anois. Agus tá rudaí ag éirí i bhfad níos dinimiciúla agus i bhfad níos mó taobh cliant sa chiall sin. 

[00:23:49] Ach tá ghabháil anseo, agus Tá sé seo de chineál ar gotcha annoying. Díreach toisc go bhfuil tú a chur taobh cliant Ní bhrath mar seo ciallóidh Is féidir leat nó ba chóir a thréigean bhrath taobh freastalaí. Ba mhaith leat go bunúsach a chur ar do earráid seiceáil sa dá áit. Mar gheall ar cad a bhí ar cheann den cheacht foghlamtha as an t-alt a léigh mé roinnt sleachta as leis an dúr CMS system-- Ábhar Bainistíocht System-- go raibh a chur i bhfeidhm ar a chóras fíordheimhniú, a logáil isteach via cén meicníocht? JavaScript. 

[00:24:20] LUCHT ÉISTEACHTA: JavaScript. DAVID J. MALAN: JavaScript, go díreach, ceart? Bhí sé ag baint úsáide as JavaScript. Agus literally, tá tú guys Bhí beagán is dócha le Cigire Chrome s. Agus más féidir liom é a fháil, iniúchadh eilimint. 

[00:24:30] Lig dom dul thar a dhéanamh gach ceann de na roghanna Chrome s. Agus é seo cé chomh éasca é a dhíchumasú JavaScript i bhrabhsálaí. Seiceáil, nach bhfuil níos mó JavaScript. 

[00:24:38] Mar sin, i cothroime, go leor an idirlín na laethanta Tá dul díreach a bhriseadh mar gheall ar Gmail agus sites-- eile Facebook-- glacadh leis go Tá JavaScript cumasaithe. Ach má tá tú ag déanamh rud éigin dúr mhaith ach a bhailíochtú d'úsáideoirí ionchur agus a sheiceáil le haghaidh earráidí ar an taobh cliant, D'fhéadfadh adversary a dhéanamh go héasca sin. Agus ansin fiú níos cliste adversary is mian leat guys D'fhéadfadh úsáid a bhaint anois Telnet nó Curl nó orduithe líne díreach orduithe agus ar ndóigh, teachtaireachtaí a sheoladh chuig an bhfreastalaí nach bhfuil mar an gcéanna bhfuil earráid a sheiceáil. 

[00:25:05] Mar sin, tá sé seo níos mó de cinneadh comhéadan úsáideora ná go bhfuil sé iarbhír teicniúla improvement-- chun feidhme taobh éigin cliant mar seo. Mar sin, anois Sracfhéachaint ar mear, ach ansin Feicfidh mé a chur siar go dtí an siúlóid ar líne tríd an gceann seo. I bhfoirm dhá, chuaigh muid go hiarbhír tríd agus glanadh suas an cód le beagán. Ach lig dom a chur siar go ceann de na físeáin Feicfidh muid dócha neadú i Pset8 go léiríonn ach tú a error den chineál céanna ag baint úsáide as leabharlann ar a dtugtar jQuery, a bhfuil Super, Super leabharlann coitianta i JavaScript go bhfuil daoine is mó a frankly ach úsáid a bhaint as na laethanta agus fiú mearbhall mar bhail JavaScript féin. 

[00:25:37] Agus bíonn sé a gceist roinnt comharthaí Dollar agus na heochairfhocail mhaith doiciméad i lúibíní anseo. Ach arís, lig dom a chur siar go dtí roinnt ranganna teagaisc níos moille ar líne seachas a fháil ceangailte suas i díreach error. A ligean ar bogadh ar aghaidh go dtí rud with beag i dtéarmaí na n-iarratas seo. 

[00:25:50] Mar sin, go háirithe, lig dom dul romhainn agus tá sé seo a oscailt suas anseo. Tar ar. Tá muid ag dul. 

[00:25:59] Lig dom a oscailt suas an pictiúr anseo. Gan ghá casta lorg, ach tá sé cur síos ar teicníc a dtugtar AJAX-- Asynchronous JavaScript agus XML, i gcás Is é an X haghaidh XML iarbhír úsáidtear a thuilleadh i ndáiríre. Bíonn sé rud éigin a úsáid eile ar a dtugtar JSON. 

[00:26:13] Ach tá anseo conas rud éigin cosúil le Google Maps nó Google Earth oibreacha. A ligean ar iarracht seo ar an eitilt, i ndáiríre. Lig dom dul ar aghaidh agus a oscailt suas Chrome ar mo bhrabhsálaí. 

[00:26:21] Agus lig dom dul isteach, a rá, maps.google.com. Agus i ndáiríre, má tá tú d'aois go leor chun cuimhneamh ar cad, mhaith, bhí MapQuest mhaith ar ais sa lá, agus b'fhéidir siad ag obair go fóill mar seo. Nuair a d'úsáid tú chun cuardach a dhéanamh ar something-- 33 Sráid Oxford, Cambridge, Mass, a ligean ar a dhéanamh ar this-- tú bheadh ​​i ndáiríre, má tá tú ag iarraidh a pan suas agus síos, ar chlé agus ar dheis, ba mhaith leat cuma mhaith ar arrow mór ar a bharr, agus é Bheadh ​​léiríonn tú eile fráma an léarscáil suas anseo. Nó ba mhaith leat cliceáil ar chlé agus tú Bheadh ​​dul thar anseo, nó cliceáil eile agus ba mhaith leat dul thar anseo. Ach ina ionad sin ar na lá, ar ndóigh againn ach a ghlacadh chun a deonaíodh gur féidir linn dul timpeall Cambridge tapa go leor díreach trí chliceáil agus dragging. Ach faoi deara níl roinnt glitches. 

[00:26:59] Má dhéanann mé go tapa go leor, cad is cosúil a bheith ag tarlú mar tarraing mé beagán ró-thapa chun an ríomhaire a choimeád suas? Cad a fheiceann tú? Yeah. 

[00:27:07] LUCHT ÉISTEACHTA: Ní bhaineann na pixel athnuachan. DAVID J. MALAN: An Ní gá pixel athnuachan. Níl actually-- agus tú D'fhéadfadh é seo a fheiceáil, i ndáiríre, má tá tú ag breathnú ar líne agus sos seo nó i ndáiríre slows rudaí síos do once-- mbainfidh tú a fheiceáil go bhfuil tíleanna, cearnóga, dronuilleoga nó a ar iarraidh ón léarscáil go dtí an dara scoilt ina dhiaidh sin, níos mó sonraí, níos mó íomhánna iarbhír le feiceáil ar an scáileán. Agus go deimhin, má dhéanaimid é seo trí bhreathnú suas Chrome's-- ligean le rá, Chrome-- ligean ar a fheiceáil. Ní féidir linn é sin a dhéanamh. 

[00:27:31] Ó, whoops. A ligean ar oscailt suas maps.google.com. Lig dom a dhéanamh ar an fhuinneog níos mó arís. 

[00:27:36] Téigh ar ais go dtí 33 Sráid Oxford. Cad a bhí ar an láithreán gréasáin a bhí mé ar le déanaí? Bhí mé seo, cosúil le, rant phríobháideach mé féin gur mhaith liom teachtaireacht sin an toirt aon cara a bhí ar líne a bhí ag iarraidh chun é a chloisteáil. Níl roinnt suíomh gréasáin. Sílim go bhfuil sé Comcast-- sin ISP-mhór Meiriceánach. Is féidir leat, nuair síniú suas don cábla nua Seirbhís móideim nó seirbhís teilifíse cábla, tá siad foirm an-réasúnta nuair a iarrann siad tú as do sheoladh. Agus tá sé seo iontach gné ar a dtugtar iomlán uathoibríoch, cosúil le Google, tosaíonn sin a líonadh i freagra ar do cheist. 

[00:28:04] Is é an fhadhb, an bhfuil siad críochnaithe uathoibríoch ar na rudaí chéad a scríobhann tú. Mar sin, má thosaíonn tú ag clóscríobh i 33, sé Beidh léiríonn tú literally gach teach i Meiriceá a thosaíonn leis an uimhir 33 roimh leanúint ar aghaidh ag súil leat chun cineál níos mó. Mar sin, má scríobhann tú 33 Oxford, ansin taispeánann sé tú gach tsráid i Meiriceá go bhfuil 33 Oxford i a ainm, beag beann ar an bhaile go bhfuil tú i. 

[00:28:25] Agus ansin leanann tú clóscríobh. Agus ar deireadh, tuigeann sé nach bhfuil siad seirbhís a thairiscint do do theach i Cambridge nó rud éigin mar sin. Ach tá an pointe, is é seo an chuid is mó cur i bhfeidhm asinine uathoibríoch i gcrích riamh. 

[00:28:34] Agus mé ag dul díreach in aice leis ar an tadhlaí arís. Ach tá bealaí maith chun úsáid a bhaint as JavaScript agus bealaí dona. Agus ní ar sin gá an ceann is fearr. 

[00:28:40] Ach an pointe anseo, roimh seo tirade, bhí a oscailt suas uirlisí síos anseo agus oscailt suas uirlisí bhforbróir, mar atá spreagadh againn roimh, agus chun féachaint ar an Líonra tab mar cliceáil mé i ndáiríre go tapa. Agus faoi deara a bunch iomlán ar a fháil ar iarrataí a tharla. Seo go léir a tharla ó dragged mé. 

[00:28:57] Agus an rud is dócha, go deimhin a lán de na sraitheanna anois íomhá JPEG Slais Cineálacha MIME nó cineálacha ábhar. Sin mar gheall ar cad chrome atá á dhéanamh gach uair I cliceáil agus tarraing, cliceáil agus tarraing é, tá sé a bhaint amach, ó, mé gá atá le dul a iarraidh ar Google don tíl ar an léarscáil go bhfuil níos mó ná anseo, tapa a íoslódáil via HTTP, agus ansin é a chur leis an DOM mar a thugtar air leis na brabhsálaithe gréasáin i crann gcuimhne ionadaíocht ionas go mbeidh an t-úsáideoir, dom, feiceann sí go tíl suas chun dáta. Agus is é seo mar gheall ar teicníc ar a dtugtar AJAX. Filleadh ar an lá, sé i ndáiríre bhí an cás go má tá tú ag iarraidh a athrú cad atá ar an scáileán, mbeadh tú a cliceáil suas, síos, ar chlé, ceart. Agus ansin bheadh ​​le leathanach nua a oscailt. Ach na laethanta seo, gach rud Tá níos dinimiciúla. Tarlaíonn sé ar an mbealach ba mhaith linn daoine Tá súil go mbeadh sé i ndáiríre idirghníomhach. Agus amach é sin trí mhodh teicníc ar a dtugtar AJAX, a bhfuil b'fhéidir is fearr mhíniú trí shampla. Gcéad dul síos, lig dom dul ar aghaidh agus oscailt suas comhad ar a dtugtar quote.php i cód dáilte an lae inniu. 

[00:29:53] Agus ansin lig dom a dhéanamh whoops symbol--. Lig dom a dhéanamh siombail = GOOG do díreach roinnt stoc. Nó i ndáiríre, a ligean ar a dhéanamh ar an ceann amháin as na SAOR IN AISCE Pset. Cuir isteach. 

[00:30:05] Agus faoi deara anois cad a rachaidh mé ar ais. Mar sin, tá sé seo i ndáiríre gearr comhad PHP go bhfuil mé Scríobh go iasacht ach cód ó fheidhm lookup Pset7 s agus spits amach ag baint úsáide as an brace curly agus Sleachta agus nodaireacht colon, is cosúil, praghas an stoic atá ann faoi láthair don chuideachta a théann tú i trí fháil. Mar sin, is é seo difriúil ó chuid is mó de na méid atá againn rinneadh san fhógra sin tá mé literally spitting amach cad is cuma JavaScript cód. 

[00:30:27] Go deimhin, tá sé seo le réad JavaScript. Go deimhin, ach a bheith níos soiléire, JavaScript Réad Notation-- JSON-- ach ar bhealach mhaisiúil de rá go bhfuil tú Is féidir sonraí a léiriú i JavaScript bhfad mar is féidir leat i PHP ag baint úsáide as eochair péirí luach. Mar sin, má bhí mé a dhearbhú athróg i JavaScript go Léiríonn Zamyla, do instance-- a struct do Zamyla-- agus beidh muid ag glaoch air mac léinn, an athróg. Tá a ID amháin, is é an teach Tá Winthrop, agus an t-ainm Zamyla. 

[00:30:53] Ach is féidir liom a bheith chomh maith le sraith de rudaí. Mar sin, má bhí mé i ndáiríre a bheith acu sraith i JavaScript ina bhfuil rudaí éagsúla den sórt sin, seo am ionadaíocht ar an bhfoireann, D'fhéadfadh liom a bheith ar na trí smután de chód ais go dtí ar ais go dtí ar ais le haghaidh na triúr ball foirne iar. Mar sin, an error, deas cosúil leis both-- leis PHP. Ach tá sé seo go háirithe JavaScript. Tá sé an nodaireacht réad. Mar sin, cad tá sé seo úsáideach le haghaidh? 

[00:31:17] Má scríobh mé cód a spits amach JSON-- JavaScript Réad Notation-- rudaí Breathnaíonn mar seo nó rudaí a Breathnaíonn an nós struchtúr Zamyla s, Is féidir liom a úsáid i ndáiríre seo i gcláir scríobh mé. Lig dom dul go dtí ajax0.html. Agus too-- sé seo nach bhfuil i bhfad shíl a thugtar do aesthetics. Ach féachaint ar cad a tharlaíonn. 

[00:31:34] Lig dom dul ar aghaidh agus cineál saor in aisce anseo. Cliceáil ceanglófar a fháil. Agus faoi deara nach bhfuil an URL athrú. Ach rinne mé a fháil pop suas leis dealraimh praghas stoc pingin an lae inniu de $ 0.15. Mar sin, ní léir go dona. Ach tá an difríocht sin ar bhealach, na sonraí seo a tháinig ar ais dom go díreach. Ach a ligean ar a chur le céim i dtreo rud éigin níos mó eolas. I leagan amháin de seo, lig dom cineál saor arís, cliceáil Faigh ceanglófar, agus now-- ó, ba é seo iarbhír an leagan jQuery. Mar sin a ligean me-- nach raibh mé go tapa ar aghaidh go leor i bhfad go leor. Lig dom dul go leagan dhá, a bhfuil áit a theastaigh uaim. Fógra méid atá déanta agam anseo. Tá mé page-- gréasáin Super Leagan simplí ar aon leathanach gréasáin d'fhéadfá a úsáid sa lá atá inniu le réimse téacs anseo saor in aisce agus ansin cosúil go díreach téacs. 

[00:32:14] Ní hé seo an foirm anseo, is cosúil. Ach má tá mé cliceáil a fháil ceanglófar, faoi deara ar mo leathanach gréasáin Tá tí é a athrú mar cé mé ach fuair teachtaireacht an toirt nua nó mar cé go bhog mé díreach tar éis an léarscáil agus is gá a fháil níos mó sonraí chur leis go dinimiciúil go dtí an leathanach gréasáin gan an athrú URL agus an t-úsáideoir taithí ag fáil isteach. Go deimhin, tá mé fós ag an ajax2.html place-- céanna cruinn. 

[00:32:35] Mar sin, a ligean ar breathnú ach amháin ag an sampla seo agus a fheiceáil conas é seo ag tarlú. Lig dom dul isteach ajax2.html. Agus faoi deara an fhoirm ar dtús. 

[00:32:44] Síos anseo, tá mé ag casadh as iomlán uathoibríoch. Uaireanta faigheann sé annoying má tá an bhrabhsálaí ag iarraidh a thaispeáint duit do stair ar fad. Mar sin, is féidir leat é a dhéanamh i HTML le ach ag rá uathoibríoch a chríochnú amach. 

[00:32:53] Mé a thugtar an téacs seo réimse a symbol-- in áit, ID an siombail. Agus anois, is é seo gné suimiúil. Ní mór dúinn Labhair faoi réimse, ach is féidir leat smaoineamh ar é cosúil le tag do mhír nó div chlib. Tá sé ar cad atá ar a dtugtar i-líne eilimint, a ciallaíonn ní bheidh ort a fháil mhír briseadh thuas agus thíos é. Tá sé ach ag dul chun fanacht i líne gan bualadh an comhionann isteach. Mar sin, tá mé thug an smután de HTML a bheidh le cinneadh aitheantóir uathúil gur iarr mé go treallach praghas. Agus tá mé an cnaipe Cuir Isteach. 

[00:33:21] Toisc anois go here-- agus tá sé seo cód conas beag i ndáiríre iontach Super Is féidir leat scríobh a dhéanamh réasúnta néata things-- faoi ​​deara cad atá déanta agam suas anseo má tá mé scrollbharra suas go dtí an ceann an leathanaigh seo. Tá mé san áireamh den chéad uair i mo cheann tag script is tagairt i ndáiríre JavaScript comhad in aon áit eile. Tá sé seo as an eagraíocht go scríobhann jQuery, agus tá sé seo ach a thabhairt duit ar a dhéanaí leagan ar a leabharlann jQuery. 

[00:33:42] Mar sin, tá sé seo cineál cosúil géar Áirítear i C nó a cheangal i PHP. Úsáideann tú an chlib script le tréith foinse. Ach anois tá mo cód féin ag dul a bheith ceart i anseo. 

[00:33:52] Fógra go bhfuil mé feidhm a dtugtar Sleachta. Agus tá sé beag cryptic ar an gcéad amharc. Ach a ligean ar tease seo ar leith. Tabhair dom athróg ar a dtugtar URL. Sann sé literally an teaghrán. Mar sin, comharthaí athfhriotail singil, Sleachta dúbailte i Tugann JavaScript mise teaghrán. Cad a dhéanann an móide a dhéanamh? Comhchaitéiniú. 

[00:34:08] Mar sin, tá sé seo anois ar an error jQuery a bhíonn ar beagán dul a úsáidtear chun. Ach seo ciallaíonn ach dul a fháil dom an DOM nód a aitheantóir Is siombail uathúil. An hashtag ann ciallaíonn siombail aitheantóir uathúil. 

[00:34:21] An comhartha dollar sa lúibíní ciallóidh díreach, wrap seo i jQuery sort anlann rúnda sin a gheobhaidh tú feidhmiúlacht bhreise. Agus ansin tá .val cosúil feidhm, nó mar a deir muid anois, modh taobh istigh den nód go dtabharfaidh ach tú an luach. Mar sin, i mbeagán focal, gránna agus mearbhall mar a bhreathnaíonn sé seo ar an gcéad amharc, ciallaíonn sé seo go díreach a fháil ar leis an t-úsáideoir clóscríofa i, é a chur ag deireadh an teaghrán trí concatenating sé. Sin go léir. 

[00:34:43] Mar sin anois, trí líne seo caite. Is féidir leat squeeze ar a lán de feidhmiúlacht as trí líne. An comhartha Dollar, mar leataobh é, ach leasainm ar feadh athróg domhanda speisialta ar a dtugtar literally jQuery. 

[00:34:55] Breathnaíonn comhartha Dollar díreach fionnuar. Mar sin, an pobal jQuery díreach de chineál de a úsáidtear é mar a n-siombail speisialta. Ní chiallaíonn sé cad a chiallaíonn sé i PHP. I JavaScript, tá comhartha Dollar díreach cosúil le litir den aibítir nó líon féin ar feadh athróg. 

[00:35:07] Is féidir leat a bheith ach é mar an t-ainm. Just a Breathnaíonn cool. Mar sin, an pobal ghlac sé mar leasainm as a leabharlann féin ar a dtugtar jQuery. 

[00:35:13] Agus tá sé Super tóir. Sin a fháil go bhfuil JSON go díreach. Tá sé mar fheidhm sin an folks ag jQuery scríobh a fhaigheann JSON ó server-- JavaScript Nodaireacht Réad. Ó cad URL atá sé ag dul a fháil ar an fhaisnéis sin? Cosúil as URL seo anseo. 

[00:35:27] Agus cad ba chóir an bhrabhsálaí a dhéanamh mar luath agus a fhaigheann sé ar ais an fhreagairt? Agus is é seo an draíocht AJAX, mar sin go speak-- Asynchronous JavaScript i XML. Tá sé deacair a fheiceáil le den sórt sin sampla simplí mar a bhí againn anseo. 

[00:35:41] Ach ba é seo asynchronous i an chiall go bhfuil mo cód nuair fhorghníomhú seoladh teachtaireacht chuig an freastalaí chun dul a fháil dom roinnt JSON. Agus tharla sé Super go tapa go bhfuair mé freagra. Ach cad é suimiúil é go bhfuil an Ní raibh teacht ar cód chrochadh ar mo ríomhaire. 

[00:35:55] Ní raibh mé a fheiceáil icon sníomh. Ní raibh mé chailleann an cumas chun bogadh mo luch. Bhí mo bhrabhsálaí ndáiríre breá breá. 

[00:36:01] Mar gheall ar JavaScript Láimhseálann an bealach an Is freagra ón bhfreastalaí mar seo a leanas. A chláraíonn tú cad ba mhaith leat glaoch feidhm callback, a ach ciallaíonn sé, hug, JavaScript. Chomh luath agus an fhreastalaí Freagraíonn le JSON, cuir glaoch ar an fheidhm gan ainm. 

[00:36:18] Agus le do thoil a ritheadh ​​i bhfeidhm seo is cuma cad teaghrán an freastalaí spit amach mar argóint ar a dtugtar sonraí. Mar sin, i eile, focail, más rud é Tá mé ag chéile dinimiciúil a quote.php URL a rith sa siombail cosúil le SAOR IN AISCE nó GOOG nó whatnot, Tá mé ag rá ansin JavaScript dul a fháil go URL. Cuimhnigh go bhfuil an bhrabhsálaí ag dul rud éigin a thabhairt ar ais go Breathnaíonn an nós a chonaic muid earlier-- seo. 

[00:36:42] Agus cad é an dara argóint anseo a fháil JSON é ag rá Tá glaoch fheidhm seo nuair a fhaigheann an freastalaí ar ais bíodh sé 10 milleasoicind ó anois nó 10 soicind ó anois. Agus chomh luath agus a dhéanann tú, cuir an praghas ar an leathanach. An error anseo ach ciallaíonn dul a fháil ar an nód ón gcrann a bhfuil a aitheantóir uathúil is é sin price-- réimse chonaic muid níos luaithe. 

[00:37:01] An modh ar a dtugtar HTML ach deir, téigh in áit an HTML go níl le data.price. Cad data.price? Bhuel, an brabhsálaí, cuimhne, Léirigh dom teacht ar ais. Mar sin, is é seo sonraí. 

[00:37:14] Agus mar sin tá sé beagán cryptic a fheiceáil na camóga anseo. Ach i ndáiríre, lig dom é seo a dhéanamh. Lig dom a ghreamú ach seo fíor go tapa i gedit agus a thaispeáint seo mar go raibh muid Struchtúr Zamyla níos luaithe. 

[00:37:27] Cad é an freastalaí a sheoladh ar ais go bhfuil a rud beag go Breathnaíonn mar seo. Agus mar sin is é data.price ach a thabhairt dom 0.1515. Mar sin, a lán de gluaiseacht páirteanna anseo go léir ag an am céanna. 

[00:37:39] Ach is í an eochair takeaways go bhfuil muid ar an cumas a dhéanamh HTTP breise iarrataí ag baint úsáide as JavaScript gan a bheith a athlódáil an leathanach. Agus ansin is féidir linn i ndáiríre athrú ar an leathanach gréasáin ar an eitilt. Agus tharlaíonn sé go raibh JavaScript agus teangacha eile Is féidir é a úsáid anois ní hamháin chun claochlú tosaigh leathanaigh ghréasáin, ach a scríobh i ndáiríre bogearraí i ríomhaire iarbhír, ní teoranta do Chrome nó a leithéidí. 

[00:38:00] Go deimhin, if-- Colton, ba mhaith leat buíochas a bheith linn ar ais suas anseo le do cód saotharlainne, agus Chang chomh maith? A ligean ar dul ar aghaidh, tar éis Labhair faoi feidhmeanna gan ainm agus callbacks agus i ndáiríre tempt cinniúint anseo le taispeántas beo le fuiliú teicneolaíocht nua-aoiseach, ar cheann de na gléasanna mionlach Tairiscint. Anois, an ngléas seo, chun cuimhne, Is gléas USB beag chomh maith that-- go beautiful-- go plocóidí i do calafoirt USB. 

[00:38:25] Agus ansin cuireann sé ionchur i bhfoirm gothaí daonna trí bhrath ag baint úsáide as bíomaí infridhearg, go bunúsach, gluaiseachtaí ó do lámh. Mar sin, cé go cad a rinne Maria ar a bhí roimh mhatánach, i ndáiríre mothú cad atá ag athrú do lámh, tá sé seo infridhearg bunaithe. Mar sin, tá sé ag lorg gluaiseachtaí laistigh an saghas réimse de shiúl na gcos nó mar sin an gléas féin. 

[00:38:46] Mar sin, cén fáth nach a ghlacadh mé stab ag an chéad? Agus a ligean ar dul ar aghaidh agus caith tú suas ar an osteilgeoir anseo. Mar sin, a ligean ar chur glúine Colton suas anseo. Táimid agam Andrew ar an teilifís. Agus cad ba mhaith leat dom a dhéanamh ar dtús? 

[00:39:00] COLTON: Téigh amach romhainn agus díreach a chur ar do lámha os cionn an Guy agus go mbainfidh tú a fheiceáil ar roinnt glitter fabulous. 

[00:39:04] DAVID J. MALAN: An-deas. Tá sé seo ar fad ag tarlú i bhfíor-am. OK. Gach ceart, agus yep. Mar sin, deas. Ceart go leor, cad eile is féidir linn a dhéanamh? 

[00:39:15] COLTON: Téigh go dtí an scáileán seo chugainn agus a fheiceáil. 

[00:39:17] DAVID J. MALAN: Gach ceart. 

[00:39:19] COLTON: Cluiche beag spraoi nuair a gheobhaidh tú a robots a dhéanamh. 

[00:39:21] DAVID J. MALAN: Ceart go leor, mar sin seo Tá lámha falsa léiríonn dom cad atá le déanamh. COLTON: Tá Mar sin, dul ar aghaidh agus grab ar cheann de na bloic agus é a chur ar a bharr sin robot chorp. DAVID J. MALAN: Ó, níl mo lámh. Oh. OK, adorable. Fan nóiméad, ceart go leor. Tá muid ag dul. 

[00:39:41] COLTON: Rinne mé ceann ar timpiste. 

[00:39:43] DAVID J. MALAN: OK, beidh mé a fháil Guy. Damn é! Nuair a bhí muid ag cleachtadh dheireanach oíche, tá a fhios agat cad a chineachadh seo i? 

[00:39:51] Cosúil le seo. OK. Ceann Next? 

[00:39:55] COLTON: Cinnte. 

[00:39:56] DAVID J. MALAN: Ceart go leor, agus níl an tríú. Gach ceart. COLTON: Agus i gceann seo, gheobhaidh tú to-- DAVID J. MALAN: Ó, an ceann seo ar álainn. COLTON: --yeah, roghnaigh ar leith an bláth. DAVID J. MALAN: OK. Uimh? Chaill. 

[00:40:14] COLTON: Ó, tá tú ag dul. 

[00:40:15] DAVID J. MALAN: Ah, Féach ar sin. An-deas. Bhuel, cén fáth dont 'a chur orainn as deonach amháin anseo ar mhaith leo chun teacht ar suas. Cad é faoi ceart ann sa glas, tá sé? 

[00:40:27] Gach ceart, agus a ligean ar have-- in ionad sin a dhéanamh, roinnt de tú d'fhéadfadh a fhios an cluiche seo here-- ghearradh ar an téad, b'fhéidir? A ligean ar a fheiceáil. Tá ár spéaclaí ar thar anseo? 

[00:40:37] OK. Go raibh maith agat. Cad is ainm duit? 

[00:40:39] LUCHT ÉISTEACHTA: Laura. 

[00:40:40] DAVID J. MALAN: Laura? Nice a fheiceáil. Más rud é nach miste leat a chur Google Gloine thar do spéaclaí. Is é seo an Colton. 

[00:40:46] COLTON: Dia duit. Is deas liom bualadh leat. 

[00:40:48] DAVID J. MALAN: OK, teacht ar timpeall. Ceart go leor, mar sin cad a bhfuil tú ag dul go dtí dhéanamh anseo, tar éis a bhí an roimhe, é a chur ar do lámh os cionn an Tairiscint Leap anseo. Agus anois ba chóir do arrow a bhogadh. Ó, nope. 

[00:40:57] LUCHT ÉISTEACHTA: Uimh 

[00:40:58] DAVID J. MALAN: againn nach mian a scor go fóill. OK, fan. Thar anseo. Mar sin, faoi deara mar a shealbhú tú do finger thar rud éigin, Tosaíonn an luch chun dul glas, a bhfuil conas tú a cliceáil. 

[00:41:06] Mar sin, ainlíonn thar Súgartha. Agus is é ach amháin finger fíneáil. Agus anois cliceáil ar an beag Guy glas ar thaobh na láimhe clé. Agus a shealbhú anois go dtí go líonann sé suas glas. Dea. Anois, cosúil le, ar leibhéal amháin suas an mbarr. 

[00:41:16] LUCHT ÉISTEACHTA: Yeah, ba mhaith linn a leibhéal amháin, anseo. 

[00:41:20] DAVID J. MALAN: Maith. OK, mar sin go léir a bhfuil tú a dhéanamh ná a ghearradh ar an téad. Do cúrsóir Tá an ceann bán síos ann. 

[00:41:28] An-deas. Ceart go leor, tá sé ar tí a fháil níos deacra. Mar sin, a shealbhú do mhéar thar romhainn anois. Dea. Tá sé seo ar cheann crua. 

[00:41:39] LUCHT ÉISTEACHTA: Ó cacamas. OK. Is mian sí chun dul go bhealach. Oh cacamas, that-- 

[00:41:44] DAVID J. MALAN: Yeah. Tá sprioc den Dara Grád a fháil ar na réaltaí. Gach ceart, seo chugainn. 

[00:41:53] A ligean ar féach an féidir leat seo a fháil an tríú ceann. Dea. OK, dul thar ann. 

[00:42:06] Cinnte. Ó, an-deas. Gach ceart. 

[00:42:11] Mar sin, cén fáth nach bhfuil muid ar atráth anseo inniu? Lig duine ar bith teacht ar suas a ba mhaith leis a imirt. Go raibh maith agat an méid sin a Laura ár oibrithe deonacha. Agus beidh muid a fheiceann tú ar an Luan. 

[00:42:18] LUCHT ÉISTEACHTA: Ba mhaith leat is dócha seo ar ais. 

[00:42:21] Cainteoir 2: Ag an CS50-- eile