>> JASON Hirschhorn: Croeso, bawb, i wythnos naw.
Mae gennym wythnos cyffrous o'n blaenau oherwydd ein bod wedi ein set problem terfynol.
Mae gennym hefyd iaith newydd sbon, JavaScript, eich bod eisoes yn
nghanol defnyddio nid yn unig ar gyfer y set broblem, ond mae llawer ohonoch yn
yn ôl pob tebyg ddefnyddio er mwyn terfynol prosiectau, yn enwedig
prosiectau terfynol ar y we.
Felly, dyna beth y byddwn yn mynd dros heddiw ar ôl siarad yn fyr am adnoddau,
yr ydym yn ei wneud bob wythnos.
Byddwn yn neidio i mewn JavaScript, ac yna byddwn yn gwario'r holl adran gyda
ymarferol ar weithgarwch codio Dolphin Hyfforddwr 2G13, sydd fel Madden
2013, ond ar gyfer dolffiniaid ac yn JavaScript.
>> [Chwerthin]
>> JASON Hirschhorn: Felly, fel bob amser, rhestr o adnoddau ar gyfer i chi edrych ar.
Mae'r adnoddau hyn yn arbennig o bwysig oherwydd yr wythnos nesaf ar
Dydd Mercher yw cwis un, eich ail a chwis derfynol yn y cwrs hwn.
Yn union fel cwis sero, mae'n 75 munud ac yn dechrau ychydig ar ôl 13:00.
Mae'n cwmpasu popeth ers dydd sero y cwrs hwn, ond mae'n sicr
pwysleisio popeth sydd wedi digwydd ers un cwis.
>> Ond wrth gwrs, yr ydym yn dan do ar gyfer dolenni yn y dechrau y flwyddyn.
Ar gyfer dolenni yn debyg, yn dal yn mynd i fod yn rhan o'r cwis hwn, felly nid yw'n
fel y gallwch anwybyddu popeth sy'n digwydd o'r blaen wythnos pum neu gwis sero
oherwydd bod y cwrs hwn yn adeiladu ar ei hun lawer.
Ond yn sicr bydd y pwyslais ar pethau rydym wedi dysgu ers yr wythnos chwech.
Mae hynny'n cynnwys PHP, JavaScript, SQL i fod yn sicr, a hefyd y mwy datblygedig
strwythurau data buom yn siarad am yn C. Mae llu o bynciau eraill, ond yr ydym yn
yn trafod yr wythnos nesaf wrth inni adolygu ar gyfer y cwis.
>> A hefyd, fel bob amser, os oes gennych unrhyw gwestiynau am y cwis wrth i chi yn
paratoi, mae croeso i anfon fy ffordd iddynt.
Ar hyn o bryd, a oes unrhyw un yn cael unrhyw cwestiynau cyflym am y cwis?
>> OK.
Nid oes angen i chi boeni am y peth neu freak gwybod am hyn o bryd, ond cadwch hynny mewn
nghefn eich meddwl, oherwydd dyna digwydd yr wythnos a diwrnod o hyn.
>> Yn olaf, yr wyf yn gwybod ein bod yn rhedeg tuag diwedd y semester -
dim ond dwy adran sy'n weddill ar ôl hyn - ond yr wyf yn dal cyffroi a
awyddus am eich adborth os oes gennych unrhyw.
Yr wyf am wneud rhai y mae'r ddwy adran gorau erioed.
Maent yn ôl pob tebyg fod, oherwydd bod gan bob adran hon yn anhygoel a'r gorau erioed.
Nid wyf yn gwybod sut mae hynny'n bosibl, ond maent i gyd wedi bod yn wych, yr wyf yn meddwl.
>> Mae'r adborth a Rwyf wedi gotten yn ymlwybro i ffwrdd i ddim a dim ers gyfer y
pythefnos diwethaf, felly, rhowch mi adborth os yw gennych.
Mae'n cymryd tri munud.
A allwch ddweud wrthyf pethau da i chi am i mi barhau i wneud neu
pethau y gallaf weithio ar.
Im 'yn ceisio i fod yn athro gorau bosibl, neu Im 'yn ceisio i wneud y gorau
Gallaf, ond ni allaf wneud hynny os nad wyf yn yn gwybod sut yr ydych guys yn ei wneud.
Ac mae'n anodd dweud pam eich bod yn syrthio cysgu yn y dosbarth, felly gadewch i mi
gwybod ar ôl pam oedd hynny'n wir.
>> Yr wyf yn dangos i chi y ddelwedd hon yr wythnos diwethaf.
Mae hyn yn y Teenage Mutant Ninja crwbanod beic a gefais pan oeddwn yn iau,
ac rydym yn parhau i wthio i chi guys heb olwynion hyfforddi wrth i ni drochi
chi mewn iaith arall.
Ond yn dawel eich meddwl, JavaScript, fel PHP, yn debyg iawn i bethau rydych wedi
wneud yn y gorffennol.
Mae llawer o'r rhesymeg trosglwyddo drosodd, os nid yw'r cystrawen, yn union un-i-un.
Ond unwaith eto, mae'r holl ieithoedd hyn sy'n rydym wedi mynd drosodd yn y cwpl yn y gorffennol
wythnos, er eu bod yn ymddangos yn llethol, yn hynod o bwerus a bydd yn caniatáu
i chi wneud llawer yn eich prosiect terfynol a gwefannau eraill yn ôl pob tebyg eich bod
cod yn y dyfodol.
>> Felly, heb ado pellach, rydym yn mynd i ddechrau plymio i JavaScript.
Rydym yn mynd i siarad am y peth yn fyr a Yna, mewn gwirionedd yn cael i mewn i'r ymarferol
codio ran o'r adran hon.
Felly JavaScript yn sgriptio ar ochr cleientiaid iaith, sy'n golygu ei fod yn
yn wahanol na PHP ac mae'n wahanol na pheidio C. JavaScript wedi llunio a
nid yw'n ei gyflawni gan y gweinydd.
Yn hytrach, byddwch yn ei lwytho.
Chi lwytho tudalen JavaScript pan fyddwch yn llwytho tudalen ar y we, ac yna mae'n executes
ar eich peiriant.
Sy'n golygu y gallwch weld yr holl JavaScript cod a oedd yn
ei anfon i'ch cyfrifiadur.
>> Weithiau mae'n fyrhau neu godedig yn bit, amgryptio ychydig, er mwyn i chi
Ni all ddweud yn benodol beth sy'n mynd ymlaen.
Er enghraifft, os ydych yn edrych ar CS50 neu yr ateb staff ar gyfer yr wythnos
broblem a osodwyd, a byddwch yn mynd i service.js, byddwch yn sylwi na allwch ddweud mewn gwirionedd
beth i'w wneud o'r hyn yr ydym yn rhoi i chi.
Rydym yn amgryptio ei fod yn rhan i wneud bod ychydig yn fwy anodd.
Serch hynny, gallwch weld yr union JavaScript ffeil ein bod yn gweithredu
ac mae ein rhaglen yn cael ei rhedeg ar.
Felly, dyna beth mae'n ei olygu i fod yn iaith sgriptio ochr cleientiaid.
>> Yn debyg i C a PHP, fodd bynnag, JavaScript Mae ar gyfer dolenni, os / arall
amodau, tra dolenni.
Yn debyg i PHP, mae ganddo dolen foreach hefyd.
Ac eto, yn debyg iawn i'r cystrawennau yr ydym wedi'u gweld yn
ieithoedd sydd rydym wedi eisoes yn gweithio gyda nhw.
>> Yn olaf, un o rannau oeraf JavaScript, ac yn rhywbeth y byddwn yn
yn gwneud llawer heddiw, ac mae'n debyg wnewch chi helpu yn gwneud llawer gyda'ch P osod os ydych yn
Nid yw wedi profi eisoes, yw eich Gall edrych ar yr holl wallau sydd gennych
yn eich cod drwy JavaScript Console.
Rydym yn edrych arno yr wythnos ychydig diwethaf.
Rydym yn edrych ar wahanol fath o consol i arolygu dudalen, ond mewn
Chrome, unwaith eto, gallwch weld y cynllun, HTML, dogfennu bod eich tudalen yn
ddangos i chi ar y sgrîn.
Gallwch hefyd weld pob un o'r JavaScript ffurf y dudalen, a gallwch hefyd, fel
Dywedais, gweld yr holl o'r gwallau yn y JavaScript Console.
A byddwn yn profi bod mwy yn ychydig pan fyddwn yn dechrau codio.
>> Un peth i'w nodi am JavaScript newidynnau.
Fel newidynnau PHP, maen nhw'n llac-deipio, felly nid oes angen i chi
rhoi math penodol iddynt.
O ran cwmpas, a ddiffinnir gan y "var" allweddair.
Felly, os nad ydych yn rhoi allweddair o flaen o rywbeth, 'ch jyst ysgrifennwch enw'r
y newidyn, yna aseiniad gweithredwr, yn yr achos hwn yr arwydd cyfartal.
Rydw i'n anghofio hanner colon iawn yno, ond cymryd yn ganiataol mae yna colon
iawn yno.
>> Yna rydych chi'n creu newidyn byd-eang.
Os byddwch yn rhoi'r gair allweddol "var", yna eich bod yn rhoi rhyw fath o lleol
cwmpas, boed hynny i swyddogaeth neu dolen.
Felly, dyna un peth i Nodi, er newidynnau.
>> JavaScript yw iaith.
jQuery yn y llyfrgell a adeiladwyd ar ben yr iaith JavaScript, ac mae gennych
ei weld o'r blaen yn y ddarlith.
Fi 'n dal argymell, os ydych yn mynd i yn defnyddio JavaScript yn eich derfynol
prosiect, eich bod yn dod i adnabod jQuery.
Mae'n gwneud popeth rydych eisiau i wneud llawer, llawer haws.
Mae hefyd comes ag wych dogfennaeth ac enghreifftiau i helpu i gael
i chi ddechrau.
Heddiw rydyn ni'n mynd i fod yn ddefnyddio jQuery yn ogystal.
>> Mae'r rhain, yr hyn yr wyf yn ei gael ar y sleid hon, yw'r union elfennau sylfaenol o jQuery.
Yn frig eich ffeil HTML neu beth bynnag - eich ffeil index.php, eich
ffeil index.html - mae angen i chi cynnwys y rhain ddwy linell.
Mae'r rhain yn llinellau eithaf generig.
Mae'r llinell gyntaf yn cynnwys jQuery JavaScript ffeil, ac mae'r ail linell
yn cynnwys ble bynnag yr ydych wedi ysgrifennu eich cod JavaScript hun.
Ac wrth gwrs, oherwydd yn eich JavaScript cod rydych chi wedi'u defnyddio yn ôl pob tebyg
rai swyddogaethau llyfrgell jQuery, y mae angen i fynd ar ôl y
sgript cynhwysiant jQuery.
Byddwn yn archwilio hyn eto mewn munud.
>> Ac yn olaf, yn y ffeil JavaScript, Yr wyf yn galw hyn yn un index.js.
Gallai fod yn scripts.js.
Beth bynnag ydyw, pa bynnag JavaScript ffeil ydych chi, byddwch yn dechrau ar y cyfan
gyda llinell hon o god, arwydd doler, paren agored, dogfen, paren agos,
cyfnod, yn barod, paren agored, swyddogaeth, paren agored, paren agos, ac yna
Brace cyrliog.
Taflwch eich cod y tu mewn yno, ac yna yn dod i ben 'i ag a Brace cyrliog, yn agos
paren, hanner colon.
>> Felly, yn cymryd hyn yn ganiataol.
Os ydych yn mynd i gael ei ddefnyddio jQuery, lapio pob un eich cod jQuery y tu mewn
y llinell hon o god.
A byddwn yn gweld hynny eto mewn eiliad.
>> Unwaith eto byddwn yn gweithio gyda jQuery, a chofiwch ofyn cwestiynau wrth i ni fynd
heddiw, ond nid unrhyw un yn cael unrhyw gwestiynau am jQuery neu
JavaScript ar hyn o bryd?
>> OK.
Felly, heb ado pellach, yr wyf yn cyflwyno i chi Dolphin Hyfforddwr 2G13.
Yr wyf yn super gyffrous am hyn diweddaraf fersiwn o'r cynnyrch.
>> O, na!
Roeddwn mor gyffrous.
Yr oeddwn yn mynd i ddangos i chi guys, ond mae'n edrych fel nad ydym wedi
rhoi ar waith eto.
Gadewch i ni wneud ychydig yn fwy hwn.
Felly os wyf yn llwytho'r cod ar gyfer Dolphin Hyfforddwr - Dang ei.
Mae'n ddrwg gen i, guys.
Oeddwn yn gweithio ar hyn cyn y dosbarth.
Yr wyf yn meddwl y byddwn i'n wedi ei orffen, ond mae'n debyg fy mod yn dal i gael rhywfaint o
gwaith ar ôl i'w wneud.
Ond diolch byth, i chi guys i gyd yn cael rhywfaint o JavaScript a jQuery arfer, felly
gadewch i ni fynd yn ei flaen ac yn gorffen hon gyda'n gilydd.
>> Rwy'n credu fy mod anfon guys copďau o hwn, oherwydd fy mod yn super gyffrous
am y peth, felly dylech gael yr un cod sydd gennyf.
Gadewch i ben i -
dang iddo, guys, mae'n ddrwg gen.
Gadewch i ben i mewn i'r derfynell, er.
>> Yn union fel eich problem yn y gorffennol setiau, os oes gennych fy -
gadewch i ni wneud ychydig hwn yn fwy, hefyd, i chi guys -
ydych yn cymryd fy ffeil sip.
Rydych yn unzipped mae'n debyg.
Gadewch i ni fynd yma.
Ac yna gobeithio, i chi symud i mewn i yr un cyfeiriadur lle rydych yn arbed
eich problem yn gosod wyth cod.
Ac rydym yn arbed yn y cyfeiriadur yna felly gallaf mynediad iddo - neu gallwn ni i gyd gael mynediad at y
cod yn y porwr Chrome ar ein cyfrifiadur.
>> Ac unwaith eto, i gael at y cod hwnnw, yr ydych yn teipiwch y cyfeiriad a geir yn
y gwaelod, ochr dde eich offer, i lawr yma.
Byddwch yn dod o hyd i eich cyfeiriad IP.
Gallwch deipio hynny yn y porwr Chrome ar eich cyfrifiadur, ac yn yr achos hwn,
ers i ni yn yr adran naw folder, mae gennym hefyd i ychwanegu
slaes adran naw.
>> Gadewch i mi -
wps.
Rydw i'n mynd i leihau hyn felly nid wyf yn ei wneud rhaid inni barhau i glicio drwy hynny.
>> Felly dyna sut yr wyf yn sefydlu cod hwn.
Rwyf eisoes wedi gwneud hynny eisoes.
Dydw i ddim yn mynd i fynd drwy'r rheiny camau oherwydd dyna beth mae'r
dechrau o'r broblem a osodwyd teithiau cerdded chi drwy sut i wneud.
Felly, mynd yn ei flaen a byddwch yn cael i osod hwn i fyny mewn eiliad, ond gadewch gyntaf
archwilio cod hwn fel grŵp.
>> Gadewch i ni weld beth wnes i.
Yr wyf yn ceisio cael y rhan fwyaf ohono ei wneud cyn y dosbarth, ond yr wyf yn credu fy mod
oedd ychydig y tu ôl.
Felly, gadewch i ni agor index.html.
>> OK.
Ac index.html yn syml iawn dudalen oherwydd nid i ddim
eisiau mynd yn rhy crazy.
Fi 'n sylweddol eisiau gwneud yn siŵr ei fod yn yn gweithio, ond mae'n debyg fy mod
nid oedd yn cael mor bell â hynny.
>> Dyma y pen, sy'n dod i'r dde y tu mewn tagiau HTML hynny, ac rydym yn sylwi
cwpl pethau dde oddi ar y ystlumod.
Mae gennym y ffeil CSS cywir yma ac briodol
lleoliad y ffeil CSS.
Mae gennym llyfrgell jQuery yma, a byddwch yn sylwi ar rywbeth gwahanol
am hyn.
Y ffynhonnell yn rhywbeth iawn, iawn hir.
ajax.googleapis.com/--
math o yn edrych fel URL, ond mae'n Nid yw yn sicr yn edrych fel
js jquery.js /.
>> Ac mae hynny oherwydd penderfynais fy mod nad ydych am i gael i lwytho i lawr y
jQuery ffeil, a'i lusgo ac arbed yn fy llyfrgell, a bod yn
gyfrifol amdano.
Yn hytrach, Im 'jyst yn mynd i gymryd y JavaScript ffeil sy'n cynnal Google.
Felly Google mewn gwirionedd yn cynnal nifer o llyfrgelloedd, a jQuery, gan ei fod yn un
o'r rhai mwyaf poblogaidd, mae'n cynnal bod un hefyd.
>> Ac oherwydd ei fod yn cynnal ei, nid wyf yn Mae angen i chi boeni am y peth, ac maent yn
diweddaru, ond pan fyddant yn diweddaru Mae'n debyg y bydd rhaid i mi newid y
nifer cywir yma.
Ond dim ond i wneud fy holl ffeiliau system ychydig yn llai glân.
Dydw i ddim yn hoffi cynnal holl ffeiliau hyn.
Mae'n llawer brafiach os Google yn gorfod cynnal eu i mi.
Felly, mae hyn, unwaith eto, yn cael y cyfan JavaScript ffeil, ond mae'n dim ond bod
a gynhaliwyd gan Google yn hytrach nag ar fy system ffeil ar fy nghyfrifiadur.
>> Rydym hefyd yn gweld fy mod yn rhoi mewn dau mwy ffeiliau dolphins.js a trainer.js.
Byddwn yn edrych ar y rheini mewn eiliad.
Ac yn olaf, y teitl hwn iawn yma.
Pwy all ddweud wrthyf beth y cod hwn y tu mewn tagiau teitl hyn, lle
sy'n mynd ar fy dudalen?
>> GYNULLEIDFA: Fel y peth sy'n y bar offer neu beth bynnag?
>> JASON Hirschhorn: Yeah, y tab bach ar frig y ffenestr Chrome.
Dyna lle y testun yn mynd.
>> Y tu mewn i'r corff, ag y gallwch gweld, nid yw llawer pethau yma.
Mae gen i dim ond tri divs.
Yr wyf yn rhoi rhywfaint o IDs iddynt, ac Yr wyf yn rhoi ychydig o destun mewn
Ond yr wyf yn dyfalu dyna pam rydym yn ei wneud Nid yw gweld dim dros yma.
A dweud y gwir, rydym yn gweld Dolphin Hyfforddwr 2G13.
Rydym yn gweld TODO.
Nid wyf yn gwybod lle mae hynny'n dod o oherwydd nid wyf yn gweld bod yma.
Felly, efallai mai dyna yn un o'r fy ffeiliau JavaScript.
Byddwn yn edrych ar hynny mewn eiliad.
>> A all rhywun arall ddweud wrthyf beth ID mae hyn yn golygu iawn yma?
>> GYNULLEIDFA: Mae'n ffordd o alw y adran benodol yn y [Anghlywadwy]
ffeilio?
>> JASON Hirschhorn: Yeah.
Dim ond yn ffordd i gyfeirio hwn div penodol.
IDs yn unigryw yn ddelfrydol.
OK?
Dorf anodd.
Felly, IDs yn gyffredinol unigryw.
Rydych yn rhoi i un penodol elfen yn eich cod.
>> Beth os ydw i eisiau cyfeirio at nifer o elfennau, boed hynny ar gyfer CSS
steilio neu jQuery?
Pa priodoledd y gallaf roi iddyn nhw?
>> GYNULLEIDFA: Dosbarth.
>> JASON Hirschhorn: Dosbarth, yn union.
Iawn.
>> Iawn, felly index.html, unwaith eto, ddim yn mynd llawer ar yma.
Felly, gadewch i ni agor ffeil arall.
Gadewch i ni weld yr hyn yr wyf wedi.
Dyna i gyd gennyf yma.
Gadewch i ni fynd i mewn i'r ffolder JS.
Dydw i ddim yn mynd i boeni am y CSS ar hyn o bryd.
Gadewch i ni agor dolphins.js.
>> Wps.
Neu yn hytrach -
OK.
Felly, dolphins.js, mae'n edrych mewn gwirionedd 'n bert yn debyg i rai y cod i chi
Rhoddwyd yn broblem yn gosod wyth.
Gallwch sgrolio drwyddo.
A all unrhyw un ddweud wrthyf, fodd bynnag, beth yw Dolffiniaid?
Mae hyn i gyd capiau Dolffiniaid?
Beth yw hynny?
Pa fath o ddata yw hynny?
>> GYNULLEIDFA: Array.
>> JASON Hirschhorn: Mae'n LandLine arae.
Ac rydym yn gwybod ei fod yn amrywiaeth am fy mod gweld cromfachau sgwâr hyn yma.
A rhywun arall, beth ei amrywiaeth o?
>> GYNULLEIDFA: Gwrthrychau?
>> JASON Hirschhorn: Mae'n LandLine amrywiaeth o wrthrychau.
A gallwch weld hynny.
A sut ydych chi'n gwybod ei fod yn amrywiaeth o wrthrychau?
>> GYNULLEIDFA: Oherwydd bod gennych colon hwn lesewch rhwng braces cyrliog?
>> JASON Hirschhorn: Iawn.
Felly, yr wyf wedi braces cyrliog hyn yn iawn yma, ac yna gallwch weld y coma
gwahanu'r gwahanol gwrthrychau yn y casgliad hwn.
Ac yna tu mewn i bob gwrthrych, yr wyf wedi colon rhywbeth a rhywbeth arall.
A beth yn gyffredinol y rhan gyntaf, y peth i ochr chwith y colon?
Beth sy'n oedd yn galw?
Yn gyffredinol?
Sut rydym yn cyfeirio at hynny?
>> GYNULLEIDFA: Mynegai?
>> JASON Hirschhorn: Mynegai, neu yn ôl pob tebyg yn fwy cyffredinol, yr allwedd.
Ac yna ar y llaw dde ochr, mae'r gwerth.
Felly mynegai, allweddol.
Ond os ydym yn sôn am y rhai, rydym yn gyffredinol yn golygu y peth ar
yr ochr chwith.
>> Mewn amrywiaeth syml, unwaith eto, cawsom mynegeion 0.
1.
2.
3.
4.
Ac yn dolffiniaid, bydd gennym dolffin 0, dolffiniaid 1, dolffiniaid 2, dolffiniaid 3,
dolffiniaid 4.
Mae gennym hefyd, y tu mewn gwrthrych hwn, rydym yn gyffredinol, ni fydd cyfeirio pethau.
Neu os ydym yn unig yn cael y gwrthrych hawl yma, nid ydym yn mynd i ddweud gwrthrych 0,
gwrthrych 1, 2 yn gwrthwynebu.
Rydym yn mynd i ddweud enw'r gwrthrych, neu math o wrthrych, hyd gwrthrych, et cetera.
A dyna sut y byddwn yn cael y gwerth ar yr ochr llaw dde.
Felly, os ydym yn dweud enw'r gwrthrych, er enghraifft, byddem yn cael llinyn hwn,
"Grace."
>> Felly, wrth i chi guys wedi dweud wrthyf, dolffiniaid yn unig yw amrywiaeth o wrthrychau.
A ydych yn gweld yr holl o'r gwrthrychau gael enw, math, yn genws.
A yw hynny'n amlwg yn gywir?
Dylai unrhyw un?
Genws?
Great.
>> Mae hyd, pwysau.
A yw hynny'n amlwg yn gywir?
Yr wyf yn credu hynny.
A llun, dim ond URL i ryw ffeil ar-lein.
Ac i'r dde yma, yr ydym yn cau'r amrywiaeth, i'r dde i lawr yno yn y llaw chwith iawn
ochr fy sgrin.
Felly dyna holl dolphins.js yn.
>> O, fy daioni.
Mae hyn yn esbonio hynny.
Yr wyf yn meddwl fy mod wedi gorffen popeth, ond yn edrych.
Mae i gyd yn TODOs hyn.
OK, gobeithio y gallwn gwneud hynny at ei gilydd.
Ond gadewch i ni yn gyntaf, cyn i ni ei wneud hynny, dim ond cerdded drwy
cod hwn yn gyflym iawn.
>> Felly, fel y soniais, gwelwn ar yr union yn dechrau llinell hon a oedd gennyf yn y
sleidiau, (dogfen). parod (swyddogaeth ().
Ac yn ei hanfod yr hyn sy'n mynd i ei wneud yw aros tan popeth yn eich
tudalennau wedi cael ei lwytho, felly aros nes 'i' i gyd amrywiaeth, popeth yn dda i
fynd, ac yna yn dechrau gweithredu cod hwn.
Felly, os ydych angen cynnal rhai PHP, os angen i chi gael rhai delweddau,
beth bynnag ydyw, yr holl cod wedi bod yn gosod ac yn barod i fynd i mewn eich tudalen mynegai
neu beth bynnag dudalen wedi cael ei lwytho, ac yn awr ydych yn mynd i ddechrau
weithredu eich cod.
>> Felly, y peth cyntaf yr ydym yn ei wneud yw rydym yn sefydlu amrywiaeth hwn.
Ac nid wyf yn cael y gair allweddol var yno, felly beth yw'r
gwmpas y arae hwn?
>> GYNULLEIDFA: Mae'n LandLine byd-eang.
>> JASON Hirschhorn: Mae'n LandLine byd-eang, felly Gellir cael mynediad ocean_array o
yn unrhyw le yn y ffeil hon.
>> Ac yna rydym yn gweld hyn i ddolen.
Nid yw'n dweud foreach, ond mae hyn yn yn ei hanfod dolen foreach.
Ac mae hyn yn unig yw fersiwn JavaScript yn, felly ar gyfer pob dolffin var mewn Dolffiniaid,
pa fath data?
Hyd yn oed er, unwaith eto, nid yw JavaScript yn gael y rhain mathau data fel y cyfryw, yr hyn
fath o ddata yw'r dolffin?
>> GYNULLEIDFA: Mae gwrthrych.
>> JASON Hirschhorn: Mae'n LandLine gwrthrych.
Rydym yn cael pob gwrthrych yn yr arae Dolffiniaid.
Felly, yn y fan hon, mae'n edrych fel fy mod wedi anghofio rhoi pob un o'r dolffiniaid hyn gan ein
Dolffiniaid mawr yn meddwl i mewn i'r ocean_array, felly dylem yn ôl pob tebyg yn ei wneud
yn gyntaf.
>> Ac yna, rhywbeth o'r enw hwn newidyn pwll.
Rydw i'n ei osod i null.
Ac yna yr wyf yn galw swyddogaeth hon draw_ocean.
Rwy'n hyfforddi dolffin pan fydd ei llun ei glicio -
Nid wyf wedi gwneud hynny - a gosod rhad ac am ddim dolffin pan
y botwm ei glicio.
>> Felly, y rhain yw'r pethau y mae angen i mi ei wneud.
Amcana dylwn i roi i chi rai cefndir ar yr hyn yr oeddwn yn ceisio ei wneud.
Felly, os ydym yn mynd yma, yr hyn yr wyf eisiau mewn gwirionedd hwn i edrych fel oedd arae i fyny
yma, yn hytrach nag dweud "TODO," Rwy'n eisiau dabl, yn ei hanfod, gyda'r
lluniau o'r holl dolffiniaid.
Ac yna pan fyddwch yn clicio ar un llun, Roeddwn i eisiau i roi i lawr yn
hanner waelod y sgrin ac yn rhoi chi i gyd y wybodaeth arno, a
a fyddai'n y dolffin yn y pwll, y dolffin oeddech yn hyfforddi.
>> Felly, yr wyf yn meddwl y byddai'n 'n sylweddol oera.
Gennych yr holl dolffiniaid hyn yn y môr i fyny yma, yna i chi glicio ar un,
a byddwn yn mynd i'r pwll, ac yna gallech hyfforddi ei.
Felly, dyna beth oeddwn yn ceisio ei wneud.
Ac yna byddai yna botwm i lawr yma yn y pwll, ac fe allech chi glicio,
fel, "Gosod rhad ac am ddim," ac fe allech chi osod y DOLPHIN rhad ac am ddim, a byddai'n mynd yn ôl
i mewn i'r môr.
>> Felly, dyna beth yr wyf yn ceisio ei greu, ond eto, yr wyf i'n mynd i angen eich help
i'w greu.
Felly, gobeithio, rhai o eiriau allweddol hyn neu a fydd rhai o'r termau hyn yn dechrau
gwneud synnwyr bellach yn y cyd-destun y rhaglen hon.
>> Gadewch i ni barhau i edrych drwy'r ffeil.
Rydym yn galw hyn yn draw_ocean swyddogaeth.
Mae'n un a dim ond swyddogaeth rydym yn galw o'r adran document.ready.
Felly, rydym yn galw hyn yn swyddogaeth draw_ocean, a mae'n edrych fel ei fod yn creu llinyn,
newidyn, yma.
Rhywbeth Rhowch yn y llinyn, yn ychwanegu mwy o stwff i'r llinyn, yn ychwanegu mwy o
pethau y llinyn, ac yna y llinell hon o god.
Yr wyf yn dweud bod yn argraffu allan y llinyn HTML.
A rhywun esbonio i mi beth y llinell hon o god yn ei wneud?
Wel, yn gyntaf oll, beth sydd bod arwydd doler yn ei olygu?
Nid yw'n newidyn PHP, ond beth yn golygu bod arwydd doler?
>> GYNULLEIDFA: Cysylltu â HTML ID y -
mae fel ei bod yn cysylltu at y cod HTML?
>> JASON Hirschhorn: Beth am bod arwydd doler?
Beth mae hynny'n arwydd doler yn dangos?
>> GYNULLEIDFA: Cysylltu â'r HTML rywsut?
>> JASON Hirschhorn: Ble yr ydym wedi gweld llofnodi doler hyn o'r blaen mewn JavaScript?
Rydym yn ei weld yn y ddarlith.
Rydym yn siarad am y peth.
Beth yw ystyr yr arwydd doler?
>> GYNULLEIDFA: Rhywbeth gyda jQuery?
>> JASON Hirschhorn: Yn union gywir.
Mae hyn wedi rhywbeth i'w wneud â'r jQuery.
Mae hyn yn arwydd doler yn golygu fy mod yn defnyddio swyddogaeth llyfrgell jQuery yma.
Yn union i'r dde.
>> Felly, byddwn yn ysgrifennu yr arwydd doler, ac yna gennym y paren agored a chaeedig
paren, ac y tu mewn yno, beth sy'n mynd y tu mewn yno pan ydych yn defnyddio
swyddogaeth llyfrgell jQuery, neu os ydych defnyddio'r llyfrgell jQuery?
Unwaith eto, byddwch yn gweld hyn yn y ddarlith.
A all rhywun roi i mi - ac yr ydych hefyd yn gweld rhywbeth yma.
Beth sy'n mynd y tu mewn o yno?
>> Jeff, yn rhoi dyfalu mi.
Beth mae hyn yn edrych fel, # môr?
Ble yr ydym wedi gweld hynny o'r blaen?
>> GYNULLEIDFA: A yw'n llyfrgell neu rywbeth?
Does gen i ddim syniad.
>> JASON Hirschhorn: Wel, gadewch mi agor mynegai dot -
Na, lle anghywir.
>> Felly, rydym yn gweld mae gennym rywbeth enw cefnfor yma.
Ble yr ydym wedi gweld y hashtag # cefnfor cefnfor, cystrawen o'r blaen?
Yeah?
>> GYNULLEIDFA: CSS?
>> JASON Hirschhorn: Yn CSS.
Felly, rydym yn awyddus i arddull rhywbeth, cofiwch byddem yn rhoi'r CSS hashtag
selector, neu cefnfor hashtag, er enghraifft, a phob un o'r fformatio
ein bod yn awyddus i roi i'r peth gyda môr ID rydym yn rhoi y tu mewn yno.
>> Felly dyma y tu mewn nid yw'n CSS detholydd yn mynd i mewn yma.
jQuery yn diffinio ei hun math o detholwyr.
Ond mae'n yr un syniad, ac mewn gwirionedd yn llawer ohonynt yn gorgyffwrdd gyda CSS.
Felly, y tu mewn cromfachau agored hyn, rydych yn rhoi dewiswr, a beth bynnag yw
detholydd yn cyfeirio at, dyna beth ydych chi'n mynd i gael eu defnyddio.
>> Felly, yn yr achos hwn, rwy'n dewis cefnfor adnabod.
Pe bawn i'n dosbarth -
gadewch i ni ddweud gen i ddosbarth o bethau a elwir yn "delweddau," ac yr wyf yn rhoi hynny i
llawer o elfennau, sut ydw i'n cyfeirio dosbarth o bethau o'r enw "delweddau?"
>> GYNULLEIDFA: Yr wyf yn meddwl ei fod yn dot.
>> JASON Hirschhorn: Gyda dot.
Felly os wyf yn rhoi yn lle delweddau dot yma, a fyddai'n rhoi y dosbarth i mi
pethau o'r enw "delweddau."
>> Wrth gwrs, mae hyn yn super pwerus, a gallwch cyfeirio at lawer o bethau.
Yn wir, gallwn gyfeirio yn y bôn unrhyw dag yn HTML.
Felly, os wyf yn awyddus i wneud hynny, td, dyna tag yr ydym wedi ei weld o'r blaen pan
creu tabl.
Mae'n debyg eich bod yn gyfarwydd â hynny o P a osodir saith.
Yn yr achos hwn, mae'n mynd mewn gwirionedd i ddewis pob un ohonynt.
Mae'n mynd i roi amrywiaeth i mi o'r holl tagiau td.
Ond gall bod yn cael ychydig yn llethol, felly fro ar hyn o bryd rydym yn
mynd i gadw at cyfeirio IDs.
>> Felly, beth mae hyn yn ei wneud, unwaith eto, yn sy'n cael, yn yr achos hwn -
n chwith.
Ewch yma, i index.html.
Mae'n cefnfor, yn hytrach ID cefnfor cyfeirio yn div, felly y rhan hon o'r
linell o god yn cael y div.
>> Ac yna dot mae hyn yn golygu fy mod yn galw swyddogaeth, ac enw'r
swyddogaeth yn HTML.
Ac mae hynny'n byr i, os ydych yn guys yn gweld o'r blaen, arwydd doler, dogfen, dot cael
elfen erbyn ID, dot HTML mewnol.
Mae hyn yn unig yw fersiwn jQuery yn.
Felly, y swyddogaeth HTML yn unig yn cael y HTML mewnol.
Yr elfen honno.
Felly eto, os ydym yn edrych yn ôl yma, rydym yn annhymerus ' gweld does dim HTML mewnol.
Ac felly os wyf yn gwneud hyn, yr wyf byddai fod yn ceisio cael y HTML.
Pan fyddaf yn teipio hwn, rwy'n gosod y HTML.
Felly, yr wyf i'n pasio swyddogaeth hon i linyn, y llinyn yr wyf wedi creu
yma, a gan ddweud roi hynny y tu mewn i'r div môr.
Yeah?
>> GYNULLEIDFA: Pan fyddwch yn cael y HTML, eich bod newydd gael
copi os yw'n, dde?
Nid ydych yn cael gwared arno.
>> JASON Hirschhorn: Iawn.
Os byddaf yn gwneud hyn ac eisiau i arbed hyn mewn var -
wps.
Byddai hynny'n cael yr holl wybodaeth y yno a'i gadw mewn iaith arall
amrywiol, yn gwneud copi ohono.
>> GYNULLEIDFA: OK.
Got it.
>> JASON Hirschhorn: Felly, rydym yn creu rhai HTML, ac eithrio bod yn y llinyn.
Rydym yn arbed rhywfaint mwy.
Yma, byddwch yn gweld bod llinyn TODO.
Felly dyna mae'n debyg ble rydym ni cael y TODO o'r adeg pan
rydym yn mynd i mewn i ein tudalen.
Ac mewn gwirionedd, os wyf dde chlecia ar TODO, archwilio Elfen, buom yn siarad am
hyn yr wythnos diwethaf.
Dyna sut y gallem weld y HTML strwythur ein tudalen.
>> Byddwch yn sylwi bod i lawr yma -
gadewch i ni wneud hyn yn ychydig yn fwy, hefyd -
rydym wedi ein cefnfor ID div iawn yma.
Mae pawb yn gweld bod llinell o god?
A dyna beth rydym mathau yn index.html.
>> Tu mewn iddo, gwelwn yn awr mae hyn llinell tabl o god.
A beth y llinell tabl o god yw, bod yn y cod rydym yn unig mewnosod yn
yr elfen hon.
Ac mae'n rydym yn edrych tu mewn iddo, ni byth yn colgroup a tbody teipio.
A ychwanegwyd i ni oherwydd gwnaethom rhai pethau ffansi.
Ond byddwch yn sylwi mae y tr, mae y td gyda TODO.
>> Felly, mae'n edrych yn debyg, unwaith eto, y cod sy'n ysgrifennom yma.
Dyna'n union beth mae hyn yn lein yn ei wneud.
Oedd yn cymryd ein llinyn HTML a ei roi y tu mewn i'r Div iawn yma.
I ddechrau mae'n ddim byd.
Mae'r dudalen hon yn cael ei lwytho.
Arwydd doler, document.ready.
Mae hyn yn dechrau gweithredu.
Rydym yn galw y swyddogaeth draw_ocean, a y tu mewn i'r swyddogaeth draw_ocean rydym yn cymryd
HTML hwn ac yn ei roi y tu mewn i'r div.
>> Rydym yn unig yn mynd trwy llawer iawn yno.
A oes unrhyw un gennych unrhyw gwestiynau am hynny?
Neu sut mae hynny'n gweithio, neu jQuery?
Oherwydd os ydych yn deall hynny, yna Dylai jQuery ddwyn
gymharol hawdd.
Yeah?
>> GYNULLEIDFA: Beth oedd gennych y tu mewn i'r cromfachau o dan yr allbrint HTML
llinyn, hynny yw enw'r y newidyn HTML eich bod
wedi datgan yn gynharach?
>> JASON Hirschhorn: Mae'r hawl yma?
>> GYNULLEIDFA: Oes
>> JASON Hirschhorn: Ydw.
GYNULLEIDFA: Felly, os ydych wedi enwi y rhywbeth arall, fod rhywbeth arall
oedd beth fyddech chi'n ei roi i mewn yma.
>> JASON Hirschhorn: Yn union gywir.
Ac mae hynny'n bwynt da.
Mae hyn ychydig yn ddryslyd oherwydd Mae gen i HTML, html.
Mae'r tu mewn yma yw enw fy amrywiol, ac mae hyn yn iawn yma yw'r
enw'r swyddogaeth jQuery.
>> GYNULLEIDFA: Ond er mwyn i'r jQuery gweithredu i weithio, mae'n rhaid i chi roi
rhywfaint o fewnbwn HTML?
>> JASON Hirschhorn: Yn union.
NEU mae'n rhaid i chi roi cynnig llinyn.
Bydd yn rhoi'r llinyn y tu mewn y div neu beth bynnag.
Mae hyn yn unig yw llinyn.
Nid yw'n gwybod hyn yn HTML, ond amlwg fformat ar bwrpas i fod yn
HTML dilys.
A yw hynny'n ateb y cwestiwn?
>> GYNULLEIDFA: Ydw.
>> JASON Hirschhorn: OK.
Yeah?
>> GYNULLEIDFA: Beth os yw'r môr y cyfeirir i botwm neu rywbeth?
Beth fyddai'r. Html ei wneud?
A fyddai'n newid y destun y botwm?
>> JASON Hirschhorn: Felly, y cwestiwn yw beth pe bai'n cyfeirio at botwm?
Bydd yn newid y mewnol HTML o rywbeth.
Felly, os oes ganddo dag agored ac agos tag, bydd yn rhoi rhywbeth yn y canol
y tag agor a chau.
Os nad oes agor a chau tag, ni fydd yn gwneud unrhyw beth.
>> GYNULLEIDFA: Mae'n LandLine llythrennol copi a didoli past o beth?
>> JASON Hirschhorn: Yeah.
Mae'n gopïau a pastau rhywbeth o beth bynnag amrywiol wyf yn ei throsglwyddo, y
llinyn yr wyf yn ei throsglwyddo, y tu mewn rhai tagiau agor a chau.
>> Gadewch i ni edrych i lawr yma.
O, fy daioni. Nid oedd draw_pool wneud unrhyw beth iawn yno.
Mae hynny'n bummer.
Hyfforddwch, wow.
Iawn, felly dim llawer arall heblaw hynny.
>> Felly, gadewch i ni ddechrau, a gadewch i ni atgyweiria hon i fyny.
Yr wyf yn mynd i angen i bawb helpu i gael hwn wneud.
Nid oes mewn gwirionedd fod llawer o linellau o god, yr wyf yn credu, i ysgrifennu.
Rwy'n credu fy mod yn gwneud y cwpl o flynyddoedd yn ôl ar gyfer y fersiwn 2G12, ac mae
Ni ddylai fod yn bod llawer o linellau o cod i ysgrifennu.
Ni ddylai wyf wedi dileu y cod hwnnw.
Dylwn i fod wedi dim ond arbed ei.
O, crazy.
>> Beth bynnag, gadewch i ni ddechrau arni.
Felly, Im 'i mewn amrywiaeth hwn, neu rwy'n yn y lein, ac yr wyf wedi fy ocean_array.
Ac yr wyf am roi hyn i gyd, popeth o'r ffeil hon, i mewn i fy
ocean_array.
Felly, sut y gallaf gymryd popeth o yno, ac yn ei roi i mewn i'r
ocean_array?
Mae'n un llinell o god.
Pwy all roi y llinell o god neu fi ddweud wrthyf, cael rhywfaint o syniad beth y llinell
Dylai o god ei wneud?
Pam na byddwn yn dechrau yma, ac yna byddwn ni barhau i symud o gwmpas yr ystafell
ateb cwestiynau.
Kurt?
Beth sydd gyntaf?
>> GYNULLEIDFA: Ocean_array, braced, dolffin.
Equals dolffiniaid, braced, dolffiniaid?
Dolffiniaid gyda phopeth cyfalaf.
>> JASON Hirschhorn: OK.
Gadewch i ni gerdded drwy'r gystrawen.
I'r dde yma, mae hyn yn debyg dolen foreach, felly mae'n mewn gwirionedd yn gwneud llawer o
pethau i ni.
A dolffiniaid yn wrthrych.
Felly nid oes angen i ni ysgrifennu rhywbeth fel dolffiniaid, dolffiniaid, oherwydd
dolffin hun yw'r yn gwrthwynebu fy mod eisiau.
Dyw hi ddim yn y mynegai.
A yw hynny'n gwneud synnwyr?
>> GYNULLEIDFA: Yeah.
>> JASON Hirschhorn: Felly sut yr ydych yn cynnig newid eich cod?
Os ydym yn gwybod ein bod yn cael y mynegai?
>> O, mae'n ddrwg gennyf.
Rydych yn dda.
Ond sut -
gadewch i mi ofyn cwestiwn gwahanol.
Os ydym am -
gadewch i ni mewn gwirionedd yn ysgrifennu hyn.
Peidiwch byth â meddwl.
Rydym yn mynd i ysgrifennu hyn.
Mae hynny'n wych.
Mae'n ddrwg gennym.
Nid oeddwn ond yn ddryslyd iawn yno.
>> Gadewch i ni adael hynny yno ar hyn o bryd, a byddwn yn dod yn ôl i hyfforddi dolffin,
gosod dolffin.
Gadewch i 'jyst yn gyntaf atgyweiria hon cefnfor tynnu swyddogaeth, a byddwn yn dod yn ôl i
hynny, Kurt.
Ond hyd yn hyn, felly da.
>> Gadewch i ni edrych y tu mewn draw_ocean.
Mae'r llinell sy'n edrych i fod yn anghywir yn hyn "Lluniau storfa o ddolffiniaid yn
y môr mewn llinyn HTML. "Ac iawn yn awr, yr wyf yn union fel TODO, ond yr wyf yn
wir eisiau rhoi'r dolffiniaid lluniau yn y môr.
Felly beth, Noa, yn eich barn chi y peth cyntaf y dylech ei wneud?
Os wyf am fynd drwy'r cyfan amrywiaeth, beth yw'r cyntaf
beth ddylwn i ei wneud?
>> GYNULLEIDFA: Mae angen i ni creu ar gyfer dolen.
>> JASON Hirschhorn: A am ddolen.
A beth ddylai fod ar gyfer dolen yn edrych?
>> GYNULLEIDFA: O blaid -
mae angen i ni fynd trwy bob dolffin yn yr arae môr.
Felly, ar gyfer dolffin var i mewn -
gallwch ysgrifennu amrywiaeth môr?
>> JASON Hirschhorn: Fel hynny?
>> GYNULLEIDFA: Mae'n debyg sy'n iawn.
>> JASON Hirschhorn: Gadewch i ni daro ag hynny am y tro, ac yna byddwn ni
ddod yn ôl ato.
A ydych yn mynd i fod yn gyfrifol am y llinell.
Felly mae gen i gan ar gyfer ddolen.
Michael, rydych yn awr.
Beth ddylwn i ei wneud nawr?
>> GYNULLEIDFA: Byddai'n rhaid i chi gymryd y storio lluniau o ddolffiniaid.
>> JASON Hirschhorn: Felly, lle yw bod storio?
>> GYNULLEIDFA: Yn y casgliad dolffin?
>> JASON Hirschhorn: Rwy'n drysu yn awr hefyd am yr hyn sy'n digwydd.
Gadewch i chyfrif i maes sut y gallwn wneud debug hyn, ac yna byddaf yn dod
yn ôl i chi, iawn?
Beth sy'n cyfateb i printf yn JavaScript?
Annie?
>> GYNULLEIDFA: Mae'n LandLine ddogfen sy'n ysgrifennu?
>> JASON Hirschhorn: Neu sut y gall Rwy'n gweld rhywbeth yn y
chysura i lawr ar y gwaelod?
>> GYNULLEIDFA: Console.log.
>> JASON Hirschhorn: Console.log, yn union.
Felly, gadewch i ni wneud console.log, a gadewch i ni dim ond rhoi "dolffin" i mewn, iawn?
Yn ddelfrydol os yw hyn yn gweithio, rydyn ni'n mynd i gael - gadewch i ni weld, yn ôl yn y ffeil
dolphins.js, roedd chwe dolffiniaid, felly ddylwn i gael chwech neu rywbeth
gobeithio hargraffu i y consol, dde?
Dyna lle yr ydym hyd yn hyn oherwydd ein bod yn wnaeth lein Kurt hyd yma, ac yna rydym yn
y gwnaeth Noa ar gyfer dolen, ac mae gennym y llinell, felly gobeithio y dylem weld chwe
pethau printiedig i'r consol.
Felly, gadewch i ni fynd yma, gadewch i ni agor ein chysura ac adnewyddu ein tudalen.
>> Iawn, felly mae'n edrych fel gwelsom chwe mynegai.
Sero, un, dau, tri, pedwar pump, yeah.
>> GYNULLEIDFA: Sut ydych chi'n mynd i'r y dudalen y tu mewn i'ch -
>> JASON Hirschhorn: sut ydw i'n cael i y peth hyn i lawr yma?
>> GYNULLEIDFA: Na, mae'r dudalen Chrome tu mewn [Anghlywadwy] offer.
Gallwn weld bod ai peidio?
>> JASON Hirschhorn: Mae'r Chrome dudalen yma?
>> GYNULLEIDFA: Yeah.
>> JASON Hirschhorn: Felly, yn union fel yn P set wyth, rwyf wedi agor Chrome ffenestr
ar fy n ben-desg, ar fy N ben-desg Macintosh.
Ac os ydych yn sylwi yma URL hwn i fyny ar top chwith, sy'n cyfateb IP hwn
afael i lawr yma.
Felly, i wneud hyn, fodd bynnag, y dechrau o'r broblem a osodwyd spec teithiau cerdded i chi
trwy union sut i wneud hyn.
Ond Fi jyst yn dilyn hynny, ac yn hytrach o â'r cod gwennol, Fi jyst yn gwneud
ein cod hunain.
>> Y peth oer yw y gallwn hefyd archwilio ocean_array.
Felly, mae'n edrych fel ocean_array yn amrywiaeth o chwe wrthrychau, a
gadewch i ni agor pob un.
Boom!
Un.
>> Felly Kurt, mae'n edrych fel eich Cod gweithio 'n anhyfreg.
Mae popeth yn cael dechrau ocean_array.
Gan fy mod misspoke gynharach.
Ond ie, swydd awesome.
Mae'r ocean_array yn gywir, ac mae'n edrych fel yn awr rydym yn gweld bod dolffin yn
nifer 0-5, felly mae'n edrych fel mynegeion mewn arae.
Felly, o gofio wybodaeth honno, Michael, beth ddylem ei wneud nawr?
Meddyliwch allan yn uchel.
Beth yn rhywbeth yr ydym am ei wneud?
>> GYNULLEIDFA: Rydym yn awyddus i gael y JPEG ar gyfer pob dolffin.
>> JASON Hirschhorn: OK.
Felly, sut y gallwn cyfeirio -
sut y gallwn gael y JPEG?
Lle rydym yn dechrau?
Ble mae popeth storio?
>> GYNULLEIDFA: Yn y ocean_array?
>> JASON Hirschhorn: OK.
>> GYNULLEIDFA: Felly ocean_array, dolffin -
>> JASON Hirschhorn: Sut ydym ni'n cael rhywbeth y tu mewn -
felly mae hyn yn rhoi i'r gwrthrych i ni.
Ac rydym wedi gweld hyn o'r blaen gyda'r struc.
Felly, pa fath o nodiant oes angen i ni ddefnyddio?
>> GYNULLEIDFA: Byddai'n dot.
>> JASON Hirschhorn: A dot.
Ac yna mha faes?
>> GYNULLEIDFA: Llun?
Neu nid yw hynny'n cae -
>> JASON Hirschhorn: Beth mae'n galw i mewn dolphins.js?
A gweld, gallwch edrych.
Allwn fynd yn ôl yma.
Gallwn weld ocean_array, gallwn ei archwilio.
Beth sy'n ei enw?
>> GYNULLEIDFA: Math.
Aros.
Llun?
Dywedais llun.
>> JASON Hirschhorn: Llun.
Iawn.
Doeddech chi ddim yn swnio fel eich bod yn gwybod beth oeddech yn sôn am, er.
Ei fod yn swnio'n fwy fel dyfalu.
Felly y darlun hwnnw, fel y byddai rhoi ni URL y llun.
Jeff, mae gennych gwestiwn?
>> GYNULLEIDFA: Yeah, ni allaf gael yr hyn gennych ar eich Chrome
porwr ar fy nghyfrifiadur.
Fi jyst cael "cyfeiriad uncaught Nid yw gwall, consol cael ei ddiffinio. "
>> JASON Hirschhorn: Rydych chi wedi sefydlu popeth?
>> GYNULLEIDFA: Wel, yr wyf yn meddwl fy mod yn gwneud popeth o fewn eich
oedd ar y sgrin fawr.
>> JASON Hirschhorn: A ydych yn chmodded holl ffeiliau?
A wnaethoch chi fynd drwy y setup cyfan?
>> GYNULLEIDFA: 'n annhymerus' roi cynnig arni eto.
>> JASON Hirschhorn: OK.
Yr wyf yn hepgor dros fod llawer yn y dechrau, ond mae angen i chi fynd drwy
y cyfan setup yn union fel yn y ddechrau'r fanyleb a osodwyd broblem.
Chmod bopeth a wneud yn siŵr ei fod mewn
>> GYNULLEIDFA: Af a ddyblu wirio.
Yr wyf yn meddwl fy mod yn gwneud hynny, ond 'N annhymerus' yn dyblu siec.
>> JASON Hirschhorn: Felly, mae hyn yn edrych fel y bydd yn rhoi i ni y
llinyn a llun.
Great.
Mae gennym y URL y llun.
Sut ydym yn awr yn ei roi i mewn -
beth sy'n digwydd os byddwn yn ysgrifennu dim ond hyn, Michael?
>> GYNULLEIDFA: 'I jyst yn cael y llun.
Nid yw'n mewn gwirionedd yn arddangos.
>> JASON Hirschhorn: Gadewch i ni weld beth sy'n digwydd.
Byddwn yn arbed hynny.
Byddwn yn rhedeg yma.
Mae'n edrych fel nad ydym yn cael unrhyw beth.
Os byddaf yn edrych ar y tabl hwn, mae'n edrych fel y tu mewn -
yeah, yn edrych fel nad wyf yn cael unrhyw beth.
>> GYNULLEIDFA: Oes rhaid i ni -
>> JASON Hirschhorn: Mae hwn yn llinyn, cod hwn i'r dde yma.
Ble ydw i eisiau i roi llinyn hwn?
>> GYNULLEIDFA: y byddwch am ei roi yn y môr?
>> JASON Hirschhorn: OK.
Ac i lawr yma rwyf i'n rhoi llinyn a elwir yn html yn y môr.
>> GYNULLEIDFA: Felly byddai'n doler arwydd, cefnfor, html [Anghlywadwy].
>> JASON Hirschhorn: Byddai hynny'n roi yn syth i mewn 'na.
Ond beth os wyf am ychwanegu at -
Rwyf eisoes yn creu llinyn, dde?
I roi yn y môr, yr hyn sydd enw'r llinyn?
>> GYNULLEIDFA: HTML.
>> JASON Hirschhorn: HTML.
Felly, beth ddylwn i ei ysgrifennu nesaf?
>> GYNULLEIDFA: Equals, yn hafal i.
Neu dim ond yn gyfartal?
>> JASON Hirschhorn: Beth fydd yn digwydd os byddaf yn ysgrifennu gyfartal?
>> GYNULLEIDFA: Oni fydd hynny'n osod cyfartal - neu na fydd hynny -
>> GYNULLEIDFA: Neilltuo?
>> JASON Hirschhorn: Bydd yn neilltuo ei, ond beth fydd yn digwydd i bopeth
a gafodd ei storio ynddo o'r blaen?
>> GYNULLEIDFA: Bydd yn cael gwared ohono.
>> JASON Hirschhorn: Bydd yn cael gwared ohono.
Felly, sut y gallaf ei ychwanegu at y diwedd?
Byddai Fi jyst adysgrifia 'r -
>> GYNULLEIDFA: Plus gyfartal.
>> JASON Hirschhorn: Plus yn hafal i, berffaith.
Dyna'n union gywir.
Felly nawr gadewch i ni edrych ar beth mae hyn yn ei wneud.
Boom!
O, fy daioni.
Mae hynny'n yn unig yw llawer o destun.
OK.
>> Felly, mae'n edrych fel rydym yn cael llawer o destun, ond mae hynny'n wych.
Rydych guys wedi gwneud -
Rwy'n gwybod hyn yn anodd, mae hyn yn newydd.
Hyd yn hyn, y tri ohonoch guys wedi gwneud yn wych.
>> OK, rydych yn nesaf.
Beth ddylem ei wneud nesaf?
Yn amlwg, nid ydym am ei i chwarae dim ond y llinyn.
Yeah?
>> GYNULLEIDFA: Fi jyst gwestiwn.
Rydych yn gwybod, pan fyddwch yn gwneud ocean_array, dolffin, yn y cromfachau, yn
DOLPHIN fel cysylltiadol amrywiaeth yn ei hun?
>> JASON Hirschhorn: Yr wyf yn misspoke.
Dolffin yn y mynegai.
>> GYNULLEIDFA: ond nid yw'n var dolffin yn y môr -
Yr wyf yn golygu, pan fyddwch yn y lle cyntaf lwytho fel yn dda, dolffin var mewn dolffiniaid, nid yw
y dolffin amrywiaeth cysylltiadol?
>> JASON Hirschhorn: Mae'r dolffin?
>> GYNULLEIDFA: Yeah.
>> JASON Hirschhorn: Na
Mae'r dolffin yn y mynegai.
>> GYNULLEIDFA: OK.
Felly, a oes newidyn dolffin?
Yr wyf yn golygu, fel allweddol dolffin yn yr amrywiaeth cysylltiadol?
>> JASON Hirschhorn: Yma?
Fel, dolphin.name?
>> GYNULLEIDFA: Yeah, a oes fel dolffin dot -
ddim yn hoffi yw DOLPHIN golygu i fod pob gwrthrych?
>> GYNULLEIDFA: Yeah, dyna hyn yr wyf yn meddwl, hefyd.
>> GYNULLEIDFA: Yr wyf yn meddwl dolffin yn hoffi yr amrywiaeth cysylltiadol mewn Dolffiniaid.
Oherwydd bod chwe cysylltiadol araeau mewn Dolffiniaid, dde?
>> JASON Hirschhorn: Iawn.
Mae'r ffordd yr ydym wedi hyn ysgrifenedig yn awr, nid yw'n.
>> GYNULLEIDFA: Pam ei fod?
>> JASON Hirschhorn: Gallem wneud hynny, a mae mewn gwirionedd yn swyddogaeth jQuery
a elwir yn. pob sy'n rhoi chi bob peth.
Ond nid yw cystrawen hyn yn -
Yr wyf yn misspoke yn gynharach - cystrawen hwn Nid yw hynny'n mynegai.
Mae hyn yn unig yw rhoi'r mynegeion ni.
Ond gallech wneud arwydd ddoler. Yr un, sydd yn un o swyddogaethau jQuery.
Byddai hynny'n rhoi i chi bob amrywiaeth cyswllt.
Felly, edrych ar hynny.
Ond dyna beth yr holl cod hwn yn ei wneud.
>> GYNULLEIDFA: Felly, mae hyn yn gyntaf ar gyfer dolen, yr wyf yn dyfalu a fyddai'n ailadrodd chwe gwaith
oherwydd bod gennych chwe mynegai.
Ac yna yr ail ar gyfer ddolen, Nid yw y bwysleisio'r
un faint o amser?
>> JASON Hirschhorn: Yeah.
>> GYNULLEIDFA: Felly does dim - rydym fod wedi ysgrifennu y cyntaf ar gyfer ddolen
unwaith eto, a byddai wedi gweithio.
Fel, dolffin var mewn Dolffiniaid?
>> JASON Hirschhorn: Ie, ond rydym yn bellach gan ddefnyddio ocean_array.
Rydym wedi symud popeth i mewn i'r ocean_array dweud oherwydd yr ydym erioed wedi eisiau
i newid yr hyn sydd yn dolphins.js, neu os rydym am i drin ocean_array
yn nes ymlaen, nid oes arnom eisiau i drin dolffiniaid, y newidyn.
Rydym yn awyddus i drin copi ohono, oherwydd os ydym am i gymryd rhywbeth
allan, y ffordd hon rydym yn unig yn mynd i fod yn ddiogel.
A yw hynny'n gwneud synnwyr.
>> GYNULLEIDFA: Yeah.
>> JASON Hirschhorn: OK.
Felly, Carlos, sut ydw i'n cymryd llinyn hwn ac yn ei gwneud delwedd yn lle hynny, a chael
y ddelwedd ei hun?
Rydych chi wedi gweld y cod hwn o'r blaen.
Sut wyf yn gynnwys delwedd ar dudalen?
>> GYNULLEIDFA: A yw'n y peth a wnaethom am y HTML yn ogystal hafal dash te alwad
lled, mae hi'n ei ddileu?
>> JASON Hirschhorn: Mae hyn yn pethau yma?
>> GYNULLEIDFA: Yeah.
Math o.
>> JASON Hirschhorn: peidiwch â poeni am hynny.
Mai dim ond yn dechrau y llinyn HTML.
Os ydw i eisiau i gynnwys delwedd yn fy Tudalen ar y we HTML, pa tag ydw i'n ei ddefnyddio?
>> GYNULLEIDFA: Dydw i ddim yn cofio.
>> JASON Hirschhorn: OK.
Avie, yn helpu ef allan?
>> GYNULLEIDFA: A fyddai'n angor, href, ac yna rydych gysylltu?
>> JASON Hirschhorn: Felly A fel yn Anchor.
>> GYNULLEIDFA: Nid oes angen i chi cysylltu, fodd bynnag, dde?
>> JASON Hirschhorn: Beth os ydw i jyst yn awyddus i greu delwedd?
>> GYNULLEIDFA: Byddai'n cael ei img, ac yna src hafal i beth bynnag y llinyn yn?
>> JASON Hirschhorn: OK, felly sy'n iawn, img.
Carlos, rydych chi'n mynd i gymryd oddi yma.
img sefyll am "delwedd," a stondinau src am "ffynhonnell." ac mae angen i chi ei roi
URL neu ryw -
Nid yw hyd yn oed URL.
Mae rhai leoliad os yw hynny'n delwedd yn cael ei storio.
Felly, yr wyf yn gwybod y bydd hynny'n mynd i mi yn delwedd, felly nawr sut ydw i'n rhoi hyn i gyd
gyda'i gilydd, yn meddwl?
Mae gennyf rywfaint o gystrawen angen i mi at atgyweiria.
Beth yn union mae angen i mi i deipio, Carlos?
>> GYNULLEIDFA: Dydw i ddim yn cael yr hyn yr ydych yn ceisio ei wneud.
Felly, rydych yn ceisio rhoi'r holl y delweddau i mewn i dabl?
>> JASON Hirschhorn: Rydym am i arddangos yr holl ddelweddau ar y dudalen.
A gwelsom sut y llinell hon o god hawl llinynnau ychwanegu yma at ein llinyn HTML
a'i argraffu nhw allan fel hyn.
Rydym yn hytrach yn awyddus i arddangos delweddau.
Ac rydym yn sylweddoli, Maru, wrthym y llinell hon o god -
felly gadewch i ni edrych yn iawn yma.
Os ydym yn mynd ac archwilio, rydym annhymerus ' golygu hyn fel HTML.
Maru, meddai, os ydym yn gwneud y math hwn cystrawen, rydym yn cael delwedd.
Felly, mae hynny'n gwneud synnwyr?
>> Dyma'r math o linyn ein bod yn yn wir am roi y tu mewn i'r môr
plymio, nid dim ond y testun ei hun.
>> GYNULLEIDFA: [Anghlywadwy]
>> JASON Hirschhorn: Mae'n ddrwg gennyf?
>> GYNULLEIDFA: Pam na allwch chi jyst adysgrifia mai un a roddodd Kianna,
ac yn ei roi i mewn i hynny -
>> JASON Hirschhorn: Copi hyn, ac yn rhoi hyn yma?
>> GYNULLEIDFA: Yeah.
>> JASON Hirschhorn: Mae hynny'n agos, ond mae un broblem gyda hyn, a
beth sy'n bod?
HTML yn llinyn, ac mae angen i ychwanegu llinynnau ato.
>> GYNULLEIDFA: Felly, yna eich geiriau chi - Nah.
>> JASON Hirschhorn: Ac mae gennym dri - Nid yw hyn yn iawn yma yn llinyn.
Sut rydym yn gwneud ei fod yn llinyn?
Sut ydych chi'n bob amser yn gwneud rhywbeth llinyn?
>> GYNULLEIDFA: Nid wyf yn gwybod.
>> JASON Hirschhorn: Os oes gennyf testun, sut ydw i'n ei wneud yn llinyn?
Yn hoffi i fyny yma ar y rheilffordd hon yma?
>> GYNULLEIDFA: Rhowch ef mewn tabl?
>> JASON Hirschhorn: Beth am hyn?
>> GYNULLEIDFA: Dyfyniad.
>> JASON Hirschhorn: Dwbl dyfyniadau, dde?
Dyfynodau dwbl yn gwneud rhywbeth llinyn.
Felly sy'n gwneud y llinyn, ac mae hyn yn llinyn.
Sut ydw i'n rhoi dau llinynnau gyda'i gilydd mewn JavaScript?
>> GYNULLEIDFA: Dot.
>> JASON Hirschhorn: Heb dot.
Dyna PHP.
>> GYNULLEIDFA: Byd Gwaith.
>> JASON Hirschhorn: Byd Gwaith, yn union i'r dde.
Felly yn ogystal, ac yna beth rydych yn ei wneud Cynigiwn wyf yn ei wneud dros yma?
>> GYNULLEIDFA: dyfyniad arall.
>> JASON Hirschhorn: dyfyniad arall, OK.
Sut ydw i'n dod i ben llinyn?
>> GYNULLEIDFA: dyfyniad arall.
>> JASON Hirschhorn: dyfyniad arall.
A sut ydw i'n rhoi llinyn hwn ynghyd â llinyn hwn?
A mwy.
Dyna'n union gywir.
Rydych yn unig yn gwneud hyn i ni.
Mae hyn yn berffaith.
>> Felly nawr gadewch i ni gwneud hyn.
Ac edrychwch, mae gennym cyfan griw o ddelweddau.
O, fy Nuw.
Mae'r rhai yn frawychus.
Rydym yn mynd i archwilio nhw mewn eiliad.
Yeah, Noa?
>> GYNULLEIDFA: Yr wyf yn gwybod nad yw'n wir mater hwn, ond dylai fyddwch yn cau eich
elfennau gyda tag llun?
>> JASON Hirschhorn: gallai'r ni, os rydym eisiau, cau ein delwedd
tag yn union fel hynny.
Gadewch i ni gwneud hynny.
On, na, ni allwn wneud hynny.
>> GYNULLEIDFA: O, yr wyf yn torrodd.
>> JASON Hirschhorn: Rwy'n credu bod hyn yw dilysu, er.
Nid wyf yn meddwl bod angen y slaes cau.
OK, mae hyn yn wych.
Carlos, diolch i chi.
Hyd yn hyn, y pedwar ohonoch guys wedi gwneud gwaith awesome.
>> Wrth gwrs, fel y gwelwch, rydym yn creu rhyw fath o bevel bwrdd.
Ac yr wyf am y pethau hyn i fod mewn tabl.
Felly, sut ydw i'n rhoi'r rhain pethau mewn tabl?
Yr wyf yn amlwg bod angen mwy o HTML.
Assam, pa fath o HTML ydw i'n ar goll?
>> GYNULLEIDFA: Beth i'w wneud eisiau ei wneud, mae'n ddrwg gennyf?
>> JASON Hirschhorn: Yr wyf am roi'r holl delweddau hyn mewn tabl, felly mae pob llun
ddylai fod yn un golofn y tabl.
Sut ydw i'n dweud hyn yn un golofn?
Rydych chi wedi gweld y cod hwn o'r blaen.
Mae hyn yn P yn gosod saith.
>> GYNULLEIDFA: Rwy'n cofio un yn tr?
>> JASON Hirschhorn: tr ar gyfer rhes.
>> GYNULLEIDFA: Nid wyf yn gwybod ei fod i ffwrdd fy nghalon, ond gallwn wirio.
>> JASON Hirschhorn: A oes gan rhywun yn cofio?
>> GYNULLEIDFA: TD?
>> JASON Hirschhorn: td, yn union i'r dde. td rhoi fel colofn.
Felly os wyf yn rhoi'r td yno, Assam, beth sydd angen i roi?
Beth arall sydd angen i mi ei ychwanegu?
>> GYNULLEIDFA: Mae'n rhaid i chi gau?
>> JASON Hirschhorn: Yn union.
Ble mae hynny'n mynd?
>> GYNULLEIDFA: Iawn yno?
>> JASON Hirschhorn: Yma?
>> GYNULLEIDFA: Yr wyf yn credu hynny.
>> JASON Hirschhorn: Beth ydyn nhw cau yma?
Beth sydd hwn?
Y peth glas?
>> GYNULLEIDFA: Dyna ar gyfer y ddelwedd.
Dylai mynd ar ôl, yr wyf yn meddwl.
>> JASON Hirschhorn: OK, yn union i'r dde.
Felly, gadewch i ni weld yr hyn a wnaeth hyn.
O, mae hynny'n lletchwith.
Gadewch i ni agor cefnfor, bwrdd, corff bwrdd, tr.
Felly mae gennym tunnell, ond yr wyf yn nid ydynt yn gweld y delweddau.
Dyna 'n annaearol.
Mae'n edrych fel ei adeiladu, ond Nid oedd yn dangos i mi y delweddau.
Unrhyw syniadau pam y gallai hynny fod yn wir?
Unrhyw syniadau?
>> GYNULLEIDFA: Os ydych yn sgrolio i lawr, byddwch yn eu gweld.
>> JASON Hirschhorn: Boom!
Felly, eu bod yno, ond mae hynny'n rhyfedd bod maen nhw i gyd y ffordd i lawr yno.
>> GYNULLEIDFA: Maent hefyd nhw i gyd yn olynol.
>> JASON Hirschhorn: A maen nhw i gyd mewn rhes, ac maen nhw i gyd yn wahanol feintiau.
Felly Assam, yn rhoi o god un llinell mwy i mi os gallaf wneud pob delwedd y
un maint, ac mae'n edrych fel fy mod i wedi eisoes wedi dangos maint yr wyf yn
am iddynt fod.
Sut alla i wneud pob delwedd yr un maint?
Rhowch dyfalu gwyllt.
>> Beth am y llinell hon o god?
>> GYNULLEIDFA: Allwch chi wneud Fel gyson?
>> JASON Hirschhorn: Neu lle un arall lle caf ei roi llinell hon o god,
os Fi jyst gopïo?
>> GYNULLEIDFA: Yr holl ffordd i lawr ar yr un llinell?
>> JASON Hirschhorn: OK, gadewch i ni roi yn y fan hon, yn union i'r dde.
Ac yn awr gadewch i ni weld beth fydd yn digwydd.
O, fy daioni!
Nawr mae'n edrych fel rydym yn dechrau i gael rhywbeth, ac mae'n edrych fel eu bod yn
pob math o ffitio yn y tabl sy'n rydym wedi adeiladu ym mhob td.
>> Hefyd, Assam, gadewch i ni ddweud Rwy'n hoffi eu uchder i fod ychydig yn fwy -
y peth uchder yn taflu m off, felly beth ddylwn i ei gosod ar eu taldra?
Dewiswch unrhyw nifer.
>> GYNULLEIDFA: 200?
>> JASON Hirschhorn: 200.
Rydw i'n mynd i godi 100.
Mae hynny'n wych.
Am 'n sylweddol cara 200.
Dyna ni!
OK, yn awr mae hyn yn dechrau edrych yn well ac ychydig yn fwy trefnus.
>> Unrhyw sylwadau eraill am yr hyn mae angen i ni ei wneud i storio lluniau o ddolffiniaid?
Yeah?
>> GYNULLEIDFA: A yw'r dyfyniadau, neu'r un dyfyniadau, o amgylch y gwerthoedd ar gyfer
ffynhonnell, uchder, lled, yw'r rhai dewisol?
>> JASON Hirschhorn: Lle dyfyniadau sengl?
>> GYNULLEIDFA: Fel yn rhai o'r enghreifftiau, byddech wedi hoffi uchder
hafal dyfyniad "150." A yw nad oes angen.
>> JASON Hirschhorn: Felly gadewch i ni edrych i lawr yma.
Os byddwn yn cliciwch ar y cefnfor, mynd i mewn i dabl, byddwch yn sylwi i lawr yma mewn gwirionedd
Ychwanegodd dyfyniadau hynny i mi.
>> GYNULLEIDFA: OK.
>> JASON Hirschhorn: Ac felly yr wyf yn sylweddoli pa rydym yn ei wneud yn ymddangos yn boenus o araf.
Dim ond tair llinell o god Rydym wedi ysgrifennu hyd yn hyn, neu bedwar linellau o god, ond
mae hyn mewn gwirionedd y broses a Byddaf yn mynd drwy bob tro yr wyf am
i wneud y wefan hon.
Fesul llinell, gan ddefnyddio'r consol i lawr yma, gan archwilio pethau a figuring
allan cam-wrth-gam yr hyn yr wyf am ei wneud.
Felly, gobeithio, mae hyn yn dynwared i chi guys mewn ffordd dda, addysgol yr hyn yr ydych
mewn gwirionedd yn cael ei wneud pan i chi greu eich gwefan.
>> Gadewch i ni symud ymlaen.
Rydym wedi creu y pethau hyn.
Rydw i'n mynd i mewn gwirionedd -
Avie, mae gennyf gwestiwn mawr i chi.
Nid wyf yn gwybod, byddwn yn symud ymlaen.
Gadewch i ni fynd i "dolffin trên pan fydd ei llun ei glicio. "Sut ydych chi'n
Cynigiwn wyf yn ysgrifennu y llinell o cod?
>> GYNULLEIDFA: Mae swyddogaeth a elwir yn "trên."
>> JASON Hirschhorn: Mae yna swyddogaeth a elwir yn "trên," yn union gywir.
>> GYNULLEIDFA: Mae'n disgwyl mynegai.
>> JASON Hirschhorn: Trên yn disgwyl mynegai, felly, OK.
Avie, mae hyn yn union y rhesymau fy mod yn caru ei weld.
Trên yn disgwyl mynegai.
>> GYNULLEIDFA: Felly, rydych chi'n mynd i gael ar gyfer dolen.
>> JASON Hirschhorn: Wel, yr wyf am ei wneud pan fydd darlun ei glicio, felly Avie,
sut ydw i'n monitro pan fydd darlun yn clicio?
Mae cwpl o ffyrdd o wneud hynny.
Mae hyn yn y pŵer JavaScript a jQuery, ond hefyd y rhan anoddaf.
>> GYNULLEIDFA: Os parenthesis, peidio.
Neu os ddigwyddiad cromfachau, neu rywbeth gymharol syml?
>> JASON Hirschhorn: Felly gwelsom cwpl ffyrdd o wneud hyn yn y ddarlith.
Un peth oedd, i lawr yma, gallech gwneud rhywbeth fel y gallech greu
swyddogaeth fel ar clic, neu a oes rhywbeth fel ar cliciwch.
Mae pawb yn cofio gweld rhywbeth fel 'na?
Rydych yn ei wneud y tu mewn i'r tag HTML.
Rwy'n gweld rhai wynebau yn wag.
Mae rhai pobl yn debyg, beth mae e'n siarad am?
>> Mae hynny'n iawn oherwydd fy mod yn credu mai dyna'r ffordd fwy cymhleth i wneud hynny.
Rydym yn mynd i wneud llawer haws tramwy gan ddefnyddio jQuery.
Felly, Avie?
>> GYNULLEIDFA: EM?
>> JASON Hirschhorn: Os wyf i am wneud rhywbeth jQuery, yr wyf yn amlwg yn dechrau,
fel o'r blaen, gyda'r arwydd doler, ar agor paren, paren agos, a dwbl
dyfyniadau i mewn yma.
Nawr rydym yn gwybod angen dewisydd I yn yma.
Pa dewisydd ydych chi'n ei gynnig yn berthnasol i bob un ddelwedd neu bob
darlun sengl?
>> GYNULLEIDFA: Delwedd?
>> JASON Hirschhorn: Mae hynny'n yn union gywir.
A fydd yn berthnasol i bob un ddelwedd.
Yn rhoi'r cyfle i bob un ohonynt.
Dyw hi ddim yn ID, nid yw'n dosbarth, mae'n math o tag, ac mae hyn yn mynd i
cael pob un un.
>> Ac yn awr yr wyf i'n mynd i ddweud wrthych hyn am y tro, a gallwch edrych i fyny yn fwy
dogfennau arno yn ddiweddarach, ond mae hyn yn beth a elwir yn "ar" yn delio â digwyddiadau.
Felly, yr hyn yr ydych yn cael i wneud yn awr, ac sydd yn super pwerus, yn dweud pa fath o
digwyddiad yr ydych yn chwilio amdano a beth rydych am ei wneud pan fyddwch yn
derbyn y digwyddiad hwnnw.
Felly, yr wyf i'n mynd i roi ychydig i chi ychydig mwy o cod, Avie, yna
mae'n rhaid i chi fynd, iawn?
>> GYNULLEIDFA: OK.
>> GYNULLEIDFA: Ar - rydym yn mynd i ddweud "Cliciwch" yn yr achos hwn, a wnewch chi helpu
yn gyffredinol yn defnyddio.
Felly, ar cliciwch, ac yna rydym yn mynd i ei throsglwyddo swyddogaeth ddienw.
A chystrawen hon, rydych yn mynd i weld llawer, a gobeithio y byddwch yn
yn ysgrifennu llawer.
Beth mae hyn yn ei wneud yw, unwaith eto, ar y cliciwch o rywbeth a elwir yn ddelwedd, beth bynnag,
unrhyw beth a elwir yn ddelwedd, yr ydym yn mynd i redeg y swyddogaeth dienw.
>> Dydw i ddim yn rhoi enw.
Dydw i ddim yn ei basio unrhyw ddadleuon.
Im 'jyst, fel, gan greu dyma weithredu, a dyma beth y cod
ydych chi'n mynd i wneud.
Dyna gyda'r gystrawen mae hyn yn golygu.
A hefyd, fel y byddwch yn sylwi, mae'n edrych yn debyg iawn i hyn i fyny yma ein bod yn
Ysgrifennodd o'r blaen.
>> OK, Avie.
Felly rydych chi am ffonio trên ar mynegai.
A yw bod yr hyn yr ydych am ei wneud?
>> GYNULLEIDFA: Ydw.
>> JASON Hirschhorn: Hynny yw?
OK.
Gadewch i ni weld beth sy'n digwydd.
>> GYNULLEIDFA: Arhoswch, er.
Nid yw Mynegai yn newidyn ar hyn o bryd.
>> JASON Hirschhorn: Felly nid mynegai yn newidyn ar hyn o bryd.
Nid wyf yn gwybod o ble y cawsoch rhag.
>> GYNULLEIDFA: [Anghlywadwy].
Felly mae angen i chi chyfrif i maes gyntaf sy'n dolffin got clicio?
>> JASON Hirschhorn: Ardderchog.
Mae angen i chi chyfrif i maes pa dolffin got glicio.
Mae hon yn ergyd gwyllt yn y tywyllwch.
Unrhyw un yn cael unrhyw syniad sut y gallaf ffigwr pa dolffin got clicio?
Os na, 'n annhymerus' jyst yn rhoi i chi, oherwydd mae hyn yn eithaf crazy.
OK.
Felly, gadewch i ni argraffu drwy console.log.
>> Y peth hyn.
Felly, arwydd doler, paren agored, paren agos hwn.
Felly, pan fyddaf yn clicio ar y ddelwedd hon, dw i'n mynd i argraffu'r dudalen hon, i'r consol,
a gadewch i ni weld beth sy'n digwydd.
Gadewch i ni fynd yn ôl yma.
Gadewch i ni fynd i chysura.
Unrhyw wallau, diolch byth.
>> OK.
Wyf yn clicio.
Gadewch i mi wneud hynny eto.
Wyf yn clicio ar y ddelwedd hon yn gyntaf, ac mae hyn yn got printiedig i'r consol,
llinell hon o bethau.
Rydw i'n mynd i fod yn defnyddio'r gair "y" llawer.
Mae hyn yn peth iawn yma, mae hyn, yn dda iawn arbennig, ac mae'n gwneud yn union yr hyn y
Avie eisiau iddo wneud.
Mae'n mynd yn beth bynnag oedd yn clicio ar neu beth bynnag.
Oherwydd unwaith eto, dewisydd hyn yn digwydd i ddelio â llawer o bethau, nid ydym yn ei wneud
o reidrwydd yn gwybod pa beth rydym yn siarad am, felly rydym yn awyddus i ffigur
pa beth yr ydym yn siarad am drwy cystrawen hwn.
Yn yr achos hwn i'r dde yma, cefnfor hashtag, rydym bob amser yn gwybod pa beth rydym yn
yn mynd i fod yn siarad am, felly ni fyddwn byth angen hyn yn wir
y tu mewn i cefnfor hashtag.
Mae bob amser y môr, y div.
Mae'n adnabod, dim ond un peth posibl.
>> Ond yn yr achos hwn, mae hyn yn berthnasol i lawer o ddelweddau, mewn gwirionedd, chwe delwedd,
ac felly rydym eisiau gwybod beth penodol ddelwedd glicio ar.
Ac mae'n edrych fel hyn yw'r math o wybodaeth yr ydym yn ei gael.
Rydym yn cael ei fod yn edrych fel rhyw mawr llinyn, ac rydym yn cael hyn oll
gwybodaeth gyda hyn.
Rydym yn cael tunnell a tunnell a tunnell o bethau.
jQuery yn super pwerus.
Mae'n rhoi tunnell o wybodaeth i ni am yr elfen HTML penodol.
Avie, beth ydym eisiau gwybod am yr elfen HTML?
>> GYNULLEIDFA: Rhywbeth fel adnabod.
>> JASON Hirschhorn: Mae adnabod.
Wel, mae gennym ffynhonnell, lled, ac uchder.
>> GYNULLEIDFA: Gall Rydym yn defnyddio ffynhonnell.
>> JASON Hirschhorn: Rydym yn yn gallu defnyddio'r ffynhonnell.
Bydd hynny'n rhoi llinyn i ni, llinyn URL.
Beth ydym yn mynd i'w wneud gyda sydd ar ôl i ni gael hynny?
Sut ydym yn mynd yn ôl at ein mynegai yn ocean_array?
>> GYNULLEIDFA: Gallwn gymharu i'r llall.
>> JASON Hirschhorn: Felly gallem ddolen drwy bob un.
Nawr rydym gallai dolen eto ac yna cymharu hyn.
Rhagweld beth fyddai'r ffordd symlach, pe gallech dim ond dychmygu un?
>> GYNULLEIDFA: Peidio â gorfod ddolen.
>> JASON Hirschhorn: Peidio â gorfod ddolen.
>> GYNULLEIDFA: Dim ond figuring dolffin, [Anghlywadwy].
>> JASON Hirschhorn: Figuring pa dolffin.
OK.
Felly, gadewch i ni arbed y wybodaeth yn y tag ddelwedd.
Ac eto, ar hyn o bryd, yn rhan o bethau hwn yn unig hudol am fy mod efallai
yn dangos i chi hyn am y tro cyntaf, ond gobeithio y rhain yn bethau
ydych yn mynd i gael ei wneud.
Felly, mae hyn yn rhywbeth hudolus gallwch ei wneud.
Gallwch arbed rhywfaint o metadata ychwanegol mewn elfen.
Ni fydd yn arddangos i fyny, ni fydd yn effeithio ar unrhyw beth.
Alli jyst gadw yno.
Ac yr wyf yn cynnig rydym yn arbed y mynegai gyda phob llun.
>> Felly, y ffordd yr ydych wneud hynny yw i chi greu priodoledd o'r enw dash data, a
Yna, beth bynnag enw a am ei roi.
Dash data yn beth arbennig sy'n a roddir i chi, ac mae'n dweud bod hyn yn
rhywbeth y mae'r defnyddiwr yn mynd i greu.
Felly, rydym yn creu peth hyn a elwir mynegai, yr allwedd hon a elwir yn fynegai.
>> Ac tu mewn iddo, yr ydym yn mynd i roi nid dim ond un bob tro, ond beth yw
rydym yn rhoi tu mewn iddo, Avie?
Beth sy'n digwydd yma?
>> GYNULLEIDFA: Dolphin.
>> JASON Hirschhorn: Dolphin.
Nid yw hynny'n y gair hwnnw.
Dolphin.
Ac eto, yr ydym eisoes hargraffu dolffin yn gynharach, fod 0, 1, 2, 3, 4, 5, a
rydym yn arbed hynny gyda'r ddelwedd.
>> Felly yn awr, os wyf yn ei wneud - ac eto, rydym yn arbed y metadata.
Sut yr ydych yn cael mynediad y metadata?
Mae'n gyda swyddogaeth o'r enw yn unig "data." Ac mae angen i chi basio yn un
a dim ond un ddadl, a oedd yn yw enw'r peth.
Felly, yr wyf i'n mynd i argraffu hwn, ac yna byddaf yn cymryd cwestiynau.
Ond yn y bôn, yr wyf ddim yn dweud yn rhoi fy hyn yn gwrthrych sy'n cael ei glicio ar, yn edrych
ym mhob un o'i briodoleddau data, a'r un a elwir yn "mynegeio,"
rhoi'r gwerth mi.
>> A gadewch i ni weld beth sy'n digwydd pan rydym yn adnewyddu'r dudalen hon.
Yn union beth yr oeddem yn disgwyl.
Unwaith eto, a oedd yn eithaf hudol.
Rydym yn unig yn gwneud llawer iawn yno.
Sydd ag unrhyw gwestiynau am hynny?
Yeah?
>> GYNULLEIDFA: Fi jyst gwestiwn am eich cod byw.
Byddwch yn defnyddio fel dyfyniad sengl, dwbl dyfyniad, fel iawn yno.
>> JASON Hirschhorn: Iawn yma.
>> GYNULLEIDFA: Yeah.
A oes rheswm pam eich bod yn gwneud y dyfyniad sengl, dwbl dyfyniad?
>> JASON Hirschhorn: Mae 'na reswm, ac mae hyn yn mynd yn ôl at yr hyn Marcus
ofynnwyd yn gynharach.
Yn y llinell hon, yr oeddwn yn bod yn ychydig yn well yn fy codio.
Yr wyf am i hyn, ac mae hyn yn hyn yr wyf yn onest ddylai fod wedi gwneud pob un o'r
amser, er lled ac uchder yn arbennig.
Gadewch i ni edrych i lawr yma.
Byddwch yn gweld yma, gallwch weld bod?
Yr wyf yn gwybod ei fod yn fath o fach, ond mae data mynegai llinell doriad mewn dyfynodau dwbl.
Y pethau hynny bob amser angen i fod mewn dyfynodau dwbl.
Bob amser angen i'r gwerth fod mewn dyfynodau dwbl.
>> Ond yma, os wyf yn gwneud dyfyniad dwbl, bod yn dod i ben llinyn hwn yn iawn yma,
ac erbyn hyn ni fyddwn yn teipio mewn llinyn.
Felly yr wyf yn mynd o gwmpas hynny drwy dim ond gan ddefnyddio dyfyniad sengl, gan fod un dyfynbris
nid yw'n dod i ben y llinyn JavaScript, ond yn HTML nid yw'n gofal os ydych yn
rhoi dyfynodau sengl neu dyfynodau dwbl.
Bydd yn jyst dehongli fel dyfynodau dwbl.
A yw hynny'n gwneud synnwyr?
Yeah?
>> GYNULLEIDFA: Sut ydych chi'n cael y cyfeiriad IP yng ngwaelod eich cleient?
Mine yn dweud unrhyw gyfeiriad IP.
A oes rhywbeth y dylwn wedi'i wneud yn [Anghlywadwy].
>> JASON Hirschhorn: Yn eich offer, mae wedi ddim?
>> GYNULLEIDFA: Ydw.
>> JASON Hirschhorn: Mae rhywbeth gallwch ei wneud i atgyweiria 'i, ond dydw i ddim
mynd i dreulio amser yn cerdded drwy hynny ar hyn o bryd.
Ond gallwn wneud hynny ar ôl adran.
>> GYNULLEIDFA: Os ydych yn mynd yn ôl i y consol, pam yr oedd y
rhif a restrir 012,321?
>> JASON Hirschhorn: Consol?
O, oherwydd Fi jyst yn glicio o gwmpas gwyllt.
>> GYNULLEIDFA: O, OK.
Peidiwch byth â meddwl.
>> JASON Hirschhorn: Ac eto, yr wyf yn gallu ei glicio ar rywbeth o weithiau bajillion.
>> GYNULLEIDFA: Mae gennyf gwestiwn am eich dolen eto, eich ar gyfer dolenni.
Oherwydd eich bod yn gwybod yn P yn gosod wyth, maent yn ddefnyddio ffurflen wahanol ar y ddolen.
Felly, maent yn yn hoffi var i yn hafal i 0, fi llai na, ocean_array.length, i + +.
A yw'r rhai cyfatebol?
>> JASON Hirschhorn: Mae hynny'n safon ar gyfer dolen.
Neu ie, dyna'r ar gyfer dolenni.
Yn wir, yr ydym wedi gweld hynny'n cyfwerth.
>> GYNULLEIDFA: Felly dyna gyfwerth yr hyn yr ydych wedi ei wneud yma?
A yw un well ystyried na'r llall?
>> JASON Hirschhorn: Na
>> Felly, unwaith eto, yr ydym wedi mynd dros rai pethau.
Rydym bellach wedi symud allan ein parth cysur a dechrau gwneud rhai 'n sylweddol oera
pethau nad ydym wedi mynd o reidrwydd drosodd yn y dosbarth o'r blaen, ond bydd
gobeithio fod yn bwerus iawn i chi pan codio.
>> Avie, gadewch i ni fynd yn ôl i fyny yma.
Mae gen i'r mynegai y dolffin.
Nawr beth sydd angen i mi ei wneud?
>> GYNULLEIDFA: Mae angen i chi hyfforddi ei.
Felly, yn hytrach na rhoi console.log, rydych yn Gall gosod gyfartal amrywiol i hynny?
>> JASON Hirschhorn: OK.
Hynny?
>> GYNULLEIDFA: Nid wyf yn sicr os gallwch chi wneud hynny.
>> JASON Hirschhorn: Felly var x yn hafal i hyn, beth bynnag mae hyn yn dychwelyd,
bydd yn dychwelyd.
Nid yw o bwys.
Gall dychwelyd unrhyw newidyn.
Does dim math yma.
>> GYNULLEIDFA: Neu fe allech chi yn unig gwneud y swyddogaeth alwad.
>> JASON Hirschhorn: Yeah, pam nad ydw i'n gwneud hynny?
Dim ond gwneud y swyddogaeth alwad.
>> GYNULLEIDFA: Yeah.
Rhowch set arall o cromfachau.
>> JASON Hirschhorn: Perffaith.
Dyna'n union gywir.
Felly, a fydd yn galw y swyddogaeth trên.
Wrth gwrs, nid oes dim yn y trên swyddogaeth, felly yn cynnig, AKSHAR, yr hyn yr wyf
dylent wneud yn y swyddogaeth trên.
Rhowch rai cod ffug mi.
>> GYNULLEIDFA: Yr wyf yn meddwl y dylech chi gael gwared ar y DOLPHIN o'r tabl gwreiddiol.
>> JASON Hirschhorn: Ac mae hyn yn mynd yn i Noa yn gynharach pam yr ydym yn copïo
i mewn i amrywiaeth newydd.
Iawn, nid am ein bod yn ei wneud i olygu ein dolffiniaid amrywiaeth oherwydd yr hyn os arall
rhaglen ddefnyddio neu beth os ydym am i gael gafael arno rhywle arall?
Rydym eisiau gwneud copi, a dyna yr un yr ydym yn mynd i olygu.
>> GYNULLEIDFA: Yna byddwch yn gosod yn eich lleoliad newydd.
>> JASON Hirschhorn: A beth mae mae angen i ni wneud ar ôl hynny?
>> GYNULLEIDFA: Ac yna i chi argraffu'r gwybodaeth am y dolffin.
>> JASON Hirschhorn: Mae hynny'n yn union gywir.
Rydym yn tynnu oddi ar y ocean_array, rydym yn roi yn y pwll, ac yna rydym yn tynnu
y môr yn y pwll.
Sut ydw i'n cael gwared ar y dolffin o'r ocean_array?
>> GYNULLEIDFA: Rydych yn mynd at y mynegai.
O, OK.
Defnyddiwch swyddogaeth sbleis.
>> JASON Hirschhorn: OK, Felly dyna iawn.
Gallwn ddefnyddio swyddogaeth sbleis sy'n cymryd rhywbeth allan o amrywiaeth a
cyddwyso hynny.
Mae hynny'n rhywbeth yr ydym newydd nad ydynt wedi ei weld o'r blaen.
Ond Fi 'n weithredol yn awyddus i gadw lle yno oherwydd yr wyf am i argraffu
gofod gwag yn y môr.
>> GYNULLEIDFA: Felly, yna gallwch osod y ddelwedd y mynegai, y ocean_array
mynegai dot llun.
>> JASON Hirschhorn: OK, ocean_array, mynegai.
>> GYNULLEIDFA: llun Dot.
>> JASON Hirschhorn: llun Dot.
>> GYNULLEIDFA: A ydych yn ei osod i NULL?
>> JASON Hirschhorn: Equals null.
OK.
Felly nid oes dim yno, felly, sut ydw i'n eu rhoi yn y pwll?
Constantine, sut ydw i'n roi yn y pwll?
Rydym wedi newidyn hwn byddem ni'n ei alw, Gelwir pwll, i fyny yma.
>> GYNULLEIDFA: A ydym yn unig yn ei wneud hafal mynegai ocean_array?
>> GYNULLEIDFA: Ni ddylech newid y gorchymyn?
>> JASON Hirschhorn: Un sec.
Yeah?
>> GYNULLEIDFA: Yeah, a oedd yn mewn gwirionedd yn bwynt da.
>> JASON Hirschhorn: Beth sy'n mynd yma?
>> GYNULLEIDFA: A yw'n mynegai?
>> JASON Hirschhorn: Mynegai, yn union.
A beth wnaethoch chi ei ddweud, Constantine, yn rhywbeth y dylem ei wneud?
>> GYNULLEIDFA: Dylem efallai newid y gorchymyn.
>> JASON Hirschhorn: A pham dylai rydym yn newid y gorchymyn, efallai?
>> GYNULLEIDFA: Gan fod ar y bwynt mae eisoes null.
>> JASON Hirschhorn: Felly nid yw'n gyd null, ond rydym wedi colli y ddelwedd URL.
Ydyn ni wedi colli am byth?
>> GYNULLEIDFA: Yn dechnegol na?
>> JASON Hirschhorn: A rydym yn ei golli am byth?
>> GYNULLEIDFA: Na
>> JASON Hirschhorn: Wel, ble mae e?
>> GYNULLEIDFA: Yn eich dolffin gwreiddiol -
>> JASON Hirschhorn: Mae'n LandLine mewn dolffiniaid, ond mewn ocean_array
rydym wedi colli am byth.
Felly Constantine, gallwch gynnig ffordd well i ysgrifennu y llinell hon?
A dweud y gwir, mae'n ddrwg gennyf, mae'n cadw mewn pwll.
Mae gennym mewn pwll oherwydd pwll yn wrthrych, dde?
Mynegai Ocean_array, mae ocean_array yn amrywiaeth o wrthrychau.
>> Felly pwll yn wrthrych, ac mae gennym URL i mewn 'na, ac i lawr
yma mae'n mynd i null.
Felly mewn gwirionedd, nid ydym wedi golli am byth.
Dim ond yn cadw mewn pwll.
Ond mae'n sicr nid yn ocean_array, ac fel y dywedasoch, Carlos, y mae yn
yr amrywiaeth dolffiniaid.
>> Felly, mae hyn yn edrych yn melys.
Ac yna sut yr ydym yn tynnu môr a'r pwll?
Mario?
>> GYNULLEIDFA: Gallwch chi ffoniwch draw_pool a draw_ocean?
Felly fel, draw_pool, ac yna -
yn dda, yeah, nid yw'n cymryd unrhyw beth.
>> JASON Hirschhorn: Great.
Beth sy'n draw_pool mynd i'w wneud?
>> GYNULLEIDFA: Tynnwch lun y pwll?
>> JASON Hirschhorn: Yeah, yn dda, beth rwyt ti'n mynd i'w wneud?
>> GYNULLEIDFA: Mae'n ddrwg gennyf.
Gallech wneud yr un peth beth, fel mae -
>> JASON Hirschhorn: Dal ar, rydym ni'n mynd i gyrraedd yno.
Dim byd.
Nid yw'n gwneud dim ar hyn o bryd.
Gadewch i ni weld os yw hyn yn gweithio, er.
Pwy roddodd i ni y cod?
AKSHAR a Constantine yn rhoi i ni y cod?
OK, gadewch i ni weld beth fydd yn digwydd.
>> Ah!
A oedd mor gyffrous.
Mae'n mynd.
O, bachgen.
Dyna fath o hyll.
Wel, gallwn fynd yn ôl a gosod hynny yn nes ymlaen.
Tybed lle y mae?
Rydym yn arbed yn y newidyn pwll.
Sut y gallaf chyfrif i maes os yw'n yn y newidyn pwll?
Wel, unwaith eto, mae grym JavaScript, ac yn arbennig yr arfau y
Chrome yn rhoi i chi, yn y gallwch yn awr archwilio y newidyn pwll.
Mae'n fyd-eang, cofio?
Doedden ni ddim yn rhoi'r gair allweddol var.
Felly os wyf yn fath Rhowch iawn yma, Constantine, beth ydych chi'n meddwl fy mod i'n
mynd i gael pan fyddaf yn daro Chofnoda?
>> GYNULLEIDFA: Nid wyf yn gwybod.
>> JASON Hirschhorn: Dyfalu.
>> GYNULLEIDFA: Dim byd?
>> JASON Hirschhorn: Dim byd, yn anghywir.
Yr oedd yn dyfalu da, er.
Yr wyf yn cael y gwrthrych.
Cofiwch roesoch i mi y llinell o god.
Pwll, rydych yn arbed yn y amrywiol gwrthrych.
Ac yn wir, rydym yn gweld y gwrthrych rydych yn arbed ynddo.
Dyna awesome.
Gall Rydym yn arolygu oddi yma.
Mae bron fel amser real GDB bod gallwn edrych drwy ein cod ac
chyfrif pethau allan.
Mae hynny'n super oer a super pwerus.
>> OK, gadewch i ni orffen hyn i fyny.
Gadewch i ni tynnu y pwll mewn pum munud.
Maru, rhowch linell o fi cod i dynnu llun y pwll.
>> GYNULLEIDFA: Gallwch gael un arall HTML amrywiol, ond / i.
>> JASON Hirschhorn: Gadewch i ni wneud yn syml iawn ar hyn o bryd.
Gadewch i ni dim ond argraffu'r enw y dolffin rydym yn hyfforddi.
>> GYNULLEIDFA: Ac yna gallwch wneud doler llofnodi, cromfachau agored,
ac yna open quote.
Amcana pwll punt, os a oedd yn beth.
Dydw i ddim yn cofio.
>> JASON Hirschhorn: Gadewch i ni edrych yn ôl.
Rwy'n credu ei fod yn beth.
>> GYNULLEIDFA: OK, yeah.
Ac yna dyfynnwch agos, cromfachau agos . Html, cromfachau agored,
ac yna yr wyf yn dyfalu pwll, fel braced agored 0 neu rywbeth fel 'na.
Close enw dot.
Nid wyf yn gwybod os yw hynny'n gweithio.
>> GYNULLEIDFA: OK, gadewch i ni weld beth fydd yn digwydd.
Msgstr "Methu darllen enw'r eiddo undefined. "Felly eto, dyma beth
rydym yn mynd i edrych ar.
Rydym yn mynd i archwilio hyn.
Gwnaethoch pwll, bracket0 agored,. Enw.
Unwaith eto, yr wyf yn gwneud hyn drwy'r amser, ac rwy'n ddryslyd beth sy'n digwydd, beth sydd
rhybudd hwn yn ei olygu.
Gadewch i ni edrych ar pwll.
Gadewch i ni edrych ar pwll braced 0, anniffiniedig.
Felly, dyna lle rydym yn cynnal yn ein problem, dde?
Nid yw braced Pwll 0 yn ei wneud, yn amlwg, yn bodoli.
Beth yn eich barn chi yn bodoli?
>> GYNULLEIDFA: A yw'r pwll yn unig gwrthrych ei ben ei hun?
>> JASON Hirschhorn: Wel, beth mae'n ei ddweud yma?
Pan fyddwn yn taro Enter ar y pwll, beth mae'n ei ddweud ei fod yn?
>> GYNULLEIDFA: Gwrthwynebu.
>> JASON Hirschhorn: Mae'n gwrthrych, felly?
>> GYNULLEIDFA: O, ie.
Felly dim ond pool.name yn hytrach na -
>> JASON Hirschhorn: Pool.name yn rhoi yn union beth rydych ei eisiau.
Ac yr wyf yn sylweddoli fy mod i'n mynd drwy'r araf ac yn belaboring y pwynt hwn, ond
mae hyn yn union sut yr wyf yn gwneud y pethau hyn.
Rydych yn mynd i redeg i mewn i bugs hyn yn ystod eich prosiect terfynol, felly yr wyf yn gobeithio
mae hyn yn rhoi grym i chi allu i ddefnyddio'r holl offer hyn.
Mae'r rhain yn hanfodol a bydd yn yn mynd â chi super duper yn hyn.
>> Felly, nid wyf am i ddim ond argraffu'r enw.
Gadewch i ni wneud yn ychydig yn ychydig yn brafiach na hyn.
>> GYNULLEIDFA: Beth arall ydym ni eisiau i'w wneud?
>> JASON Hirschhorn: OK, dirwy.
Byddwn yn gwneud yn union hynny.
Ych.
Guys, nid oes gennych bywyd.
>> OK, ffyniant, got it.
Yn edrych yn dda.
Byddwch yn gweld, AKSHAR, i lawr yma, rydym wedi null, nid dod o hyd.
Felly, mae'n edrych fel ei fod yn dal i geisio ddod o hyd i ddelwedd, ac nid oedd yn ei wneud
yn union yr hyn yr ydym am ei wneud.
Nid ydym yn mynd i fynd i mewn i hynny yn awr, ond mae'n debyg bod ffordd glanach o
wneud hyn.
>> GYNULLEIDFA: A allech chi adael fel lle gwag ar gyfer y ddelwedd?
Fel yn hytrach na ei osod i null, allech chi osod i hoffi wag
llinyn neu rywbeth?
>> JASON Hirschhorn: Fel hyn?
>> GYNULLEIDFA: Yeah.
>> JASON Hirschhorn: [Anghlywadwy].
Not found.
Felly mae yna ffordd well o wneud hynny.
Byddwn yn cynnig gwneud hyn.
Dim ond gosod null yno.
Yna, wrth gwrs, beth sydd mynd i ddigwydd?
Mae'n mynd i fynd i ffwrdd yn gyfan gwbl.
Felly, os ydym am gadw lle ac yn gwneud hynny, mae'n debyg ein bod yn awyddus i wneud rhywbeth
i fyny yma hefyd.
Rydw i'n mynd i gael i chi ddechrau.
AKSHAR, rhowch y llinell hon i mi o god wirioneddol gyflym.
>> GYNULLEIDFA: Os ocean_array, dolffin, yn hafal i, yn hafal i, yn hafal i - yn cyfateb nwl?
Yeah.
>> JASON Hirschhorn: Yna beth?
>> GYNULLEIDFA: Yna, gwnewch html.
Rydych yn unig gopïo, y cod gwaelod mewn gwirionedd.
>> JASON Hirschhorn: Copi beth?
>> GYNULLEIDFA: Gallwch chi gopïo'r -
>> JASON Hirschhorn: Mae hwn?
>> GYNULLEIDFA: Yeah.
>> JASON Hirschhorn: Pob ohono?
Nid oes gennym delwedd.
>> GYNULLEIDFA: Yr wyf yn golygu i chi gall dim ond gadael -
yeah, gallwch gau.
Ond rwy'n credu rhaid i chi osod y lled.
>> JASON Hirschhorn: Wel, dim ond creu colofn wag.
OK.
Ac yna yn yr achos hwnnw, yr ydym yn annhymerus 'yn ôl pob tebyg am wneud hyn hefyd.
>> Wps.
Oh.
Nid oedd yn gweithio, ond nid ydym yn cael y gwall.
Gadewch i ni weld beth ddigwyddodd i lawr yma.
>> Felly, does dim byd yno, felly beth wnaethoch chi ei ddweud y dylem eu hychwanegu?
>> GYNULLEIDFA: Dylem osod lled y rhes.
>> JASON Hirschhorn: I ba?
>> GYNULLEIDFA: Yr wyf yn credu ei fod yn 150.
>> GYNULLEIDFA: Yeah, yr oedd 150.
>> JASON Hirschhorn: Byddwn yn rhoi hyn yma i gadw fy cod gyson.
Ond nid yw hyn yn un.
OK, yn dda.
Postio.
OK?
Felly mae'n dal i fynd i ffwrdd.
>> GYNULLEIDFA: O, ffoniwch lled?
>> JASON Hirschhorn: Mae'n edrych fel y lled yn 150.
Gadewch i ni weld.
Nawr rydym yn mynd i wneud y rownd derfynol, oer, beth pwerus fy mod yn
yn mynd i ddangos i chi.
Nid ydym yn mynd i orffen y cod hwn, ond ar-lein cyn i ni roi'r gorau iddi, mae hyn oll
y bydd y cod yn gywir.
'N annhymerus' e-bost chi y fersiwn a gywirwyd gyda rhai o fy steilio hun ar ôl
adran hon, a bydd yn cael ei bostio ar-lein.
Yr wyf yn eich annog i gadw archwilio hyn a defnyddio hyn fel cyfeiriad, ond yr wyf yn
awyddus i ddangos i chi y teclyn terfynol ar gyfer hyn dosbarth, ac mae hynny dros yma ar
yr ochr llaw dde.
Ac rydym yn edrych ar hyn yr wythnos diwethaf, ond bellach gobeithio ei fod yn ychydig yn fwy cyfarwydd
i chi ac yn gyfforddus.
>> Gallwch chwarae yn ddeinamig gyda'r CSS o dudalen.
Mewn gwirionedd rydym wedi gweld ni eisoes chwarae yn ddeinamig gyda'r HTML.
Cofiwch y gwnaethom yr hawl cliciwch Golygu fel HTML?
Yma?
Felly, rydym wedi chwarae ddynamig gyda'r HTML.
>> Yn y consol, gallwch chwarae yn ddeinamig gyda JavaScript o dudalen.
Er enghraifft, mae hynny'n dilys JavaScript llinell.
Boom, cefais union beth oeddwn i eisiau.
Felly, gallwn chwarae ddeinamig gyda'r HTML, yn chwarae yn ddeinamig gyda'r
JavaScript.
Nawr rydym yn mynd i ddeinamig chwarae gyda'r CSS.
>> Ac mae hyn i gyd oherwydd mae fel ar unwaith, yn byw adborth GDB, ac er mwyn i chi
Gall gwybod y gwahaniaeth rhywbeth cyn cael i fynd, eich cod a gallwch
â dyfalu pa rhywbeth yn yn mynd i edrych fel.
Felly, mae hyn yn super duper oer.
>> A gadewch i ni yn olaf edrych ar ddeinamig chwarae gyda'r CSS.
Dyna dros yma ar y dde ochr, element.style.
Gadewch i ni fynd i hyn.
Dyma ein elfen.
Gadewch i ni roi rhywfaint o CSS ychwanegol.
>> Neu ddrwg gennym, gallem roi rhai ychwanegol CSS, ond yr ydym yn ôl pob tebyg, yn yr achos hwn,
eisiau newid nodwedd hon.
Felly, gadewch i ni fynd i lawr yma i'r llinell.
O, ni allaf wneud hynny yma.
Mae'n ddrwg gennym.
Golygu AS -
felly dyna sut y gallech newid y CSS.
Nid ydym yn mynd i olygu y CSS ar hyn o yn ail, ond rydyn ni eisiau i olygu
HTML ac yn rhoi nodwedd ychwanegol.
Beth wnaethoch chi yn bwriadu newid hyn?
Yr wyf yn meddwl bod Avie awgrym.
>> GYNULLEIDFA: Col lled?
>> JASON Hirschhorn: Bod yn edrych fel nid oedd yn gwneud unrhyw beth chwaith.
Gadewch i ni roi cynnig ar y CSS.
>> GYNULLEIDFA: [Anghlywadwy] dosbarth?
>> JASON Hirschhorn: Mae'n dweud nid yw'n gweithio.
Mae'n rhoi y peth melyn.
>> GYNULLEIDFA: Ond [Anghlywadwy].
>> GYNULLEIDFA: Onid ydych yn gosod y lled o ddelwedd i 150 pan fyddwch yn gwneud hynny?
Ni fyddai fel chi jyst arfer lled?
>> JASON Hirschhorn: Yeah.
>> GYNULLEIDFA: Ond nid oes gennym delwedd anymore.
>> JASON Hirschhorn: Na
Nid oes gennym unrhyw beth i mewn 'na.
Felly, nid ydym yn mynd i ddatrys y broblem benodol.
Rydym yn mynd i fynd yn ôl i AKSHAR yn ateb, oherwydd yr wyf am i osod
DOLPHIN rhad ac am ddim am y tro, neu dyna yr olaf
beth yr wyf am orffen.
Felly, rydym yn mynd i adael hyn yma tra'n cydnabod nid yw'n hollol
gywir, ac rydym yn mynd i ddod yn ôl ato.
>> Mae'n ddrwg gennym.
Dywedais y gallwn ddynamig newid y CSS.
Gadewch i ni edrych ar hynny ac yn gwneud sydd wir yn gyflym.
Felly os wyf yn archwilio'r elfen hon i lawr yma, a dweud fy mod am ei gwneud yn las,
gallwch ddod draw yma, lliw, oherwydd Gwn fod newid lliw
rhywbeth, a gwelsom sut newidiodd ei glas.
Felly dyna fi yn ddeinamig newid y CSS.
Nid yw'n newid am byth, ond yna Gallaf fynd yn ôl i mewn i fy ffeil CSS a
newid lliw gwrthrych.
>> OK.
Yr oedd llawer.
Doedden ni ddim yn gorffen fy rhaglen anhygoel.
Gadewch i mi ddangos i chi yn real gyflym, ac yna byddwn yn pen allan.
O ble mae e?
Nac oes!
Dal ar.
>> OK, fel eich bod yn pacio i fyny, yn rhagolwg anhygoel, neu flaen
gweld, o amser nesaf.
Mae hyn yn Dolphin Hyfforddwr 2013, ac nid yw'n gweithio.
Great.
>> [Chwerthin]
>> JASON Hirschhorn: O!
Boom!
Beth mae hyn yn ei olygu?
>> GYNULLEIDFA: Nid ydych wedi chmod.
>> JASON Hirschhorn: Doeddwn i ddim yn chmod hynny.
>> GYNULLEIDFA: Rhes un.
>> JASON Hirschhorn: O, edrych ar hynny.
OK.
Felly, yr wyf wedi fy chwe dolffiniaid.
Beth fydd yn digwydd?
Gadewch i ni weld.
Os byddaf yn hyfforddi un, bellach yn hyfforddi Lili.
O, yr wyf yn awyddus i osod i chi am ddim, Lili.
Dyna chi, yn ôl yn y môr.
>> Felly yr oedd yr wythnos hon.
Os oes gennych unrhyw gwestiynau, byddwn yn y tu allan.
Ac eto, byddaf yn anfon i chi gweddill y cod hwn.
Diolch i chi, guys.