>> ROGER ZURAWICKI: Helo bawb.
Alla i gael eich sylw?
Ddiolch, guys.
Heddiw, yr wyf am siarad am Meteor.
Mae'n fframwaith JavaScript.
Byddwn yn mynd trwy sut y gallwch gwneud apps ar y we 'n sylweddol oera.
>> Cyn i ni fynd i mewn JavaScript, Fi jyst eisiau dweud wrthych chi guys y bydd hyn yn
yn cael eu - bydd yn rhaid i chi ddiweddarach darnau semester hwn.
Dylai fod yn ymwneud JavaScript.
Yr wyf yn meddwl [Anghlywadwy] yn mynd yn gyntaf i cynnwys y HTML we stwff PHP cyn i ni
yn symud i JavaScript.
Ac yn CS50, JavaScript yn cael ei ystyried fel cod cleient.
Felly, dim ond yn cael ei rhedeg mewn y porwr gwe.
>> Ond diolch i ddatblygiadau diweddar yn dechnoleg, rydym yn awr wedi llwyddo i redeg
JavaScript fel gweinydd yn ogystal.
Felly, mae hyn wedi creu 'n sylweddol oera fframwaith oherwydd erbyn hyn gallwch ysgrifennu
gyfreithlon yr un cod ar gyfer y cleient a'r gweinydd.
A phan fyddwch yn diffinio swyddogaethau yn eich gweinyddwr, gall eich cleient yn ffonio'r rhai
un swyddogaethau.
Ac mae'n ei gwneud yn llawer haws.
Lle o'r blaen, os ydych yn defnyddio PHP ar y gweinydd, JavaScript ar y blaen
diwedd, mae'n rhaid i chi ysgrifennu swyddogaeth PHP ac yna fersiwn JavaScript o'r
un swyddogaeth i wneud y un math o waith.
>> Felly, cyn i ni ddechrau, yr wyf am i ddangos i chi demo o'r hyn
Gall Meteor ei wneud i chi.
Byddaf yn dangos i chi y demo, sef yr hyn byddwch yn gallu creu gan y
diwedd y seminar hwn.
Rydym yn unig yn mynd i'r dde yma.
Mae hyn yn app Leaderboard.
Mae'n mewn gwirionedd yn ei seiliedig allan o yr enghraifft y Meteor rhoi i chi.
>> Meteor yn neis iawn oherwydd pan fyddwch yn osod fel pecyn, gallwch
chwarae yn y bôn o gwmpas gyda y pedair demos.
Ac mae'r Leaderboard yw'r gyntaf o demos hyn.
Ar ôl y seminar, yr wyf yn eich annog i gyd i ddim ond edrych ar y demos eraill
oherwydd fy mod yn credu eu bod 'n sylweddol oera, ac maent yn dangos y pŵer Meteor chi.
>> Felly, beth yw hyn, mae hyn yn a gynhelir ar Leaderboard.
Mae hyn yn unig yw dweud y gwir rhestr o enwau.
A gallwch ddewis pobl.
Maent yn troi'n felyn.
Ac yna gallwch roi nhw bum pwynt.
A byddwch yn sylwi bod y rhestr yn ddidoli oherwydd wrth i mi roi mwy o fy hun
a mwy o bwyntiau, rwy'n awr ar y brig.
Felly, mae hyn yn lle'r ydym yn cychwyn.
>> A beth y byddwch yn gallu i fynd i ffwrdd o seminar hwn yn ychydig mwy
nodweddion Rwyf wedi ychwanegu at y Leaderboard.
Byddwn yn ymdrin â sut i, yn ogystal â ychwanegu pum pwynt i chwaraewr, gallwn
dileu chwaraewyr, gallwn ychwanegu chwaraewyr newydd, a gallwn ddewis sut yr ydym am
i'w datrys.
Ac mae'r rhain i gyd yn alwadau API yn hawdd iawn y Meteor yn darparu ar gyfer chi.
Byddwch hefyd yn cael nodwedd yma i randomize y sgoriau.
>> Felly, yr hyn sy'n wirioneddol cŵl am hyn yw y gallwch guys mewn gwirionedd
i gyd yn mynd i'r safle.
'N annhymerus' ei roi yn y testun yn fwy yma.
Un-radical-plwm erboard.meteor.com.
A phan fyddwch yn guys yn mynd i'r safle, byddwch yn Dylai fod yn gallu golygu y safle, ac
Bydd eich holl golygiadau yn weladwy i bawb arall.
Felly, gallwch chi - ydych chi'n guys i gyd gallu cysylltu i'r safle?
Felly, chwarae o gwmpas ag ef.
Ewch a dechrau dileu rhai enwau.
Weld beth sy'n digwydd.
>> Felly, byddwch yn gweld y gall pawb chwarae.
Mae hyn yn unig yw diogelwch diofyn modd ar gyfer Meteor.
Byddwch yn gweld bod pawb yn gallu newid data gilydd.
Peidiwch â phoeni.
Meteor oes gan diogelwch.
Mae hwn yn hawdd iawn rhoi ar waith nodwedd, lle y gallech sefydlu defnyddwyr
a logins.
Ond ar hyn o bryd, unrhyw un sy'n ymweld â'r Gall y safle yn rhoi eu hunain yn gymaint o
bwyntiau ag y dymunant.
Felly, yr wyf bob amser yn hoffi hyn gan fod hyn yn ffordd hwyliog i ddechrau arni.
Ac yna byddwn yn unig yn siarad am y manylion, sut
Meteor gwneud hyn yn bosibl.
>> Felly, yr wyf i'n mynd i ymdrin â'r hyn Meteor yw, ac yna dim ond bydd angen i ni dalu am y
dau rhagofynion bod CS50 nid yw wedi cynnwys digon.
Ond erbyn diwedd y tymor, dylech fod yn gyfforddus gyda HTML a
JavaScript i wir yn eich dwylo gweithio yn frwnt gyda Meteor.
Ac yr wyf yn meddwl mai dim ond yn ffordd wych i hyd yn oed yn llai cyfforddus i fyfyrwyr ei wneud
prosiectau terfynol oherwydd eu bod yn gallu mewn gwirionedd aros mewn un iaith, ac maent yn dod i
gweld y newidiadau eu gweithio ar unwaith.
>> Felly, y sleid hon yn dangos dim ond rhai o'r technolegau mawr y Meteor JS
yn rhoi i chi.
Nid Meteor yn dechnoleg newydd ar ei ben ei hun.
Mae'n wir yn conglomeration o holl bethau gwahanol hyn
rydym yn ei gael ar y rhyngrwyd.
Yn ogystal â HTML, CSS, JavaScript, rydym yn cael rhai technolegau megis Node.js,
sef yr hyn yn eich galluogi i redeg JavaScript ar y pen yn ôl ar eich
gweinyddwr, yn ogystal rhai JavaScript llyfrgelloedd, fel jQuery, tanlinellu.
>> Bydd pob un o'r rhain yn gyfarwydd i chi gan y diwedd y semester.
Ac rydym hefyd yn cael i ddefnyddio cronfa ddata o'r enw mongoDB, sydd yn wir yn
cronfa ddata o boblogaidd yn awr ar gyfer hyn startups newydd.
Gallwch chi feddwl am y peth fel fel MySQL, ond mae'n gweithio iawn 'n glws gyda JavaScript.
Ac mae rhai technolegau eraill yma a llawer mwy nad wyf wedi rhestru
bod pob rhyngwyneb 'n sylweddol 'n glws gyda Meteor.
>> Rhaid i mi roi sleid hwn oherwydd Weithiau, caf dryswch am hyn.
Meteor yn unig JavaScript.
Nid yw'n PHP.
Nid yw'n Ruby acha Chledrau.
Felly, os byddwch yn ysgrifennu cod, os ydych am ysgrifennu brosiect Meteor, chi wir yn
Ni all defnyddio'r cod Ruby.
Rydych yn wir nid yn defnyddio PHP.
>> Er y byddwn yn gweld bod y gwahaniaethau mewn Efallai na fydd cod a chystrawen yw bod
wahanol, yr wyf am bwysleisio i chi bod Meteor, popeth yr ydych cod yn
yn unig yn JavaScript.
A phopeth eich bod yn dangos i bydd y defnyddiwr yn HTML CSS.
Ond nid ydych yn mewn gwirionedd yn defnyddio unrhyw un ieithoedd eraill y eraill
Efallai y seminarau yn cwmpasu.
Beth Meteor hefyd yn yn weinydd y we.
Felly hyd yn oed os nad oes gennych unrhyw i chi JavaScript, a 'ch jyst eisiau i wasanaethu
CSS a HTML ffeil, Meteor gallu gwneud hynny ar eich rhan.
>> A dyma y ddolen eto i'r demo fy mod yn rhaid i chi guys
Dechreuodd chwarae gyda.
Ond gadewch i ni symud ymlaen i HTML.
Faint o bobl yma yn cael unrhyw syniad beth yw HTML?
OK mawr.
A bod yn hollol iawn.
Ddim wir yn angen i chi wybod llawer am oherwydd byddwn yn mynd dros y
defnydd yn syml iawn.
>> Mae hyn yn beth syml Dudalen HTML yn edrych fel.
Gall hyn fod fel eich helo, byd ar gyfer HTML, ond rydym yn dechrau yn C gyda
helo, byd.
Nid wyf am i chi i bwysleisio ar y manylion yr hyn HTML, pa pen, beth
corff, pa teitl yn ei wneud yno.
Fi jyst am bwysleisio strwythur, sut yr ydych yn cael tagiau.
A dyna y bracedi ongl.
A dyna lle mae gennych eich disgrifiadau.
>> Felly efallai y byddwch yn cael y ddogfen HTML.
Ac yna byddwch yn cau'r ddogfen HTML gyda slaes un peth.
Ac mae gennych wahanol fathau o tagiau.
Ac yn sylwi eu bod nhw i gyd yn cyfateb.
Bydd gennych fel tag corff ac yna tag agos corff.
Ac y tu mewn i'r corff tag, bydd hynny'n cynnwys eich tudalen we.
Felly, byddai hyn yn dudalen we syml yn dangos mewn cefndir gwyn a thestun du
helo, byd.
A yw hynny'n gwneud synnwyr?
OK.
>> Nawr rydw i'n mynd i gyflym cwmpasu JavaScript.
Yn y geiriau o TF blaenorol, "JavaScript yw'r rhaglenni gorau
iaith ar hyn o bryd yn bodoli.
Bydd pobl eraill yn ceisio dweud wrthych fel arall.
Eu bod yn anghywir. "JavaScript yn eithaf 'n glws, a byddaf yn dangos i chi pam.
>> Felly, mae hyn yn enghraifft glasurol rydym yn dechrau â hwy yn C. Mae gennym helo, byd.
A ydych yn sylwi bod hyd yn oed os ydych yn crebachu hynny, rhaid i chi gael o leiaf dau
linellau o god yma.
Mae gennyf nifer o linellau o god.
Gall hyn gael ei wneud yn syml iawn.
Un llinell yn JavaScript â console.log, ac yna eich llinyn,
helo, byd.
>> Yn awr, hyd yn oed er ein bod yn symud i newydd iaith JavaScript, mae bron pob un o'r
sgiliau rydych wedi dysgu drwy godio yn C yn uniongyrchol cludadwy.
Felly llinynnau, y syniad o linynnau yn dyfynodau dwbl, sydd yr un.
Mae'r colon, dyna'r un peth.
>> Nodwedd daclus am JavaScript mewn gwirionedd yw eich bod
Nid oes angen y colon.
Gall ddyfalu y dylech rhoi colon yno.
Ond dweud hynny, dylech bob amser yn ceisio i roi eich hanner colon yno.
Mae'n ystyried arddull da.
A hefyd, does dim brif swyddogaeth.
Rydych yn unig yn dechrau ar frig y ffeil a darllen pethau fesul llinell.
>> Yna, mae hyn yn beth mae'n ei gymryd i wneud bod helo, rhaglen y byd.
Ac yna sylwi eich bod yn rhaid i gwneud helo ac yna rhedeg helo.
Gyda JavaScript, mae'n ystyried iaith dehongli.
Beth sydd angen i chi ei wybod yw bod nid oes unrhyw gwneud.
>> Does dim Casglu.
Rydych yn unig yn rhedeg nod.
A chofiwch nod yw rhaglen sy'n yn rhedeg eich JavaScript ar gonsol,
ar focs du, nid yw gwefan.
Er mwyn i chi dim ond rhoi y ffeil, ac mae'n mynd i argraffu helo, byd.
>> 'N annhymerus' yn ei wneud ychydig demo o hynny ar eich guys yma.
Felly, gadewch i ni fynd draw i fy Terfynell Node.js.
OK.
Gadewch i ni symud yma.
Felly, yr wyf i'n mynd i ddechrau nod.
A byddaf yn dangos i chi guys mewn dim ond yn sec sut i gael y
gosod, os nad ydych yn ei wneud.
Gadewch i mi wneud hynny'n ychydig yn fwy.
OK.
Yr wyf yn gobeithio y gallwch chi guys gweld.
>> Felly, yr wyf yn gallu ysgrifennu cod fel y gwnes i o'r blaen yn console.log.
Hi, Roger.
Ac yn sylwi Nid oes rhaid i mi wneud y colon, ond yna yr wyf yn cael hyn yn rhyfedd
beth anniffiniedig.
Wel mewn gwirionedd, heb sôn am y peth anniffiniedig.
Pethau Rwyf am i chi i hysbysiad yw eich bod Nid oes angen y brif swyddogaeth yma
i ddechrau rhedeg cod.
A does dim diwedd slaes.
Mae rhai nodweddion bach y Gall JavaScript wneud i chi.
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Oh yeah.
Mae'n ddrwg gen i am hynny.
Ac mae hynny'n saeth yn unig yn golygu nod yn barod ar gyfer gorchymyn arall.
Felly gall yn rhaid i chi ei wneud yn syml mathemateg, fel 1 ac 1.
Ac yn union fel yn C, mae'r rhain mathemateg symbolau yn unig yr un fath.
Gallaf wneud console.log o nifer.
Ac yna mae'n printiau dau.
JavaScript yn neis yn yr ystyr honno, oherwydd er bod dau yn int,
fel yn C, os ydych wedi printf gyda dau, byddech yn cael gwall.
>> Ond JavaScript yn gwybod, oh, rydych yn argraffu rhywbeth.
Rydw i'n mynd i angen llinyn.
Felly, gadewch i mi droi bod dau i mewn i linyn i chi.
A allwch chi hefyd wneud rhywfaint o stwff od fel hi ac yna a dau.
Mae hyn yn unig enghraifft sut mae dau arall Gellir eu haddasu i mewn 'na hefyd.
>> Felly, gyda hynny allan o'r ffordd, gadewch i ni dim ond yn cynnwys ychydig mwy o JavaScript.
Felly, yn C, rydym wedi math.
Pryd bynnag y byddwn creu newidyn newydd, rydym yn rhaid i dweud bod yn ei fod yn torgoch * neu
llinyn yn yr CS50 achos.
Neu os oedd gennym rhif degol, roedd rhaid i ni ddweud arnofio.
Os byddwn angen Boole, roedd rhaid i ni ddweud b.
Ac yna unwaith cawsom rhywbeth y ei b, bu'n rhaid iddo aros am bool.
Ni allem hudol newid i yn int oni bai ein bod yn ysgrifennu yn y
cromfachau, int o b.
>> Yn JavaScript, nid oes unrhyw fath.
Rydych yn unig yn meddwl am y peth fel var.
A var yw sut yr ydych yn creu math newydd.
Felly, gall gael var s bod yn llinyn, var n bod yn arnofio,
a var b bod yn wir.
Ac un peth na allwch chi ei wneud yn C yw Gallaf yn awr yn dweud, ar ôl y llinell honno, b
yn dychwelyd yn gyfanrif.
A bod yn gweithio jyst ddirwya.
Tra yn C, byddai'n dweud fel nad yw eich cyfanrif yn bool.
Ni allaf wneud hynny ar eich rhan.
Byddai Neu [Anghlywadwy] taflu gwall.
>> Ac yr wyf yn gallu mynd yn ôl i nod yn gyflym ac yn yn dangos rhywfaint o'r functionality.
Felly gallaf gael var a a.
Ffoniwch y "Apple." Felly nawr pan fyddaf yn argraffu, Yr wyf yn cael fy llinyn, 'Apple.' Ond gallaf
hefyd yn awr yn dweud yn hafal i 3.
Ac yn sylwi nad oes gwall.
A bellach yn dychwelyd 3.
Unrhyw gwestiynau hyd yn hyn?
Ie.
>> GYNULLEIDFA: Arhoswch, felly console.log yn y bôn printf, dde?
>> ROGER ZURAWICKI: Console.log yw eich printf.
>> GYNULLEIDFA: Iawn.
Felly, sut ddod os ydych yn jyst deipio i mewn wyth neu [Anghlywadwy], beth mae hynny'n ei
[Anghlywadwy]?
>> ROGER ZURAWICKI: Iawn.
Felly mae'n -
y pethau mewn gwyrdd yn cael ei hargraffu yn y consol.
A beth gawn ni weld nesaf yw pan fyddwn yn symud at y we
dudalen, ni fyddwn yn ei wneud -
Bydd JavaScript fod yn cael HTML templed, a byddaf yn ymdrin ag ef yn y
Meteor rhan o'r seminar.
A dyna lle gallwch ddweud, yn rhoi i mi gwerth, a bydd yn rhoi mewn
eich gwefan.
Gan fod pob porwr gwe mewn gwirionedd Mae gan ychydig o consol.
Ac os ydych yn edrych yn ofalus iawn, yr ydych yn Byddai cael rhywfaint o wybodaeth, fel eich
printf sy'n ymddangos yno gyda pob tudalen we yr ydych yn llwytho.
>> GYNULLEIDFA: Sut wnaethoch chi ei gael i'r sgrin gragen?
>> ROGER ZURAWICKI: Felly mae yna gorchymyn a elwir yn nod, ac mae'n dod gyda Meteor.
Felly, 'n annhymerus' jyst rhoi'r gorau iddi allan o yno.
Nod yw rhaglen sy'n rhedeg JavaScript.
Os byddwch yn mynd i meteor.com, rydych yn yn gallu gosod Meteor, a
Meteor hon gyda nod.
Gan fod Meteor yn unig yw casgliad o'r holl becynnau meddalwedd hyn.
Pan fyddwn yn cyrraedd ein enghraifft, yr wyf yn cerdded pawb trwy osod
Meteor, ac yna gallwch chi chwarae gyda nod eich hun.
OK, mawr.
>> Felly nodwedd gwych arall am weithio gyda JavaScript dolenni yr un fath.
'N bert lawer yn union yr un fath.
Ar gyfer dolenni, tra bod dolenni, yn gwneud tra bod dolenni, os arall.
Mae hyn i gyd yr un peth gyda'r braces.
Mae yr un gystrawen.
Yn yr achos dros ddolen, yr ychydig manylion y mae rhaid i chi dalu sylw
i yn hytrach na int i yn hafal i 0, mae'n rhaid i ni ddweud i var yn dychwelyd 0.
Ond mae hynny'n oherwydd y newidynnau fath sy'n buom yn siarad am o'r blaen.
>> Sylwch fod y printf yn dod yn log, a console.log.
Ac nid oes angen i ni wneud y cant p slaes n ac yna pasio yn i.
Alli jyst ddweud i.
A byddai'n argraffu'r rhifau o sero i bedwar.
Os ydych guys am roi cynnig ar hyn, oherwydd chi eich magu bwynt da.
Os ydych eisiau rhedeg y cod hwn ar eich porwr ei hun, byddwn yn argymell bod
pawb yn agor Google Chrome.
Google Chrome neu unrhyw borwr gwe mewn gwirionedd, ond rwy'n hoffi Google Chrome
oherwydd ei fod yn safonedig iawn.
>> Gallwch fynd i, yr wyf yn credu, os ydych yn gywir cliciwch ar unrhyw wefan, dim ond yn y
gofod gwyn, byddwch yn gweld opsiwn Gelwir Archwilio Elfen.
Mae fel arfer yn yr un olaf.
A phan fyddwch yn clicio arno, dylech gael rhywbeth i'r gwaelod yn ymddangos yma.
Gadewch i mi chwyddo i mewn yma.
Ac mae gennym ychydig o tabs yma.
Yr un yr ydych yn gofalu amdano yw consol.
>> Ac mae hyn yn consol JavaScript y gallwch bellach yn gweithio gyda nhw.
Great.
Felly gallaf deipio yn yr un pethau Yr oeddwn yn teipio o'r blaen yn nod.
Un un a mwy yw dau.
Var yn hafal "Apple".
Ac yna byddwn i'n argraffu, a yw 'Apple'.
Felly, mewn unrhyw borwr gwe, Firefox, Chrome, Safari, beth bynnag rydych yn ei ddefnyddio, fel
belled ag y byddwch yn cael mynediad at JavaScript consol, yr un math o
cod Roeddwn yn rhedeg yn nod i chi Gall rhedeg yn eich consol eich hun.
>> GYNULLEIDFA: [Anghlywadwy]?
>> ROGER ZURAWICKI: Sut i cyrraedd y consol?
Rhaid i chi glicio dde ar ofod gwag ar y dudalen, ac yna byddwch yn mynd i
Archwiliwch Elfen.
Felly mewn gwirionedd, hoffwn i chi guys i ddim ond gwnewch yn siŵr y gallwch
Archwiliwch Elfen yn Chrome.
A gweld pan fyddwch yn teipio mewn rhai cod i mewn i'r consol
ei bod yn rhedeg yn iawn.
Teimlwch yn rhydd i ofyn unrhyw gwestiynau os nad yw rhywbeth yn glir yma.
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Unrhyw fath, ar y dde.
Dim ond un math ar gyfer yr holl newidynnau mewn JavaScript.
A pan fydd yn rhaid i chi ddatgan newidyn, yr ydych yn dweud var.
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Yeah.
Mae'n ei wneud, ond yn JavaScript, 'i' iawn smart am ddyrannu cof.
Nid oes unrhyw malloc.
Nid oes unrhyw rhad ac am ddim.
Felly nid oes angen i chi boeni am hynny.
Dyna nodwedd braf arall JavaScript yn rhoi i chi.
>> Felly, hoffwn symud ymlaen.
A fyddai hynny'n iawn?
OK.
Great.
>> GYNULLEIDFA: Im 'jyst yn cael trafferth dod o hyd i'r [? Archwiliwch Elfen. ?]
>> ROGER ZURAWICKI: edrych Felly Safari ychydig yn wahanol, ond a ydych yn
cael Chrome neu Firefox?
Dyna'r haws rhai i weithio gyda nhw.
Ac ar gyfer eich prosiectau, rwyf yn argymell cadw at un porwr oherwydd
byddwch yn cael llawer o chwilod bron oherwydd y mae pob porwr yn trin
JavaScript HTML ychydig yn wahanol.
Felly, yr wyf yn meddwl y bydd eich bywyd yn llawer haws os byddwch yn cadw at Chrome oherwydd
mae ar gael ar holl beiriannau.
Ac mae'n porwr eithaf poblogaidd.
OK?
>> Felly, y pwnc nesaf y dylem ymdrin ag ef yn JavaScript -
Mae'n ddrwg gen i am y fformatio yma.
Roedd rhaid i mi ymestyn y sleidiau i gyd-fynd y taflunydd lydan.
Ond byddwn yn awr yn hoffi siarad am sut i wneud swyddogaethau.
Yn C, mae'n rhaid i ni ddatgan pob swyddogaeth.
Fel int ychwanegu, ac mae'n cymryd yn int i x, a int y, ac yna rydym yn eu hychwanegu
a'i dychwelyd.
>> Yn JavaScript, swyddogaethau mewn gwirionedd yn math amrywiol arall.
Felly, rydym yn unig yn dweud var ychwanegu, a mae'n hafal swyddogaeth.
Mae swyddogaeth sy'n cymryd x a y.
A beth mae hynny'n ei swyddogaeth yn ei wneud?
Mae'n dychwelyd x ynghyd y yn yr union yr un cystrawen fel yn C. A ydych yn sylwi bod yn
JavaScript, ni fyddwch yn cael gwybod yr hyn y mae'r yn dychwelyd oherwydd ers
Nid oes gan newidynnau mathau beth bynnag, mae'n nid yw'n wir cynhyrchiol, mae'n debyg,
i gael eu pennu eich holl mathau yn eich swyddogaethau.
Ac yna pan fyddwch yn ffonio swyddogaeth, mae'n yr un gystrawen union fel C. Chi
dim ond pasio yn eich dau dadleuon.
Hoffwn i roi cynnig ar hyn yn fy nod.
Alla i newid y sleid?
>> GYNULLEIDFA: [Anghlywadwy].
Byddwn yn cael copi o'r sleidiau?
>> ROGER ZURAWICKI: Ydw.
Felly, gadewch i ni fynd yn ôl at nod.
OK.
Felly, byddaf yn dweud ychwanegu var hafal swyddogaeth.
Cymryd x, gan gymryd y.
Ac yna mae'n gwybod bod y datganiad yn heb ei gwblhau.
Felly, yn nod neu yn eich consol, byddwch yn sylwi dot dot dot.
Fel y gallwch gadw teipio eich cod.
Ac yn awr byddaf yn dweud dychwelyd x plws y.
Ac yna cau'r Brace.
A'r hyn o bryd yr wyf yn cau'r Brace, mae'n yn gweld bod y datganiad yn cael ei orffen.
>> Ac yn awr y gallaf ddweud ychwanegu un a dau.
A byddaf yn cael tri allan.
Nodwch, os Fi jyst yn ychwanegu, mae'n yn dweud wrthyf ei fod yn swyddogaeth.
Ac un peth yn unig i dalu sylw i yw os ydych yn rhoi y nifer anghywir o
dadleuon, bydd yn gwneud.
Bydd yn rhedeg, ond efallai y byddwch yn ei gael rhai canlyniadau 'n sylweddol' n annaearol.
Math o fel gwerth garbage, y gallwch chi feddwl am y peth.
Felly, os gwelwch yn dda mynd yn ei flaen ac yn ceisio hyn yn eich porwyr.
>> Iawn, felly er budd o amser, 'n annhymerus' bellach yn symud ymlaen at y nodweddion nesaf yn
JavaScript.
Felly, rydym wedi trafod swyddogaethau.
Rydym wedi siarad am dolenni, os ddatganiadau hefyd.
Mae'r gystrawen yn yr un fel C a newidynnau.
Ac yn awr yr wyf am siarad am araeau.
Mae'n ddrwg gen i fod y sleidiau got ychydig yn torri i ffwrdd.
Ond mewn gwirionedd, yn yr adran gyntaf, Bydd popeth rydych ei angen yn gweithio.
>> Felly, rydym wedi fath arall ar gyfer newidynnau a elwir yn araeau.
Ac rydym yn defnyddio cromfachau sgwâr i ddynodi iddynt.
Felly, yn yr enghraifft gyntaf, arr var, array wag.
Mae hyn yn y rhestr yn wag, felly mae amrywiaeth nad ydynt yn cynnwys elfen.
A allwch chi hefyd gael amrywiaeth gyda thri llinynnau.
Yn C, pob elfen yn eich arae gorfod bod yn yr un math.
>> Ond oherwydd yn JavaScript dim ond un math, gall araeau mewn gwirionedd
gwahanol fathau o werthoedd.
Fel yma, mae gennym amrywiaeth gyda yn arnofio, yn bool, a int.
Mae'r ffordd yr ydych yn cael hyd o amrywiaeth, Nid oes rhaid i chi ddefnyddio maint y gwirionedd
neu unrhyw beth.
'Ch jyst dweud amrywiaeth a yna dot hyd.
A dot hwn hyd, gallwch chi feddwl am mae'n fath o hoffi strwythur, sut mae pob
amrywiaeth Mae cae, newidyn ychwanegol tu mewn iddo a elwir hyd, sy'n
cadw golwg ar faint o amser eich amrywiaeth yn.
>> Felly, Im 'jyst yn gyflym yn mynd i fynd i mewn i nod ac yn dangos i chi guys yr un peth.
Felly gallaf gael amrywiaeth.
Gall fod yn y rhestr yn wag.
A bydd yn argraffu mi yn ôl rhestr wag.
Great.
Gallaf yn awr yn dweud bod y casgliad Mae 1, a 2.3, ac yn wir.
Felly, pob math gwahanol.
A ydych yn sylwi ei fod yn gweithio jyst ddirwya.
Mae'r amrywiaeth yr wyf yn mynd yn ôl yn cefnogi pob un o'r gwerthoedd a roddais iddo.
>> Os wyf yn awyddus i gael yr elfen gyntaf yr amrywiaeth, y gystrawen mewn gwirionedd
yr un fath ag yn C. Chi gallu dweud amrywiaeth sero.
A ydych yn cael un.
Gallaf ddweud yr un peth ar gyfer amrywiaeth dau, ac rwy'n cael wir.
Os wyf yn gwneud rhywbeth y tu allan y rhesi, JavaScript yn iaith diogel
oherwydd ni fyddaf yn cael nam SEG.
Byddaf yn cael amhenodol.
>> Ac mae hyn undefined, gallwch math o yn meddwl am y peth fel null.
Ond gall fod yn wirioneddol yn blino pan fyddwch yn cod, oherwydd bydd rhaid i chi wirio bod
bron popeth yr ydych yn ei wneud, byddwch yn yn gweithio gyda yn cael ei diffinio.
A chawn weld rhai enghreifftiau o hyn pan rydym yn gweithio mewn Meteor.
>> Er bod amrywiaeth pedwar wedi'i diffinio, Gallaf bennu ei gwerth.
Felly, 'n annhymerus' yn dweud ei fod yn cyfateb i un.
Ac yna os byddaf yn mynd i amrywiaeth, yr wyf yn cael gwerth ychwanegol yno.
Ac yn sylwi bod amrywiaeth tri, sydd hefyd yn oedd heb eu diffinio, yn aros heb eu diffinio.
Felly, yr wyf yn awr yn cael amrywiaeth gyda twll yn y canol.
Ond os wyf hargraffu array pedwar, Byddwn yn cael un.
Os byddaf yn gwneud amrywiaeth tri, i mi gael amhenodol.
>> Felly, y nodwedd braf bod JavaScript yn caniatáu i chi ei wneud yw y gall rhestrau
newid maint.
Araeau, araeau yn rhestrau, maent yn newid maint.
A allwch chi nodi unrhyw leoliad tu mewn iddynt.
A bydd pob un o'r bylchau yn cael eu llenwi â gwerthoedd anniffiniedig hyn.
>> Felly, rydym wedi siarad am araeau.
Yn awr, y peth olaf yr wyf am ymdrin yn JavaScript, ac mae hyn yn bwysig iawn
i ddeall yr cod sy'n Rydw i'n mynd i ddangos i chi,
yn mynd i fod gwrthrychau.
A gwrthrychau yn dymor i mewn -
yn y bôn, maent yn bresennol yn lawer o ieithoedd rhaglennu.
Ac mae pob iaith raglennu yn hoffi feddwl ohonyn nhw ychydig yn wahanol.
>> Ond rwy'n credu am Meteor, da cyfatebiaeth yw'r strwythur C.
Yn C, os ydym am ddod o hyd i'r strwythur myfyriwr, byddai'n rhaid i ni nodi holl
pethau tu mewn iddo.
Felly, mae'n rhaid iddo gael enw.
Mae'n rhaid iddo gael blwyddyn.
Mae'n rhaid iddo gael rhyw.
Ond mae'n rhaid i ni hefyd roi i'r mathau yr holl bethau hynny.
>> Ac yn awr bod gennym llwydni hwn ar gyfer y strwythur a elwir myfyrwyr, gallwn gael
strwythur newydd, ac yna gallwn llaw dweud beth mhob un o'r meysydd yn cael eu.
A dyna lle rydym yn defnyddio enw dot, dot flwyddyn, dot rhyw.
Ac yna rydym yn unig, yn y llinell olaf o cod yma, Im 'jyst yn argraffu y
enw'r myfyriwr strwythur.
>> Yn y byd JavaScript, mae oes y fath beth â myfyriwr strwythur.
Nid ydych yn cynhyrchu strwythur rhagosodedig.
Chi mewn gwirionedd yn unig, mewn cromfachau hyn, yr ydych yn dweud beth mae popeth yn.
Ac mae'n y nodiant 'n annaearol gyda'r colon ac yna'r coma, ond wnewch chi helpu
ddod i arfer ag ef yn ddigon buan.
>> Ac mae'n mewn gwirionedd yn hawdd iawn, ffordd hyblyg o ddim ond
trin gwrthrychau.
Byddwch yn sylwi bod os wyf am gael nawr enwi ar ôl, yr wyf yn unig yn ei wneud s.name.
A oes unrhyw gwestiynau am hyn?
Mae hyn fel arfer wedi bod yn ddryslyd iawn pwnc pan fyddwn yn cyflwyno pobl i
JavaScript.
'N annhymerus' wneud ychydig o enghreifftiau o hyn yn nod.
Ie?
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Felly ydych chi'n gennych enghraifft, lluosog
newidynnau o'r math hwnnw.
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: OK.
Felly, yr wyf yn dyfalu y ffordd y byddech yn mynd ati yn byddech yn rhoi gwrthrychau mewn amrywiaeth,
ac yn awr bydd gennych amrywiaeth o wrthrychau.
A yw hynny'n ateb eich cwestiwn?
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Ydw.
S yn un gwrthrych.
Fel y gallwn fynd i mewn i nod a dim ond chwarae o gwmpas ychydig.
>> GYNULLEIDFA: [Anghlywadwy]?
>> ROGER ZURAWICKI: O, OK.
Felly, os ydych yn gofyn beth dosbarthiadau, dosbarthiadau yn cael eu trin yn wahanol iawn,
ac mae ganddynt gynllun 'n sylweddol' n annaearol a elwir yn prototeipio, nad ydych yn ei wneud
angen i ni wybod am.
Nid oes unrhyw ffordd sefydlog i wneud hynny.
Felly, os ydych am i gynhyrchu lluosog, byddwch yn Byddai unig fath o swyddogaeth
neu rywbeth.
Ydych yn cynhyrchu eich swyddogaeth ei hun.
A byddech yn dychwelyd gwrthrych.
Dyna fyddai'r hawsaf ffordd i wneud hynny.
A yw hynny'n gwneud synnwyr?
OK.
Great.
Felly, ar ôl i ni gael dealltwriaeth o JavaScript gwrthrychau, maent yn cael eu -
oh, ie.
>> GYNULLEIDFA: [Anghlywadwy]
enghraifft, beth yw'r gwahaniaeth rhwng "Roger" gyda dyfynodau dwbl yn erbyn
[Anghlywadwy] gyda dyfynodau sengl.
>> ROGER ZURAWICKI: OK.
Felly, mae hyn yn C, mae gennym y sengl dyfyniadau cynrychioli chars, a dwbl
dyfyniadau cynrychioli llinynnau.
JavaScript mewn gwirionedd yn taflu hyn i ffwrdd oherwydd gallwch gael llinynnau gyda
dyfyniadau sengl neu ddwbl, ac mae oes y fath beth â torgoch sengl.
Ond os ydych yn unig copïo yr un Cod C, JavaScript byddai
drin yn jyst ddirwya.
Pa un yw pam yr wyf yn ei thrin fel -
dyna pam y gallaf llythrennol porthladd y cod yn hynny o beth.
>> Ac yr wyf yn awyddus i ddangos i chi enghraifft gwrthrych yn fwy cymhleth.
Felly, gallwch yn sylwi bod un gwrthrych yn gallu cael llinynnau fel gwerthoedd.
Gall gael rhestr arall o werthoedd.
Gallai gael rhestr o gwrthrychau fel gwerthoedd.
Does dim cyfyngiad i hyn.
Felly dyma, 'i' jyst yn enghraifft dda o sut y gallwch gael llawer
gwahanol fathau mynd ymlaen i gyd yn un gwrthrych.
Yw hyn yn gwneud synnwyr?
>> Nawr, gallwch hefyd gael araeau o wrthrychau.
A dyma yn fath o debyg i'r hyn yr ydych Gofynnodd, os gallwch gael amcanion o
un math.
Ond y broblem yw, nid oes sefydlog fformat ar gyfer gwrthrychau yn JavaScript.
Felly, rhaid i chi nodi eich hun.
Ac mae'n rhaid i chi wneud yn siŵr eu bod yn unffurf.
Felly dyma, pan fyddaf yn creu gwrthrych, yr wyf wedi i wneud yn siŵr bod pob un yn cael
enw, ac mae pob un wedi tŷ.
>> Ac yna Mae gen i amrywiaeth o hynny, a gall hynny fod fy bwthyn.
Ac yna yma gallwch math o gweler y ddolen ar gyfer mynd ymlaen.
Mae'r am ddolen fod yn ddim ond 'n sylweddol gyffredin ffordd i groesi dros amrywiaeth
yn JavaScript.
Sylwch fod y patrwm hwn yn debyg iawn i'r C cyfatebol, lle rydych yn
cael int i yn hafal i sero. i yn llai na hyd.
Ac yna i yn ogystal a mwy.
>> Mae bron yr un cod, ac eithrio ar gyfer ychydig o fanylion.
Felly, mae pawb yn deall beth yw gwrthrych yn?
Meddyliwch am y peth fel strwythur C.
A'r ffordd yr ydych gael mynediad i'r caeau dim ond gyda dot.
A chyn belled ag y byddwch yn cofio sut i defnyddiwch y dot, byddwch yn iawn.
>> Iawn, felly nawr gall pawb yn darllen y cyswllt?
Dyma'r ddolen i'r prosiect.
A oes unrhyw un yn cael trafferth gweld y cysylltiad?
OK, gadewch i ni ei newid wedyn.
Dyw hi ddim yn -
Yeah, dyna mae'n debyg y ffordd hawsaf i wneud hynny.
Great.
>> Felly, os byddwch yn mynd i'r safle hwn, dylai fod bydd rhai gyfarwyddiadau sy'n 'n annhymerus'
mynd drosodd ar sut y gallwn osod Meteor ac yn cael ein rhedeg prosiect sampl.
Yr wyf am sicrhau bod gan bawb y ddolen i lawr cyn i mi symud.
Alla i symud ymlaen?
OK, mawr.
>> Felly, dyma fi ar y wefan.
Byddwch yn sylwi ar y ffeil darllen, mae gennym rai cyfarwyddiadau ar sut
i gael fed sefydlu.
Mae angen i chi fod yn naill ai yn y CS50 offer neu dim ond ar Mac.
Ni fydd Windows yn gweithio.
Ond yn y bôn unrhyw beth nad yw yn Dylai ffenestri weithio gyda'r rhain
cyfarwyddiadau jyst ddirwya.
Ond gallaf ei wneud yn ychydig yn mwy yn ogystal.
>> Felly, byddwch yn rhedeg y cyntaf pâr o orchmynion.
Bydd y rhain yn guys yn unig gorsedda Meteor.
Gallaf fynd i mewn i fy terfynell.
Ac os wyf yn rhedeg yr un peth yn awr, Yr wyf eisoes wedi ei osod.
Felly mae'n dipyn byrrach.
Efallai y bydd yn cymryd ychydig yn hirach i chi guys.
Ond yr wyf am wneud yn siŵr yn gyntaf bod gennym Meteor rhedeg.
Ar ôl Meteor wedi gosod, dylech yn gallu cael nod yn y consol.
>> GYNULLEIDFA: Maent yn gofyn am gyfrinair.
>> ROGER ZURAWICKI: Byddai hynny'n eich cyfrinair defnyddiwr, os ydych ar Mac.
'I jyst angen caniatâd i addasu rhai ffeiliau system.
Felly, y cwestiwn oedd, os bydd yn gofyn i chi am cyfrinair, 'i' jyst yn gofyn i chi
ar gyfer eich enw defnyddiwr cyfrinair pan byddwch yn logio i mewn i'ch Mac.
Ac mae hyn yn fel y gallwch newid ffeiliau system.
>> A phan fyddwch yn barod, gallwch symud ymlaen i'r cam nesaf, a fydd yn copïo'r
sampl cod gennyf o'r wefan.
A byddwch yn cael cyfeiriadur newydd yn eich cyfeiriadur cartref o'r enw leaderboard, a
gallwn ddechrau gweithio oddi yno.
Felly, Im 'jyst yn copïo a gludo y rhain gorchmynion i mewn i fy terfynell.
Ac i mi, yr wyf eisoes wedi'u clonio ei.
Felly, gallaf yn unig yn awr yn symud i arweinwyr.
A dylai gen i ychydig ffeil mewn yno.
Unrhyw gwestiynau?
>> GYNULLEIDFA: [Anghlywadwy] nad ydynt yn gweithio.
>> ROGER ZURAWICKI: O, byddwch efallai angen git gosod yn ogystal.
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Mae'n ddrwg gennyf?
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: O, OK.
OK.
Mae hynny oherwydd efallai y bydd angen i chi fod yn logio i mewn i GitHub i gael y ddolen hon.
Os gallwch chi guys weld, yr hawsaf ffordd i wneud hynny byddwn wedyn ddweud yw
lawrlwytho'r zip.
A bydd hyn yn jyst download holl ffeiliau.
Ac yna ar ôl i chi roi yn eich lawrlwytho neu eich cyfeiriadur cartref -
Rwy'n argymell ei roi yn eich cyfeiriadur cartref er mwyn i ni i gyd
rhedeg yr un gorchmynion.
Cyn belled â bod gennym y ffeiliau, byddwn yn yn gallu dechrau gweithio gyda hwy.
Gadewch i mi wybod os yw pobl yn cael trafferth lwytho i lawr y ffeiliau.
>> GYNULLEIDFA: Drwy cyfeiriadur cartref, ydych yn ei olygu -
>> ROGER ZURAWICKI: Felly cyfeiriadur cartref y byddai fod John Harvard, os ydych yn
yr offer CS50.
I gyrraedd eich cyfeiriadur cartref, jyst deipio i mewn C.
>> GYNULLEIDFA: [Anghlywadwy]
Offer CS50 [Anghlywadwy].
>> ROGER ZURAWICKI: Ydw.
Byddwch am redeg y gorchmynion yn eich terfynell.
>> GYNULLEIDFA: [Anghlywadwy].
Cefais gwall sy'n dweud dim ffeil neu cyfeiriadur o'r fath.
>> ROGER ZURAWICKI: Gallwn gymryd yn gyflym torri a dim ond gwneud yn siwr bod
gan bawb Meteor gosod, ac 'n annhymerus' dim ond yn mynd ceisio helpu pobl allan.
Os gwelwch yn dda ceisio helpu ei gilydd os ydych yn rhedeg i mewn i broblemau.
Mae'n ddrwg gennym, yeah.
A ydych yn y teclyn?
>> GYNULLEIDFA: Yeah.
Mae gen i'r Risa
>> ROGER ZURAWICKI: OK.
Os byddwch yn mynd yn ôl at y wefan, mynd sgrolio i fyny i'r brig.
Ac mae HTTPS hwn.
>> GYNULLEIDFA: Copi hyn?
>> ROGER ZURAWICKI: Yeah.
Ac yna rydych am ei deipio i mewn clôn git.
Felly, os ydych yn bwyso Control A -
>> GYNULLEIDFA: Yma?
A pheidiwch [Anghlywadwy]?
>> ROGER ZURAWICKI: G-I-T.
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Git ac yna clonio.
Felly mae'n debyg iawn i'r gorchymyn i chi Roedd uchod, ond newidiodd y URL.
Felly, cyn iddo gael ei hyn, yn awr ei fod yn hyn.
Gadewch i mi ddiweddaru'r -
yeah.
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Mae hyn yn llwytho i lawr.
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: O, felly mae'n Nid oedd clôn yn gywir.
Byddaf yn atgyweiria hynny.
Mae gwall â cheisio i lawrlwytho'r ffeiliau.
Gadewch i mi diweddaru'r gorchymyn i chi guys fel y gallaf wneud yn siŵr y bydd yn gweithio.
Mae'n ddrwg gen i am hynny.
Dylai fod yn yr un fath ar gyfer Macs neu offer CS50.
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Rwyf wedi diweddaru y gorchymyn ar gyfer rhif dau, os
chi adnewyddu'r dudalen.
A gyda hyn, URL, dylech fod yn gallu lawrlwytho ffeiliau.
>> GYNULLEIDFA: Felly os ydym yn dal i llwytho i lawr [Anghlywadwy].
>> ROGER ZURAWICKI: Os ydych yn yn dal i lwytho i lawr Meteor?
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Oes, os ydych am i ddatblygu ar eich Mac.
Ond mae angen i'r datblygwr Xcode offer gosod.
Rwyf wedi profi gorchmynion hyn ar y CS50 offer, fel y gallaf warantu
y bydd yn gweithio.
Ie. gadewch i mi fynd ac yn eich helpu.
>> GYNULLEIDFA: [Anghlywadwy].
Yr wyf yn rhoi fy nghyfrinair.
Mae hyn yn Mac.
Ac yna yr wyf yn ei wneud [Anghlywadwy].
>> ROGER ZURAWICKI: OK.
Byddwn yn ceisio rhedeg yr holl orchmynion yn unig yn y derfynell offer CS50.
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Byddwn yn cael ei gweithio cyntaf ar y derfynell, ar y
Offer CS50, ac yna y derfynell Mac.
>> GYNULLEIDFA: Felly, os ydych yn ei wneud ar y CS50 llosgydd fel 'na, [Anghlywadwy].
>> ROGER ZURAWICKI: Hoffwn symud ar, ond os yw pobl yn dal i gael
trafferth sefydlu Meteor, Kevin yn fwy na pharod i'ch helpu chi guys allan,
Kevin yn y crys llwyd.
Beth ddylem ni ei gael yw ein bod yn mynd i rhedwch y gorchymyn olaf, rhif tri, yn
ein terfynell.
Pan fyddwn yn gwneud hynny, byddwn yn rhedeg Meteor.
>> A dylech -
oh, yr wyf eisoes wedi Meteor rhedeg.
Felly, nid yw'n mynd i adael - gadewch i mi dim ond cau fy Meteor eraill.
Pan fyddaf yn rhedeg Meteor, rydych yn Dylech yn awr weld hynny -
dylech fynd i weld y cyfeiriadur cyfredol ei fod yn gwasanaethu.
Ac yn awr ei fod yn mynd i ddweud y gweinydd yn rhedeg ar http://localhost.
Dyna yr URL rydych eisiau rhoi mewn yn eich porwr gwe.
>> Ac ar y URL, dylech fod yn gallu mynediad at arweinwyr bach neis.
Felly sylwi bod hwn ar localhost, sy'n golygu os byddwch yn gwneud unrhyw
newidiadau, nid ydych yn mynd i gweld newidiadau gilydd.
Tra ar y wefan wyf yn dangos i chi ar y dechrau, gallem gael
newidiadau pawb gan fod pawb yn cael mynediad at yr un wefan.
>> Felly, gadewch i mi jyst yn mynd at [? gair?]
3,000.
Felly, dylech fod yn gallu i ddim ond cadarnhau bod rhaid i'r gwaith.
Gallwch ddewis gwahanol bobl, ac y gallwch ei roi gwahanol bwyntiau iddynt.
Felly, yr wyf yn rhoi pwyntiau rhywun.
Gallwch hefyd weld bod maent yn codi yn rheng.
>> Nawr, er budd pryd, mae yn dair nodwedd yr wyf i wedi
rhoi ar waith.
Ac rydym yn mynd i weithredu dileu defnyddwyr fel ein nodwedd gyntaf.
Ond cyn i ni symud ymlaen, yn cael eu A oes unrhyw gwestiynau?
Rydych yn cael eich llaw i fyny.
Ie?
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Allwch chi wirio y Meteor yn cael ei osod?
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: cynnal Lleol 3,000?
Ac ydych chi yn y peiriant CS50?
Gallaf ei wneud -
Nid oes rhaid i chi fod ar Mac.
Bydd hyn yn gweithio yn yr offer.
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Yn arferol porwr gwe, yeah.
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Ydy rhedeg Meteor?
Felly OK, mae gwahaniaeth yma.
Os ydych yn rhedeg yn y offer, rhaid i chi wneud
localhost o fewn yr offer.
Os ydych yn rhedeg yn eich Mac, fel yr wyf fi, yna gallaf ei wneud
fy Mac Google Chrome.
Ond os ydych chi'n defnyddio'r offer CS50, rhaid i chi wneud popeth
yn y peiriant.
Felly, rhaid i chi ddefnyddio Google Chrome yn y peiriant.
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Mae'n LandLine yn dal i ddim yn gweithio?
>> GYNULLEIDFA: [Anghlywadwy].
>> ROGER ZURAWICKI: Felly, dim ond i ailadrodd, sut yr ydych yn cael mynediad i'r wefan nawr.
Mae gennych URL yma ar localhost 3,000.
Os ydych chi yn y peiriant CS50, rhaid i chi agor CS50
Google Chrome offer yn.
Ac yn y Google Chrome o fewn y offer, gallwch deipio yn y URL,
a dylech weld arweinwyr.
Felly, yr wyf i'n mynd i ychydig roi i ffwrdd i'r ochr yma ychydig.
Ac yn awr yr wyf i'n mynd i agor fy golygydd testun dros yma.
Felly, gadewch i mi ond gwnewch yn siŵr bod y cod mewn trefn.
OK.
Great.
>> Hoffwn yn awr cerdded trwy y cod ychydig.
Ac y ffeil gyntaf hoffwn i ddechrau gyda yw leaderboard.html.
Byddwch yn gallu cael y cod hwn ar ôl y seminar, felly Fi jyst eisiau dangos
chi ar fy nghyfrifiadur beth sy'n mynd ymlaen.
Felly, yr wyf yn gobeithio y gall pawb yn gweld hyn.
Felly, ar y cychwyn cyntaf y ffeil, rydym yn wedi ein pennaeth a'r teitl, sy'n
yn debyg i'r hyn a welsom ym mhob dogfen HTML.
Ac yna rydym yn mynd i gael y tag corff yma.
>> Yr hyn yr wyf wedi dewis yw'r brif corff, yn y bôn yr hyn sydd
mynd i gael eu harddangos.
Ond mae rhai nad ydynt yn HTML newydd pethau, ac sydd yn y
cromfachau ongl dwbl.
Ac mae'r rhain yn tagiau templed.
Felly, byddwch yn gweld yma braced hwn arweinwyr newydd braced.
Ac mae hyn yn fath o - feddwl am y peth â galw swyddogaeth i'r HTML.
>> Mae hwn yn fersiwn arbennig o HTML.
Mae'n y fersiwn sy'n defnyddio Meteor, a oedd yn Dyna pam y gallwch arddangos gwahanol
pethau, fel yr arweinwyr enwau a botymau.
Ond arweinwyr yn dweud wrthych i fynd i'r templed gydag enw leaderboard.
Felly nid templed yn cael ei arddangos gan ei hun, ond mae'n swyddogaeth, felly mae'n
Bydd yn cael eu galw.
A byddwch yn lle yn hyn i gyd cod dde yma i arweinwyr.
>> Mae'r rhan diddorol o leaderboard yma yn unig y tabl hwn.
Os ydych yn unig yn ei ddarllen, ddarllen y cod hwn yn uchel, dylai fod yn reddfol
oherwydd bod arweinwyr, popeth o fewn ein gennym yma yw bwrdd.
Mae'r pethau dosbarth ID nad ydych yn Mae angen i chi boeni am.
Dim ond yn gwybod bod yna pennawd y tabl.
Dyna thead hwn.
>> Ac mae'n dod o hyd i enw a sgôr.
Pob tag hyn, fel thtable, thead, byddwch yn unig yn dysgu wrth fynd ymlaen.
Dyw hi ddim yn bwysig eich bod yn cofio hyn gan gallwch gael gafael ar unrhyw
cyfeirio ar-lein.
Neu erbyn diwedd y semester, mae'r rhain yn Bydd yn unig yn gyfarwydd iawn gyda chi.
>> Ar ôl y pennawd y tabl, mae'r ran yr wyf am dynnu eich
sylw iddo yw h hwn tag.
Oherwydd ei fod mewn cromfachau dwbl, mae'n templed.
Felly, mae hynny'n golygu ar gyfer pob un o'r chwaraewyr, beth bynnag chwaraewyr yw, mae'n rhaid i ni
arddangos.
Ac rydym yn mynd i'r templed chwaraewr.
>> Os byddwn yn sgroliwch i lawr ychydig yn fwy -
Yr wyf yn gobeithio y gall pawb weld hynny.
Mae gennym y templed chwaraewr.
Ac mae templed hwn yn y bôn yn diffinio cell bwrdd, lle rydych yn ei roi yn y enw
yma ac y sgôr.
Zoom allan yn awr, gallwn weld y darn hwn o god -
a dyna oedd ein chwaraewr i lawr yno -
yn diffinio un o'r celloedd hyn.
Mae pob peth yr wyf glicio yn dod yn felyn.
>> Ffordd syml y gallwn i newid yn awr.
Gwnewch yn siŵr Meteor yn dal i redeg.
Dylai Meteor fod yn broses gweinydd, er mwyn i chi ei adael
redeg pan fyddwch yn datblygu.
Lets 'ddeud fy mod am newid yr holl enwau neu y sgôr.
A byddwn yn dweud fy mod i'n mynd i ychwanegu pwyntiau yma.
Felly, y newid wneuthum yma oedd, yn hytrach na sgôr yn unig, yr wyf yn
ychwanegu pwyntiau gofod sgôr.
>> Rydw i'n mynd i chwyddo allan, ac rwy'n mynd i achub fy ffeil.
Ac ar ôl i mi arbed fy ffeil, Fi angen i wneud yn siŵr Meteor yn rhedeg.
Mae'n ddrwg gennyf am hynny.
Yr wyf yn awyddus i ddangos i chi golygiadau eu gwneud mewn amser real.
Felly, 'n annhymerus' jyst newid rhai testun.
Cliciwch chwaraewr.
Rydw i'n ei roi ym mhob gapiau.
A dylai fod yn bod os yw hyn yn gweithio yn briodol, pan fyddaf yn ei arbed, mae'n
Byddai diweddaru.
>> Oh, yr wyf yn meddwl ar hyn o bryd yw'r broblem Dydw i ddim yn y cyfeiriadur cywir.
OK.
Mae'n ddrwg gen i am hynny.
Felly dyma, yr hyn y byddwch yn sylwi ei aeth fy newid drwy.
Yn awr yn dweud fy mod yn awyddus i adfer y newid.
Dw i eisiau mynd yn ôl at yr hyn yr wyf wedi.
Im 'jyst yn mynd i deipio fel arfer.
Cliciwch chwaraewr.
>> Mae hyn o bryd i'n arbed, mae'r safle adnewyddu i mi.
Ac yr wyf yn gweld fy newid ar y safle yn syth.
Mae hyn yn nodwedd yn ddefnyddiol iawn yn debugging oherwydd erbyn hyn
Nid oes gennyf i -
pan fyddwn yn ysgrifennu C cod, nid yn unig a wnaethom rhaid i achub y ffeil, ond roedd rhaid i ni
yn ei gwneud yn ac yna rhedeg eto.
Meteor yn neis iawn oherwydd yn wahanol i C, o bryd i chi arbed eich HTML neu
JavaScript ffeil, gall y newid yn dangos i fyny ar unwaith.
>> Un cwestiwn yw, yn y templedi hyn, sut y ydw i'n cael y gwerthoedd fel chwaraewyr
neu ddewis enw?
Os byddaf yn chwyddo i mewn yma i mewn i fy cod, Rwy'n gweld hyn ar gyfer pob chwaraewr.
Felly, y templed yn gwybod bod Mae gen i chwaraewyr rywsut.
Ac mae'n gwybod bod yna enw a ddewiswyd.
Ble mae hyn yn dod?
Mae hynny'n dod o'r JavaScript.
>> Ac os byddwch yn mynd i leaderboard.js, mae hyn yn ffeil, erbyn hyn pan fyddaf yn mynd yma, mae gennym
diffinio ychydig gorchmynion.
Mae hyn yn cystrawen Meteor arbennig.
Sylwch nad oes angen i chi VARs neu unrhyw beth.
Ond mae'r rhain yn unig structs ar structs ar structs neu gwrthrychau hyn.
A'r holl dwi'n diffinio yw'r templed a elwir yn arweinwyr.
>> Dylai arweinwyr gael beth a elwir yn chwaraewyr.
A beth yw chwaraewyr?
Mae'n beth bynnag ymadrodd hwn yn dychwelyd.
A beth yw enw a ddewiswyd?
Mae'n ychydig cod mwy.
Mae manylion y cod byddwn ni cwmpasu ychydig yn ddiweddarach.
Ond ar hyn o bryd yr wyf am i chi ddeall bod yn y cod hwn, rydym yn cymryd
chwaraewyr, ac rydym yn rhoi gwerth.
Yn yr achos hwn, mae'n swyddogaeth sy'n cael ei weithredu.
Felly, gallwn gael y gwerth yn ôl pan fyddwn yn rhedeg y swyddogaeth.
Mae hyn yn log.
A yw hynny'n gwneud synnwyr?
>> Gallaf newid y ffordd y mae'n cael ei datrys.
Yma, mae gwrthrych fath.
A beth mae hyn yn ei ddweud yw fy mod i'n mynd i ddatrys yn ôl sgôr i lawr yn gyntaf a
Yna enw esgynnol.
Os byddaf yn newid hyn i un, mae'n mynd i ddatrys esgynnol sgôr.
Felly dylai fod yn sero ar y brig.
A phan wyf yn chwyddo i mewn i fy gwefan, rydym yn yn awr yn gweld bod y wefan ei diweddaru.
Ac mae'r sgôr yn esgyn.
>> Mae'r swyddogaeth nesaf Fi jyst eisiau ymwneud ag ef yw cliciwch cynyddiad.
Allan o ddiddordeb o amser, nid wyf yn yn gallu ymdrin â mwy o'r Meteor
cod, ond mae digon o adnoddau sydd ar gael, a byddaf yn
yma ar ôl y seminar.
Ond yr wyf am i dalu am digwyddiadau leaderboard.
Mae'r gystrawen byddwch yn dysgu ychydig yn ddiweddarach yn y ddarlith.
Mae hyn yn JavaScript.
>> Rydym yn jyst yn deud, pan gawn cliciwch, ac mae'n ar y cynyddiad, mae hyn yn
hash yn unig yn golygu adnabod.
Ar y tag adnabod cynyddiad, yna rydym am i ddiweddaru - y geiriau allweddol rwyf am i chi
i wylio yn diweddaru a dethol a chwaraewr.
Felly, pa un bynnag chwaraewr a ddewiswyd, rydym yn ei ddiweddaru.
A beth ydym yn ei wneud yw ein cynyddiad ei sgôr gan bum.
A fydd yn disgrifio'r ymarferoldeb sydd gennym yma.
>> Ar ôl diwedd y seminar hwn, rydym yn annhymerus ' yn gallu gweld rhywfaint o cod mwy.
Ond gan fynd yn ôl at fy nod yr wyf am ei newid y safle, roeddwn i eisiau dros yma
i ychwanegu botwm tynnwch felly Gallaf dileu y chwaraewr.
Felly, er mwyn gwneud hynny, mae angen imi i wneud dau beth.
Angen i mi ddiweddaru'r HTML, diweddaru'r edrych ar, yr hyn sy'n cael ei ddangos i'r defnyddiwr, ac
Yna cael rhywfaint o JavaScript, pan fydd y botwm yn cael ei bwyso, Meteor yn mynd
i wneud rhywbeth.
Mae'n mynd i gael gwared ar y chwaraewr.
>> Felly, mae llawer o ddarnau o god sydd wedi bôn eisoes
cael ei wneud i mi.
Os wyf yn edrych yma, yr wyf eisoes wedi ffordd o gael y chwaraewr dethol.
Dyna pethau hyn, os gallwch ei weld.
Felly, os wyf yn unig -
Rydw i'n mynd i gael digwyddiad arall.
Felly, yr wyf i'n mynd i gopïo yr hyn yr wyf wedi.
Gan fod hwn yn rhestr, Fi jyst angen atalnod.
>> Felly, yn awr yr wyf i'n mynd i glicio dileu.
Ac yna yn lle diweddariad chwaraewyr, Rydw i'n mynd i wneud chwaraewyr dileu.
A'r holl chwaraewyr dileu anghenion yn chwaraewr dethol.
Felly swyddogaeth hyn i gyd ei angen arnom.
Mae angen i mi ychwanegu rhai HTML yma er.
Felly os wyf yn sgroliwch i lawr yma, dyma'r safbwynt HTML.
Cawsom beth yma, a oedd yn tag.
Nid oes angen i chi boeni am hynny.
>> Yr hyn sy'n bwysig i chi yw hwn cynyddiad adnabod.
Ac mae hyn yn yr hyn ein galluogi i ddweud, pan rydym yn clicio cynyddiad, mae'n rhaid i ni
rhoi pum pwynt.
A byddwch yn gweld bod hyn yn botwm.
Dyna beth mae'r Btn yn ei olygu.
Ac mae'r testun yn y botwm yn rhoi pum pwynt.
Felly, yr hyn yr wyf i'n mynd i wneud yw fy mod mynd i gopïo y llinell hon.
Rydw i'n mynd i newid y adnabod i ddileu.
Ac yr wyf i'n mynd i newid y testun yma i ddileu.
>> Felly gwnewch yn siŵr bod popeth yn arbed.
Dw i eisiau mynd yn ôl i fy JavaScript i wneud yn siŵr fy mod wedi
dileu leinio i fyny yma.
Da.
Felly, yr wyf i'n mynd i arbed ffeiliau.
Ar ôl arbed ffeiliau, rydym yn Gall fynd yn ôl i'r gwaelod.
Ac yn awr rydym yn gweld gennym a dileu botwm.
Ac un yn fwy cam.
Byddwch yn sylwi efallai y byddwch yn cael gwall oherwydd pan fyddaf yn clicio
dileu, dim byd yn digwydd.
>> Mae ffordd i debug hyn yw mynd yn ôl i Archwilio Elfen.
Rwy'n gwneud hyn ar bwrpas fel y gallwch gweld sut y byddech yn debug rhywbeth.
Yn Archwiliwch Elfen, rydym wedi pob un o'n destun i lawr yma.
Dw i eisiau mynd yn ôl at y consol.
A beth fydd yn digwydd pan fyddaf yn mynd yma yn yr wyf yn cael rhyw fath o wall.
Mae'n dweud nad oes dull dileu.
>> Felly, beth mae hyn yn ei ddweud yw pan fyddaf yn mynd yn ôl i'r cod, yr wyf yn galw chwaraewr
dileu yma.
Dileu mewn gwirionedd nid y gorchymyn cywir.
Felly, er mwyn cael gwybod beth oedd y gorchymyn cywir yw, mae y API Meteor.
Mae'r ddogfennaeth wyf am i bwynt chi guys i yn unig yn meteor.com.
Felly mae gen i fyny yma.
Mae hyn yn unig er mwyn i chi guys yn gwybod ble i ddysgu mwy.
>> Mae dolen i'r ddogfennaeth.
Ac yn y bôn, yr wyf yn gallu dim ond yn dod o hyd ar gyfer dileu.
A'r hyn yr ydych yn gweld, dileu mewn gwirionedd dynnu.
Dyna'r gorchymyn sy'n Angen i mi alw.
Felly nawr ein bod yn gwybod hynny, yr wyf i'n mynd i newid hyn dileu i gael gwared.
Felly nawr, pan fyddaf yn mynd yn ôl at fy leaderboard safle, dw i'n mynd i glicio
dileu, ac erbyn hyn rwy'n mynd.
Does dim mwy Roger.
A gallaf ddal ati dileu pob enw sengl hyd nes i mi gael dim ar ôl.
>> Felly dyna oedd llawer rhagolwg o sut i ddefnyddio Meteor.
Byddwch yn dysgu llawer mwy JavaScript ac HTML angenrheidiol i wneud
yn edrych prettier, y byddwn yn ymdrin ag ef yn [yr wythnos hon? darn?] a osodwyd ar gyfer HTML
a JavaScript yn y nesaf [? darn?] osodwyd.
>> Felly peidiwch â chael poeni os nad y cyfan pethau hyn yn dod yn hawdd i chi.
Bydd yn Erbyn yr amser y y prosiect terfynol.
Diolch am ddangos i fyny.
Mae'r cyswllt Byddaf yn diweddaru'r fuan ar ôl y seminar er mwyn i chi weld rhai mwy
enghreifftiau yr wyf wedi rhoi ar waith ar sut i gael yr arweinwyr yn fwy datblygedig
sydd gennyf ar y wefan hon yma yn un-radical-leaderboard.meteor.
Diolch yn fawr.
>> [Cymeradwyaeth]