>> TOMAS REIMERS: Hi, bawb.
Fy enw i yw Tomas Reimers.
>> MIKE Rizzo: A dwi'n Mike Rizzo.
>> TOMAS REIMERS: Yr ydym yn ddau o TS CS50s.
A heddiw rydym yn arwain y seminar ar JavaScript a CSS ar gyfer apps we.
Os ydych chi eisiau dilyn ar hyd, y cyswllt yn iawn dros yno.
A ydych chi eisiau i roi i fyny ar y gryno cyfrifiadur?
>> Mae y ddolen.
Mae'n safle bach, sydd â chysylltiadau â holl adnoddau yr ydym yn mynd i fod
pwyntio chi heddiw ac mae ganddo hefyd lawer o wybodaeth ddefnyddiol a ysgrifennwyd gan i ni
darllen mwy manwl pan fyddwch yn mynd yn ôl, ac rydych yn ceisio cofio beth
yn union oedd yr ydym yn dweud, beth oedd eich siarad am, et cetera.
>> MIKE Rizzo: Pob hawl.
Felly, gadewch i ni ddechrau.
>> TOMAS REIMERS: Felly rydych chi am ddechrau?
OK.
>> MIKE Rizzo: Yeah.
Felly, roeddem am y tro cyntaf i ddechrau gyda eang trosolwg am y rhyngrwyd a
ffeilio mathau wrth ddylunio gwefannau.
Er bod y cyflwyniad hwn, rydym yn awyddus i mynd i mewn i mewn i JavaScript llawer llawer
yn nes ymlaen, rydym yn awyddus i ddechrau i ffwrdd gyda yn unig, math o, fel golwg llygad aderyn
o beth yw gwefan a sut i feddwl am ddylunio
gwefan ar gyfer y dechrau.
>> Felly rydych guys, ar hyn o bryd - ag ef bod nos Wener - dylai gael
cyflwyno eich cyllid CS50 problem yn gosod.
Gobeithio, a oedd yn blas da o'r hyn y gall rhaglennu ar y we fod.
Ond dyma ni am wneud hynny, math o, yn rhoi chi blas arall, yn ogystal.
>> TOMAS REIMERS: Felly, dim ond i ailadrodd yr hyn digwydd, pan fyddwch yn teipio eich URL i
eich porwr gwe, hynny URL yn cael edrych i fyny yn y cyfrifiadur.
Ac mae eich cyfrifiadur cysylltiedig i gyfrifiadur arall,
sy'n cynnal y wefan honno.
Iawn, felly pan fyddwch yn mynd i google.com, rydych yn gysylltiedig ag un o Google
cyfrifiaduron, sydd â'r ffeiliau ar gyfer google.com.
>> Mae wedyn yn gofyn am ffeil penodol.
Felly, os byddwch yn mynd i -
Nid wyf yn gwybod -
example.com / index.html neu / test.html, ydych yn mynd i ofyn am
y ffeil benodol.
A'r we gweinydd yn mynd i ddychwelyd i chi.
>> Yna, unwaith y byddwch yn mynd drwy'r file -
unwaith y byddwch chi'n cyfrifiadur yn cael bod file - mae'n mynd i ddechrau
i adeiladu tudalen we.
Felly, erbyn hyn mae wedi y ffeil HTML, sydd yn fath o fel y
strwythur y dudalen we.
Gallai'r ffeil HTML hefyd yn cyfeirio Ffeiliau CSS, sy'n diffinio'r
arddull y dudalen we.
>> Ffeiliau JavaScript, sy'n diffinio rhyngweithio â'r dudalen we.
Ffeiliau delwedd, sydd ddim ond yn delweddau.
Ac o bosibl yn cysylltu i ffeiliau HTML eraill, sydd wedyn yn ydych yn gallu ymweld.
>> MIKE Rizzo: OK, mawr.
Felly, rydych guys i gyd wedi, efallai, gosod ofalus eich gwesteiwr lleol
ar eich peiriant rhithwir.
A bod yn unig, math o, yw'r lleol parth bod eich cyfrifiadur yn cynnal unig
i chi yn eich cyfeiriad IP eich hun.
>> Hynny o fewn hynny, yna gallwch ychwanegu iddo eich tudalennau gwe eich hun.
Yr wyf yn golygu, yn CS50 Cyllid, dylech gael ychwanegu rhai tudalennau HTML, sydd,
math o, wedi'i lapio mewn deunydd lapio PHP.
Ond yn y pen draw, beth yw eich tudalennau PHP yn outputting oedd HTML.
>> Ond yn meddwl yn ôl i'r cychwyn y PSET, roedd rhaid i ni osod
y caniatâd ar gyfer popeth, dde?
Felly, mae hyn yn unig yn y bôn yn gadael i ni wybod sy'n gallu darllen, ysgrifennu, ac o bosibl
gweithredu pob un o'r ffeiliau.
Felly, rydym yn mynd i wneud cyflym - hm?
>> TOMAS REIMERS: Felly rydym yn mynd i wneud demo cyflym.
Felly, dim ond i atgoffa chi, pan fyddwch yn cysylltu â Google gyfrifiadur -
pwy bynnag -
a gofyn am ffeil, gall y cyfrifiadur cyntaf Mae angen i wneud yn siŵr eich bod yn awdurdodi
i mewn gwirionedd yn edrych ar y ffeil neu ddarllen fod ffeil oherwydd ni allwch ofyn
ar gyfer unrhyw ffeil ar y cyfrifiadur, dde?
Byddai hynny'n fod yn berygl diogelwch.
>> Felly ffeiliau ar y systemau a ddefnyddiwn, fel y peiriant CS50, wedi tri
pobl cyffredinol pwy all gael caniatâd i rywbeth.
Y cyntaf yw'r gwir perchennog dywedodd ffeil.
Yr ail yw'r grŵp sy'n y ffeil yn perthyn iddo.
Nid ydym yn mynd i ganolbwyntio gormod ar hynny.
A'r peth olaf yw, math o, fel y byd, neu fel pawb arall pwy
heb fod yn benodol i'r ffeil ac nid yw'n gennych unrhyw hawliau perchnogaeth drosto.
>> Felly, os oes gennym perchennog, grŵp, ac yna y byd.
Ac yna, ar gyfer pob un o'r grwpiau hyn, rydych yn yn gallu cael un o dri caniatâd,
OK, neu luosog ohonynt.
Gallwch gael caniatadau darllen.
Gallwch gael caniatadau cywir.
A gall yn rhaid i chi weithredu caniatâd.
>> Felly, o ran y mathau ffeil gwirioneddol, darllen caniatâd yn debyg i ddarllen mewn gwirionedd
cynnwys y ffeil.
Mae caniatâd cywir yn ysgrifennu i ffeil meddai.
Ganiatâd gweithredu yn rhedeg y ffeil fel chi ei wneud pan fyddwch yn rhedeg un o
eich prosiectau CS50.
>> Felly, pan fyddwn yn meddwl am ffeiliau fel pan mae angen i ddarllen HTML
ffeiliau, y mae angen ei byd ddarllenadwy, dde?
Yn ôl pob tebyg, hefyd yn y perchennog am i yn gallu golygu y ffeil.
Felly, y perchennog sy'n mynd i angen darllen ac ysgrifennu caniatâd.
Nid oes wir angen iddynt weithredu.
>> Grŵp, rydym yn mynd i drin y un fath â'r byd am y tro.
Felly mae angen caniatâd darllen.
Ond nid oes angen iddynt ysgrifennu neu weithredu caniatâd.
Ac yn awr, os ydym yn meddwl yn ôl i gyn PSETs, yr hyn yr ydym yn sylweddoli yw y math yma
o edrych fel deuaidd, dde?
1 yn sefyll am ie.
0 am ddim.
Ac rydym yn gallu cyfieithu mewn gwirionedd yn hwn i deuaidd.
>> Felly byddai 110 yn deuaidd fod yn 6.
Byddai 100 yn 4.
Yr un fath â byd.
Felly, y nifer a fyddai'n ei gael ar gyfer y Byddai caniatâd ar gyfer hyn fod yn 644.
>> MIKE Rizzo: Ac os ydych yn meddwl yn ôl i pan fyddwch yn chmoded rhywbeth, yr wyf yn credu
maent yn rhoi yn y broblem yn gosod y enghraifft o ble y gallech ei wneud
rhywbeth fel chmod 644 ac yna ffeilio enw.
Mae'r 644 Yna, gallwch nawr weld yn uniongyrchol o ble y daw o.
Felly, gobeithio, sy'n gwneud y ychydig yn fwy clir.
>> Ac yna am eglurder chi guy -
oh ie, yma y mae eto.
Felly, 600 yna byddai dim ond yn yr enghraifft rydym yn rhoi i fyny yma lle bo'r perchennog wedi
darllen a chaniatâd iawn tra grŵp ac nid y byd yn cael unrhyw ganiatâd
i gael mynediad at y ffeil.
>> TOMAS REIMERS: Ac yna mae gennym cyflym rhestr o ganiatadau cyffredin.
Felly cyfeirlyfrau, yr ydych am mewn gwirionedd chmod 711.
Cyflym neilltu - er cyfeiriadur i gael caniatâd gweithredadwy ei olygu i fod yn gallu
i agor y cyfeiriadur.
Delweddau, CSS, JavaScript, anghenion HTML 644 oherwydd, yn y bôn, y byd
anghenion darllen caniatâd.
>> A PHP, yr ydych guys wedi gweld er na fyddwn yn siarad am y peth
llym fel arfer yn cael ei chmoded gyda caniatâd 600 oherwydd ei fod yn cael ei redeg gyda
y caniatâd y perchennog.
O leiaf ar yr offer.
>> MIKE Rizzo: Felly os nad ydych yn ei wneud yn benodol pennu pa fath o ffeil
ydych chi eisiau wrth osod mewn gwirionedd hyd y cyflwyniad hwn -
cawsom broblem gyda hyn oherwydd Nid yw popeth yn cael ei chmoded gywir -
ydych yn mynd i gael, math o, a gwall gwahardd bod y wefan
Nid oes mewn gwirionedd yn cael caniatâd i gael mynediad beth bynnag ffeil
yr ydych am iddo i gael mynediad.
Ac wrth gwrs, gall fod yn sefydlog - fel yn broblem a osodwyd - drwy newid
caniatâd yn briodol.
>> TOMAS REIMERS: A'r sylw olaf ar gyfer datblygu lleol yn gyflym yw - rydym
dwyn hyn i fyny, ond rydym yn unig am i ddod ag ef i fyny eto -
os ydych yn gofyn am gweinydd - cynnal mor lleol, er enghraifft, com neu beth bynnag. -
ac nad ydych yn pennu ffeil penodol, y ffeil bod eich cyfrifiadur yn mynd
i ofyn am ei alw index.html.
Neu os nad yw'n bodoli, index.php.
>> Cool.
Felly dyna dim ond ailadrodd o bopeth, gobeithio, yr ydym wedi eu trafod yn
adran hon, a darlith, a hyd yn hyn yn CS50.
Ac yn awr rydym yn mynd i ddechrau siarad llyfrgelloedd amdano'n benodol.
Llyfrgelloedd JavaScript a CSS ar gyfer apps we.
>> Felly, un rheswm gyflym pam yr ydym wedi llyfrgelloedd yn rhaglennu -
mae llawer o broblemau yn rhaglennu, sy'n cadw neidio i fyny
unwaith eto, ac unwaith eto, ac unwaith eto.
Efallai y byddwch yn sylwi bod llawer o wefannau Mae angen y gallu i gael galw heibio i lawr
bwydlenni, er enghraifft, neu os oes angen y gallu i gael botwm safonol iawn
arddull, ni all fod yn y peth hawsaf.
Nawr eich bod yn dechrau i fynd i mewn HTML, rydych yn sylweddoli bod botymau gall mewn gwirionedd
edrych yn hyll os ydych yn peidiwch â gwneud unrhyw beth.
>> Felly, mae llawer o bobl wedi ysgrifennu Gelwir llyfrgelloedd.
Ac yn y cyd-destun hwn, maen nhw'n a elwir hefyd yn fframweithiau.
Rydym yn mynd i ddefnyddio'r dau gyfnewidiol.
A'r hyn y maent yn ei eu bod yn y bôn darnau premade o god -
naill ai CSS neu JavaScript -
sy'n cymryd i ffwrdd llawer o'r tîm sydd gennych yn codio.
>> Felly, maent yn cyn-ddiffinio criw o ddosbarthiadau neu cyn-ddiffinio criw o swyddogaethau ar gyfer
Achos JavaScript, sy'n gallwch ffonio nes ymlaen.
Ac yna ydych yn gallu, rhyw fath o, yn cael mynediad at y cod hwn heb
gorfod gwneud unrhyw beth.
Mae enghraifft o'r llyfrgell yn CS50.H. Yr oedd llyfrgell yr ydym yn ei roi i chi yn ôl
yn wythnos un, a oedd yn caniatáu i chi ei wneud phethau fel 'na GetInt a GetString
heb orfod ysgrifennu unrhyw god eich hun.
>> MIKE Rizzo: Pob hawl.
Felly dyma, yn union fel roedd rhaid i ni gynnwys yn ein c ffeiliau gwahanol
llyfrgelloedd, rydym hefyd gynnwys mewn ein HTML ffeiliau gwahanol lyfrgelloedd.
Er enghraifft, os oeddem am gynnwys llyfrgell JavaScript benodol yma,
efallai, un yr ydym wedi ysgrifennu ein hunain wrth iddo gael ei gynnal yn lleol
a elwir yn script.js, rydym yn unig defnyddio nodiant hwn.
>> Felly, rydym wedi hafal math sgript JavaScript ffynhonnell hafal
JavaScript.js.
Ac os ydych yn meddwl yn ôl at eich CS50 problem cyllid a osodwyd, os ydych yn edrych yn
header.php yn y ffolder templedi, dylech fod wedi gweld
rhai o'r rhain yn cynnwys.
Felly, mae hyn yn un cyntaf - y sgriptiau -
yn cynnwys llyfrgell JavaScript.
Gan gynnwys llyfrgell CSS yn ychydig yn wahanol.
>> Yma, yn hytrach na'r sgript tagio oes angen y tag cyswllt.
Ac yna, y math CSS testun ychydig yn wahanol.
Nid oes rhaid i chi bob amser i gynnwys dalen arddull rel.
Ond rwy'n credu ei fod yn, yn gyffredinol, arfer da.
>> Ac yna yn olaf, y href, yr ydych yn gweld yn ôl pob tebyg yn eich ATAGs ar gyfer cysylltu
mewn gwahanol gysylltiadau yn unig yn pennu y cyswllt ble i ddod o hyd i hynny.
Er enghraifft, os oeddem am i gysylltu gwahanol llyfrgell - gadewch i 'jyst dweud -
a oedd yn byw yn y styles.css.
Ac rydym yn awyddus i gysylltu hynny mewn dyna gynhaliwyd ar y we, byddem yn copïo hynny.
Ac yna bastio i mewn beth bynnag mae gennym yma yn lle hynny.
>> TOMAS REIMERS: OK, gobeithio i chi guys eisoes yn gyfarwydd
gyda sut i gysylltu CSS.
Bu'n rhaid i chi wneud hynny ar eich set brown diwethaf.
JavaScript, rhai ohonoch efallai gael rhywfaint o brofiad gyda.
Nid yw rhai ohonoch efallai.
>> Felly ar hyn o bryd, yn gwybod bod ffeil JavaScript yn debyg iawn ffeil CSS yn
yr ystyr y gallwch gysylltu ag ef neu y gallwch ei gynnwys yn fewnol.
Ac mae'n eich galluogi i sgript pethau.
Ac rydym yn mynd i chi gerdded drwy ychydig bach o Javascript yn nes ymlaen.
>> Felly, gan ddefnyddio llyfrgell -
unwaith y byddwch wedi ei gynnwys, mae fel syml â llythrennol ffonio'r
swyddogaethau neu ychwanegu'r enwau dosbarth iddo.
Y peth olaf yr ydym am i siarad amdano o ran llyfrgell -
ac mae hyn yn fwy o nodyn technegol -
yn trwyddedu ffynhonnell agored.
Felly, pan fyddwch yn dod o hyd i lyfrgelloedd gwirioneddol hyn, efallai y byddwch yn meddwl am
cwestiynau hoffi yw'n iawn bod Im 'jyst yn ddefnyddio cod rhywun arall, yn enwedig
oherwydd dyna rhywbeth yr ydym yn fawr iawn dweud wrthych i beidio â gwneud y cwrs hwn.
>> Felly, yn achos drwyddedu ffynhonnell agored, llawer o ddatblygwyr -
unwaith y byddant wedi ysgrifennu llyfrgell, y maent yn meddwl y gallai fod yn
ddefnyddiol i bobl eraill -
yn cyhoeddi i'r we a rhoi trwydded.
A thrwydded y bôn yn dweud fy mod drwy hyn rhoi caniatâd i eraill
pobl i ddefnyddio darn hwn o feddalwedd â'r math canlynol o
amodau.
>> Rydym wedi cynnwys dolen i safle da i helpu i ddeall y trwyddedau yn
achos yr ydych yn rhedeg i mewn iddynt.
Amodau cyffredin yw pethau fel mae croeso i chi ddefnyddio fy llyfrgell felly
belled ag y byddwch yn rhoi credyd i mi.
Mae croeso i chi ddefnyddio fy llyfrgell cyn belled â phan mae'n torri
nad ydych yn rhoi'r bai i mi.
Mae croeso i chi ddefnyddio fy llyfrgell mor hir gan nad ydych yn ei ddefnyddio i wneud arian
i chi eich hun.
Mae'r rhain yn fathau o gyffredin amodau.
>> Am y prosiect terfynol CS50, maent yn Ni ddylai fod yn hynod berthnasol oherwydd
y prosiectau yr ydych guys yn eu defnyddio yn yn ôl pob tebyg yn hytrach, rhyw fath o, a elwir.
Ond pan fyddwch mewn gwirionedd yn mynd allan i'r byd a dechrau defnyddio llyfrgelloedd, sy'n
neu beidio cael eu gweithredu, yn ogystal â rhai o'r rhai mwy poblogaidd rydym yn
mynd i fod yn mynd drwyddo.
Mae'n dda i fod yn gallu deall trwyddedau hyn ac i
yn deall yr hyn y maent yn ei olygu.
Ac yn mynd yn ôl.
>> MIKE Rizzo: OK.
Felly nawr symud ymlaen i enghreifftiau o CSS gwirioneddol.
Ar y pwynt hwn hyd yn hyn, efallai y byddwch Nid yw wedi dod ar draws hyn.
Ond efallai y byddwch wedi dod ar eu traws yn eich bywyd bob dydd ble mae rhywbeth
sy'n edrych un ffordd ar un porwr Efallai nad edrych yr un fath
ffordd borwr arall.
>> Gelwir hyn yn porwr porwr gydnaws.
Ac yn gynyddol mae'n dod yn fwy a yn fwy o broblem, yn enwedig gan
porwyr cymryd mwy a mwy o rhyddid i weithredu pethau fel y maent yn dymuno.
Felly, i oresgyn hynny, mae mewn gwirionedd llyfrgell gwych o'r enw Normalize.CSS.
>> TOMAS REIMERS: Rydym yn cynnwys y ddolen.
Ar y pwynt hwn, mae'n ddefnyddiol os i chi gael eich gliniadur i mewn 'na
edrych ar y safle.
Ac rydym yn rhoi hwn i chi ar bellach yn syml oherwydd bod y rownd derfynol CS50
prosiect mewn gwirionedd yn mynd i yn gofyn i chi roi ar waith
yn yr un modd a thrwy porwyr.
>> Felly, dim ond er mwyn cadw yn y nghefn eich pen, mae hwn yn llyfrgell gwych
gan y bydd, rhyw fath o, safoni pethau.
Yn Firefox, gallai rhywbeth yn dangos fel un picsel i'r chwith.
Ac yna gall Chrome benderfynu sydd mewn gwirionedd yn beth oeddech yn ei olygu yn 10 picsel
ar y chwith.
Ac rydych am i safoni hyn.
Bydd Normalize ei wneud mewn gwirionedd yn dda iawn swydd o wneud yn siŵr bod eich safle
yn edrych yr un fath ar draws porwyr.
>> MIKE Rizzo: Felly, os oeddem am i ddim ond cliciwch ar y ddolen yn gyflym iawn ac yn dangos
wrthych beth sy'n edrych fel, yr ydych yn ei lawrlwytho drwy ddefnyddio'r
Download mawr botwm.
Neu yr wyf yn eich annog i ddarllen mwy am y peth drwy glicio ar y ddolen hon yn rhan isaf
gornel dde.
>> TOMAS REIMERS: Ac os ydych mewn gwirionedd yn cliciwch Read More iawn yno -
cliciwch y ffynhonnell ar GitHub -
byddwch mewn gwirionedd yn gweld y ffynhonnell agored drwydded ar LICENSE.md iawn yno.
A byddwch yn gweld yma yw'r drwydded MIT boblogaidd iawn.
Unwaith eto, os ydych yn darllen drwy'r testun, byddwch yn gallu dod o hyd iddo ar y safle
rydym yn cyfeirio at cyn ac yn gallu deall heb orfod darllen
drwy'r jargon cyfreithiol.
>> MIKE Rizzo: OK, mawr.
Felly dyna Normalize.
Rydym yn awyddus i roi i chi sydd wir yn gyflym.
O, a oes gennych gwestiwn?
>> GYNULLEIDFA: Felly pan fyddwch yn ei lwytho i lawr, yr ydych yn dilynwch y cod bod ganddynt
o dan y Download botwm?
>> TOMAS REIMERS: Ie, felly pan fyddwch yn llwytho i lawr -
>> MIKE Rizzo: O, mae hynny'n bwynt da.
Felly, y cwestiwn oedd sut mae mewn gwirionedd rydym yn ei lwytho i lawr?
Felly, os ydym yn cliciwch ar y ddolen, gwelwn ei fod mewn gwirionedd pops i fyny
ar y cod ffynhonnell.
Felly, i wneud hyn, yr hyn y gallem ei wneud yw cliciwch Save As.
Save As a dylai fod yn dod i fyny ffeil.
Ac yna gallwn ddewis i arbed fel normalize.CSS.
Ac yna byddai'n rhaid i chi gysylltu i mewn -
>> TOMAS REIMERS: Yr un ffordd rydych yn cysylltu mewn unrhyw ffeil arall.
Ac ar ôl i chi gysylltu i mewn, yr hyn sy'n wych am Normalize yw hi mewn gwirionedd yn
cymryd gofalu am yr holl caled gweithio ei ben ei hun.
Sy'n golygu bod nad oes gennych ychwanegu unrhyw dosbarthiadau.
>> Nid oes rhaid i chi wneud unrhyw beth 'n annaearol.
Bydd yn normaleiddio heb i chi gwneud unrhyw beth pellach.
Oes, mae'n rhaid i chi ei gynnwys.
Nid yw Google Chrome yn ymateb.
>> Dim ond cyflym o'r neilltu -
Yr wyf yn sylwi ein neidio i mewn i hyn.
Mae gweddill y cyflwyniad hwn yw mynd i fod yn drosolwg cyflym.
Mae arolwg o lyfrgelloedd.
>> Yn y bôn, yr hyn y maent yn cael eu.
Yr hyn y maent yn ei wneud.
Sut maen nhw'n ddefnyddiol.
Sut y gallech eu gweithredu.
Os ydych am ddechrau edrych arnyn nhw, ganlynol ynghyd, a darllen trwy
iddynt, byddwn yn hynod annog hynny.
>> Fel arall, rydych yn croeso hefyd i dechrau eu llwytho i lawr ac yn cynnwys
nhw mewn golwg dim ond i weld yr hyn y maent edrych fel neu beth maent yn ei wneud os oes gennych
eich gliniadur o'ch blaen.
Os na, mae croeso i chi gadw gwrando arnom siarad.
Rydym yn mynd i barhau i siarad.
Ac mae gennym amser ar y diwedd, gobeithio byddwn mewn gwirionedd yn cael i mewn i ddangos i chi
hyn y mae rhai o'r llyfrgelloedd hyn edrych.
>> MIKE Rizzo: Cool.
Mae pob hawl, felly nawr gadewch i ni siarad am Font Awesome.
>> TOMAS REIMERS: Awesome felly Ffont yn safle mewn gwirionedd daclus, yn enwedig ar gyfer y rhai
ohonom sy'n llai artistig talentog.
Anwybyddu'r Enw ffont Awesome, mae'n rhoi chi criw o eiconau, sy'n cael eu
ddefnyddiol iawn.
Felly mae llawer o weithiau y byddwch yn gweithredu icon efallai y byddwch am fel 'n glws x felly
y gallwch gau rhywbeth.
>> Neu efallai y byddwch eisiau rhyw fath o botwm Golygu gyda darlun pensil fel
pawb arall wedi.
A dyna pryd byddwch yn dysgu bod Gall dynnu eiconau hynny fod
diflas iawn ac yn anodd.
Font Awesome - os ydych mewn gwirionedd yn mynd i'r safle -
rhoi llawer o eiconau chi o dan yr eiconau ar y brig.
Yeah, dim ond y brig.
Bydd yn rhoi llawer i chi o eiconau ar gyfer rhad ac am ddim.
>> Felly dyma byddwch yn gweld ein bod wedi bethau fel seren, bariau, bollt mellt, a
calendr, nam, llyfr, et cetera.
Gall hyn fod yn ddefnyddiol iawn.
Mae'r ffordd yr ydych yn cynnwys hyn yw eich cynnwys llythrennol y ffeil CSS.
Ac ar ôl i chi wedi cynnwys y ffeil CSS, beth y gallwch chi ei wneud yw i greu
tag o'r enw I. satands It am icon gyda'r FA dosbarth
sefyll am Font Awesome.
Ac yna, beth bynnag ddosbarth y dymunwch.
>> Felly, os oeddwn i eisiau eicon o blws hwn sgwâr i'r dde yma, byddwn yn rhoi
mae'n y dosbarth FA.
Ac yna cysylltnod FA ynghyd sgwâr cysylltnod.
>> MIKE Rizzo: Cool, OK.
>> TOMAS REIMERS: Ac yna, mae'r CSS diwethaf llyfrgell yr ydym am i gael drwy rydym yn
ceisio cadw ei lleiaf posibl ar CSS llyfrgelloedd oherwydd ein bod yn sylweddoli y
teitl y cyflwyniad hwn yw JavaScript Llyfrgelloedd.
Ond rydym yn credu y gall i ni, yn ogystal eich cyflwyno i'r llyfrgelloedd eraill
er ein bod yn sôn am lyfrgelloedd.
>> Mae'n Google Web Bedyddfeini.
A beth Google Bedyddfeini We yn caniatáu i chi ei wneud yw ychwanegu ffontiau at eich gwefan,
sydd yn ffordd hawdd iawn i'w wneud yn 'n bert ac i wahaniaethu eich set
oddi wrth bawb arall yw os oes ganddo ffont 'n glws neu os oes ganddo' n glws
casgliad o ffontiau.
Google Web Bedyddfeini ydy 'n glws yn wahanol i eraill llyfrgelloedd yn yr ystyr ei fod yn
gosod tywys mewn gwirionedd.
>> Felly, os byddwch yn dilyn y ddolen, mae'n google.com / ffontiau, yr wyf yn credu.
Os ydych yn dilyn hynny, yr ydych Gall dewis eich ffont.
Gallwch ddewis ar y chwith gan trwch, gogwydd, et cetera.
Ac yna, unwaith y byddwch wedi dewis un, gallwch glicio defnydd cyflym.
Iawn yno.
Dde waelod y bocs.
>> Ac yna, sgroliwch i lawr.
Yn gyntaf oll, maent yn rhoi y CSS eich bod yn mae angen i chi gysylltu mewn gwirionedd iddo.
Mae'n iawn yno.
Alli jyst adysgrifia a bastio i mewn bod
A'r peth braf am yr un yma yn Nid oes mewn gwirionedd hyd yn oed angen i chi
lawrlwytho'r ffeil.
>> Beth sy'n mae'n mynd i wneud yw ei fod yn mynd i gysylltu â Google fersiwn ohono.
Felly, yn ôl at yr hyn mae hynny'n ei olygu.
Mae hynny'n golygu pan fydd defnyddiwr lawrlwytho eich ffeil -
llwytho i lawr eich tudalen HTML - eich HTML dudalen yn mynd i gyfeirio at y ffeil hon.
>> Felly, yna, eich cyfrifiadur yn mynd i weld, oh, mae'n gynnal ar google.com yn hytrach
nag ar theirsite.com.
Gadewch i mi fynd yn gofyn i Google ar gyfer y ffeil.
Ac yna, mae'n mynd i gynnwys mae bron fel pe bai'n
rhan o'ch safle eich hun.
>> TOMAS REIMERS: Cool.
Ac ar ôl i chi yn cynnwys hynny, yna i gynnwys yn eich CSS, mae'n rhoi i chi
llinell gwirioneddol.
Felly, byddwch yn gosod y teulu ffont eiddo cyfartal i enw eich ffont.
>> MIKE Rizzo: OK.
Felly, rydym yn unig gorffen gyda CSS.
Ac efallai y bydd rhai ohonoch yn meddwl, yn dda, rydym yn cael rhywfaint CSS ar CS50 Cyllid.
Ond llyfrgell CSS yn bootstrap.
Rydym mewn gwirionedd yn cynnwys Cychwynnydd ychydig yn nes ymlaen o dan JavaScript oherwydd gyda
llyfrgell Cychwynnydd CSS hefyd yn dod gyda llawer o JavaScript bod
Bootstrap neu Twitter - a wnaeth Cychwynnydd -
eu defnyddio i reoli eu holl CSS.
>> TOMAS REIMERS: A oes unrhyw un yn cael unrhyw cwestiynau hyd yma am CSS yn gyffredinol?
Rydym yn dda?
Awesome.
>> MIKE Rizzo: Awesome.
>> TOMAS REIMERS: Felly symud ymlaen i JavaScript.
>> MIKE Rizzo: Felly, rydym yn awyddus i siarad am jQuery i ddechrau.
A yw unrhyw un wedi clywed am jQuery cyn neu ddefnyddio?
Yeah, cwpl?
Felly, os ydych yn unig yn gweithio gyda brodorol JavaScript, byddwch yn cael eich hun
deipio llawer o ddetholwyr hir llawer.
Felly beth jQuery yn ei wneud yw ei fod yn darparu papur lapio 'n glws ar gyfer yr JavaScript
iaith sy'n gadael i chi ddewis hawdd a thrin gwahanol elfennau
o fewn y model gwrthrych ddogfen y tudalen ar y we neu'r DOM, yr wyf yn meddwl
chi guys wedi clywed yn ddarlithio yn y pwynt hwn.
>> TOMAS REIMERS: Os nad ydych wedi clywed am neu ddarlith os nad ydych wedi gwylio
eto, y Model Gwrthrych Ddogfen yn yn y bôn sut y mae pethau'n cael eu cynrychioli.
Felly HTML math o edrych fel coeden pan fyddwch mewn gwirionedd yn tynnu allan.
Mae gennych yr elfen HTML ar ei ben.
Mae gennych y pennaeth a'r corff.
>> Ac yna, o fewn eich bod yn popeth arall.
Dyna cyfeirir ato fel y DOM -
Model Gwrthrych ddogfen.
Felly, model sy'n cynrychioli gwrthrychau mewn y ddogfen yn ffordd hawdd i feddwl
am hynny.
Ac un o'r peth gwych am jQuery a yw'n wir yn gwneud tramwyo
hynny ac elfennau trin o fewn hynny hynod o syml.
>> Mor syml, mewn gwirionedd, bod y rhan fwyaf o JavaScript llyfrgelloedd neu os nad yw'r
y mwyafrif, mae'r mwyafrif mawr o rai byddwch yn gweld mewn gwirionedd yn ei gwneud yn ofynnol jQuery felly
eu bod yn gallu rhedeg eu hunain yn syml oherwydd os nad oedd gennych jQuery, rydych yn
Byddai wastraffu llawer o amser yn ceisio chyfrif i maes sut i ddewis rhai
elfennau a sut i wneud pethau eraill.
A'r peth gwych arall am jQuery yw ei fod yn groes porwr gydnaws.
>> Felly cofiwch yn ôl pan fyddwn yn dweud bod nid yw pob porwyr gweithredu
pethau yn yr un ffordd?
Mae hyn yn wir hyd yn oed mewn JavaScript.
Ac un o'r pethau gwych am jQuery yw y bydd yn canfod y
porwr a chanfod y dull priodol.
>> Felly, os oes angen i chi ddewis elfen, Gallai Internet Explorer yn dweud eich bod yn
i fod i wneud y ffordd hon.
Gallai firefox dweud y cywir ffordd yn y ffordd hon.
Nid yw jQuery yn ofal.
Pan fyddwch yn dweud jQuery i ddewis elfen y bydd yn chyfrif i maes sut mae'n
i fod i wneud hynny o fewn y porwr y defnyddiwr ar hyn o bryd, ac yna gwneud
yn y ffordd honno.
>> MIKE Rizzo: Felly gadewch i ni siarad am y defnydd o jQuery ychydig.
Yn union fel PHP, jQuery Mae penodol hoffter am yr arwydd ddoler.
Felly, fe welwch bod unrhyw jQuery -
yn dda, nid yw pob.
Weithiau gallwch gymryd lle y ddoler lofnodi gyda'r gair jQuery.
Ond yn gyffredinol, dim ond oherwydd ei fod yn byrrach, pryd bynnag y byddwch yn gweld jQuery yn
defnyddio bydd yn cael ei gydag arwydd doler.
>> Felly dyma ni jyst yn dangos dechrau dewisydd am elfen yn y DOM.
Yma, mae gennym yr arwydd doler yn dilyn gan cromfachau agored ac yna dyfyniadau.
Ac o fewn y dyfyniadau yn mynd ein dewiswyr ar gyfer y gwahanol elfennau.
Yn union fel yn y CSS, roedd angen detholwyr i yn gallu arddull gwahanol elfennau
o fewn y dudalen.
Mae'r rhai gwahanol detholwyr cyfieithu yn union i mewn i jQuery a JavaScript,
ar gyfer y rhan fwyaf.
>> Felly dyma gennym dot foo.
Felly, os ydych yn cofio o ddarlith, y dot yn unig yn golygu y dosbarth.
Felly, rydym yn dewis elfen gyda foo dosbarth.
Felly os wyf yn mynd yn ei flaen ac yn agor ein JavaScript consol yma yn gyflym iawn
dim ond dangos, os Fi jyst teipiwch y arwydd doler, gwelwn ei fod yn rhai
swyddogaeth sy'n dod i fyny.
Ac mae'n dim ond ei ddiffinio gan jQuery.
>> TOMAS REIMERS: I'r rhai ohonoch anghyfarwydd, y consol yn offeryn
yn Chrome, sy'n caniatáu i chi, yn y bôn, yn rhedeg JavaScript ar y
dudalen gyfredol.
Mae hyn fe welwch hynod ddefnyddiol wrth eich bod yn debugging mewn gwirionedd ac rydych
Mae angen i fod yn debyg, beth yw'r cerrynt gwerth rhai newidyn byd-eang neu beth
yn rhywbeth arall?
Mae'n fath o fel GDB ac eithrio eich bod yn gallu mewn gwirionedd yn
trin elfennau ar y dudalen gyda mewn ffordd llawer haws.
A hefyd nid yw'n, yn y bôn, gwirio i mewn gyda chi cyn gwneud unrhyw beth.
>> Felly tra, efallai y GDB fod yn debyg, a ydych yn sicr eich bod am redeg y cam nesaf?
Mae'r consol sydd yn go iawn.
Felly, gan fod y dudalen we yn rendro a gwneud beth bynnag y mae'n ei wneud, y
cyngor hefyd yn rhedeg ochr yn ochr iddo.
A allwch chi roi cod impute i y consol, a fydd yn
yn cael ei redeg ar y dudalen.
>> MIKE Rizzo: Felly, i fynd i mewn i'r consol, Amcana dylwn fyr
sôn am sut i wneud hynny.
Yn y problemau diwethaf a all fod gennych elfen a ddefnyddir Chrome yn arolygu
swyddogaethau neu edrych ar dudalen ffynhonnell -
a'r rheiny yn hygyrch yn unig trwy hawl glicio ar y dudalen neu benodol
elfen a gwneud naill ai arolygu elfen neu edrych ar dudalen ffynhonnell.
Gallwn hefyd gael mynediad i'r JavaScript chysura yn uniongyrchol gan
dewis archwilio elfen.
Consol Felly, yna 'ch jyst daro ar yr ochr dde yn hyn.
>> Fel arall, gallech hefyd wedi mynd i gornel llaw dde uchaf,
sy'n cael ei dorri i ffwrdd ar y sgrîn hon lle mae wedi y tri bar llorweddol.
A ydych yn mynd i lawr i offer a Yna JavaScript consol
yma lle y gall weld -
o leiaf ar Windows -
'r shortcut yw Rheoli Shift J. Felly, yna os ydym am i ddewis elfen
ar y dudalen hon, yn union fel yr wyf yn dangos o'r blaen, rydym yn ei wneud parens agored arwydd doler
ac yna dyfyniadau.
>> Mae peth diddorol yw, yn gyffredinol, dyfyniadau sengl a dyfynodau dwbl yn
cyfnewid.
Felly mae llawer o bobl yn jyst arfer sengl dyfyniadau oherwydd eu bod yn gyflymach i deipio
na dyfynodau dwbl oherwydd nad ydych yn ei wneud rhaid i ddal i lawr Shift.
Felly, 'n annhymerus' jyst yn gwneud hynny ar hyn o bryd.
>> Felly, yr wyf am i ddewis rhywbeth gyda dosbarth.
Cynhwysydd, dim ond am fy mod yn gwybod bod yn rhywbeth sy'n ar ein
dudalen ar y we ar hyn o bryd.
Ac yr wyf yn daro Chofnoda.
A gallwn weld fod yn dethol ei.
Felly, mae'n dangos i fyny ei fod yn Dychwelodd y gwrthrych.
Felly dyna detholiad sylfaenol.
Os ydym eisiau mewn gwirionedd drin iddo, byddai'n rhaid i chi alw rhywbeth
ar y dewis, a byddwn yn mynd i mewn yn ddiweddarach.
>> TOMAS REIMERS: Felly dim ond i edrych ar y yn fwy manwl, nid yw hyn yn wahanol
na'r galwadau swyddogaeth a wnaethom yn C. Enw'r swyddogaeth yma yw
ychydig yn rhyfedd.
Mae'n arwydd ddoler.
Dim ond yn enw swyddogaeth.
Does dim byd arbennig am y peth.
>> Mae gennym cromfachau agored.
Yna, rydym wedi ein un ddadl, a oedd yn yn yr achos hwn yn digwydd i fod yn llinyn,
sydd yn dewisydd ar ei gyfer.
Ac yna, rydym wedi ein parenthesis cau.
Dyna ni.
>> Dyw hi ddim yn bod yn wahanol iawn.
Er, mae'n edrych yn rhyfedd iawn.
A gall hynny fod, rhyw fath o, a sticio pwyntio i lawer o bobl.
>> MIKE Rizzo: Felly yr un modd, os ydym am i ddewis elfen sydd â adnabod,
nawr rydym am i ddewis gan ID yn hytrach na dosbarth.
Byddai'n beth tebyg lle rydym yn dim ond gwneud yr arwydd miniog i adnabod.
Felly, rydym yn dewis yma i gyd elfennau sy'n cael bar adnabod.
>> TOMAS REIMERS: Ac mae hyn yn ymestyn.
Mae hynny'n CSS ymestyn.
Yn union fel yn y CSS, gallwch ddewis yr holl cysylltiadau, sydd â'r foo dosbarth.
Yma, mae'n yr un peth.
>> Gallech wneud a.foo, a fyddai'n dewis pob un o'r cysylltiadau â'r foo dosbarth.
Gallech wneud bar miniog, a fyddai'n dewiswch y cysylltiad gyda'r bar ID ac yn y blaen
ac yn y blaen.
Unrhyw detholydd CSS yn ddilys dewisydd jQuery.
>> MIKE Rizzo: Yeah.
Iawn, felly nawr gadewch i ni fynd i mewn i ychydig o drin y gallwn ei wneud gyda
ein jQuery.
Felly jQuery Mae gan fath arbennig o nodiant lle rydym yn unig yn defnyddio
dot ar y diwedd.
A allwch chi feddwl am hyn fel yn Sut oedd gennym gwahanol structs C.
Ac i fynd i mewn i structs hynny, a fyddech yn defnyddio dot i fynd i mewn iddynt.
>> Mae hyn, math o, rhywbeth tebyg.
Dim ond yn awr mae gennym swyddogaethau o fewn y dewisydd y gallwn alw arno.
Felly dyma, yr enghraifft gyntaf un gallwch weld yn dewisydd CSS.
Ac yn y bôn, yr hyn a wna hynny yw ei berthnasol elfen CSS cyntaf i hyn
beth yr ydych yn dewis -
elfen hon a ddewiswyd gennych -
â'r gwerth y mae.
>> TOMAS REIMERS: Felly cyfieithiad hawdd o byddai hynny'n pe jQuery, yn y bôn,
dim ond yn cymryd foo.
Ac yna yn CSS dywedodd, lliw coch ac yn agos.
Mae yr un syniad.
Yr hyn y mae'n ei wneud yw ei fod yn dewis holl elfennau foo.
Ac yna mae'n cymhwyso.
Math o, lliw eiddo yn hafal i goch.
>> MIKE Rizzo: Yn yr un modd, ni allwn hefyd yn newid cynnwys gwirioneddol o'r hyn sy'n
dangos ar y HTML y dudalen, sy'n yn 'n sylweddol oera oherwydd mae'n golygu eich
Gall tudalennau gwe yn awr yn gwbl ddeinamig ac nid oes rhaid i fod yn sefydlog
eich bod yn argraffu gan ddefnyddio PHP ar y cychwyn cyntaf
y dudalen ei lwytho.
Felly yma, os oeddem am newid y HTML gwirioneddol y dudalen, byddem yn awr yn
ffoniwch y swyddogaeth HTML, sydd wedyn yn unig mewnosod beth bynnag rydym yn nodi i
yr elfen honno yr ydym yn dethol.
Felly dyma ni yn dewis elfen gyda foo dosbarth ac yna dweud ei fod yn HTML
mae bellach helo byd.
>> TOMAS REIMERS: A pan fyddwch yn meddwl am beth yn cael eu ceisiadau defnyddiol o
hyn, mae hyn yn un CSS, y peth cyntaf a gallwch ddechrau i feddwl amdano yw
o ran hyd yn oed yn galw heibio i lawr bwydlenni.
Gallech ddechrau gwneud pethau fel, pan defnyddiwr yn hofran dros y rhan uchaf
o lawr galw heibio, yr ydych am wneud y rhan gwaelod yn weladwy.
Iawn?
>> Felly, yn CSS, rydym wedi eiddo i wneud rhywbeth gweladwy.
Pethau fel dim colon arddangos yn ei gwneud yn anweledig.
Byddai bloc Arddangos wneud yn weladwy.
Neu hyd yn oed os ydych chi eisiau mynd symlach, rydych gael pethau fel gydradd gwelededd
weladwy, a gwelededd hafal cudd.
>> A gallech dechrau gweithredu pethau fel gollwng i lawr i'r dde bwydlenni
ar ôl i chi gael drwy'r syniad o sut y gallwch chyfrif i maes pan fydd hyn yn agor,
y byddwn yn mynd drwy fyr iawn.
Ond gallwn ddechrau gweld ceisiadau o hyn.
Mewn ffordd debyg, os ydych yn roi cynnig ar a gweithredu, gadewch i ni ddweud, sgwrs
injan a ydych am wneud ychydig swigen siarad yn dod i fyny pryd bynnag eich bod wedi
cael neges newydd, unwaith y byddwch yn cael y neges newydd, gallwch wneud ychydig
swigen siarad yn dod i fyny drwy newid HTML y dudalen, dde?
Drwy ychwanegu y swigen siarad ychwanegol gyda'r testun ychwanegol i mewn 'na.
Yeah?
>> GYNULLEIDFA: Felly byddech ymgorffori hyn o fewn y cod HTML yn y math o fel
[Anghlywadwy]?
>> MIKE Rizzo: Iawn.
Yeah, byddwn yn cyrraedd y mewn ychydig.
Yeah, mae'n debyg ychydig i PHP.
Ddim yn union debyg.
>> Mae gwahaniaeth da i wneud yw beth mae hyn yn mewn gwirionedd yn golygu pan fyddwn yn golygu
y dudalen oherwydd nid yw'n mynd i fod yn golygu'r ffeil gwirioneddol a yn cael ei
cadw ar y gweinydd oherwydd bod y byd Ni ddylai wedi cael caniatâd
i olygu eich ffeiliau.
Mae hyn yn unig olygu beth sydd ar y dudalen a'r hyn sy'n cael ei arddangos o fewn
y porwr.
Felly, os ydych yn ail-lwytho y dudalen wedi, dweud, dileu rhywbeth wrth i ni
gweld y gallwn ei wneud gyda'r dileu galwadau, Byddai y peth wedyn yn ailymddangos.
>> TOMAS REIMERS: Felly, un ffordd i feddwl am hyn yw os wyf yn eich cyfrifiadur a
Mae Mike yn, rhyw fath o, y gweinydd.
Beth sy'n mynd i ddigwydd yw fy mod i'n mynd i gofyn i Mike, hey, gallaf gael copi o
y dudalen gwefan hon?
A bydd yn rhoi copi ohono i mi.
>> Na, nid dyna'r peth gwreiddiol.
Dim ond copi.
Ac yna y byddai'n hoffi, oh, mae JavaScript yma.
Yn amlwg, dylwn olygu'r dudalen i fod fel hyn.
A dwi'n golygu eich copi.
>> Ond nid yw hynny'n effeithio y copi gwirioneddol.
Ac os wyf yn gofyn iddo eto adnewyddu'r dudalen, -
hey, a allaf gael copi glân arall -
mae'n mynd i roi i mi copi glân arall.
Ac yna, dw i'n mynd i wneud yr un peth fel, oh, mae hyn JS yma sy'n dweud
i olygu'r hyn.
Ac yr wyf i'n mynd i barhau i wneud hynny.
>> MIKE Rizzo: Felly beth 'n sylweddol oera y gallwch ei wneud gyda jQuery yn
mewn gwirionedd yn ychwanegu gwahanol fathau o o animeiddiadau i dudalen eich.
Nid wyf yn gwybod os ydych chi wedi gweld erioed lle ydych yn ceisio i lenwi ffurflen
ar-lein ac nad ydych yn llenwi y pethau cywir.
Cyn lleied beth sleidiau i lawr ar y brig ac yn dweud i chi
nad ydynt wedi gwneud hyn yn gywir.
Os gwelwch yn dda ceisiwch eto.
Ac yna, efallai hyd yn oed llithro i fyny.
>> Troi allan jQuery wedi adeiladu mewn swyddogaethau sy'n gwneud hynny i gyd
animeiddio mewn gwirionedd, yn hawdd iawn.
Felly mae gyntaf pylu swyddogaeth y tu allan, a oedd yn
gallwch ffonio ar rywbeth.
Ac mae'n ffordd i newid y CSS o yr elfen honno mewn ffordd hanimeiddio.
Felly, mae'n cymryd pa bynnag elfen ydych yn ei alw pylu allan ar.
Ac yna, yn araf yn newid ei didreiddedd hyd nes ei fod yn mynd yn gwbl dryloyw.
>> TOMAS REIMERS: Yr un poblogaidd eraill yn llithro i lawr, a fydd yn gwneud
rhywbeth yn ymddangos trwy llithro i lawr.
Felly, yn achos y ddewislen i lawr, eto, pan fyddwn yn dysgu sut i ganfod
pan fydd hyn wedi cael ei hofran dros, fe allech chi jyst dweud waelod hwn
rhan llithro i lawr nawr.
Ac yna, mae'n ymddangos trwy lithro i lawr.
>> MIKE Rizzo: Ac yna, os ydych yn unig yn cael rhyw fath o animeiddio mewn cof bod
Nid yw o reidrwydd yn jQuery darparu.
Er enghraifft, gadewch i ni ddweud jQuery yn eich darparu gyda llithren
i lawr a llithren i fyny.
Wel, gadewch i ni ddweud eich bod am i lithro rhywbeth i mewn o'r chwith neu i mewn o
y math cywir o fel y CS50 prif dudalen hon yn pryd bynnag
byddwch yn mynd i banel newydd.
Byddai yna mae'n debyg yn rhaid i chi gweithredu eich hun gan ddefnyddio'r
animeiddio swyddogaeth yn jQuery.
>> Felly yr un modd, 'ch jyst animeiddio.
Ac yna, o fewn ei mae'n cymryd geiriadur o'r gwahanol werthoedd
eich bod yn fod i basio.
Felly yma, os oeddem am i animeiddio y elfen foo fel bod ei lled naill ai
yn ehangu neu gontractau i 80 picsel, dibynnu ar yr hyn y mae ar hyn ydyw.
Byddem yn union pasio hynny fel y ddadl ynddo.
>> Animeiddio hefyd rai dadleuon eraill y gallech ei throsglwyddo, er enghraifft,
cyflymder y animeiddio eich bod am ei roi.
Ac i wneud hynny, byddwn yn jyst dweud gyflym Google jQuery animeiddio.
Ac yna, gan ddod i fyny y dudalen hon, gallwch gweld 'i' got criw o wahanol
eiddo y gallwch ei phasio.
>> Ac yr wyf yn eich annog - pryd bynnag y byddwch yn dod ar draws rhywbeth nad ydych yn ei wneud
yn gwybod neu dim ond eisiau dysgu mwy am dull penodol y gallwch ei ffonio
ar rywbeth -
dim ond Google iddo. jQuery yn hynod o dogfennu'n dda.
Ac yn aml yn amseroedd mae llawer o enghreifftiau a ddarperir ganddynt ar eich cyfer.
Os byddwn yn sgroliwch i lawr -
ffordd i lawr -
y gallwn ei defnyddio, yn ogystal.
>> Unwaith eto, pan fydd datblygwr mewn gwirionedd yn mynd trwy y drafferth o ysgrifennu a
llyfrgell, maent fel arfer yn dymuno rhywun i ddefnyddio.
Felly, ochr yn ochr yn mynd i fod yn ddogfennaeth.
A gall y dogfennau fel arfer yn gael ar dudalen y prosiect, sydd yn
pam yr ydym yn rhoi y safle gwreiddiol yn chi y dechrau, sy'n cysylltu â chi at y
tudalennau prosiect fel y gallwch gweld bod ddogfennaeth.
>> Yn nodweddiadol, mae'r dudalen y prosiect yn yr achos o [Anghlywadwy], mae'n dweud wrthych y
enwau'r dosbarthiadau.
Yn achos JavaScript, mae'n rhoi chi enw'r swyddogaethau.
Gyda llaw, os ydym yn sgrolio i fyny at y brig, nodyn ochr cyflym ar swyddogaethau yn
pryd bynnag y byddwch yn gweld swyddogaeth rhoi ar waith fel hyn gyda'r caled
cromfachau yn y canol, mae hynny'n ei olygu bod yr eiddo yn ddewisol.
Dim ond pennau i fyny.
Rwyf wedi gweld llawer o gwestiynau am hynny.
>> Felly dyma gallwn weld bod y animeiddio yn cymryd eiddo
fel dadl angenrheidiol.
A phopeth arall yn ddewisol.
Nodyn ochr -
y gallwch chi feddwl am hyn, didoli o, fel tudalennau dyn.
Tudalennau Dyn yn dogfennau ar gyfer C a am lawer o bethau eraill, yn ogystal.
>> MIKE Rizzo: Felly, rydym wedi dysgu sut i newid CSS gwahanol ar y dudalen,
animeiddio iddo, a chael gwared ar ychwanegu HTML.
Ond un o'r mwyaf pwerus mewn gwirionedd pethau am JavaScript
ac yn enwedig jQuery -
yr hyn y mae'n gadael i chi ei wneud yw ymateb i gwahanol elfennau sy'n digwydd.
Er enghraifft, dyma yr ydym wedi yn trin y digwyddiad.
Ac mae hynny'n ei olygu yw pan fo hyn digwyddiad yn digwydd, rydym yn trin mewn
ffordd arbennig.
>> Felly dyma, y ​​digwyddiad jQuery generig trin yw'r dot ar.
Ac yna, y peth cyntaf yr amod eich yr hyn y digwyddiad y dylai
yn gwrando ar eu cyfer.
Felly dyma, mae'n y cliciwch y rydym yn aros am.
>> TOMAS REIMERS: Fel arall, mae gennych ar hofran, sydd yn un boblogaidd iawn.
Felly, yn ôl i fy galw heibio i lawr syniad ddewislen.
Byddai gennych un uchaf ar hofran.
Ac yna gallech newid hynny.
>> MIKE Rizzo: Iawn.
Ac yna, pan fydd hynny'n digwydd, 'i jyst executes swyddogaeth hon yr ydym yn rhoi
fel dadl a bod mae'n rhybuddio helo neu hi.
>> TOMAS REIMERS: Felly, yn achos JavaScript, mae hwn yn lle mae angen i ni
tynnu ein hunain rhag C. Gallwn gwirionedd cymryd swyddogaethau fel dadleuon.
Ac mae llawer o wir yn ffyrdd cymhleth i wneud hyn.
Rydym yn mynd i hyrwyddo un ffordd, sydd yn y gallwch chi ddiffinio'r
gweithio'n iawn yno.
>> Felly, pan fyddwch yn gofyn am swyddogaeth fel paramedr, rydych yn y bôn yn unig
mynd i ddiffinio swyddogaeth ar y fan a'r lle.
A'r ffordd yr ydych yn diffinio swyddogaeth yn JavaScript yw eich
llythrennol dweud swyddogaeth.
Yna, fel arfer, yr enw y swyddogaeth.
Ond nid ydym erioed yn mynd i gyfeirio swyddogaeth hon eto.
Felly rydym yn ei adael ddienw.
>> Yna y cromfachau, yna bydd y cyrliog bresys, ac yna y cod o fewn hynny.
Felly, rydym yn deall gall hyn fod ychydig yn ddryslyd.
Felly, rydym yn rhoi'r ffurflen gyffredinol i chi yr hyn y mae trin y digwyddiad yn edrych fel
isod, sydd ar ddigwyddiadau.
Ac yna, eich cod y tu mewn i'r.
>> MIKE Rizzo: A oes unrhyw gwestiynau am hyn?
Gall hyn fod yn ychydig yn ddryslyd y tro cyntaf y byddwch yn ei weld.
>> TOMAS REIMERS: Yr ydych mewn gwirionedd yn awyddus i agor ffeil ac yn dangos iddynt rhai
jQuery ar hyn o bryd?
>> MIKE Rizzo: Yeah, gadewch i ni wneud hynny.
OK.
>> TOMAS REIMERS: Felly nawr rydym yn yn y peiriant.
A'r hyn yr ydym wedi ei wneud yw ein bod wedi cymryd y rhyddid o greu y ddau yn index.html
ffeil, sy'n cysylltu ffeil JavaScript.
A gallwn agor y -
yeah.
Wel, mae'n gwneud dau beth.
>> Y cyntaf yw cysylltu â y ffeil JavaScript.
A byddwn yn gweld bod hyd yma.
Rydym yn gweld bod yn y pen y Dogfen HTML, yn enwedig.
Felly, byddwch yn gweld yno y yr ydym ni, yn y bôn, yn dweud SRC,
sy'n sefyll am ffynhonnell.
A dyna yr URL.
>> Felly, yma gallwch ddweud rydym wedi cynnwys jQuery.
Ac rydym hefyd wedi cynnwys sgriptiau.
Y ffordd arall i gynnwys JavaScript yn y gallwch gynnwys sgript inline
tag fel sydd gennym ar y gwaelod lle mae'n yn dweud y math sgript yn destun JavaScript.
>> Felly rydym yn ei ddweud, gwrando, rydym yn fin gynnwys sgript.
A'r math y sgript yn JavaScript, sy'n fath o destun.
Syml iawn.
>> MIKE Rizzo: Felly, mae hyn, math o, yn cael i eich cwestiwn am sut rydym yn cynnwys
JavaScript yn ein ffeiliau oherwydd pan fyddwn yn Roedd PHP, rydym yn ei wneud rhywbeth fel hyn.
Ac yna, wedi ein swyddogaethau PHP - gadewch i ni ddweud stociau yn ei wneud
rhywbeth gyda hynny -
mynd i mewn yno.
Fodd bynnag, erbyn hyn mae gennym y tagiau sgript ein bod yn rhoi iddo, sydd mewn gwirionedd yn
rhan o'r HTML ei hun gan nad yw'n ffugio bod yn ffeil HTML yn ei hoffi
yn PHP oherwydd os ydych mewn gwirionedd yn mynd yn ac edrych ar y ffynhonnell y dudalen,
byddwch yn gweld tagiau sgript hyn i mewn 'na gyda'r JavaScript gysylltiedig â
iddynt yn hynny.
>> Felly, yna, os oeddem am ysgrifennu rhai JavaScript -
gadewch i ni dim ond dweud ein bod eisiau corff yn newid oherwydd ar hyn o bryd nid oes gennyf
unrhyw dagiau arall y gallaf wir yn golygu wahân gorff.
Gadewch i 'jyst dweud fy mod i eisiau newid y CSS o hynny.
Felly, byddwn yn mynd yn ei flaen a newid lliw i goch.
>> Felly, yr wyf yn arbed y ffeil.
Gadewch i ni fynd yn ôl at ein tudalen ar y we, adnewyddu, ac mae'n ei wneud yn awtomatig
oherwydd nad oedd yn ymddangos fel ei fod yn aros o gwbl oherwydd nad oeddem yn gwrando
ar gyfer digwyddiad neu unrhyw beth fel 'na.
>> TOMAS REIMERS: Felly, os ydym yn mynd yn ôl at y ffeilio yn arbennig - y HTML
ffeilio - beth rydych chi'n mynd ei weld yw gennym -
cofiwch fod hyn yn cael ei lwytho, math o, yn gronolegol.
Felly, rydym wedi gyntaf y pen. mae'n llwythi y ddau ffeiliau.
Yna, rydym yn mynd i'r corff.
Ac rydym yn gweld y byd helo.
Felly, rydym yn gwneud byd helo.
>> Ac yna y peth olaf yr ydym wedi yn gennym y tag script.
Felly mae'n rhedeg y tag sgript oherwydd ei fod yn Nid yw dweud iddo aros ar gyfer unrhyw beth.
A dyna mwyaf sylfaenol ffordd i redeg JavaScript.
>> Gyda dweud hynny, gallwch roi y sgript tagio i fyny yn y pennawd yn unig
i ddangos y pwynt hwn?
Ac yn rhedeg hynny.
Rydym yn mynd i yr hysbysiad ei fod nid oedd yn newid y lliw.
Ac mae hyn yn un o'r problemau o JavaScript yw bod pethau'n llwytho
mewn trefn gronolegol.
>> Felly, ar yr adeg y cod hwnnw yn rhedeg, rydym yn dewis -
mynd yn ôl -
y tag corff.
Nid yw'r tag corff yn bodoli eto oherwydd JavaScript yn unol â HTML.
Felly mae'r porwr yn debyg dewiswch corff.
Nid oes y fath beth eto.
Felly, gallwn anwybyddu hynny.
Ac rydym yn cadw i fynd.
>> Ac yna rydym yn diffinio tag corff.
Ond nad yw byth yn cael ei diweddaru.
Felly, pan fyddwch yn gweithredu sgript tagiau, gwnewch yn siŵr eich bod yn rhoi
ar ôl i'r tag corff.
Sleid nesaf.
>> MIKE Rizzo: OK.
Felly, rydym wedi newid rhywbeth.
Ond nid oedd yn edrych fel ei fod yn ymateb i ni o gwbl oherwydd ei fod yn unig fath o
yn gwneud hynny cyn gynted ag y llwytho y dudalen.
Felly nawr, yn hytrach na gwneud hyn, pam peidiwch â ni ychwanegu trin digwyddiad.
>> Felly, gadewch i ni wneud rhywbeth i'r corff eto.
A gadewch i ni ddweud ein bod yn ei wneud ar -
cliciwch.
Byddwn yn ychwanegu swyddogaeth.
>> Newid Gadewch i ni: TOMAS REIMERS mae'n lliw i goch eto.
Pam ddim?
>> MIKE Rizzo: Yeah, gadewch i ni newid ei 'lliw i goch eto.
Mae pob hawl.
Felly, gadewch i ni ail-lwytho y dudalen.
OK, rydym yn gweld -
yn ôl y disgwyl, nid yw'n troi'n goch eto.
Ond yna gallwn fynd yn ei flaen a chliciwch arno.
>> TOMAS REIMERS: Ac mae'n troi goch.
>> MIKE Rizzo: Ac mae'n ei wneud troi'n goch yn ôl y disgwyl.
>> TOMAS REIMERS: A gallwn weld sut y gallwn ddechrau adeiladu sylfaenol iawn
rhyngweithio.
Pethau eraill efallai y byddwn eisiau ei wneud yw, os nad ydym am i wneud y corff
lliw coch, gadewch i ni wneud y HTML goch lliw cefndir.
Dim ond felly mae'n yr un CSS.
>> A phan fyddwn yn ei newid, gallwn weld hyn effaith ddramatig iawn o newid y
dudalen gyfan.
Felly eto, os ydych yn gweithredu pethau, gallwch gael un gydran
sydd i fod i gael ei glicio.
Lets 'ddeud botwm ymadael a elfen gyfan eraill,
sydd i fod i ymateb.
Felly, byddech yn cael gwared ffenestr pan fydd hynny'n digwydd.
>> MIKE Rizzo: OK.
Yn union fel enghraifft -
nad oeddech yn cael gweld hyn yn gynharach -
'N annhymerus' jyst yn dangos i chi sut mae'n edrych yn hoffi pan fyddwn yn cuddio rhywbeth.
Felly, byddaf yn mynd yn ei flaen ac yn llithro i fyny.
>> TOMAS REIMERS: Eisiau i lapio hynny mewn paragraff fath cyn i ni wneud hynny?
>> MIKE Rizzo: OK.
Yeah, nid pam yr ydym yn gwneud hynny dim ond er mwyn gallwn ddewis ei fod yn ychydig yn fwy.
>> TOMAS REIMERS: A gadewch i ni roi cynnig dosbarth.
>> MIKE Rizzo: Yeah.
Iawn, felly gadewch i ni weld.
Yn hytrach na dewis y corff ei hun yn awr, 'n annhymerus' jyst yn dewis popeth gyda
dosbarth helo, a dyma ni dim ond un peth.
Felly ni ddylai rhaid i ni poeni am hynny.
>> Felly byddaf yn adnewyddu ei.
'N annhymerus' mynd yn ei flaen a chliciwch arno.
Ac mae'n, rhyw fath o, gwnaeth sleid 'n annaearol i fyny beth, nad oedd yn edrych mor
deniadol.
Yn gyffredinol, nid ydynt yn edrych yn bert 'n glws.
Amcana, mae hyn yn - ar gyfer rhai rheswm - nid oedd.
'N annhymerus' jyst gwneud pylu allan fel gallwch edrych ar hynny hefyd.
Llawer brafiach.
>> Ac yna, os wyf yn agor y JavaScript chysura eto ac rydym am weld beth
mae'n edrych fel pan fyddwn yn pylu ei i mewn
Yn awr, Fi jyst yn galw pylu i mewn ar ei.
Ac mae'n pylu yn ôl i mewn
>> Yn yr un modd, gallem mewn gwirionedd hefyd basio dadl i diflannu i mewn neu pylu allan,
sydd, math o, cyflymder ohono.
Felly, gadewch i ni fynd yn ei flaen ac yn dweud rydym am i fynd yn araf pylu i mewn
Felly, yr wyf yn dyfalu ei fod yn dal yn ymddangos 'n bert gyflym.
Ond roedd yn arafach nag o'r blaen.
>> TOMAS REIMERS: Ac os ydych chi am ddod o hyd i rhagor o wybodaeth am y pethau hyn, unwaith eto,
dim ond yn mynd i'r ddogfennaeth jQuery, yr ydym wedi rhoi i chi, ac yn darllen
drwy hyn.
Maent yn dogfennu eu swyddogaethau eithriadol o dda.
>> MIKE Rizzo: OK.
Felly, yr wyf yn dyfalu gadewch i ni fynd yn ôl at hyn.
A gallwn siarad am ein tudalen olaf.
Wel, gallwn orffen gyda Cychwynnydd.
Ac yna byddwn yn agor i fyny ar gyfer rhai cwestiynau.
Ac os ydych yn guys gennych unrhyw syniadau hoffech chi geisio taflu i fyny a gweld
os gallwn eu gweithredu gyda JavaScript gyflym.
>> Felly, yn gyflym iawn am Cychwynnydd, a oedd yn ei gynnwys yn awtomatig mewn
eich problem diwethaf yn gosod yn y ffolder CSS ac mewn gwirionedd yn gysylltiedig â yn eich
header.PHP.
Felly, gallech fod wedi ychwanegu dosbarthiadau a yn cael eu diffinio o fewn Cychwynnydd iddo.
A byddai wedi arddull yn awtomatig y pethau hynny yn unol â hynny.
>> TOMAS REIMERS: Felly Cychwynnydd yn iawn beth hudol a ddatblygwyd gan y bobl
yn Twitter.
A'r hyn y mae'n ei olygu i wneud oedd -
cyn gwefannau yn galed iawn i wneud edrych yn neis, yn enwedig pan oedd gennym
llawer o gydrannau cyffredin.
Felly mae llawer o fotymau ar y ar y we yn edrych yr un fath.
>> Gall llawer o feysydd testun yn cael ei wneud i yn edrych yn well na'r testun safonol
maes mae'n debyg eich bod yn gwybod o wir hen wefannau neu mewn gwirionedd a wnaed yn wael
gwefannau, a dim ond yn edrych fel llythrennol blychau testun heb unrhyw fath o destun
cysgod neu unrhyw fath o amlinelliad 'n glws.
Felly, yr hyn a wnaeth Cychwynnydd oedd meddai, yn dda, mae gennym lawer o arddulliau cyffredin.
Pam nad ydym yn gwneud un set gyffredin o CSS a set gyffredin o JavaScript fel
yn dda, y gellir arddull fel a pha yn gallu rhoi pethau fel galw heibio i bobl
i lawr bwydlenni, a all roi i bobl pethau fel modals.
>> Moddol yw'r hyn pops dros y dudalen pryd bynnag y mae'n siarad yn llym
rhywbeth, sy'n rhwystro ymhellach rhyngweithio nes i chi
rhyngweithio ag ef.
Rhywbeth fel hyn yn cael ei, a ydych yn siŵr eich bod eisiau dileu y peth hyn?
Ni allwch wneud unrhyw beth arall hyd nes y byddwch yn dweud ie neu na.
>> Cymerodd hyn i gyd ac mae'n pecynnu ei at ei gilydd a dweud, dyma ni yn mynd.
Gall pobl bellach yn defnyddio'r hyn.
A allwch chi ddod o hyd i dros yn getbootstrap.com.
Cafodd ei gynnwys yn awtomatig o fewn eich problem diwethaf yn gosod.
Ac rydych yn fwy na croeso i ei ddefnyddio ar eich prosiect terfynol.
Ac os ydych chi eisiau dilyn y cysylltu i gael Cychwynnydd.
>> Byddwch yn gweld yma yw'r Bootstrap safle CSS.
Byddwch yn gweld Cychwynnydd.
Ac os ydych yn sgroliwch i lawr, byddwch yn gweld sut i lawrlwytho, sut i
osod, et cetera.
>> MIKE Rizzo: A gallwch hefyd, ddiddorol ddigon, addasu i
fod pa bynnag fath o themâu ydych ei eisiau.
Yr wyf yn gwybod bod rhywbeth wnes i ar gyfer fy prosiect terfynol pan fyddaf yn cymryd y dosbarth
ei addasu ei.
Mae fersiwn gwahanol o Cychwynnydd y Roedd cynllun lliw gwahanol a
gwahanol siapiau o rai pethau gwahanol.
Felly, yr wyf yn eich annog i chwarae â hynny.
Mae'n fath o hwyl i'w wneud.
>> TOMAS REIMERS: edrych ar draws y top eto, mae'n debyg iawn i'r Font
Safle Awesome.
Bydd llawer o ddogfennau yn dechrau ymddangos yn debyg pan ydych wedi
gweld digon ohono.
Felly, yma rydym yn cael y CSS elfen o hyn.
A byddwch yn gweld sut y mae'n Gall arddull pethau.
Felly, os ydych yn clicio ar fyrddau, er enghraifft, gallwch chi yn syth wneud
tabl 'n bert gan syml ychwanegu y tabl dosbarth iddo.
>> Pethau un fath ar gyfer botymau.
Os ydych yn syml ychwanegwch y BTN dosbarth a BTN diofyn neu gynradd BTN, gallwch
cael unrhyw un o'r botymau hyn gydag arddulliau hyn cyn-wneud.
Ac yna, os ydych yn chwilio am rhywbeth mwy cymhleth na dim ond
RESTYLING hyn sydd eisoes w cael, drosodd ar y tab JavaScript ar draws y byddwn yn top
ganddynt griw o gydrannau.
>> Felly dyma ni wedi trawsnewidiadau, modals, dropdowns, tabiau, a cynghorion offer.
Mae tooltip yw'r hyn pops i fyny o dan eich llygoden pan fyddwch yn hofran ar rywbeth.
Popovers, rhybuddion, botymau, collapsible cordialau yw'r hyn
maen nhw'n a elwir fel arfer.
Carwsél, sy'n troi trwy ddelweddau tebyg.
>> Felly, y rhai yw cydrannau o Cychwynnydd.
Byddwn yn eich annog i iawn yn mynd edrych arnynt.
Mae elfen JavaScript ac elfen CSS.
Mae croeso i chi eu defnyddio fel y byddwch yn.
Nid ydym yn mynd i fynd i ormod i mewn iddynt oherwydd ein bod yn teimlo bod y ddogfennaeth
yn gwneud yn dda iawn.
Ac ie.
A oes gennych unrhyw gwestiynau ynglŷn â hynny?
>> MIKE Rizzo: Felly fel yn wirioneddol gyflym ochr, y dyluniad y dudalen we sy'n
rydym yn rhoi gyflym gilydd ar gyfer cyflwyniad hwn yw
wneud mewn gwirionedd gan ddefnyddio Cychwynnydd.
Fel y gallwch weld, pan fyddwn yn clicio ar y rhain gwahanol tabs, ni fyddwn byth yn mewn gwirionedd yn
gan adael y dudalen index.html presennol.
Felly, yr hyn sydd gennym yn wahanol divs o fewn index.html hwn.
Ac yna, pryd bynnag y byddwn cliciwch ar un o'r gwahanol tab, 'i' jyst yn newid
sy'n dangos un o.
>> Felly, yn unol â hynny yn eu swyddi, newid HTML y dudalen fel bod
y tab presennol yn cael ei farcio mor weithgar, felly mae'n ymddangos yn wahanol ac yn edrych
neis iawn.
>> TOMAS REIMERS: Felly a oedd yn ei wneud i gyd heb i ni ysgrifennu bron unrhyw CSS.
Rydym hefyd yn gweld pennawd ar draws y brig, y mae'r lliwiau yn gennym ni.
Ond mae'r gwir ei roi ar y frig y dudalen a gwneud
mae'n sgrôl oedd Cychwynnydd.
Ac yna hyd yn oed i lyfrgell arall - mae hyn yn Nid yw un buom yn siarad am ond un
gallwch Google os ydych yn dymuno.
Gelwir hyn yn prettify.js.
A bydd yn tynnu sylw at cystrawen eich cod i chi gan ddefnyddio CSS a JavaScript.
>> Y peth olaf yr ydym am i siarad am cyn i ni ryddhau i chi allan i'r
byd i edrych ar lyfrgelloedd i chyfrif i maes sut i'w defnyddio, ac i, gobeithio,
darllen dogfennaeth a dod o hyd i hyn yr ydych angen yw sut i ddod o hyd i lyfrgelloedd.
Felly, y cyntaf yw ein bod yn unig mynd i wthio Google.
Ewch Google.
>> Dyna llythrennol hyn a wnawn pan fyddwn yn angen iddynt ei wneud rhywbeth yw ein Google.
A oes llyfrgell JavaScript sy'n yn fy ngalluogi i drin amser mewn
ffordd ddefnyddiol?
Felly os wyf yn gwybod bod rhai defnyddwyr creu cyfrif yma, ac mae hyn yn
hyn o bryd, sut y gallaf gyfrifo'r gwahaniaeth gyda hynny heb orfod
cyfrifo fy hun?
Felly, mae hyn mewn gwirionedd yn beth cyffredin, JavaScript llyfrgell amser.
A dyma ni Moment.js-- yr un mwyaf poblogaidd.
>> Os byddwn angen llyfrgell i drin rhywbeth fel lliw i allu
cynhyrchu criw o liwiau ar hap -
o bosibl, i greu arddull neu rywbeth -
gallem Google rhywbeth fel JavaScript llyfrgell lliw.
Ac rwy'n siŵr y byddem pop i fyny gyda mil ac un ohonynt.
Mae croeso i chi ddarllen drwyddynt.
>> Felly, rhan fwyaf o bethau - pan fyddwch yn dod o hyd iddynt - yn mynd yn cael ei gynnal ar un o'r
safleoedd pa god llu.
Maent yn ychydig o rai poblogaidd.
Y mwyaf poblogaidd, gan yma, yw github.com.
Ac os byddwch yn mynd i GitHub mewn gwirionedd lle'r oedd Normalize gynnal.
Felly, os ydych am fynd yn ôl at yr un.
Dangoswch iddynt hynny.
>> MIKE Rizzo: A dyna mewn gwirionedd yn lle hyn yn cael ei gynnal hefyd, os ydych yn sylwi.
>> TOMAS REIMERS: Yeah.
Felly, os byddwch yn mynd draw i Normaleiddio ac yn mynd i'r GitHub.
A oedd yw hynny?
>> MIKE Rizzo: Bod peth bach gath yw'r symbol GitHub.
>> TOMAS REIMERS: Oh.
Felly GitHub yn defnyddio dull o'r enw Git i siop cod.
A yw nad ydych yn gwybod beth yw hwnnw neu mae'n codi ofn i chi, mae hynny'n iawn.
Nid oes rhaid i chi wybod beth Git yn oherwydd GitHub Mae botwm Lawrlwytho
ar y dde gwaelod.
>> Y peth defnyddiol eraill i wybod am GitHub yw'r rhan fwyaf o gynnyrch
yn cael ei ddarllen i mi.
Ac os nad oes ganddynt wefan, y darllen yn fy siarad am sut yr ydych yn
osod, sut yr ydych yn ei ddefnyddio, beth mae'n ei wneud, et cetera, et cetera, et cetera.
Yr hyn yr ydym wedi bod yn y bôn chi gerdded trwyddo.
>> MIKE Rizzo: rhoi'r gorau iddi Rhyngrwyd.
>> TOMAS REIMERS: Mae hynny'n iawn.
Mae'r ddau beth olaf roeddem am i siarad am -
rydym wedi trafod Git -
yn datrys problemau.
Ac nid yw hyn yr un mor berthnasol ar gyfer y cynnyrch terfynol gan ei fod yn
pan fyddwch yn gadael 50.
A phan fyddwch yn rhedeg i mewn i gynnyrch gweithredu llyfrgelloedd neu weithredu
eich prosiect eich hun, rydych yn mynd i gael gwestiynau neu os ydych
mynd i edrych ar gyfer cwestiynau.
>> Unwaith eto, Google ei.
Dyna llythrennol hyn a wnawn.
Mae hyn yn mynd i swnio'n wirion.
Ond yn llythrennol, rydym yn Google ei.
Ac eto, un o'r pethau cyntaf Fel arfer, byddwch yn rhedeg i mewn yn
stackoverflow.com, sy'n wych cwestiwn ac ateb golwg.
>> Mae'n wych ddau oherwydd y gallwch bostio'r cwestiynau ac edrych am
atebion ond hefyd oherwydd mae ganddi lawer o eisoes
cyn-boblog cynnwys yno.
Felly, fel arfer pan fyddwch yn Google a rhaglennu sylw o fewn y cyntaf
cwpl taro efallai y byddwch wedi rhedeg eisoes i mewn iddo yn ystod eich setiau problem.
>> Ac yna, y peth mewn gwirionedd briff diwethaf yw JSFIDDLE, sydd - heddiw rydym wedi
bod yn gwneud llawer o waith gyda JavaScript HTML CSS.
JSFIDDLE yn app ar y we, a oedd yn y bôn yn caniatáu i chi gymryd eich HTML, EICH
JavaScript gwaelod ar y chwith, a eich dde uchaf CSS.
Ac yna gall greu cyflym rendr ohono a gweld sut y mae'n rhyngweithio.
Mae'n ddefnyddiol iawn pan fydd pobl yn ceisio i wneud prawf o gysyniad fel
dyma sut y byddech yn gwneud gwymplen.
Efallai Datgelwch cyflym neu beth bynnag.
>> MIKE Rizzo: Felly, gadewch i ni fynd ymlaen a chliciwch hyn.
Nodyn cyflym -
ond, cyn i ni yn ei wneud ar cliciwch.
Troi allan Mae gan JCorey Korea adeiledig yn cliciwch trin ofn y bydd yn
yn defnyddio dim ond oherwydd ei fod yn ffigurau eich bod yn mynd i eisiau i wneud llawer o bethau
pan fyddwch eisiau i glicio rhywbeth.
>> Yn yr un modd, mae ganddo hefyd hofran.
Ond i gael y cwmpas llawn hynny, yn edrych ar y jQuery
dogfennaeth ac yn gwneud hynny.
Yr wyf wedi gwneud rhywbeth twp yma.
>> TOMAS REIMERS: Felly, yr wyf yn cael 'n sylweddol gyflym rhaglen gywir yma, sy'n dweud
cliciwch botwm ar.
Yna, mae gennym ar gyfer dolen.
I fi yn llai na 404.
Dim ond ei fod yn mynd i pop i fyny negeseuon rhybudd hyn.
>> MIKE Rizzo: A beth oedd y Cod 404 yn sefyll ar ei gyfer yn HTML?
A oes unrhyw un yn cofio?
Ddim yn dod o hyd, ar y dde.
Chrome hefyd yn ychwanegu hyn yn daclus peth lle y gallwch -
>> TOMAS REIMERS: Oherwydd bod pobl fel Dechreuodd Mike gwneud hyn llawer ac
defnyddwyr blino, sy'n caniatáu chi i weld gwybodaeth.
>> MIKE Rizzo: Yeah.
>> TOMAS REIMERS: A oes gennym unrhyw gwestiynau am hyn, am JavaScript
llyfrgelloedd, dod o hyd i lyfrgelloedd, neu edrych pa datblygu gwefan
fel yn y byd go iawn?
Rydym yn rhedeg i fyny yn erbyn amser.
Felly, nid wyf yn siŵr ein bod yn mynd i gael amser i weithredu
oni bai ei fod yn wirioneddol gyflym.
A ydym yn dda?
>> MIKE Rizzo: Byddai unrhyw beth i chi guys yn hoffi i weld yn wirioneddol gyflym i mewn, fel, dau
munud neu lai?
>> TOMAS REIMERS: Unrhyw beth gallwn egluro?
Sut i ysgrifennu mewn -
>> GYNULLEIDFA: [Anghlywadwy]?
>> MIKE Rizzo: Ie, felly that's -
>> TOMAS REIMERS: Alli jyst daro Control-U ar y wefan.
>> MIKE Rizzo: O, doeddwn i ddim yn gwybod hynny.
>> TOMAS REIMERS: Yr wyf yn meddwl, ie.
Control-U. Yeah.
>> MIKE Rizzo: O, felly dyna'r cod ar gyfer y wefan.
Ond os ydych ei eisiau mewn gwirionedd i lawrlwytho ein ffeiliau a phopeth, mae'n cael ei gynnal
ar github.com
>> TOMAS REIMERS: cwtogi fy enw -
Tomas Reimers - slaes Seminar cysylltnod CS50.
>> MIKE Rizzo: A ydych yn gallu dod o hyd i bopeth yno.
>> TOMAS REIMERS: Dyma beth GitHub edrych yn debyg, gan y ffordd.
Felly eto, pan fyddwch yn gweld ffynhonnell agored prosiect, fel arfer, byddant yn darllen
fi yno y gallwch ei ddarllen.
Ac os ydych yn mynd yn ôl, byddwch yn sylwi bod gennych yr download zip, a fydd yn
caniatáu i chi lwytho i lawr y ffynhonnell cod i gynnwys y
cynnyrch yn eich peth eich hun.
>> MIKE Rizzo: Yeah, ac os ydym yn unig glicio ar y index.html yn gyflym iawn -
>> TOMAS REIMERS: Byddwch yn gweld yma yn y cod ffynhonnell ar gyfer ein gwefan.
>> MIKE Rizzo: Hefyd, yr wyf yn anghofio i wthio i'r dde o'r blaen gyda'r bwrdd mawr,
cynnwys, ond mae hefyd tabl o chmods yr ydym yn cynnwys
dim ond ar gyfer eich eglurder.
Ond os ydym yn sgrolio yr holl ffordd i lawr i'r gwaelod, nid oeddem yn ei wneud mewn gwirionedd iawn
llawer gyda'r JavaScript pethau o gwbl gyda hyn.
Mae'n llwyr o bopeth arall a gawsom.
>> Felly, diolch i chi guys am ddod a gwrando.
Rydym yn gobeithio y bydd hyn yn ddefnyddiol iawn.
Os oes gennych unrhyw JavaScript cysylltiedig cwestiynau neu dim ond eisiau siarad am
beth arall fel hyn y pethau oer eraill gallwch ei wneud gyda JavaScript, byddem wrth ein bodd
i siarad â chi.
>> TOMAS REIMERS: Os oes gennych gwestiwn am eich prosiect, neu os gall hyn fod yn
berthnasol, byddwn yn ôl pob tebyg ffon o gwmpas ychydig ar ôl hyn.
Ond heblaw am hynny, rhaid penwythnos da.
>> MIKE Rizzo: Yeah, yn mwynhau.
Welwn ni chi guys.
>> TOMAS REIMERS: Gweler ya.