ALLISON BUCHHOLTZ-PA: Mae pob bawb hawl. Croeso yn ôl i adran. Mae'n ein hadran olaf ond un. Mae mor drist. Nid wyf yn gwybod yr hyn yr wyf i'n mynd i wneud heb eich gweld guys bob dydd Llun. Amcana dylem just-- efallai gallem yn unig yn cyfarfod yma a chael cinio neu rywbeth. Nid wyf yn gwybod. 'N annhymerus' yn dod â bwyd yn lle hynny. Byddwn yn dim ond siarad. Ond ie, yr wythnos nesaf bydd yn ein hadran diwethaf. Ar y nodyn hwnnw, mae gennych cwis wythnos nesaf. Rwy'n gwybod fy mod wedi anghofio i wneud fy, fel, dwy wythnos o rybudd ymlaen llaw yr wythnos diwethaf, ond gobeithio i chi guys yn gwybod hyn yn dod. Gobeithio mae hwn yn un o'r olaf midterms i chi guys gyfer y semester. Ond mae'n mynd i gwmpasu'r holl deunydd yr ydym wedi mynd drosodd. Felly, nid yw'n debyg y gallwch chi jyst anghofio tua phedwar dolenni neu newidynnau. Oherwydd ein bod wedi dysgu y rhai yn y dechrau, y rhai yn amlwg Gêm teg ar gyfer eich cwis. 

Mae'n mynd i fod yn yr un fformat, un fath hyd, fel eich bod eisoes yn arfer ag ef. Mae mynd i fod codio gan broblemau â llaw, efallai mae rhai ffug yn wir, efallai rhywfaint o ateb byr. Felly, dylech fod yn gyfarwydd â fformat, yn enwedig os ydych yn cymryd y profion ymarfer. Ond fel y dywedaf yma, 'i' cronnus, ond rydym yn bendant mynd i fod yn canolbwyntio ar pethau o wythnos chwech ymlaen. Felly, rydym yn fwy na thebyg ddim yn mynd i ofyn i chi am faint o bytes sydd ym mhob math neu mathau hynny o bethau, ond mae'n debyg ein bod yn mynd i fod diddordeb mewn pethau fel rhestrau cysylltiedig, neu strwythurau data gwahanol, neu algorithmau gwahanol ein bod wedi siarad am. Felly, gwnewch yn siŵr eich bod yn wir yn i fyny ar hynny, ac os ydych yn angen unrhyw adnoddau, dyma lawer o adnoddau. Fi jyst yn rhoi i chi fath o restr gyflym yno. 

Bydd Yr wythnos nesaf fydd cwis adolygu yn ystod y cyfnod hwn. Felly, os oes gennych unrhyw gwestiynau neu bynciau penodol, pethau penodol ar y cwis sydd byddech yn hoffi mynd drosodd, os gwelwch yn dda eu hanfon ataf o flaen amser fel y gallaf math o baratoi rhywfaint o ddeunydd ar gyfer hynny. Ac yn ychwanegol at hyn adran adolygu, rydym yn chi helpu hefyd yn cynnal cwrs-eang adolygu fel y gwnaethom y tro diwethaf. Ac mae'n mynd i fod yn wneud gan yr un bobl. Nid wyf yn gwybod os yw hynny'n yn ei gwneud yn well neu'n waeth, ond mae'n mynd i fod yn fi, Hannah, Davan, a Gabe eto. Felly os ydych eisiau dod weld ni i gyd dynnu coes â'i gilydd ac i chi gerdded trwy'r cwis adolygu, dylech bendant yn dod at hynny ddydd Llun nesaf hefyd. Felly byddwch jyst gael Dydd Llun jam llawn o adolygiad cwis, sy'n beth da gan fod yna mae gennych Dydd Mawrth i brosesu drwy bopeth. 

Ond yn sicr mae gwirio allan yr adnoddau hyn. Study.csv.net yn bell, yr wyf yn yn meddwl, un o'r rhai mwyaf defnyddiol, yn bennaf oherwydd ei fod wedi llawer o cod sampl, mae wedi holl Pwyntiau Power gyda'r holl nodiadau arno, sydd yn wir yn yr hyn yr wyf yn tynnu y rhan fwyaf o fy deunyddiau adran o. Os oes unrhyw beth yn y blaenorol adrannau sy'n efallai fy mod wedi anfon allan efallai na fydd gennych gotten, dim ond gadewch i mi wybod. Fel cod sampl yr wythnos ddiwethaf, os nad yw unrhyw un yn cael hynny, dim ond e-bost ataf neu dewch siarad â mi, a byddaf yn gwneud yn siŵr eich bod yn cael hynny. 

Felly, gyda hynny, heddiw yr ydym yn mynd i fod yn siarad am JavaScript. Felly dyma ni Tommy, pwy oeddwn jyst siarad â chi neithiwr. Rwyf wrth fy modd Tommy. JavaScript yw ei hoff iaith, fel y mae'n dweud yma. Byddant yn ceisio dweud wrthych ei fod yn Nid yw'r gorau, a byddant yn anghywir. Felly Tommy yn feistr JavaScript. Dydw i ddim yn hollol yn ei lefel, ond roeddwn yn hoffi, "Tommy, sut ydw i'n dysgu plant hyn JavaScript? " Felly yr wyf yn got rhai awgrymiadau, felly gobeithio y maent yn gweithio allan. 

Felly cwpl o bethau i wybod yw bod JavaScript yn sgriptio ar ochr cleientiaid iaith, felly tra PHP yn rhywbeth ein bod yn ystyried yn fwy ochr y gweinydd, cafodd ei llwytho at 'r gweinyddwr, llunio a dienyddiwyd yno. Mae hyn yn un ei gyflawni ar eich peiriant eich hun. OK? Felly rydych yn llwytho rhywfaint dudalen JavaScript, ac mae'n executes ar eich peiriant. Cystrawen yn debyg iawn i C a PHP. Rydym yn mynd i fynd drwy rhai enghreifftiau o JavaScript, ac rydych chi'n mynd i weld bod y ffordd yr ydym yn siarad am newidynnau, dolenni, a'r amodau i gyd yn debyg iawn. OK? Mae'r ffaith eu bod mor debyg yw yn ôl pob tebyg yn mynd i daith rhai ohonoch i fyny, mewn rhai achosion, dim ond oherwydd byddwch yn ymgorffori ychydig o C lle na ddylai fod. Efallai eich bod yn ceisio deipio rhywbeth pan na ddylid ei deipio. 

Ac ar hynny, un peth i wybod yw bod Javascript yw deipio ddynamig iaith, fel PHP. Felly, os ydych guys yn cofio o adran yr wythnos diwethaf, pan oeddem yn fath o wneud ein cwrs carlam PHP, gwelsom sut y gallai un llinyn yn troi i mewn i un int, ac yn y blaen. Y math o eich newidynnau yn cael eu penderfynu yn ystod amser rhedeg, felly efallai y byddant yn newid dros cwrs y rhaglen, ac yn yr un modd yr ydym byth 'n sylweddol yn datgan fathau ar gyfer newidynnau PHP, rydym yn mynd i fod yn gwneud yr un peth beth yma, lle nad ydym yn wirioneddol rheoli y mathau o ein newidynnau, fel petai, fel rydym yn ei wneud yn C. 

Ac yna un peth hynny yw cŵl 'n bert yn y gallwch gwall gwiriwch drwy'r consol, gyda hyn swyddogaeth mawr console.log, a oedd yn yn eich galluogi i argraffu gwahanol newidynnau neu wrthrychau sydd gennym chi helpu siarad am. Yn union fel yr wythnos diwethaf pan oeddwn fel, "defnyddiwch y swyddogaeth hon," gyda tomen gan eich pset hwn yn swyddogaeth rydych am ei ddefnyddio, console.log. Roeddwn i mor synnu faint o myfyrwyr mewn oriau swyddfa nid oedd yn gwybod am y swyddogaeth domen. Ac yr wyf yn hoffi, "guys, bydd hyn gwneud eich bywyd gymaint yn haws. " 

Mae pob hawl, felly roedd y math hwnnw o dim ond yn beth byr, fel bob amser, mae gennym enghreifftiau. Yr wyf yn gwybod eich bod guys bodd hynny. Felly dyma enghraifft o iawn JavaScript syml ffeil yma. Felly, 'i' jyst yn mynd i greu hon pop-up sy'n dweud, "Helo byd," pan fyddwch yn mynd i mewn i'r dudalen, ond gadewch i ni ceisio cerdded trwy hyn ychydig bach. Felly, yn amlwg mae hyn yn unig fel eich index.html arferol. Felly, dim ond ein templed normal yma, ac yr ydym wedi HTML, rydym wedi ein pen, ac yn union fel gyda CSS, sut yr ydym yn cynnwys rhywfaint o ffeil tu allan, dde? Mae gennym ryw fath sgript testun sy'n JavaScript. A bod y ffynhonnell yn hello.js, sef i lawr yma. Mae hyn yn y ffeil cyfan o hello.js. Ac yna mae gennym rai teitl a rhai HTML corff nad ydym yn wir yn poeni am. 

Beth fydd yn digwydd yw, pan fyddwn yn llwytho'r dudalen hon, mae'n executes sgript hyn yn awtomatig. OK? Felly bydd JavaScript gweithredu yn awtomatig. Felly beth mae'n mynd i wneud, mae'n mynd i fynd yn syth ac yn gweithredu'r hyn. Ac mae'n mynd i ddweud, "effro. Helo byd. " Pa effro yw swyddogaeth y mewn gwirionedd yn creu y blwch hwn. OK? Felly mae'n fath o gyd cwmpasu. Does dim byd ychwanegol oedd gennym i'w wneud ar wahân i jyst yn effro, ac yna beth bynnag yr ydym eisiau o fewn ein blwch Rhybudd. OK? Felly dyna dim ond super syml enghraifft o'r hyn y gall ei wneud JavaScript. 

Mae un o'r 'n sylweddol oera pethau, fel y byddwn yn gweld, yw bod JavaScript yn caniatáu i chi i drin eich tudalennau gwe, heb orfod ail-lwytho nhw bob tro. Felly, os ydych want-- er enghraifft, os yr ydych yn hofran dros rywbeth, os ydych yn guys byth yn cael gweld fel bariau Dewislen, neu pan fyddwch yn hofran dros rai pwnc, bwydlen Galw Heibio i lawr yn ymddangos, dyna oherwydd JavaScript. OK? Felly, nad ydych yn ail-lwytho y cyfan dudalen i gael ddewislen hwn i arddangos i fyny, ydych ond yn edrych am rai penodol camau y mae'r defnyddiwr wedi'u cymryd, sy'n cael eu galw'n ddigwyddiadau y byddwn yn ei gael i mewn, ac ar ôl i chi weld eich bod, yn dweud, "Iawn, golygu rhywbeth am hyn dudalen a'i wneud yn edrych yn wahanol, ond dim ond newid y pethau penodol. Peidiwch â reload yr holl beth. " Felly, mae mewn gwirionedd yn llawer brafiach, ac Nid oes rhaid i chi ail-lwytho eich tudalennau, ac mae'n wirioneddol cŵl. 

Datganiadau Felly amrywiol, fel y gallwch math o weld, Yr wyf yn rhoi ar ben yma, teipio llac. Felly mae hyn yn debyg iawn PHP. Nid oes angen i ni ddweud JavaScript pa fath rydym yn disgwyl pob un o'r newidynnau hyn fod. Gallant fod pa bynnag fath rydym eisiau. Felly, byddwch yn sylwi yn yr achos hwn, rydym yn datgan yn syml iawn, dim ond gyda "var" ac yna beth bynnag yr ydym ei eisiau ein henw amrywiol i fod. Un peth i'w nodi yw bod pan fyddwch yn rhoi var o flaen enw newidyn, yn lleol scopes hynny. OK? Mae'n hollol rhesymol i chi i yn llwyr jyst ddileu y var ac os oes gen s hafal i CS50, a Byddai hynny yn unig fod yn newidyn byd-eang. OK? Fel y gallwch ymgychwyn hi bob ffordd, dim ond yn dibynnu ar sut yr ydych am ei gael. Felly, os ydych yn ymgychwyn o fewn swyddogaeth, ac rydych am y newidyn i aros yn cwmpasu o fewn y swyddogaeth honno, ydych yn mynd i eisiau ei wneud rhywbeth fel var enwi amrywiol, erbyn os ydych am ei cwmpasu yn fyd-eang, byddwch yn Gall dim ond gwneud enw y newidyn ac yna beth bynnag yr hoffech ei osod yn hafal i. OK? 

Mae hyn yn fath o beth oeri i lawr fan hyn, oherwydd os ydym yn sylwi ein newidyn b yn dechrau allan fel rhai cywir. A beth mae hyn does-- gall unrhyw un ddweud wrthyf beth mae hyn yn ei wneud? Felly, mae gennym rai effro. Beth fyddai'n teipio o b fod yn y dechrau? GYNULLEIDFA: Boole. ALLISON BUCHHOLTZ-PA: Boole. Hawl. Ac yna rydym yn ail-neilltuo b i'r llinyn hwn, dde? Felly, yna fan hon, pa fath o b fod? Byddai'n llinyn, dde? Felly beth sy'n bwysig i rhybudd yw bod yn c, rydym yn Gallai bron byth yn ei wneud rhywbeth fel 'na. Byddai'n rhaid i ni gael newidyn, bwrw fel rhywbeth arall, efallai wneud rhywfaint o swyddogaeth gyda dau i, yn mynd o godi tâl i cyfanrif. Ond os ydym yn sylwi yma, b iawn yn newid yn hawdd teipio. 

GYNULLEIDFA: Arhoswch, felly gallwch jyst fod yn debyg, "gwneud b cyfanrif?" 

ALLISON BUCHHOLTZ-PA: Yeah. Alli jyst ail-neilltuo b i'r cyfanrif. 

GYNULLEIDFA: Really? 

ALLISON BUCHHOLTZ-PA: Yeah. Ac yna byddai'n int. Fel y gall eich newidynnau newid dros cwrs y rhaglen hefyd. Nid ydynt yn cael eu teipio yn llym. Caiff ei deipio llac iawn. OK? Yn y bôn gall eich newidynnau wneud beth bynnag maent ei eisiau, gan ein bod fath o gwelsom gyda PHP. Gallant wneud rhai pethau gwallgof, felly mae'n bwysig i fod yn eithaf gofalus. Enwch eich newidynnau yn dda. Os nad ydych, byddwch yn gwneud yn sydyn ydych yn mynd i fod yn debyg, "Aros, yr wyf yn meddwl bod hyn yn llinyn, ac yn awr ei fod yn int, ac nid wyf yn wir yn siwr beth sy'n digwydd yma. " Felly mae hyn yn unig yw enghraifft syml o gan ddangos sut y gall newidyn yn hawdd newid ei fath dros cwrs rhaglen. 

OK. Felly, dylai hyn edrych super, super cyfarwydd. Felly, mae'r rhain yn ein dolenni ym JavaScript. Maent yn union yr un fath, ac eithrio ar gyfer yn hytrach na phedwar int ff hafal i sero, gallem dim ond dweud ff var hafal sero. Ac yna gallem gael ein un math cyflwr, un math o diweddaru, ff yn ogystal a mwy yn gweithio jyst ddirwya. Felly pedwar yr un fath, Whiles yr un fath, a gwneud Whiles yn union yr un fath. Un math o fformat cyffredinol. Rydym yn sylwi, pedwar, cromfachau, cromfachau, 'i' i gyd yr un fath. Hefyd, bydd yna hanner colon pan fyddwn yn cyrraedd enghraifft cod. Byddwch yn gweld ei fod yn 'n bert lawer yr un fath ag p. 

Ar gyfer datganiadau swyddogaeth, unwaith eto, yn debyg iawn. Mae gennym rai swyddogaeth mai dim ond Dywed ei fod yn swyddogaeth, ac yna enw ein swyddogaeth, a'r mewnbynnau. Ac eto os ydym yn sylwi, rydym yn Nid oes mathau yma o gwbl. Iawn? Nid oes gennym ddim yn dweud bod y rhain angen iddynt fod yn ints neu dyblau, neu fflotiau. Gallent fod yn beth bynnag y maent ei eisiau. Yr hyn sy'n bwysig yw sylwi bod mae angen i ni ysgrifennu swyddogaeth ymlaen llaw i roi gwybod i JavaScript fod mae hyn mewn gwirionedd yn swyddogaeth. 

Felly, mae hyn yn unig yw ychydig swm syml swyddogaeth sy'n dychwelyd x neu y, ac yna beth sydd hefyd yn cŵl yw eich bod yn gallu mewn gwirionedd aseinio swyddogaeth i newidyn. Felly, yn yr achos hwn, y swm yn awr yn y swyddogaeth sydd mewn gwirionedd yn gwneud swm. Felly, os ydych yn sylwi yma, rydym wedi swyddogaeth, enw'r swyddogaeth, mewnbynnau. Iawn? Yma rydym yn unig wedi swyddogaeth a mewnbynnau. Felly, gelwir hyn yn swyddogaeth dienw. Ac mae hyn yn rhywbeth a ddylai fod yn newydd i'r rhan fwyaf ohonoch guys, os nad pob un ohonoch. Felly y bôn yr hyn y yn golygu yw nad ydym yn ei wneud Mae angen enw ein swyddogaeth yn yr achos hwn. Gallwn ddweud, "Iawn, dw i'n mynd i gael swyddogaeth hon sy'n executes, dyma yw ei mewnbynnau, a dyma yr hyn y mae'n mynd i'w wneud. " Ac yn enwedig pan fyddwch yn aseinio swyddogaeth i rai newidyn eich bod yn mynd i drin, Nid ydych yn ei wneud o reidrwydd Mae angen i enwi oherwydd ydych yn mynd i fod yn cyfeirio iddo gan newidyn hwn enw, nid gan ba bynnag y swyddogaeth ei alw mewn gwirionedd. OK? 

Felly, os gwelwn yma, rydym yn cael rhywfaint o swm amrywiol nawr hynny yn hafal i'r swm o dri a phump. A byddem yn cael hyn. A byddai hyn dim ond cael rhywfaint o effro, tair a phump yn dychwelyd y rhif. Bydd y plws yn unig concatenate beth bynnag mae ein ateb oedd ar y llinyn. Hefyd yn oer, yn ogystal gall concatenate llinynnau. 

Ar gyfer JavaScript, fel gyda PHP, HTML, a CSS fel y dywedasom, llawer ohono rydym yn fath o gymryd yr olwynion hyfforddiant i ffwrdd fan hyn ac rydych guys yn cael llawer o gwybod sut i wir yn deall y pethau hyn. Maent yn ychydig yn wahanol, ond dydyn nhw ddim mor dramor ac nad ydych yn gallu Google pethau neu edrych i fyny ar-lein gydag ysgolion W3. Ac rydym yn wir yn disgwyl i chi guys i, math o, arbrofi a dysgu ar eich pen eich hun. Felly, yr wyf yn gwybod y gallai hyn ymddangos ychydig yn llai trylwyr na rhai o'r pethau c rydym yn ei wneud, ond mae hynny'n mewn gwirionedd am reswm. Ond gobeithio nad yw'n rhy gwahanol, ac nid yw'n llethol. 

Felly araeau yn JavaScript, eto yn iawn, yn debyg iawn. Iawn? Mae gennym rai amrywiaeth amrywiol mae hynny'n gyfartal i cromfachau gwag, a dim ond amrywiaeth gwag. Gelwir hyn yn aml nodiant amrywiaeth llythrennol. Dyna dim ond un peth yr ydym yn ei alw. Os byddwn yn gweld amrywiaeth dau yma, mae gennym rai amrywiaeth llythrennol sydd tair elfen, iawn? Ac yna mae gennym rai trydedd elfen var dyna rhyw newidyn bod yn unig mynd i ddal llinyn hwn, JS. 

Yr elfennau, yn dda i hysbysiad, cael eu gwahanu gan atalnodau, yn union fel y byddem yn disgwyl. A gallwch hefyd weld y rhain, fel y gwnaethom yn C, gyda mynegai hwn nodiant, dde? Felly wahanol i PHP Erbyn hyn, rydym yn mynd yn ôl i ddim ond math o gyfeirio i bethau drwy mynegai. Yn union fel C, mae hefyd yn sero mynegai. Rwy'n teimlo fel y byddai'n wir yn greulon os ydynt yn gwneud yn sydyn un JavaScript mynegai, ac roedd yn rhaid i chi yn gyfan gwbl ailfeddwl sut yr ydych yn meddwl am araeau. 

Un peth oera yw bod yn lle hynny o orfod do-- os ydych chi erioed eisiau hyd amrywiaeth, efallai eich bod ailadrodd drwyddo nes i chi ddod o hyd i ben, neu Byddai 'ch jyst yn gwybod beth ydyw. Oherwydd bod JavaScript yn llac iawn mewn mwy ffyrdd nag fath yn union, fel y gwelwn yma, gallwn ni jyst yn gwneud amrywiaeth hwn mwy am ein bod yn penderfynu. Os byddwn yn sylwi ar amrywiaeth tri Mae tri pheth i ddechrau, ond yna yn sydyn, rydym yn hoffi, "oh, dim ond kidding. Rydym yn mynd mewn gwirionedd i'w wneud yn 101 o beth. " Felly os ydych chi erioed wedi eisiau gwybod y Hyd gwirioneddol eich array, rydych yn ei wneud fel hyn. Ac rydym yn mynd i weld llawer o nodiant hwn mewn enghreifftiau, ond gyda JavaScript 'i' fel arfer beth bynnag gwrthrych eich bod yn siarad am dot pa bynnag fath o swyddogaeth ydych am i gwneud cais iddo. OK? 

Felly, yn yr achos hwn, mae ein gwrthrych yn arae dau, ac rydym yn dweud ein bod am i'r hyd y arae dau. Felly, mae hyn yn union fel yn galw hyd ar hynny. A fydd yn dychwelyd eich hyd. Hefyd yn rhywbeth i'w nodi yw os ydym yn sylwi ein araeau, yn wahanol i C, nad oes ganddynt i fod i gyd o'r un math. Mae hyn yn llawer mwy tebyg i PHP. JavaScript yn y bôn yn union fel y meld diddorol o C a PHP. Felly byddwn yn cael i mewn i hynny. Am y tro, gadewch i ni jyst cymryd yn ganiataol bod eich araeau yn y bôn fel araeau C, gan fod maent yn cael eu sero mynegeio. Iawn, felly mae hynny'n popeth. Gallwch hefyd jyst estyn amrywiaeth i ba bynnag mynegai rydych eisiau. Tra byddai hyn yn ôl pob tebyg SEG fai arnoch chi neu roi rhyw wall i chi, JavaScript yn debyg, "Nah, mae'n iawn. Ges i hon. Byddwn yn jyst yn mynd yn syth lle rydych eisiau. " 

Iawn, felly gwrthrychau yn bwysig iawn. Cewch eich guys yn defnyddio llawer o'r rhain yn eich P set, os cofiaf yn iawn. Felly, y peth bod y rhain yn yn debyg i yn C yn structs. Felly, gallwch chi feddwl about-- pryd rydym yn mynd i'r esiampl gywir ar ôl hyn Rwy'n credu ei chi helpu yn gwneud llawer mwy sense-- ond rydym yn y bôn yn defnyddio gwrthrychau i trefnu gwybodaeth gysylltiedig â'r cwrs. Pan fyddwn yn siarad am structs yn C, rydym yn aml siarad am fyfyriwr a oedd rhywfaint o enw, ID, tŷ, chi'n gwybod, canolbwyntio. A dyna fath o yr un peth ein bod yn defnyddio gwrthrychau i yma. Dim ond i drefnu gwybodaeth debyg. 

Gallwch hefyd feddwl am y rhain wrth i fwy tebyg i cysylltiadol araeau yn PHP. Felly byddai hyn yn fath o beth lle mae gennym rai allweddol gyda rhywfaint o werth, debyg iawn i PHP. Felly, gallwch ymgychwyn rhai gwrthrych gwag, fel y gwelwn i fyny yma, yn unig gyda braces cyrliog. Araeau felly maent cromfachau sgwâr. Gwrthrychau gwag yn braces cyrliog. Gwahaniaeth da i gael. Ac mae'r rhain yn dim ond dau wahanol ffyrdd o osod eiddo. Felly mae hyn yn fath o llawer mwy o ffordd sy'n yn debyg i PHP, gyda'n araeau cysylltiadol, gyda'n allweddol, ac mae ein gwerth, tra yr un yma yw-- wnewch chi helpu gweld llawer hwn yn fwy yn JavaScript. Mae hyn yn tueddu i fod yn y confensiwn. Ac yn yr un modd a wnaethom arae dau dot hyd, mae hyn yn ei ddweud, "Iawn, yn rhoi i mi mae hyn priodoli y gwrthrych hwn. " Iawn? Felly yr un ffordd roedd fel, "roi i mi hyd priodoledd o array dau, " mae hyn yn ei ddweud, "roi i mi rhywfaint o eiddo ein gwrthrych gwag. " Neu yn yr achos hwn, rydym yn aseinio i ryw werth yma. Ond gallech hefyd gael mynediad felly. 

Ac yna dyma mae hyn yn unig yn dangos dau rhybuddion gwahanol. Felly, byddai hyn yn dangos y rhybuddion fyddai'r union un fath, 'i' ond dau wahanol ffyrdd o cael mynediad i'r elfen yr ydym am. A yw hynny'n gwneud synnwyr i bawb? Rwy'n teimlo fel yr un yma yn ôl pob tebyg yn gwneud mwy o synnwyr, dim ond oherwydd ein bod yn dod oddi ar y PHP. Ond wrth i ni wneud mwy o enghreifftiau, mae hyn yn yn llythrennol yn union yr un fath. Mae llawer ohono yn unig yw newid mewn cystrawen. 

Iawn, felly enghreifftiau. Rwyf wrth fy modd enghreifftiau. Felly dyma rhai CS50 newidyn sy'n gwrthrych, ac yr ydym yn storio'r hyn i gyd gwybodaeth am y peth. Felly, wrth gwrs gennym, hyfforddwr, TFS, psets, ac ar dâp. Felly, rydym yn sylwi y rhain yn cael eu bron pob o wahanol fathau. Iawn? Felly gall gwrthrychau storio priodoleddau o wahanol fathau. Gallwn feddwl am this-- ei fod yn iawn debyg i'n casgliad cysylltiadol yn PHP. Felly allweddol, gwerth, allweddol, gwerth, allweddol, gwerth, yn y blaen ac yn y blaen. Beth sydd hefyd yn ddiddorol yn yr un ffordd y gallwn gael araeau o fewn araeau, gallwn hefyd gael amcanion o fewn gwrthrychau, neu araeau o fewn amcanion. Dydych chi byth yn gyfyngedig mewn gwirionedd i dim ond un un o bethau. Gallwn gael Inceptionesque iawn, dim ond dal i fynd i lawr y twll cwningen yno. 

Felly, os ydym yn sylwi, rydym yn cael rhywfaint cwrs hwnnw yn llinyn, hyfforddwr sy'n llinyn, ac amrywiaeth, yn int, ac mae Boole. Felly yr holl bethau gwahanol hyn. 

Mae pob hawl, felly, mae gennym un arall. Felly, yn yr achos hwn, rydym wedi amrywiaeth o wrthrychau. Felly, yn union fel gwrthrych Gall gael amrywiaeth ynddo. Gallwn hefyd amrywiaeth o wrthrychau. Gallai hyn fod yn ddefnyddiol i meddwl am debyg i fath o sut y cawsom hash bwrdd, yr oedd gennym amrywiaeth o'r rhain i gyd yn wahanol mathau o structs sy'n Roedd awgrymiadau i wahanol nodau a whatnot. Ond yn yr achos hwn, rydym yn cael amrywiaeth o wrthrychau. Felly, mae hyn yn debyg arae araeau o cysylltiadol. Felly, rydym wedi byddai rhai elfen gyntaf fod y gwrthrych gyda'r enw James ac yn gartref i Winthrop. 

Efallai y byddwch yn cofio guys rhywbeth tebyg iawn i'r hyn gyda'ch pset diwethaf, lle os ydych yn tynnu rhywbeth gan eich cronfa ddata, y math cyntaf o beth yn eich arae oedd yr holl wybodaeth am y defnyddiwr yn gyntaf a oedd yn bodloni ei, ac yna ydych wedi'u cael i mynegai i mewn i hynny i gael eu stoc neu ei cache neu whatnot. Felly mae hyn yn fawr iawn yr un fath beth, dim ond ychydig iawn o newid mewn cystrawen, newid ychydig yn y geiriau a ddefnyddiwn i'w disgrifio. 

Felly, os ydym eisiau, gall unrhyw un ddweud mi beth fyddai rhybudd hwn wneud yma? Neu pa bit hwn o Byddai Cod yn ei wneud i ni? GYNULLEIDFA: Bydd yn rhoi'r holl enwau i chi. ALLISON BUCHHOLTZ-PA: Iawn, felly mae'n fyddai dim ond rhoi gwybod gyda'r holl enwau oherwydd y byddai'n mynd drwy bwthyn i, felly byddwn yn dechrau ar sero. Felly, byddwn yn dweud, OK rydym yn edrych ar hyn o gwrthrych cyntaf, a yw'r slot cyntaf yn ein casgliad. Ac y mae'n ei ddweud, "roi i mi y priodoli'r, enw'r gwrthrych. " Felly, rydym yn mynd yma, roedden ni wedi sgan, byddem yn dod o hyd i enw, a byddem yn argraffu James, Molly, a Carl. Unrhyw gwestiynau hyd yn hyn? JavaScript yn anffodus ydych yn mynd i fod yn gwneud llawer o edrych i fyny ar eich hun, figuring y gystrawen, mynd i'r afael ag ef. Ond wrth gwrs Rwyf bob amser fan hyn, oriau swyddfa chi yma bob amser. Efallai fy mod yn ar ddydd Mawrth yr wythnos hon. Felly os ydych chi yno, gallwch dod ymweld â mi yr wythnos hon. Byddai'n wych. 

Iawn, felly DOM yw Model Ddogfen-Object. Felly mae hyn yn unig yw ffordd ein bod yn hoffi meddwl am sut mae ein HTML a phopeth oddi mewn iddi ei drefnu. Mae hyn yn fawr iawn rhywbeth y Mae'n debyg y bydd yn dod i fyny ar eich cwis. Rwy'n gwybod fy mlwyddyn, roedd hi fel dyma Ffeil HTML, llenwch y DOM ar ei gyfer. A ydych yn unig lenwi pethau bach. Dylai'r rhain fod yn bwyntiau yn hawdd gobeithio. Gobeithio y byddwch yn see-- 

GYNULLEIDFA: [Anghlywadwy] 

ALLISON BUCHHOLTZ-PA: Felly byddwch yn gweld coeden hwn yn fan hyn? 

GYNULLEIDFA: Yeah. 

ALLISON BUCHHOLTZ-PA: Felly, byddant yn gofyn defnydd i lenwi beth sy'n mynd o dan y corff. Efallai dan y corff, mae gennym rai divs neu mae gennym rai paragraffau, a byddwn yn gofyn i chi lenwi coeden fawr iawn fel hyn. Felly, byddwn yn cerdded drwyddo. Felly y Ddogfen-Gwrthrych Model yn unig yw ffordd i strwythuro a meddwl am ein HTML yn graffigol. A hefyd pan gawn i fwy JavaScript, mae'n mynd i fod yn ffordd yr ydym mewn gwirionedd trin yn wahanol elfennau ar y dudalen. Mae angen ffordd o gael gafael ar bob un o'r pethau yn ein HTML, ac felly mae hyn yn rhoi i ni yn iawn ffordd safonol concrid ar draws amryw o dudalennau gwe i wneud hynny. 

Felly, os ydym yn unig yn cerdded trwy mae hyn, wrth gwrs yma ein dogfen yn debyg i'n ffeil gyfan. Mae hynny'n amlwg yn gwneud synnwyr mai dyma'r peth mwyaf, ac yna rydym wedi ein HTML gwirioneddol, sy'n cyfateb i tag hwn yma. Hefyd, os ydych yn indent eich tagiau yn iawn, yna creu hon goeden DOM yn dod yn super syml. Felly, mae gennym rai pen yma. Mae gennym rai corff hwnnw rydym yn gweld coesyn oddi ar HTML, a dyna pam yr ydym wedi pen a'r corff. O fewn ben, mae gennym rai tag teitl, tag teitl ben, felly rydym yn gwybod bod dod ar ôl pen. Ac o fewn ein tag teitl, mae gennym helo, byd. OK? Felly dyna y gangen chwith cyfan. Ac yna ar gyfer y gangen dde yma, rydym yn gweld bod gennym HTML, OK rydym wedi gwneud pen hwn rhan, rydym yn edrych yn unig ar y corff, felly mae gennym rai ardal corff. Ac o fewn hynny, yr unig beth sydd gennym yw helo, byd. OK? Pe bai gennym bethau fel rhywfaint p braced ac yna helo, byd, ac yna un arall braced p o hwyl fawr, byd, Byddai gennym ddau swigod dod oddi ar o fan hyn. Oherwydd eu bod yn ddau o dan corff, ond maen nhw'n paragraffau ar wahân yr achos hwn. Yn sicr ymarfer ar hynny yn cwisiau blaenorol, yn ogystal â digon ar-lein arno. Iawn felly, mae hyn dim ond yn gadael ni weld popeth 'n glws a thrin pethau systematig iawn. OK? Rydym yn gwybod yn union sut i tramwyo drwy'r goeden hon, felly rydym yn gwybod hyn yr ydym am i gael mynediad. 

Iawn, felly dyma pam yr ydym am i gael y math hwn o fodel, fel y gallwn ddefnyddio'r pethau fel hyn, ac yr ydym yn deall yr hyn y maent yn ei olygu, ac maen nhw'n safonol ar draws yr holl bethau a wnawn. Felly teitl y ddogfen dot yn unig teitl our-- pob un o'r rhain yn hunan esboniadol 'n bert, Rwy'n hoffi meddwl. Felly, y cyntaf tri enghreifftiau yn cael eu dim ond dweud, "Iawn, dim ond rhoi i mi y teitl y dudalen yma. " Felly, bydd yn rhoi i chi beth cyfateb i'r teitl. 

Dogfen dot corff yn mynd i roi i chi beth bynnag o fewn tagiau corff hynny. Fel y gallwch drin hynny. A dogfen dot dot corff mynd i mewn HTML yn un oer iawn, ac efallai nad yw fel super sythweledol, ond mae'r HTML mewnol yn cyfateb i hawl hon yma. Felly, os ydych chi erioed eisiau drin y testun ar dudalen, fel arfer ydych yn mynd i fod yn ei wneud rhywbeth gyda chorff dot HTML mewnol. OK? Felly HTML mewnol yn tueddu i gyfeirio at yr hyn sydd mewn gwirionedd rhwng y tagiau hyn. OK? Ac yna swyddogaethau defnyddiol. Felly, os ydych yn awyddus i gael unrhyw un o'r rhain, unrhyw elfen, mae gennym rai Id, dosbarth enw, neu enw tag. Mae hyn yn debyg iawn i pethau a wnaethom gyda CSS, dde? Lle mae gennym rai dewiswyr sy'n yn cyfateb i naill ai tag, dosbarth ein bod yn rhoi iddyn nhw, neu Id. Mae hyn yn fawr iawn yr un ffordd. Os oes gennych chi rhywbeth y Mae gan rai dosbarth o gi, ac rydych yn ei ddweud yn cael elfennau yn ôl enw tag, ac rydych chi roi yn there-- neu ddrwg gennym, Enw dosbarth. Gallwch roi dot i mewn 'na. Mae'n mynd i ddychwelyd yr holl o'r rhai elfennau i eich bod yn cael y dosbarth. Er mwyn i chi drin dim ond y rhai. Yn yr un modd, efallai eich bod yn unig yn awyddus i drin rhywfaint pennawd, felly rhyw pennawd h1, fel y gwnaethom. Gallech wneud gael elfennau gan tag enw, gan fod h1 yn enw tag. Ac yn yr un modd, os ydych chi am gael rhyw beth yn unigryw, gallwch chi ei wneud tag get. Cael elfen gan Id. Ac maent mewn gwirionedd yn llawer o'r rhain. Mae'r rhain yn dim ond fel tri o lawer iawn. Felly, os byddwch yn mynd ar-lein, fel y Rydw i'n mynd i annog i chi ei wneud, ac yn gwneud rhywfaint o ymchwil ar eich pen eich hun, Rwy'n bendant yn argymell edrych ar bob un o'r rheini. Gallent fod yn super ddefnyddiol, yn enwedig pan rydych am i ddim ond fath o drin pethau penodol iawn heb orfod i fynd drwy'r a rhoi cynnig gramadegu allan bopeth. 

Iawn, felly y peth olaf yw JavaScript digwyddiadau. Felly, pan oeddwn yn siarad yn gynharach am fynd ar wefan, a phan fyddwch yn hofran dros rywbeth, neu eich llygoden yn hofran dros rywbeth, rhywbeth arall yn digwydd. Dyma beth hoffem meddwl am fel digwyddiad. Felly, beth yr ydym yn cael y nerth fod yn ddefnyddiol yma yw onclick. Felly mwynglawdd oedd ar y hofran, sydd, rwy'n yn eithaf sicr, yn unig ar hofran. Hefyd tunnell o rhain y gallwch chwilio am. Mae rhestr gyfan ar-lein o'r gwahanol bethau eich bod yn gallu gwrando am. 

Ond mae digwyddiadau JavaScript yn y bôn yn unig yn ymateb i bethau bod eich defnyddiwr yn ei wneud. Iawn? Felly eich defnyddiwr yn ei wneud rhywbeth, mae hynny'n ddigwyddiad, a bydd JavaScript yn ymateb fodd bynnag yr hoffech iddo. Bydd yn ymateb yn unol â hynny. Felly, yn yr achos hwn, rydym wedi rhywfaint o ffenestr dot onload. Felly beth mae hyn yn ei ddweud yw, "aros nes llwytho y ffenestr yn. " OK? Felly, pan fydd llwytho, onload popeth yn, yna gallwch gyflawni swyddogaeth hon. Felly, pan fydd popeth yn llwytho, rydych yn mynd i gael rhywfaint botwm chwilio sy'n cael elfen gan Id, ac mae'n printiau beth bynnag hwnnw elfen yw gan fod y botwm Chwilio. Ac yna mae gennym newidyn hwn, yr ydym yn dweud, "Iawn, onclick." Felly, pan fyddwn yn clywed clic ar y botwm Chwilio, gweithredu swyddogaeth hon, sydd yn effro, byddwch yn clicio ar y botwm Chwilio. 

Felly beth sy'n digwydd yw-- hyn yn 'n glws ychydig iawn o gynrychiolaeth graffig yma. Felly ein dogfen llwythi, dyna ein onload, rydym yn dod o hyd ein Chwilio botwm, sef hyn. Rydym yn chwilio am ein botwm Chwilio. Ac yna pan fydd y botwm Chwilio yn clicio, mae'n cyfateb i dde yma. Onclick. Yna, rydym yn olaf rhoi gwybod ein defnyddwyr, sydd yn y llinell olaf yma. OK? Felly bob un o'r rheini pedwar cam yn unig cyfateb i'r pedwar blwch i lawr yno ar y gwaelod. A yw hynny'n gwneud synnwyr i bawb? 

Ac yna un peth sy'n Im 'jyst yn mynd sôn iawn, yn fyr iawn, fy mod eich annog guys i mynd i mewn i edrych yn fwy yn jQuery, sydd ychydig llyfrgell sy'n cael ei hadeiladu ar ben JavaScript. Mae'n super ddefnyddiol, fel y gyda'r rhan fwyaf o lyfrgelloedd. Mae llawer o swyddogaethau. Felly, os oes byth rhywbeth y rydych am ei wneud yn JavaScript, eich greddf gyntaf Ni ddylai fod i feddwl o, dylai "beth swyddogaeth Rwy'n cod? "Y dylai fod, "Gadewch i mi weld rhywun yn a wnaed eisoes mae hyn i mi. " Oherwydd bod naw gwaith allan o ddeg, bydd rhywun wedi gwneud hynny'n barod, ac mae'n debyg wedi ei wneud yn well. Mae pobl yn treulio llawer o amser yn gwneud hyn, ac JavaScript cael ei ddefnyddio'n eang iawn, felly mae pobl yn gyson ceisio ei wneud yn well. A jQuery Mae gan lawer o swyddogaethau a fydd yn ôl pob tebyg yn ddefnyddiol i chi yn eich prosiect terfynol os ydych yn gwneud unrhyw beth gyda dylunio gwe. Fel yr wyf yn hoffi dweud, "Mae gwaith graffach, nid yn galetach. " Os ydych yn guys gwneud hynny, bydd yn cael ei wych. Pan rydym yn yn y hackathon Nid wyf yn ei wneud am i chi fod dan straen i gyd allan. Rwyf am i chi fod yn debyg, "Ges hyn. jQuery yn cael fy nghefn. Nid oes angen imi ysgrifennu swyddogaethau hyn. " 

Felly, dim ond dau beth i cofiwch, dw i'n mynd i adael i chi guys edrych yn fwy i mewn jQuery ar eich pen eich hun. Mae pob Rydw i'n mynd i ddweud yw iddo yn gwneud rhai pethau eithaf anhygoel a gall wneud eich bywyd yn llawer iawn haws. Ond yr hyn rydych am ei wedi yw pa bynnag ffeil eich bod yn mynd i gael ei ddefnyddio mewn, ydych yn mynd i eisiau y ddwy linell. Rydych yn mynd i am i'r sgript o js jQuery js dotiau. Ac mewn gwirionedd yn eich ffynhonnell yn mynd i fod rhywfaint o URL. Os byddwch yn Google jQuery, Google mewn gwirionedd yn cynnal yr holl ffeiliau ar eich rhan. Felly, rydych yn bendant eisiau mewnbwn y URL yn lle hynny. Fi jyst roi hyn yma er mwyn symlrwydd. Mae'r holl mae hyn yn golygu lle i ddod o hyd i'ch llyfrgell jQuery. Mae'n enfawr, felly nad ydych am i gynnal ar eich cyfrifiadur eich hun os gallwch osgoi hynny, a dyna pam yr ydym yn yn tueddu i ddim ond rhoi yn Google URL y yn cynnal yr holl ffeiliau hyn ar eich cyfer. OK? Rydych yn Google hynny, yr wyf yn addo bydd yn cael ei yno. 

Ac yna beth bynnag JavaScript ffeil eich bod yn gan ddefnyddio, felly mae hyn yn dim ond rhai allanol JavaScript ffeil yr ydych yn ei ddefnyddio. Yn yr un modd yr ydym yn cysylltu â'n CSS ffeiliau, mae hyn yn yr un math o beth. Mae hyn yn unig yn cysylltu at y ffeil lle mae eich JavaScript mae. Ac mae gennyf rai enghreifftiau gyda JavaScript syml. Felly, byddwn yn mynd drwyddo. Ac yna yn eich mynegai JavaScript, sydd yn eich JavaScript ffeil yma, mae hyn yn fath o deunydd lapio bod gennych i jQuery. Rydych yn bron i 99.9 y cant o'r amser yn mynd i gael hyn yn eich ffeil index.js. Oherwydd beth mae hyn yn ei ddweud yw, "Peidiwch â gweithredu unrhyw beth nes bod eich dogfen mewn gwirionedd yn barod, "sef yr union beth yr ydych ei eisiau. Oherwydd os nad yw eich dogfen yn barod, a jQuery yn dechrau gwneud pethau, 'i' jyst llanast. Felly, byddwch bob amser yn awyddus i gael deunydd lapio hwn. Ac yna am bethau sy'n mynd i mewn 'na, yr wyf yn Bydd yn gadael i perusing eich guys 'eich hun. 

Iawn, felly a oes unrhyw cwestiynau cywir Erbyn hyn am Javascript yn gyffredinol? Neu model DOM? Os nad, mae gennym rai oer enghreifftiau y gallwn fynd drwy, y gallwch chi guys fy helpu cod. Ond rwyf hefyd ddim yn mynd i fod yn super 'n glws, ac os ydych yn nad ydych am i ddweud unrhyw beth ar gyfer y rhain, mae hynny'n iawn. Gallaf hefyd jyst roi enghreifftiau i chi. Ond unrhyw beth ar y PowerPoint cyn i ni symud ymlaen? Cool. 

Rwy'n teimlo fel angen egni i chi guys. Felly, yr wyf yn meddwl ein bod ni'n mynd i ddechrau gyda enghraifft fy mhlaid i yn gyntaf. Mae gennym dair enghraifft, mae gennych o'ch dewis. Felly mae gennym cloc, ble rydym yn mynd i weithredu gloc go iawn sy'n mynd i ddiweddaru wrth i amser fynd heibio. Mae gennym y swyddogaeth Twitter mawr. This-- eich bod yn gwybod yr hyn, yn dal ar. Rydym yn mynd i wneud hyn yn mynd i ffwrdd. Bam. OK. 

Mae gennym y swyddogaeth Twitter mawr yma, that-- yr wyf yn gwybod, dde? Mae'n mynd i fod yn wych. A ydych yn guys cyffroi? Mae hynny yn mynd i gyfrif y nifer o gymeriadau yr ydych wedi gadael, felly os wyf yn teipio ar hyn o bryd, yn amlwg mae'n dal i ddweud 140, ond rydym yn gwybod nad yw hynny'n wir. Ac yna gyda'n yr un olaf yma, cliciwch yma i barti. Beth sy'n mynd i ddigwydd yw pan rydym yn cliciwch, y cefndir yn mynd i newid lliwiau. Felly rydych guys yn cael eich opsiynau o pa un rydych am ei wneud yn gyntaf. Rwy'n addo 'n annhymerus' yn cymryd yn hawdd iawn ar eich cyfer. Rwy'n teimlo fel pawb fath o ddim ond isel iawn allweddol heddiw. Felly byddaf i chi gerdded drwy'r modd y byddwn yn gweithredu pob un o'r rhain. Os ydych am cyd-fynd yn i mewn, mae hynny'n wych, ond yr wyf yn teimlo fel pawb yn ychydig yn flinedig. Felly byddaf yn jyst yn cerdded i chi drwy enghreifftiau hyn. A oes gennym rywbeth y byddem yn hoffi ei wneud yn gyntaf? Dylai unrhyw un? Dim ffafriaeth? OK. Rydych yn gwybod beth? Rydym ar parti. Rwy'n teimlo fel angen little-- chi guys felly, byddwn yn gwneud y naill blaid yn gyntaf. OK. 

Felly yr hyn sydd gennym Yma-- dyna Nid yw i fod i fod yno. Nawr mae'n dda. OK. Felly beth sydd gennym yma yw dim ond dudalen HTML syml y dylech guys i gyd fod yn super gyfarwydd â oddi wrth eich dau psets diwethaf. rydym wedi ein math doc yma. Gall pawb weld? OK. Cool. Rydym wedi ein HTML yn amlwg. Mae gennym rai pennawd sydd yn cysylltu â dalen arddull sy'n dim ond gwneud fy ffont 'n glws a mawr a beiddgar. Felly peidiwch â phoeni am hynny. 

Mae gennym rai corff gyda cefndir Id, OK? Oherwydd ein bod yn mynd i fod newid y cefndir. Felly, pan rydym yn newid y cefndir ein corff, rydym yn cofio o bythefnos yn ôl pan ydym yn delio â thudalennau gwe. Felly da i gael hynny. Ac mae gennym rai Id hafal parti. Mae hyn punt Cyfeirnod h jyst yn golygu bod mae'n mynd i fynd i'r un dudalen. A chliciwch yma i barti, a dyna pam pan fyddwn yn clicio arno, dylai newid lliwiau, diolch byth. 

Ac yna mae gennym rai sgript yma y yn unig yn gysylltiedig â blaid hon js dot ffeil, hynny yw wag oherwydd Nid ydym wedi gwneud unrhyw beth eto. Ac mae mor drist. Ond yn fuan iawn, bydd yn newid lliwiau, a bydd yn awesome. 

Felly, Im 'jyst yn mynd i gerdded i chi guys drwy sut y gallem ymdrin â hyn. Felly, y peth cyntaf sy'n efallai y byddwn am ei wneud, os ydym yn newid y cefndir y corff, y peth cyntaf y gallem ei eisiau ei wneud yw chrafangia mewn gwirionedd yr hyn y mae'r corff yn, dde? Felly, rydym yn awyddus i gael swm, ein cefndir, ac os byddwch yn sylwi, Fi jyst yn awtomatig dim ond dechrau teipio. Does dim byd arbennig ein bod yn angen iddynt ei wneud ar gyfer ein ffeiliau JavaScript. Gallaf ddechrau datgan newidynnau, a datgan swyddogaethau hap. Ac mae'n llawer mwy ffurflen rhad ac am ddim. Mae fel gyda C, rhoesom chi i gyd rheolau caled hyn, ac yr ydych yn tyfu i fyny, felly rydym yn hoffi, "mynd allan. Byddwch yn rhad ac am ddim. Gwneud yr hyn yr ydych ei eisiau. " A dyna beth yw JavaScript. Felly, mae gennym ychydig o gefndir yma. Gyda ein model DOM, rydym yn gwybod ein bod Gall wneud y ddogfen dot cael elfen, ac os ydym yn sylwi yma, Mae gan Id ein corff. Iawn? Felly, gallwn yn cael dogfen gan Id, a dyma un syml. Beth yw ein Id yr ydym am fan hyn? GYNULLEIDFA: Cefndir. ALLISON BUCHHOLTZ-PA: Cefndir. Perffaith. Ac yn hanner colon ar y diwedd. Nid yw hynny wedi mynd i ffwrdd eto. Dal angen eich hanner colon i chi. OK. Felly dyna ein un cyntaf. A phan fyddwn yn clicio rhywbeth, rydym yn am i rywbeth ddigwydd, dde? Felly efallai y byddwn am gael rhywfaint o amrywiol mae hynny'n aros am un clic. Yr hyn yr ydym yn mynd i wneud yw ein bod ni'n mynd i yn gwneud ein cyswllt yn fwy tebyg i botwm. Felly, rydym yn mynd i gael rhywfaint botwm hwnnw yn hafal i ddogfennu dot cael elfen gan Id. Ac os ydw i'n siarad am y cliciwch cyswllt neu cliciwch yma i barti cyswllt, beth allai fy Id fod yma? Parti. Cywir. OK ddim yn rhy ddrwg hyd yn hyn. Mae pawb yn cael yr hyn rydym yn ei wneud? 

Iawn, felly erbyn hyn rydym wedi ein botwm, ac rydym am bethau newid pan fyddwn yn clicio arno. Felly, os ydym yn cofio o'n PowerPoint, beth syml iawn y gallwn ei wneud yn dot botwm unig onclick, dde? Ac mae hynny'n mynd i fod yn gyfartal rhywfaint o swyddogaeth. Mae hyn yn swyddogaeth ddienw. Ac mae hyn yn unig as-- mewn gwirionedd rwy'n mynd i wneud ychydig hwn yn fwy. 

Felly beth Fi jyst yn gwneud yma yw i ddim yn dweud, OK, pan fyddwn yn clicio ar ein botwm, sef y ddolen hon yr ydym newydd gyfeirio ato, rydym yn mynd i weithredu swyddogaeth dienw hwn. Nid oes angen unrhyw fewnbynnau arnom. Nid ydym yn poeni beth mae'r defnyddiwr yn ei ddweud. Pan fyddant yn clicio arno, rydym yn mynd i wneud beth bynnag yr ydym ei eisiau, sydd yn newid lliw cefndir. OK? Felly dyna pam nad oes gennym unrhyw mewnbynnau, rydym yn unig yn cael y swyddogaeth dienw. Ac yn awr rydym yn mynd mewn gwirionedd i ysgrifennu swyddogaeth hon. 

Felly mae 'na griw o ffyrdd i chi Gallai gynhyrchu lliw ar hap. Y ffordd yr wyf yn gwneud hynny oedd cynhyrchu tri rhif ar hap ac yn eu trosi i RGB triphlyg. Felly, mae hyn yn unig yn dangos i chi rai oer pethau os ydych chi fel, "oh, Mae angen i mi gynhyrchu ar hap rhif. "os ydych Googled ef, mae hyn yn beth fyddech chi'n dod o hyd. 

Felly mae gennym dri gwahanol pethau, var, nid goch eto, gwyrdd. Iawn? Felly, y rhai yw'r tri pethau sy'n gwneud i fyny lliw. Glas, coch, a gwyrdd. Cool. A beth y gallwn ei wneud yw ein bod yn gwybod bod angen iddo fod rhwng 255, ac os ydych yn edrych i fyny rhai generadur rhif ar hap, gallech gael rhywbeth fel mathemateg dot ar hap, ac os ydych yn edrych hyn i fyny yn dychwelyd i ryw rif rhwng sero ac un. OK? A beth rhifau yn gwneud ein Treblu'r RGB mynd rhwng? Zero a beth? Beth allan nhw fynd i fyny at? 255. Felly os mathemateg dot ar hap mynd rhwng sero ac un, sut y gallem am newid hyn? GYNULLEIDFA: Amser? ALLISON BUCHHOLTZ-PA: Yeah, yn union. Felly, mae amser yn 255. 

GYNULLEIDFA: [Anghlywadwy] Mae fel [Anghlywadwy]. ALLISON BUCHHOLTZ-PA: Mathemateg dot hap. GYNULLEIDFA: Cool. ALLISON BUCHHOLTZ-PA: Ie. JavaScript yn unig yn gofalu am eich cyfer. OK. Felly, gallwn wneud hynny ar gyfer pob un o'r rhain. Iawn? Math dot adegau hap 255. Copïwch hynny. Cool. Felly, y peth yw, gall hyn Nid yw dychwelyd yn gyfanrif. Iawn? Efallai ein bod yn cael rhywfaint o rif rhwng sero ac un, ac mae'n achosi iddo fod ychydig yn i ffwrdd, ac ni all ein RGBs fod yn fflotiau. Mae angen iddynt fod yn ints. Felly, os ydych yn ceisio hyn, mae'n fwy na thebyg Byddai'n well cael rhywfaint o ymddygiad anwadal. Byddai'n fod ychydig yn ffynci. Felly beth rydym yn ei wneud yw ein eisiau gwneud yn siwr bod y rhain yn cael eu talgrynnu, a gallech talgrynnu naill ffordd neu'r llall. Yr wyf yn talgrynnu gyda llawr. Felly, yr wyf bob amser yn gwneud yn siwr ei fod wedi'i dalgrynnu i lawr. Ond mae mynd i ffwrdd o ba mor syml y mae'n oedd i ddim ond cael rhif ar hap, sut ydych chi'n meddwl ein gallai llawr rhif hwn? Mae'n debyg iawn. Unrhyw syniad? Felly os hap yn unig oedd mathemateg dot ar hap, felly a ydych yn meddwl y byddwn ni'n ei wneud llawr? Math dot llawr. A gallwch hefyd wneud mathemateg dot nenfwd. Rownd yn fath o amwys am nad ydych yn ei wneud gwybod a i rownd i fyny neu i lawr talgrynnu. Felly, fel arfer rydym bob amser yn gwneud mathemateg dot llawr, mathemateg dot nenfwd. Ond honestly-- 

GYNULLEIDFA: A yw rownd lawr i lawr? 

ALLISON BUCHHOLTZ-PA: Llawr rowndiau lawr. A dim ond dewis ar fy rhan. 

Felly nawr rydym wedi ein tri rhif a gynhyrchwyd ar hap, a'r hyn rydym yn mynd i'w wneud yn awr yw ein bod jyst yn mynd i newid y cefndir. OK? Felly, rydym eisoes wedi ein cefndir fath o storio yn yr elfen hon o'r enw cefndir. Felly beth y byddwch yn sylwi yw, os chi chwarae o gwmpas gyda hyn, rydym am newid arddull. Ac mae hyn yn fath o rywbeth sydd byddech yn Google a chyfrif i maes, yn hoffi sut i newid y lliw. 

Ond mae'r ffordd yr ydych yn cael mynediad lliw hwn yw cefndir dot dot arddull cefndir. Felly, mae hyn yn ei ddweud rhoddir gwrthrych hwn, cefndir, sy'n cyfeirio at hynny Elfen Id fyny yno, rydym yn mynd i edrych ar y arddull fewn y arddull, rydym yn mynd i edrych ar y cefndir. OK? Ac os byddwch yn mynd ac yn edrych hyn i fyny, gallai fod yn gwneud ychydig yn fwy o synnwyr, ond mae hyn yn y bôn dim ond dweud, "Rhowch y priodoledd penodol iawn i mi o'r hyn yr wyf wedi'i diffinio'n gynharach. " Felly, beth rydym yn ei newid i yw rhai RGB, gan ei fod yn gwneud synnwyr. Rydym yn defnyddio RGB treblu'r, dde? Ac rydym have-- rwyf eisiau gwneud yn siŵr fy mod cael y nifer cywir o ddyfyniadau yn fan hyn. Felly beth rydym yn ei wneud yw gennym RGB, ac rydym yn mynd i-- hyn yn debyg concatenation, sydd yn goch. Ac yna rydym am ychydig coma. Ac yna rydym am a mwy gwyrdd, Yna, mae rhai coma, ac mae rhai yn las. 

Felly pwyntiau cadarnhaol hyn yn unig golygu fel concatenation. Felly, mae hyn yn unig yw creu hyn llinyn sy'n digwydd o fewn RGB. OK? 

GYNULLEIDFA: [Anghlywadwy] yn ogystal yna mae'r gwyrdd yn fantais yna y coch. 

ALLISON BUCHHOLTZ-PA: Yeah, gan fy mod yn cyboledig bod hyd. Dirwy bod un o. O, yn dal ar. Rhif Gan fod angen i mi wneud yn siwr fy mod yn cael yr holl yn iawn hyn. Felly, byddaf yn esbonio yn momento Uno. Gwyrdd, glas, perffaith. Nawr rwy'n ei wneud. Yr wyf yn credu. 

OK. Felly beth mae hyn yn, yn y cefndir yn mynd i gael eu gosod i ryw llinyn. Iawn? Sef yr hyn sydd gennym yma. Mae'n mynd i fod rhywfaint o RGB 255 coma 255 sero coma, neu beth bynnag yr ydych rif wedi yno. Felly rydym yn ei wneud yma, mae gennym rai llinyn. A'r hyn yr ydym am ei wneud, yw ein bod math o greu ddynamig pan fyddwn mewn gwirionedd yn rhedeg y rhaglen hon. Felly mae hyn yn rhyw llinyn. Byd Gwaith yn concatenates 'i ag y gwerth y coch wedi, sy'n concatenates 'i ag a coma, sy'n concatenates ei â'r hyn wyrdd yw, ac yn y blaen, ac yn y blaen. OK? Hyd nes y bydd diwedd iawn, sef y cau cromfachau o RGB hwn yma. OK? 

Felly beth mae hyn yn mynd i cynhyrchu rhywfaint gorchymyn 'n sylweddol hynny yw RGB o dri rhif y cefndir yn awr yn mynd i. OK? Felly, gadewch i ni weld os yw hyn yn gweithio. Rwy'n gobeithio y mae'n ei wneud, oherwydd os yw'n Nid oes, dw i'n mynd i fod yn real drist. O na. OK, yn dal ar. Yn bendant cefndir arddull dot dot cefndir. Rydw i'n sicr goll rhywbeth yn unig bach. Ydych nad ydych guys casáu hynny? Pan fydd 'i' jyst gwall bach bach? Cefndir Hollalluog. RGB. 

GYNULLEIDFA: [Anghlywadwy] ALLISON BUCHHOLTZ-PA: Na Rhoddais gynnig ar hyn o'r blaen y dosbarth. Mae gen i bopeth wnes i cyn dosbarth rhag ofn Roeddwn yn hoffi, "Aros, yr hyn a wnaeth i ei wneud o'i le?" Gan fy mod yn hoffi, "byddaf yn ôl pob tebyg llanast i fyny ar ryw adeg. " Byd gwyrdd. Mae popeth yn edrych fel ei fod yn concatenated gywir. OK. 

GYNULLEIDFA: [Anghlywadwy] 

ALLISON BUCHHOLTZ-PA: O, dyna ni. Dyna beth yr wyf yn ei angen. Edrych ar hynny. Tiffany i achub. Perffaith. OK. Nawr, gadewch i ni weld os mae'n gweithio. O fy Nuw. OK. Dal ymlaen. 

GYNULLEIDFA: Gofod ar ôl yr ail a mwy. 

ALLISON BUCHHOLTZ-PA: Pa un? O aros, yn dal ar. Gofod gwisgo? 

GYNULLEIDFA: Ail plws yn y concatenation gwyrdd. ALLISON BUCHHOLTZ-PA: Oh. GYNULLEIDFA: Does dim lle ar ôl y ogystal, yeah. ALLISON BUCHHOLTZ-PA: Chi Nid oes angen hynny, but-- GYNULLEIDFA: O, nad ydych yn ei wneud? ALLISON BUCHHOLTZ-PA: Mae'n edrych yn bert. GYNULLEIDFA: OK. OK. 

ALLISON BUCHHOLTZ PA: Gadewch i ni weld a yw hyn yn gweithio. OK. Im 'yn amlwg yn methu yn demo yma, syn fy atgoffa darlith yr wythnos o'r blaen, ond yr wyf yn gwybod y bydd hyn yn gweithio. Rwy'n gwybod y bydd hyn yn gweithio. Mor agos. Oni bai fy mod dileu ddamweiniol fy sgript ar y un. Na, mae'n dot pleidiau js. OK dal ar. Rydw i'n mynd i gopïo hyn, ac rwy'n hefyd jyst yn mynd i dileu popeth, oherwydd cefais weithio hon yn gynharach. 

Rwy'n addo y mae'n gweithio. Os nad yw, byddaf yn dangos i chi beth Tommy yw. Ac yno. 

GYNULLEIDFA: Rydych chi'n cyfeirnodi parti dot CSS, ac mae'n dot parti js. 

ALLISON BUCHHOLTZ-PA: Ah, wel i'r dde yma yw js dot parti. OK, yr hyn a wnaeth i ei wneud yn wahanol? OK, byddwn yn gweld os bydd hyn yn gweithio nawr. Bam. Felly, nid wyf yn gwybod yr hyn a wnes yn wahanol, ond mae hyn yn yr hyn a ddylai ddigwydd. Kinda oer. Yr wyf yn clicio ar hyn, fel, am byth. Ond gallwn geisio gweld beth wnes i yn wahanol bod hyn yn un oedd. Nid wyf yn gwybod amdanoch chi guys, ond mae hyn yn edrych yn y bôn yr hyn yr wyf newydd ei ysgrifennu. Roedd yn ôl pob tebyg yn goll hanner colon yn rhywle yw fy peth. A dweud y gwir ar ôl, yr wyf yn meddwl fy mod ar goll mae hanner colon dde yma mewn gwirionedd. Ond ni allwn weld hynny oherwydd yr oedd oddi ar y sgrin. 

Ond os ydym yn sylwi, mae hyn yn eithaf yn union yr hyn yr wyf newydd ei ysgrifennu. Yn ôl pob tebyg rwy'n meddwl bod y rhan anoddaf am mae hyn yn fath yn union y peth hyn yn iawn yma, dealltwriaeth yr hyn y mae'n ei wneud yno. Mae'r rhain math o bethau rydych yn dysgu mewn gwirionedd dim ond trwy Googling ac yn onest ond yn ceisio. Os ydych yn credu mae rhywfaint priodoli, nid yn ôl pob tebyg mae. Felly, roi cynnig arni. Gweld beth sy'n digwydd. Fel y dywedais, mae llawer o arbrofi gyda JavaScript, a PHP, a phopeth a stwff, a CSS yn arbennig. Dyna yr unig wir ffordd i ddeall. 

Iawn, felly ar ôl y fiasco gyda parti js dot, mae gennym ddau ddewis arall. Mae gennym cloc neu Twitter. Maent yn yn ddiddorol. Efallai ddim cweit mor hwyl fel plaid, a oedd â strobing bach oer beth ar y diwedd. A oes gennych guys gennych unrhyw ffafriaeth? GYNULLEIDFA: Cloc? ALLISON BUCHHOLTZ-PA: Cloc? OK. Cool. 

Felly eto, yr ydym wedi ein ffeil JavaScript wag. Ac wrth i ni weld yma, rydym yn cael rhywfaint o HTML syml iawn. Rydym wedi ein taflen arddull, mai dim ond fformatau hyn y dylai edrych. Rydym wedi ein div gyda mae Id o cloc, a oedd yn Dywed unig, "Dylai hyn fod yn cloc." Ac rydym wedi ein cyswllt i'n ffeil JavaScript mewn gwirionedd mae hynny'n mynd i cynhyrchu ein cloc i ni. Oherwydd y peth oer, yw y gallwch gosod JavaScript i adnewyddu awtomatig ei hun. OK? Felly, yn lle aros am y defnyddiwr i daro Adnewyddu ar dudalen fel y gallwch ei gael amser diweddaru, JavaScript Gall ddiweddaru bynnag y mae'n hoffi. 

Felly, fel gyda'n yr un olaf, roeddem eisiau i gael mynediad at ein cefndir, dde? Felly beth ydych chi'n feddwl allai fod yr peth cyntaf yr ydym am ei wneud yma? Os ydym yn fath o yn mynd i ffwrdd y math hwn o paradeim yma? Rydym yn ôl pob tebyg eisiau mynediad at ein cloc, dde? Felly, mae gennym rai var cloc, sy'n equals-- beth ydym yn meddwl ei fod yn mynd i fod? Dogfen dot cael elfen by-- Rwyf hefyd caru Sublime-- Id ac mae ein Id yw cloc. Hanner colon. Got i wneud yn siwr i gael hanner colon y rhai y tro hwn, gan fy mod yn teimlo fel 'na oedd y broblem tro diwethaf. Iawn felly, fel yr oeddwn yn ei ddweud â cheisio i gael JavaScript adnewyddu ei hun, mae hyn yn swyddogaeth gwych, yr wyf yn yn gwybod ei fod yn dod yn y flwyddyn ddiwethaf 'n hylaw, Dwi ddim yn siŵr ei fod yn dod i mewn 'n hylaw ar gyfer hyn pset, ond fe'i gelwir cyfwng penodol. Ac mae hyn yn mewn gwirionedd yn wir oer os ydych yn guys gwneud unrhyw beth gydag amser neu gael gwybodaeth diweddaru. Ar gwefan ar gyfer rownd derfynol prosiect, mae hyn yn ôl pob tebyg swyddogaeth rydych am ei fynd super gyfarwydd â. Felly beth yn gosod cyfnod yn ei wneud yw bod rydym yn mynd i roi cynnig swyddogaeth, a pha mor aml y dylai fod yn galw swyddogaeth hon. OK? 

Felly, yn yr achos hwn, rydym yn jyst yn mynd i creu rhywfaint o swyddogaeth dienw unwaith eto, OK, sydd yn mynd i gael ein dyddiad, ac mae ein hamser, ac yna diweddaru pethau a'i arddangos. Felly, byddwn yn poeni am hynny. Byddwn yn hoffi creu cloc yma. Ond yr hyn sydd ei angen yw sut yn aml i adnewyddu ei. Felly, yn yr achos hwn, dim ond milieiliadau. Felly rydym yn jyst yn mynd i gwneud 100 o milieiliadau. Wrth gwrs, yn gyfan gwbl fympwyol. Os ydych eisiau iddo i ddiweddaru yn llawer arafach, gallech. Gallwn llanast o gwmpas gyda'r egwyl a osodwyd, pa mor fawr mae ein cyfnod yn ôl i ni gael cloc yn gweithio, a gobeithio yr wyf chi helpu cyrraedd. Felly, mae hyn yn unig yw dweud, "Iawn, ffoniwch swyddogaeth hon bob 100 milieiliadau. " OK? Dyna'r cyfan y mae'n ei wneud. 

Felly yr hyn yr ydym am i'n swyddogaeth i wneud yw ein bod am gael ryw ddyddiad a rhywfaint o amser yw beth rydym yn mynd i gael. Felly Gallwn ddechrau gyda'n dyddiad hafal rhywbeth, ac mae ein hamser yn gyfartal rhywbeth nad ydym yn gwybod eto. Neu mewn gwirionedd, rydym yn unig dyddiad ei angen, oherwydd Dyddiad yn mynd i gynnwys popeth. Unwaith eto, os ydych yn unig Google unrhyw beth am yr hyn rydych am ei wneud, os byddwch yn ysgrifennu, "Iawn, Rwyf am gael y amser ddefnyddio Javascript, "mae'n Bydd hyn yn rhoi i chi gwych swyddogaeth a elwir dyddiad get. Yn llythrennol, mae'r rhan fwyaf o bethau eich bod am ei wneud, JavaScript yn mynd i gael mae'n wneud i chi yn barod. Felly mae'n llythrennol fel newydd cael dyddiad, sydd yn creating-- neu ddyddiad newydd, rather-- sy'n cynhyrchu ryw wrthrych sy'n cynrychioli dyddiad. 

A beth ydym yn mynd i wneud yma yw mae hyn yw-- Rydw i'n mynd i ysgrifennu hyn, ac yna esbonio beth mae'n ei wneud. Felly byddaf yn gwneud yn siŵr fy mod gael hyn yn iawn. 

Iawn, felly beth swyddogaeth hon yn ei wneud, yw ein bod yn unig greu'r HTML sydd mewn gwirionedd mynd i fynd o fewn ein Id div o cloc. Felly beth mae hyn yn mynd i fod yn ei wneud yn unig yw cynhyrchu rhywfaint llinyn, OK? Yna mae hynny'n mynd i fod yn trawsblannu i mewn i'n HTML. Yn y bôn yr hyn y mae'n mynd i wneud yw beth bynnag we-- hyn y byddaf yn dangos i chi yw bod beth bynnag a ddywedwn HTML yw, rydym yn mynd i gymryd lle testun hwn yma gyda beth bynnag HTML yw. Felly, mae hyn yn mynd i ganiatáu ni newid ein cloc dot HTML o fod yn union destun hwn Dylai fod yn cloc, er mwyn dangos mewn gwirionedd niferoedd a pethau yr ydym yn gofalu am, ac mewn gwirionedd fod o'r gloch. 

Felly, beth ydym yn mynd i wneud yw ein bod yn mynd i ddechrau cynhyrchu HTML hwn. Felly, yn yr un ffordd a ddefnyddiodd i ni i'w wneud yn ogystal hafal i gyfanrifau, gallwch nawr wneud hynny ar gyfer llinynnau, ac eithrio mae'n mynd i concatenate iddynt. Iawn? Fel y gwelsom gyda dot parti js, mae hyn yn unig concatenates holl bethau hyn at ei gilydd. Felly, gallwch concatenate gwahanol ddarnau o HTML o newidynnau, neu ddarnau o linynnau eich bod yn ysgrifennu allan eich hun, ac mae hyn yn unig 'n sylweddol yn eich galluogi i ddeinamig cynhyrchu HTML, sydd yn eithaf oer. Felly, os oes gennych rywbeth iawn defnyddwyr penodol, gall hyn yn eich galluogi i wneud hynny. 

Felly mae gennym HTML, i dwi'n mynd i ceisio gwneud yn siŵr fy mod gael hyn yn iawn. Felly, rydym yn mynd i wneud ychydig o header h1. Felly beth sy'n bwysig sylweddoli yma yw bod hyn yn mewn gwirionedd yn unig HTML. Iawn? Rydym yn ysgrifennu gwirioneddol HTML cod yn fan hyn, 'i' nid dim ond llinyn yn yr normal ffordd y byddem yn meddwl am y peth. Felly, mae gennym rai HTML. Mae hyn yn cael ei ystyried yn llinyn yma er. Ac rydym yn ei wneud hyd yn hyn dot-- i ni am gael ein horiau. Unwaith eto, pe baech yn edrych i fyny unrhyw beth am hyn, byddai'n dweud wrthych rhain i gyd y priodoleddau y dyddiad hwnnw wedi. A dyma beth y gallwch ei ddefnyddio yn ei gylch. Felly, mae'n debyg mae pethau fel cael oriau, a chael munud, a chael eiliad, a chael milieiliadau, a phwy a ŵyr beth arall sydd ganddynt. Ond os ydych yn edrych i mewn i'r dogfennaeth, bydd y cyfan fod yno. 

Felly mae'n rhaid i ni gael oriau, ac yna byddem yn dymuno i concatenate bod with-- fy mod mynd i symud hyn dros yma. Felly, os ydym yn cynhyrchu ar hyn o bryd, rydym yn mewn gwirionedd yn cynhyrchu yr amser, dde? Mae gennym oriau, ac yna beth rhwng yr oriau a munudau? Mae gennych hanner colon, dde? Felly, rydym am wneud ychydig o hanner colon yma. Ac yna rydym am gael ein munud, felly yn yr un modd bod yn rhaid inni dyddiad dot cael oriau, sut y gallem gael ein munud? Mae'n llythrennol Dyddiad dot cael munud, yr wyf yn fath o hoffi. Mae'n debyg, "oh, sut ydw i'n cael fy munud? " Fi jyst cael fy munud. 

OK. Ac yna mae gennym colon arall yma. Ac yna os ydym am gael ein eiliad, sut y gallem gael ein hail? Dyddiad dot cael eiliad. Rwy'n credu ei fod 'n bert oera. A beth sy'n bwysig i sylweddoli, yw ein bod yn hefyd Mae angen i gau ein tag HTML yma, oherwydd Dylai fod yn dal i fod yn HTML dilys, felly h1. Cool. 

Felly, ar ôl hynny, gallwn wneud cloc dot HTML mewnol yn hafal i HTML. OK? Felly cofiwch sut y dywedais HTML mewnol yn y bôn yn cymryd beth bynnag sydd rhwng y dau dag yr ydym yn siarad am a mewnosod neu yn trin beth bynnag sydd mewn 'na? Felly beth mae hyn yn ei wneud, os rydym yn mynd yn ôl at ein cloc, yw y cloc yn cyfeirio at popeth o fewn div hwn. Mae hyn yn y HTML mewnol o hyn div cloc Id. Ac felly mae'n mynd i newid i y HTML yr ydym newydd ei greu, sydd, sydd, gobeithio, gobeithio, gobeithio, yn dangos yr amser ar hyn o bryd. Gawn ni weld. Wrth gwrs. Mae cymaint o faterion technegol. Just-- Allison yn Rwy'n oddi ar fy gêm heddiw guys. OK, sy'n gweithio. cloc dot HTML mewnol. Roedd yn HTML Really? Hefyd, mae hyn yn beth sy'n digwydd. Pan nad ydych yn gallu gweld rhywbeth i chi, dim ond edrych ar eich cod ffynhonnell. OK. Ydych chi'n eisiau gwybod waith oer o gwmpas ein bod ni'n mynd i wneud iawn yma? 

GYNULLEIDFA: Allwch chi ei wneud llythrennau bras? Mae'r llythrennau bras? Gan fod yn rhaid i chi gael oriau, ac yna chael munud. 

ALLISON BUCHHOLTZ-PA: Mae'n yn cael yr oriau a get-- oh. Rydych yw-- seren aur. Mae hyn i gyd brawf, guys. Rwy'n addo ei fod yn gweithio cyn y dosbarth. 

OK, ond rhywbeth oer ei wybod yw eich bod yn gallu also-- os weithiau eich ffeiliau allanol yn cael ychydig yn wallgof, gallwch hefyd jyst yn eu rhoi yn syth mewn yma, sy'n tueddu i drwsio pethau. Ac eithrio hyn yn debyg wirioneddol hyll. Wrth gwrs fformat popeth. Gwnewch yn siŵr ei fod yn gyd 'n bert. OK. 

Roeddwn i eisiau wneud yr holl demos oer, ac maen nhw'n jyst ddim yn gweithio allan. OK. Cloc var Sgript. Anyways, yr hyn sy'n bwysig yw mai dyma'r ffordd gyffredinol y byddech yn fformat JavaScript. Fel y gwelwch, gall fod yn finicky iawn weithiau, hyd yn oed pan oedd yn llythrennol gweithio ddwy eiliad yn ôl. Neu nid dau eiliad yn ôl, ond yn iawn, yn ddiweddar iawn. 

Felly, i ddangos i chi beth y dylai edrych fel, ac i ddangos eich bod Dydw i ddim yn wallgof, a bod popeth yn union yr un fath, mae hyn yn beth dylai edrych. Ydych ond yn mynd i wneud hyn yn rhan uchaf yma, ac os ydych yn edrych ar dudalen ffynhonnell, os byddwch yn sylwi, gwnaeth rai pethau crazier, yr wyf yn syml iddo. Hefyd, credyd i Tommy McWilliam, sydd mewn gwirionedd wedi fy helpu i greu'r enghreifftiau hyn, a dyna pam yr wyf yn gwybod eu bod yn gweithio. Gan fod Tommy yn feistr JavaScript. Ond os ydym yn sylwi, mae gennym rai set. Rydym wedi ein swyddogaeth cloc yma. Mae hyn yn holl JavaScript hwnnw rydym yn unig ysgrifennu, neu ryw ohono. Rydym yn unig ysgrifennodd yr un yma yn iawn yma. Ac mae ganddo ychwanegol swyddogaeth mai dim ond padiau ei drwy roi sero cyn i llythyr neu cyn nifer os yw'n dim ond un ohonynt. Felly, os ydych yn sylwi, mae hyn yn eithaf yn union yr hyn yr ydym newydd ei ysgrifennu. Mae gennych ryw cloc amrywiol y Mae ein elfen, yn cael elfen gan adnabod, sef cloc. Rydym wedi ein cyfwng gosod swyddogaeth, dyna swyddogaeth dienw sy'n executes hyn i gyd. Rydym wedi rhai sy'n dechrau cyfres o HTML yr ydym wedyn yn ddeinamig cynhyrchu drwy gael rhywfaint o header h1, cydgadwyno MT gydag cael yr oriau, yn ogystal â ein colon, yn ogystal â chael y cofnodion, yn ogystal un arall colon, yn ogystal â'n eiliad, ac yn olaf y HTML yn dod i ben ar ei gyfer. Ac yna rydym yn diweddaru ein cloc dot HTML mewnol i HTML, ac rydym yn diweddaru bob 100 milieiliadau. OK? 

Gweler wyf yn addo Dydw i ddim yn wallgof. Nid wyf yn gwybod. Nid wyf yn gwybod pam nad yw'n hoffi i mi. Rwy'n teimlo fel edrych yr un fath, ond mae'n debyg ei fod yn casáu mi. 

Felly, gadewch i ni weld os rownd tri yn mynd yn well. Rydym yn fin gweld. Dwi ddim yn siŵr sut mae hyn yn mynd i fynd. A yw pawb o leiaf yn cael y anfanteision, fel dim ond y thema gyffredinol o JavaScript, er bod? Yr wyf yn gobeithio dyna o leiaf yn ddefnyddiol, yn fwy na dangos ei fod yn ychydig yn finicky. Ond bydd eich set problem fod yn hwyl iawn. Mae'n mynd i fod yn wych. Ni fydd yn eithaf mor ddiflas gan fod hyn, nid wyf yn meddwl. Byddwch yn mewn gwirionedd yn cael i gweld pethau 'n sylweddol oera. 

Felly olaf ond nid y lleiaf, byddwn yn ceisio yr un Twitter. Rwy'n ofnus awr, guys. Nid wyf yn gwybod sut y mae hyn yn mynd i fynd. Ond dim ond i roi ychydig i chi mwy o flas, ac mae hyn mewn gwirionedd llinynnau trin a mewnbynnau, yr hyn rydym yn mynd i'w wneud yw, os ydym yn sylwi yma gyda HTML-- yr un yma mae ychydig more-- mae gennym rai ardal testun, a oedd yn cyfateb i ardal testun yma. OK? Ac sydd â Id o destun. Rydym yn ail-steilio ei fod ychydig bach gyda rhai lled ac uchder ein bod ni wedi bennwyd ymlaen llaw, ac yr ydym wedi H1, a dim ond yn ein un pennawd hwnnw cynrychioli ein cymeriadau chwith. Rydym rhoddodd rhai Id o cymeriadau sy'n weddill, ac yna mae gennym rhywfaint o sgript yma, ac rwy'n wir yn gobeithio y trydydd tro yn y swyn yma, guys. 

Felly yr hyn yr ydym am ei wneud, yn yr un modd cyffredinol ein bod ni wedi ei wneud gyda js cloc dot a js dot parti fel yr ydym wedi sylwi, yn rydym wedi dechrau drwy gydio mewn gwirionedd y pethau yr ydym yn gofalu am, dde? Felly, yn yr achos hwn, mae dau pethau yr ydym yn gofalu am, OK? Un peth yr ydym yn mewn gwirionedd yn fath o edrych i mewn a thynnu data o, ac un peth y rydym yn newid mewn gwirionedd. Felly mae ein HTML. Os yw hyn yn ein tudalen ar y we fan hyn, beth sydd mae'r data yr ydym yn edrych ar? Mae'n mynd i fod yn beth bynnag testun yn ein blychau, dde? Felly, beth bynnag rwyf deipio i mewn yma. Dyna beth yr wyf am ei wybod, neu dyna beth yr wyf am edrych ar. A beth sy'n mynd i fod yn newid ar ein tudalen ar y we? Mae'r cymeriadau yn weddill. Felly, yn yr un modd, rydym am ddechrau drwy ymgychwyn newidynnau sydd mewn gwirionedd ddal gafael ar yr elfennau hynny. OK? Felly, os oes gennym ryw var hynny yw ein hardal testun, ac mae gennym rai var sy'n weddill. Iawn? Felly mae'r rhain yn mynd i cynnal y ddau beth. Felly, yr un math o beth, dogfen dot-- OK, dwi'n mynd i sicrhau bod hyn yn mynd i'r gwaith y tro hwn. Rwyf yn bendant iawn. Iawn, felly os ydym am i'n ardal testun, yn ôl at ein HTML, beth yw ein dynodwr? Beth yw ein Id? Dim ond ei fod yn mynd i fod yn destun achos mae hyn yn creu ein hardal testun, OK, ac mae ein Id yn destun, felly dyna sut y gallwn fanteisio ar yr hyn sydd mewn 'na. OK, hanner colon. Rydw i'n mynd i fod yn super manwl gywir am hyn, am fy mod am i hyn weithio y tro hwn. OK, yn gwneud yr un peth, cael elfen gan Id. Dwi wir yn meddwl tybed beth sydd achosodd y ddau arall i llanast i fyny. OK, yna yn yr un yma, yr hyn ydym ni eisiau i gael mynediad? Beth yw ein Id yma? Mae gennym Id arall yn ein HTML, beth ydyw? GYNULLEIDFA: Cymeriadau weddill. ALLISON BUCHHOLTZ-PA: Cymeriadau sy'n weddill. 

OK. Cool. Felly, Im 'jyst yn mynd i ysgrifennu hyn yn gyflym iawn. Im 'jyst yn mynd i ysgrifennu hyn mewn eiliad. Felly ardal testun. Beth sy'n ddiddorol yw B function-- yno yna lawer o swyddogaethau sydd nid yn unig cyfateb i'ch llygoden, ond eich bysellfwrdd. OK? Felly, gallwch ddweud pan fydd unrhyw allwedd yw gwasgu, gallwch wneud pethau fel hynny. Felly, yr un yr ydym yn ei ddefnyddio yn galw ar allwedd i fyny, a oedd yn Meddai, "os ydych chi wedi pwyso unrhyw allwedd ar eich bysellfwrdd, pan fydd y defnyddiwr wedi codi eu bys oddi ar y botwm, ac yr allwedd wedi dod yn unpressed, Yna, rydym yn mynd i wneud rhywbeth. " OK? Felly, mae hyn yn gwneud synnwyr, dde? Gan fod pob cymeriad rydym deipio, rydym yn mynd i gael i godi ein bysedd i ffwrdd ohono, felly pan yr allwedd yn mynd i fyny, gallwn wybod i lleihau a ein cymeriadau ar ôl. 

Felly, mae gennym rai ar allweddol i fyny, ac yn yr un modd, rydym yn mynd i ddweud, "Iawn, pan fyddwn yn gwneud hynny, rydym yn yn mynd i greu rhywfaint o swyddogaeth y yn mynd i gymryd e, "yn yr achos hwn, a'r hyn yr ydym am ei wneud yw cyfrifo nifer sy'n weddill. Iawn, felly gadewch i ni dim ond yn dechrau trwy greu newidyn. Felly, mae gennym rai r amrywiol, mae hynny'n mynd i gynrychioli faint o gymeriadau yr ydym wedi gadael. OK? Rydym yn gwybod ein bod yn dechrau gyda 140, ac os ydym am wybod, gadewch i ni ddweud, hyd yma llinyn sydd wedi mewnbwn wedi bod, ydych chi'n guys gennych unrhyw syniad sut y gallem wneud hynny? Dim ond yn seiliedig i ffwrdd o'r amlwg pethau, fel pe oeddem am oriau, rydym yn defnyddio yn cael awr. Rydym yn gwybod bod ein gwrthrych yn maes testun, ond allech chi guys meddwl am beth allai ddod ar ei ôl? Unrhyw syniadau? 

Felly, math hwn yn un o lai sythweledol, ond mae'n werth dot hyd. Felly, dim ond rhoi i mi rhai Gwerth priodoledd sydd mewn gwirionedd hyd y llinyn hwn. Felly, mae'n mynd i ddweud, "Iawn, dwi'n chwilio ar hyn o llinyn cyfan o fewn ardal y testun, ac yr wyf i'n mynd i ddweud wrth wrthych faint o amser y mae. " Oherwydd os ydym yn cofio llinynnau yn wirioneddol yn unig araeau, er mwyn i ni jyst yn cymryd hyd ohonynt. Felly mae gennym hynny. Cool. 

Yna, yr hyn yr ydym am ei wneud yw ein byth yn awyddus i ganiatáu i'r defnyddiwr i fewnbynnu mwy na 140 o gymeriadau, dde? Oherwydd os ydym yn dweud fel, "oh, yr ydych Dim ond hyn lawer yn weddill, " ac yna gadewch iddynt wneud hynny anyways, rydym wedi bod yn gorwedd. Ac mae hyn yn un arall beth sy'n JavaScript Gall fod yn wirioneddol dda er, yw dilysu defnyddiwr a gwneud yn siŵr bod eich defnyddiwr yn cyd-fynd o fewn unrhyw reolau eich bod wedi darparu iddynt. Felly, os ydych am wneud pethau fel gwneud siŵr mewnbwn rhywun eu cyfeiriad e-bost, neu wneud yn siŵr bod pan fyddant yn mynd i mewn dau cyfrineiriau, maent yn cyfateb. Gall JavaScript wneud hynny. Byddech yn ei wneud rhywbeth fel, "pan y ffurflen yn cael ei chyflwyno, "neu debyg, "Pan Anfon Ffurflen botwm yn clicio, gwiriwch yr holl bethau hyn. " A gallwn wneud hynny JavaScript. Felly dyna yn union yr hyn y ydym yn mynd i'w wneud yma. 

Felly yr hyn a allai fod yn ffordd i gadarnhau a oes maent wedi mynd dros 140 o gymeriadau? Beth sy'n mynd i ddigwydd i mae ein gwerth r os ydynt yn ceisio? Mae'n mynd i fod yn negyddol, dde? Neu mae'n mynd i fod yn llai na neu'n hafal i sero. Felly, gallwn ddefnyddio os yw hynny'n yn union fel popeth arall. OK? Ac mae gennym rai ardal testun dot gwerth, a'r hyn yr ydym yn ei wneud yma yw ein bod yn unig cutting-- beth ydyw? Mae'n ddrwg gennym. Mae hyn yn un, rydym yn unig am ddychwelyd ffug. Rwyf wedi drysu. Mae pob frazzled o bethau nad ydynt yn gweithio. OK, rydym yn unig eisiau dychwelyd ffug, ac yna rydym yn yn awyddus i arddangos y cymeriadau sy'n weddill, dde? Felly, gyda'r cloc, gwnaethom rhywbeth gyda HTML mewnol, dde? Lle rydym yn gosod ei gyfartal i rai amrywio, felly beth y gallwn ei wneud yma? Beth rydym yn newid y HTML mewnol? 

GYNULLEIDFA: weddill? 

ALLISON BUCHHOLTZ-PA: Rydym yn newid ar ôl. Mae pob hawl, a beth ydyn ni'n am ei osod yn hafal i? Mae'n mynd i fod yn r, gan fod hynny Dylai fod yn ein cymeriadau ar ôl. OK? Felly, rwy'n wir yn nerfus i weld a oes mae hyn yn gweithio erbyn hyn, ond cawn weld. Gadewch hyn. Mae hynny'n wir yn gyflym. [Anghlywadwy] OK. Unwaith eto, Im 'jyst yn mynd i ddangos i chi. Am ba reswm bynnag, nid fy penderfynu i weithio, ond yr hyn y byddaf yn dangos i chi yw bod hyn yw-- oh oeddwn i fod i roi hynny mewn. OK, rydym yn sylwi ar yr un math o beth yma, cael y ardal testun. 

Hefyd, os ydych rhybudd guy, os oes rhywbeth bynnag yr ydych am ei wneud, ac nad ydych yn gwybod sut i wneud iddo, cliciwch View Tudalen Ffynhonnell, ac maent yn mynd i ddweud wrthych. Weithiau, bydd yn cael ei amgryptio. Ar gyfer eich pset, rydym amgryptio popeth, felly mae'n jyst yn edrych fel gibberish. Ond os oes erioed 'n sylweddol Gwefan oer yr ydych yn hoffi, os ydych yn unig glicio View Tudalen Ffynhonnell, mae'n mynd i ddweud wrthych sut i wneud hynny. Felly eto, weithio'n graffach, nid yn galetach. Ac fel y gwelwch yma, sydd i gyd pethau hyn yr un fath. yr un yma yma dim ond cymryd rhywfaint o linyn hynny, yr wyf yn anghofio yn union beth y mae hyn yn ei wneud. Ond mae'n amlwg yn cymryd rhywfaint o linyn o werth o sero i ddeg, ac yn dychwelyd ffug hyn y dylid rhoi'r gorau i y defnyddiwr rhag mewnbynnu anymore, ac yna yn amlwg yn diweddaru y HTML mewnol yno. 

Cool. Cymryd fwyta allan mor fawr o heddiw, arbrawf, edrychwch ar cod ffynhonnell oherwydd mae'n mynd i helpu llawer i chi, ac mae pawb, weithiau JavaScript Gall fod yn anodd i weithio gyda ac nid yw'n bob amser yn gweithio y ffordd yr ydych yn disgwyl iddo, ond dim ond daliwch ati gan fy mod yn addo y bydd. Rwy'n addo pob un o'r enghreifftiau hyn yn gweithio cyn y dosbarth. Nid wyf yn deall yr hyn a ddigwyddodd. Rwyf yn llythrennol wedi popeth yr un fath. 

Un peth arall yr wyf newydd eisiau dangos i chi guys a all fod yn ddefnyddiol super yn in-- beth oedd yn gweithio o'r blaen? Rydym yn cael parti i waith, nid oedd ni? Rwy'n credu hynny. Ydw. Gwnaethom. Awesome. Iawn, felly un peth y dylech chi guys yn gwybod yn y log consol fy mod yn siarad am. Felly chysura dot log o helo. Felly mae hwn yn fath o JavaScript cyfateb i printf. Felly, os ydych chi erioed eisiau archwilio eich newidynnau neu weld beth sy'n digwydd yno, beth gallwch ei wneud yw, os ydym yn archwilio elfen, yr hyn yr ydych eisiau mynd i, a byddwch yn mynd i chysura, byddwch yn gweld ei fod hargraffu helo. 

Felly gallem gael ei print beth bynnag y byddwn eisiau. Os ydym eisiau iddo argraffu cefndir dot dot arddull cefndir, dylem fod yn gallu gweld y RGB triphlyg sydd yn dod i fyny. Neu beidio. Yr wyf yn anghofio yn union sut yr ydych yn argraffu newidyn fel 'na, ond dylech fod yn gallu argraffu pethau fel 'na. Bydd hynny'n ddefnyddiol iawn ar gyfer eich pset pan ydych yn ceisio trin cydlynu neu whatnot. Felly, maent hefyd yn newid y darn hwn yn y dosbarth. Mae hyn yn wahanol i flynyddoedd diwethaf, felly jyst yn neis i'ch TFS, neu'r TFS ar oriau swyddfa yn hytrach, oherwydd ein bod fath o ddysgu ynghyd â chi guys. Ond y log consol yn super, super defnyddiol ar gyfer JavaScript llynedd. Felly, wrth eu bodd. Dysgwch sut i'w ddefnyddio. Mae'n haws i'w defnyddio na GDB, fel bod Dylai fod o leiaf yn fan a mwy. Ond diolch i chi guys yn amyneddgar gyda mi. Mae'n ddrwg gen i fod fy enghreifftiau am ryw reswm Nid oedd dim ond eisiau cydweithredu gyda mi, ond yr wyf yn gobeithio ei fod wedi helpu fath o yn mynd â chi i ychydig yn fwy yn y parth o JavaScript. Ac yn anfon eich holl gwestiynau i mi wythnos nesaf fel y gallaf ei drwsio super, a byddaf yn dod â Candy a hyd yn oed ychwanegol Candy gan fod hyn yn chwerthinllyd. Ond rydych guys yn wych, ac mae ganddynt wythnos awesome.