DAVID J. MALAN: B眉t眉n h眉ququ.
Biz geri.
Bel蓹 ki, bu son sessiyas谋n谋n m蓹qs蓹di bir ne莽蓹 anlay谋艧lar t蓹qdim edir
h蓹m d蓹 h蓹r k蓹s bir 艧ans verm蓹k c眉r barmaqlar谋n谋 uzatmaq 眉莽眉n
v蓹 h蓹qiq蓹t蓹n bir 艧ey bir az hands-on.
qol 莽evirm蓹k 眉莽眉n edir Biz蓹 b眉t眉n web developers daxil
h蓹r hans谋 bir vasit蓹 lakin, h蓹qiq蓹t蓹n, yaln谋z il蓹 b蓹zi bir dad verm蓹k 眉莽眉n
n蓹 fundamental in艧a of web proqramla艧d谋rma v蓹 bu g眉n web gider
inki艧af, bel蓹 ki, h蓹r 艧ey蓹 statik yan
he莽 bir m蓹ntiq, he莽 bir proqramla艧d谋rma dil, yaln谋z statik content.
V蓹 bu, biz蓹 imkan ver蓹c蓹k h蓹qiq蓹t蓹n bir web server n蓹 g枚rm蓹k,
HTML fayl n蓹, n蓹 bax Bu HTTP h蓹qiq蓹t蓹n xidm蓹t edir.
Amma biz h蓹r hans谋 bir retrospektiv dal谋艧 蓹vv蓹l cloud computing haqq谋nda suallar
t蓹hl眉k蓹sizlik v蓹 ya aras谋nda bir 艧ey v蓹 ya?
>> Yox?
B眉t眉n h眉quqlar, yax艧谋, ed蓹k yaln谋z halda, bunu
yaz谋lmaq prosesi bir 艧ey bir ne莽蓹 d蓹qiq蓹 莽蓹kir.
Biz bu fonda bunu bildirin laz谋md谋r.
Siz ola bil蓹r, 蓹g蓹r, Durmay谋n, bu URL burada c9.io. 眉莽眉n
Bu 眉莽眉nc眉 t蓹r蓹f service-- xidm蓹t kimi platforma, siz will-- 蓹g蓹r
ki, d蓹v蓹t edir Bir haqq-hesab 眉莽眉n qeydiyyatdan,
v蓹 bu h蓹r verm蓹k olacaq s枚zd蓹 bulud hesab
ba艧qas谋n谋n infrastruktur, 艧irk蓹t Cloud9 莽a臒谋r谋b.
Amma haqq谋nda g枚z蓹l n蓹 var Bu onlar siz蓹 ki,
bir bir uy臒unla艧d谋r谋lmas谋 faktiki real-d眉nya inki艧af
蓹traf m眉hit, olsa da bulud v蓹 bir web browser,
v蓹 biz, h蓹qiq蓹t蓹n, bu istifad蓹 ed蓹c蓹yik Bu g眉n bir az c蓹hd.
V蓹 sonra ir蓹li getm蓹k v蓹 yaln谋z naviqasiya sign-up prosesi 眉莽眉n yol
茝g蓹r bacarsan.
Bel蓹likl蓹, biz sinif istifad蓹 眉莽眉n n蓹 M蓹n b眉t眉n 艧agirdl蓹rimizin t蓹lim
kampus v蓹 indi off, h蓹m d蓹 n蓹 tarix蓹n 蓹v蓹z edir
ba艧qa downloadable proqram idi.
Bel蓹likl蓹, n蓹 siz 蓹ld蓹 edildi Bu virtual ma艧谋n biridir,
mahiyy蓹tc蓹, m蓹n 蓹vv蓹ll蓹r t蓹svir.
Bel蓹 ki, bu 艧irk蓹t Cloud9 y蓹qin ki, H蓹qiq蓹t蓹n, 眉莽眉nc眉 party-- olan icar蓹
bu halda, bir b眉t眉n Google-- virtual ma艧谋n d蓹st蓹
onlar el蓹 q蓹d蓹r do臒ramaq ki, f蓹rdi server ill眉ziya
H蓹r birimiz tam n蓹zar蓹t var.
Dem蓹k olduqca d蓹qiq deyil onlar virtual ma艧谋n ist蓹yirik ki,
baxmayaraq ki, 莽眉nki n蓹 Cloud9 h蓹qiq蓹t蓹n istifad蓹
bir q蓹d蓹r yeni texnologiya containerization 莽a臒谋r谋b.
V蓹 m蓹n蓹 bu 艧蓹kil i艧臒al莽谋 imkan Burada bu 艧蓹kil c蓹km蓹k.
>> A konteyner 蓹g蓹r, Siz 艧蓹kil geri
y眉ng眉l 蓹vv蓹ll蓹r bir az bir virtual ma艧谋n daha 莽蓹ki.
茝slind蓹, son halbuki vaxt biz orada dan谋艧d谋q
茝m蓹liyyat olan sistemi v蓹 hypervisor
v蓹 sonra qonaq 蓹m蓹liyyat sistemi, qonaq 蓹m蓹liyyat sistemi, qonaq 蓹m蓹liyyat
眉st sistemi, fiziki hardware,
Bu yeni il蓹 f蓹rq texnologiya, containerization,
onlar b眉t眉n birt蓹h蓹r b枚l眉艧m蓹k ki, Eyni 蓹m蓹liyyat sistemi.
Amma onlar h蓹l蓹 d蓹 yaratmaq h蓹r k蓹sin ill眉ziya
枚z x眉susi olan inzibati h眉quq v蓹 fayllar谋
server.
Amma az software var Siz v蓹 hardware aras谋nda.
n蓹tic蓹si olaraq, n蓹z蓹riyy蓹si, y眉ks蓹k performans,
istifad蓹 etdiyiniz 莽眉nki az resurslar谋 israf
ki, qondarma virtualla艧d谋rma qat.
Bel蓹 ki, bu adlan谋r t蓹bi蓹t containerization
Y眉kvuran adl谋 texnologiya yolu il蓹, olan 莽ox 枚z i莽in蓹 g蓹lir.
Bu bir 艧eydir ki, Sizin 艧irk蓹tin m眉h蓹ndisl蓹ri
c眉r sort b蓹hs ba艧laya bil蓹r haqq谋nda onlar art谋q yoxdur, 蓹g蓹r,
he莽 bir 蓹lb蓹tt蓹 var, baxmayaraq s蓹b蓹b h蓹r hans谋 bir bandwagons jump.
>> bildirib ki, Bel蓹 ki, n蓹 Siz y蓹qin ki, art谋q g枚rm蓹k
bu kimi bir az g枚r眉n眉r ki, bir ekran.
TAMAM.
V蓹 蓹g蓹r yaln谋z m蓹n蓹 art谋q 莽a臒谋r谋r谋q.
V蓹 Bel蓹 ki, 蓹g蓹r m蓹n 蓹g蓹r art谋q g蓹lm蓹k laz谋md谋r.
Durmay谋n v蓹 b枚y眉k bas谋n plus bir i艧 yaratmaq,
v蓹 bu kimi bir ekran g枚r蓹c蓹ksiniz.
Siz i艧 z蓹ng ed蓹 bil蓹rsiniz 陌ndi 眉莽眉n ist蓹diyiniz bir 艧ey ad谋.
V蓹 yaln谋z h蓹qiq蓹t蓹n sad蓹lik 眉莽眉n, Yax艧谋 b蓹zi and-- getm蓹k
Art谋q 陌艧 var.
, I艧 want-- n蓹 z蓹ng Siz ist蓹diyiniz h蓹r hans谋 Harvard, c眉m蓹 ax艧am谋.
Siz t蓹sviri ehtiyac yoxdur.
Siz x眉susi onu t蓹rk ed蓹 bil蓹rsiniz halda Art谋q 陌艧 bir d蓹st蓹 var.
Siz ictimai etm蓹k m蓹cburiyy蓹tind蓹 edirsinizs蓹, ki, bug眉nk眉 m蓹qs蓹dl蓹ri 眉莽眉n g枚z蓹l var.
Burada da upsells biridir.
Siz bir f蓹rdi i艧 almaq default. Lakin, daha 莽ox ist蓹yirsinizs蓹
daha 莽ox 枚d蓹m蓹k 眉莽眉n.
茝ks halda, onlar m蓹cbur i艧 ictimai etm蓹k.
Lakin onlar 莽眉nki, g枚z蓹l a莽谋q m蓹nb蓹 icmalar谋n bu h蓹d蓹f
insanlar谋 t蓹艧viq etm蓹k h蓹qiq蓹t蓹n 蓹m蓹kda艧l谋q edir.
>> V蓹 vacibdir son 艧ey, Bir ad se莽in sonra, baxmayaraq ki, edir
v蓹 枚z蓹l v蓹 ya ictimai se莽in sonra, HTML5, b枚y眉k nar谋nc谋 icon bas谋n
soldan ikinci v蓹 sonra 陌艧 yarad谋n bas谋n.
V蓹 y蓹qin ki, olacaq , V蓹 ya bel蓹 bir d蓹qiq蓹
lakin sonra olacaq 蓹traf m眉hit, bir d蓹f蓹
xat谋rladan g枚r眉n眉r ki, bunu M蓹n burada art谋q ekranda n蓹.
Amma, yen蓹 d蓹, bu, bir d蓹qiq蓹 bil蓹r v蓹 ya daha 莽ox bu ekran almaq 眉莽眉n
Siz t谋klayan sonra 陌艧 yarad谋n.
Siz m蓹ni ist蓹yirsinizs蓹 Lakin m蓹n蓹 art谋q i艧aretlemek bir 艧ey v蓹 ya m蓹sl蓹h蓹t bir n蓹z蓹r.
Yax艧谋.
M蓹n indi bu fonda gedir蓹m.
Siz g枚r眉n眉r, 蓹g蓹r m蓹n蓹 眉z蓹rind蓹 z蓹ng H蓹r hans谋 bir texniki 莽蓹tinlikl蓹r var.
Amma, yen蓹 d蓹, bu, ola bil蓹r ki, a莽maq 眉莽眉n az.
V蓹 ir蓹li getm蓹k v蓹 haqq谋nda dan谋艧maq ed蓹k n蓹 Bu, h蓹qiq蓹t蓹n bir web page etm蓹k dem蓹kdir,
n蓹 HTML v蓹 nec蓹 b眉t眉n bu biz ba艧lay谋r谋q kimi qar艧谋l谋ql谋
h蓹qiq蓹t蓹n texnologiya b蓹zi istifad蓹 etm蓹k.
Bel蓹 ki, m蓹n 莽谋x谋r ki, Burada m蓹nim ki莽ik Mac getm蓹k,
adl谋 sad蓹 proqram a莽maq TextEdit, v蓹 ya Windows I bil蓹r
Notepad.exe adl谋 a莽谋q bir 艧ey.
M蓹n sad蓹c蓹 bir 艧ey ola bil蓹r 艧eyl蓹rdir "Salam, d眉nya." kimi
V蓹 sonra m蓹n bu xilas ed蓹 bil蓹r hello.txt Bel蓹 ki, orada he莽 bir sehrli.
Bu web il蓹 he莽 bir 蓹laq蓹si yoxdur proqramla艧d谋rma, HTML il蓹 he莽 bir 蓹laq蓹si.
Bir sad蓹 m蓹tn fayl谋 yaratmaq.
Amma bir web 莽谋x谋r s蓹hif蓹 s枚z眉n yaln谋z.
Bu sad蓹 m蓹tn fayl谋 olan m蓹tn var Siz klaviatura yaz谋n bil蓹r ki,
lakin ad蓹t蓹n, lakin h蓹mi艧蓹 txt lakin HTML v蓹 ya htm deyil bitir.
V蓹 yaln谋z bunu fayl s枚zl蓹ri yaz谋n.
Siz, h蓹qiq蓹t蓹n, deyil蓹n h蓹r 艧eyi istifad蓹 etm蓹k laz谋md谋r tags v蓹 ya, 眉mumiyy蓹tl蓹, bir 艧ey
bi莽imlendirme dili 莽a臒谋r谋b.
>> M蓹n 莽ox tez yaz谋n gedir蓹m v蓹 sonra a艧a臒谋dak谋 izah edir.
M蓹n ilk gedir蓹m Deyir ki, bu, yaz谋n
hey, browser, burada g蓹lir web page HTML yaz谋l谋.
V蓹 bu iki 艧eyi birlikd蓹 hey deyirl蓹r browser, a艧a臒谋dak谋 h蓹qiq蓹t蓹n HTML edir.
Hey, browser, burada g蓹lir ba艧 v蓹 ya m蓹nim s蓹hif蓹 眉st.
眉st Hey, browser, daxili M蓹nim s蓹hif蓹, salam ", bir ad谋 qoymaq
d眉nya. "
of Hey, browser, sonra ba艧 m蓹nim s蓹hif蓹, burada m蓹nim s蓹hif蓹 orqan谋 g蓹lir.
V蓹 hey, browser, b蓹d蓹n m蓹nim s蓹hif蓹 d蓹 "salam d眉nya." dem蓹k laz谋md谋r
Bel蓹 ki, qabar谋q 蓹trafl谋 burada n蓹 var?
Bu, 眉mumiyy蓹tl蓹, n蓹 var bir doc tipli b蓹yannam蓹 adl谋
v蓹 s蓹mimi, bir az var Bu ilk alark蓹n 莽蓹tin.
Siz yaln谋z c眉r sur蓹ti yap谋艧d谋r谋b onu.
Bu formal yoldur hey, dey蓹r蓹k, browser,
M蓹n HTML versiyas谋 5 istifad蓹 edir蓹m ki, q蓹d蓹r bu yax谋nlarda 莽谋xd谋.
B蓹zi ki, bir sehrli sehr var dizayn yoxsul hissi il蓹 insanlar
at qoymaq q蓹rar谋na g蓹lib fayl 莽ox top.
bu baxmayaraq bir az gizli ki, b眉t眉n var
Burada, hey, brauzer means-- HTML versiyas谋 5 il蓹 g蓹lir.
>> Bu qalan biziml蓹 olmu艧dur 陌ndi bir m眉dd蓹t 眉莽眉n, tarix蓹n
lakin bu inki艧af oldu, v蓹 bu y蓹qin ki, bir az sad蓹 蓹ld蓹 edilmi艧dir.
bir ne莽蓹 x眉susiyy蓹tl蓹ri ed蓹k M蓹n qeyd etdik n蓹.
bucaql谋 il蓹 bunlar var Sol bracket brackets--
v蓹 sa臒 bracket.
V蓹 burada simmetriya bil蓹rsiniz.
V蓹 simmetriya, m蓹n kimi, dem蓹k m蓹n Burada bu start tag v蓹 ya a莽谋q tag var
Siz, a艧a臒谋 burada m蓹n bir var yax谋n tag v蓹 ya ki, bir son tag
yaln谋z insofar bu kimi m眉xt蓹lif s枚z 蓹vv蓹lind蓹 do臒ramaq
HTML.
V蓹 siz hesab ed蓹 bil蓹r M蓹n t蓹sad眉f蓹n oldu
hey 蓹vv蓹l t蓹klif, browser, burada b蓹zi HTML g蓹lir.
V蓹 蓹ksin蓹, hey, browser, ki Bu dilidir HTML ba艧lan臒谋c v蓹 sonuna.
>> Burada Eyni zamanda hey, browser, m蓹nim s蓹hif蓹 r蓹hb蓹ri g蓹lir.
Hey, browser ki, ba艧 眉莽眉n var.
Hey, browser, burada m蓹nim s蓹hif蓹 b蓹d蓹n.
Hey, browser, b蓹d蓹n 眉莽眉n var.
V蓹 daxilind蓹 ki, b蓹zi 陌ndi ixtiyari m蓹tn.
V蓹 ba艧 daxilind蓹, eyni zamanda, b蓹zi 蓹sass谋z lakin etiketli edir
Bel蓹 ki, ad谋 deyir m蓹tn dan谋艧maq m蓹nim s蓹hif蓹 "hello, d眉nya." olacaq
陌ndi art谋q siz bil蓹rsiniz ki brauzerl蓹r g眉man
茝ksin蓹, web pages, v蓹 only-- v蓹 ya yaln谋z iki ba艧 v蓹 b蓹d蓹n parts--.
V蓹 ba艧 yaln谋z 眉mumiyy蓹tl蓹 menyu bar kimi, stuff
h蓹qiq蓹t蓹n yaln谋z 莽ox 眉st.
V蓹 pirsinq S蓹hif蓹 i莽alat var, b枚y眉k d眉zbucaql谋 h蓹r 艧ey
ki, ekran doldurur.
M蓹n ir蓹li getm蓹k v蓹 bunu gedir蓹m.
M蓹n ir蓹li getm蓹k 眉莽眉n ged蓹n v蓹 Saxla bas谋n Save Fayl.
M蓹n saxlamaq 眉莽眉n gedir蓹m Bu hello.html kimi,
v蓹 m蓹n yaln谋z gedir蓹m m蓹nim masa 眉st眉 qoyun.
M蓹n getm蓹k 眉莽眉n gedir蓹m ir蓹li v蓹 Saxla bas谋n.
V蓹 m蓹nim Mac x蓹b蓹rdarl谋q 蓹n az谋 m蓹n蓹 b枚yle edilir.
Bunu ist蓹yir蓹m 蓹minsinizmi?
M蓹n b蓹li, HTML istifad蓹, dem蓹k gedir蓹m.
M蓹n bu halda daha yax艧谋 bilirik.
陌ndi m蓹n masa 眉st眉 getm蓹k 眉莽眉n gedir蓹m M蓹n bird蓹n-bir蓹 bu fayl var.
M蓹n onu iki d蓹f蓹 bas谋n gedir蓹m.
V蓹 siz, g枚r蓹c蓹ksiniz default, Chrome a莽d谋.
ki, 莽眉nki ki m蓹nim browser.
V蓹 bu, yaln谋z "Salam, d眉nya." Deyir
Amma salam "deyir iki yerl蓹rd蓹 d眉nya ".
top sol ed蓹k.
ki, miss Pretty 莽蓹tindir.
Bu, b枚y眉k v蓹 c蓹sar蓹tli var.
V蓹 ba艧qa g枚r眉n眉r "Hello, d眉nya" dem蓹k?
>> Auditoriya: tab.
>> DAVID J. MALAN: B蓹li, ni艧an谋 枚z眉.
M蓹n r蓹hb蓹ri demi艧di s蓹hif蓹 h蓹r 艧ey top-- edir
v蓹 h蓹qiq蓹t蓹n bu ad谋.
Bu, sad蓹c蓹 burada ni艧an谋 var.
V蓹 m蓹n bu ni艧an谋 莽蓹km蓹k olar h蓹yata 莽a艧d谋rmaq deyil ki.
Bu, art谋q yaln谋z bir ni艧an谋 var 艦眉bh蓹siz ki, biz "hello, d眉nya" g枚rm蓹k
burada v蓹 "hello, d眉nya" a艧a臒谋 burada.
Bel蓹 ki, olduqca sad蓹.
Lakin bu da kifay蓹t q蓹d蓹r sad蓹.
V蓹 h蓹qiq蓹t蓹n, m蓹n zoomed.
M蓹n yaln谋z font 枚l莽眉s眉n眉 d蓹yi艧蓹 bil蓹rsiniz accessibility 眉莽眉n b枚y眉tm蓹k.
Amma indi bir 艧ey ed蓹k bir az daha maraql谋.
>> M蓹n Whoops, qoy git gedir蓹m m蓹nim m蓹tn fayl谋 geri almaq.
M蓹n geri gedir蓹m m蓹nim m蓹tn fayl谋, m蓹n gedir蓹m
bu d蓹yi艧dirm蓹k v蓹 dem蓹k "Salam, Disney World".
Yadda saxla.
V蓹 geri m蓹nim browser v蓹 yenid蓹n bas谋n.
陌ndi, 蓹lb蓹tt蓹, onu "Disney World." Deyir
M蓹n s眉ni zoom gedir蓹m yaln谋z bel蓹 g枚rm蓹k asand谋r.
Bel蓹 ki, indi t蓹蓹ss眉f ki, I n枚v ist蓹yir蓹m to-- h蓹qiq蓹t蓹n, bir Mac x眉susiyy蓹t var.
M蓹n Disney D眉nya bas谋n ist蓹diyiniz v蓹 disney.com kimi bir yerd蓹 getm蓹k,
lakin i艧l蓹mir.
Bel蓹 ki, web 蓹sas doktrina deyil hiperlink, ba艧qa yerd蓹 getm蓹k links.
Bel蓹 ki, nec蓹 ki etm蓹liy蓹m?
B蓹li, m蓹n yaln谋z dey蓹 bil蓹r, "Salam, http://www.disney.com."
bu edin.
Yenid蓹n y眉kl蓹.
Amma bu da t谋klanabilir deyil.
V蓹 baxmayaraq ki, burada g枚z蓹l n蓹 var Bu, h蓹l蓹 funksional deyil
Bu ki, g枚r眉n眉r ki, browser s枚z眉n yaln谋z yoxdur
m蓹n n蓹 dem蓹k.
M蓹n yaln谋z bu kimi bir URL yaz谋n 蓹g蓹r, yaln谋z m蓹n蓹 URL g枚st蓹rm蓹k olacaq.
M蓹n yaz谋lar谋 v蓹 ya bi莽imlendirme istifad蓹 etm蓹k laz谋md谋r dil h蓹qiq蓹t蓹n dem蓹k
browser h蓹tta daha 莽ox.
M蓹n ir蓹li getm蓹k 眉莽眉n gedir蓹m v蓹 bir an bu silin.
M蓹n hey, dem蓹k gedir蓹m browser, burada bir anker ba艧lamaq,
bir link bel蓹 dan谋艧maq.
V蓹 hiper istinad, t蓹yinat ki anker, bu URL olmal谋d谋r.
V蓹 m蓹nim quotes bil蓹rsiniz.
M蓹n d蓹 vahid quotes istifad蓹 ed蓹 bil蓹r, ancaq ard谋c谋l olmal谋d谋r,
M蓹n, 眉mumiyy蓹tl蓹, yaln谋z istifad蓹 edir ikiqat quotes sad蓹 saxlamaq.
M蓹n tag yax谋n gedir蓹m ed蓹k.
V蓹 sonra burada gedir蓹m "Disney World." Dem蓹si
陌ndi bir symmetry-- laz谋md谋r a莽谋q bracket, / a, bracket ba臒lad谋.
>> M蓹n n蓹 t蓹qdim edibl蓹r?
Biz art谋q bir ne莽蓹 yaz谋lar谋 etdik.
HTML, Head, ad谋, Body, b眉t眉n tags var, bel蓹 ki, dan谋艧maq
a莽谋q v蓹 qapal谋 h蓹mkarlar谋 il蓹.
Ancaq x蓹b蓹rdarl谋q, bu n枚v 蓹sasl谋 f蓹rqli.
Bu z蓹ng ed蓹c蓹yik n蓹 HTML bir atribut.
V蓹 bir 蓹lam蓹tdir Yaln谋z bir 蓹sas d蓹y蓹r c眉t.
Bu ortaq bir 艧ey var komp眉ter science-- 蓹sas d蓹y蓹r c眉t.
Bu ticar蓹t al蓹t sort var.
茝sas v蓹 d蓹y蓹ri.
S枚z v蓹 sonra b蓹zi dig蓹r s枚z v蓹 ya s枚z.
V蓹 bu halda, 蓹sas, href edir v蓹 d蓹y蓹ri tam URL deyil.
V蓹 n蓹 bir atributu yoxdur bunu var bir tag davran谋艧 t蓹sir g枚st蓹rir.
V蓹 bu halda, biz t蓹sir etm蓹k laz谋md谋r anker tag davran谋艧,
biz demir laz谋md谋r, 莽眉nki haradasa bu link.
V蓹 ki, bunu nec蓹 atributu yolu il蓹.
>> M蓹n ir蓹li getm蓹k 眉莽眉n gedir蓹m indi fayl谋 qeyd edin.
geri browser v蓹 yenid蓹n gedin.
V蓹 voiture, biz indi qanuni web page yaranma.
-Super sad蓹, amma hover 蓹g蓹r art谋q alt sol k眉nc眉nd蓹 艧eyl蓹rdir bildiri艧,
Bu super-ki莽ik.
Amma www.disney.com g枚r眉rs眉n眉z.
M蓹n, h蓹qiq蓹t蓹n, bu bas谋n 蓹g蓹r 眉z disney.com m蓹ni whisks.
陌ndi maraql谋 艧ey burada deyil ki,
蓹n 蓹mt蓹蓹lik URL best--, lakin Bu fayl deyil, 莽眉nki ki, g枚z蓹l
World Wide Web m枚vcuddur.
Bu y蓹qin yerli fayl谋 olaraq m枚vcuddur M蓹nim 陌stifad蓹莽il蓹r qovlu臒u daxil / jharvard--
John Harvard / masa 眉st眉 眉莽眉n.
Amma bir URL var.
Bu, sad蓹c蓹 yerli olmaq olur.
T蓹蓹ss眉f ki, he莽 biriniz ed蓹 bil蓹rsiniz Bu, bu URL yaz谋n 蓹g蓹r 莽眉nki,
Sizin brauzerinizin izah olar谋q bir fayl adl谋 hello.html axtarmaq
sabit.
V蓹, 蓹lb蓹tt蓹, siz var halda 蓹l boyunca t蓹qib,
Orada m枚vcud niyy蓹tind蓹 deyil.
>> Bel蓹 ki, g枚z蓹l var.
Biz h蓹l蓹, n蓹tic蓹d蓹 bir yol laz谋md谋r web bu fayl谋 almaq 眉莽眉n,
Amma bir ne莽蓹 ayr谋 tease bildirin t蓹hl眉k蓹sizlik t蓹siri n蓹 biz yaln谋z
g枚rd眉m v蓹 蓹vv蓹ll蓹r geri ba臒lamaq Bu s蓹h蓹r m眉zakir蓹.
Bu 莽谋x谋r, bir halda ki, browser s枚z眉n yaln谋z yoxdur
M蓹n onu dem蓹k v蓹 bu, g枚r眉n眉r n蓹 bir anker tag edir halda olmaq
d蓹y蓹ri t蓹sir Bu atribut adl谋 href
lakin bu g枚st蓹rir m蓹tn, bu g枚r眉n眉r
M蓹n URL qoymaq bil蓹r ki, dem蓹k h蓹m yerl蓹rd蓹 v蓹 sonra yenid蓹n
v蓹 indi URL g枚rm蓹k v蓹 URL gedin.
Notice, I alt-sol 眉z蓹rind蓹 hover 蓹g蓹r, M蓹n, h蓹qiq蓹t蓹n, disney.com h蓹l蓹 gedir蓹m.
>> 茝g蓹r oldu臒unuz Bel蓹 ki phished-- P-H-I-S-H-E-D at
o saxta e-po莽t il蓹 PayPal bank kimi olan,
Siz y蓹qin ki, daxili links kazan谋lm谋艧 ki, oxuyursunuz e-po莽t
Siz t蓹sdiq getm蓹k 眉莽眉n buraya bas谋n deyir Parolu ya do臒um t蓹sdiq
v蓹 ya sosial v蓹 ya bir 艧ey sosial you M眉h蓹ndislik a莽谋qlanmas谋
m蓹lumat.
B蓹li, m蓹n c眉r bil蓹r M蓹n bilm蓹dim, bu istifad蓹?
M蓹n bir 艧ey dey蓹 bil蓹r kimi www.paypal.com.
茝v蓹zin蓹 disney.com, m蓹n badguy.com kimi, getm蓹k bil蓹r.
Yenid蓹n y眉kl蓹.
V蓹 k蓹f g蓹lm蓹k 眉莽眉n nec蓹 asand谋r, x眉susil蓹 qeyri-texniki oxucu
v蓹 ya 枚t蓹ri oxu bas谋n 莽ox oxucu
M蓹n pseudocode bas谋n 蓹g蓹r bu kimi bir link, M蓹n, h蓹qiq蓹t蓹n, badguy.com getm蓹k ist蓹mir蓹m.
M蓹n, h蓹qiq蓹t蓹n, var n蓹 bilmir蓹m.
Bel蓹 ki paypal.com, bildiri艧 edir Bu neler deyir,
lakin 蓹lb蓹tt蓹, m蓹n a艧a臒谋 baxmaq 蓹g蓹r super-a艧a臒谋, bir az bulan谋k var
lakin bu badguy.com deyir.
Yaln谋z indi dem蓹k deyil m蓹n s蓹hv yer蓹 gedir蓹m.
M蓹n 蓹vv蓹ll蓹r bildirib ki, banklar h蓹qiq蓹t蓹n t蓹艧viq v蓹 ya qatar laz谋m deyil
t谋klayarak links daxil istifad蓹莽il蓹r, bu Bunun yaln谋z bir t蓹zah眉r眉d眉r.
V蓹 bu sad蓹.
Siz d眉艧m蓹n 蓹g蓹r indi Bu kimi bir 艧ey
v蓹 bir istifad蓹莽i bezemek 眉莽眉n c蓹hd edin Sizin veb ziyaret daxil.
Amma indi, biz davam ed蓹c蓹yik h蓹r 艧eyi g枚z蓹l v蓹 t蓹miz.
Biz ir蓹li getm蓹k olacaq v蓹 bu d蓹yi艧iklikl蓹ri geri.
S蓹hif蓹ni yenid蓹n y眉kl蓹.
M蓹n geri disney.com gedin.
>> biz sata艧maq deyil bil蓹rsiniz 蓹g蓹r in n蓹z蓹r salaq Bu ayr谋 bir az daha 莽ox.
"Salam, Disney D眉nya." Bel蓹 ki,
M蓹n burada dem蓹k gedir蓹m.
B蓹lk蓹 bir otaq etm蓹k 眉莽眉n gedir蓹m.
"Biz sizin qalmaq z枚vq 眉mid!"
Yadda saxla.
Yenid蓹n y眉kl蓹.
Bu deyil rea-- deyil M蓹n sa臒 n蓹z蓹rd蓹 n蓹?
M蓹n m蓹tn m眉alic蓹 al谋ram, m蓹n dem蓹k bir s枚z i艧lemci kimi fayl,
n蓹 burada ba艧 ver蓹c蓹k 眉mid idi?
B蓹li, M蓹n kimi hiss edir蓹m burada bir x蓹tt fasil蓹 olmal谋d谋r,
bel蓹 ki, bir 艧蓹kild蓹 arabas谋 hiss edir.
Lakin, h蓹qiq蓹t蓹n q蓹sd蓹n var , Yaln谋z 莽眉nki 蓹vv蓹l
browser yaln谋z gedir Siz dem蓹k n蓹.
M蓹n x蓹tl蓹ri q谋rmaq 眉莽眉n s枚yl蓹di.
M蓹n h蓹tta a艧a臒谋 h蓹r蓹k蓹t etm蓹k 眉莽眉n izah etdik M蓹n kimi olsa da, daxil蓹n, m蓹n hiss edir蓹m.
Bel蓹 ki, biz laz谋m 莽谋x谋r bir az daha bi莽imlendirme,
M蓹n a艧a臒谋dak谋 kimi bu d眉zeltmek 眉莽眉n gedir蓹m.
M蓹n salam ilk bu giri艧 眉莽眉n gedir蓹m paraqraf tag deyirl蓹r n蓹 il蓹.
V蓹 sonra m蓹n ir蓹li getm蓹k 眉莽眉n gedir蓹m v蓹 bu dig蓹r c眉ml蓹 kesmek
ba艧qa madd蓹 tag olsa onlar super-q谋sa b蓹ndl蓹r蓹 ist蓹yirik.
陌ndi saxlamaq 眉莽眉n gedir蓹m.
Yenid蓹n y眉kl蓹.
陌ndi biz var yer, v蓹 biz sort
semantika var iki ayr谋 ci madd蓹l蓹rd蓹.
>> B眉t眉n g枚z蓹l v蓹 yax艧谋, lakin ki Bu s蓹hif蓹 眉莽眉n bir resim 蓹lav蓹 etm蓹k 眉莽眉n g枚z蓹l,
m蓹n axtarmaq getm蓹k 眉莽眉n gedir蓹m Google 艦蓹kill蓹r Mickey Mouse.
V蓹 yaln谋z 蓹yl蓹nc蓹 眉莽眉n, m蓹n Bu 艧蓹kil i艧臒al莽谋 gedir.
陌ndi ir蓹li getm蓹k 眉莽眉n gedir蓹m v蓹 Bu 艧蓹kil URL qamarlamaq,
m眉xt蓹lif var, baxmayaraq yollar谋 bunu.
陌ndi, yaln谋z URL sur蓹ti gedir蓹m.
M蓹n m蓹tn geri getm蓹k 眉莽眉n gedir蓹m fayl v蓹 m蓹n burada dem蓹k gedir蓹m
img src = quote d谋rna臒谋 ba臒lamaq ki URL, super-uzun.
bir v蓹 sonra anlay谋艧谋 image bir az f蓹rqlidir.
ba艧layan he莽 bir anlay谋艧谋 h蓹qiq蓹t蓹n var bir 艧蓹kil v蓹 bir 艧蓹kil ba艧a
Bir ba艧lan臒谋c kimi bir son tag tag.
Bel蓹 ki, bir az q蓹rib蓹 hiss M蓹n蓹 semantically, bunu
yax谋n-image tag var.
Bu s蓹hv deyil.
Bu m眉k蓹mm蓹l do臒ru deyil v蓹 bu t蓹艧viq,
lakin stenoqrafiya notation var.
M蓹n eyni zamanda c眉r bil蓹r a莽maq v蓹 eyni tag yax谋n,
ki, browser xo艧b蓹xt ed蓹c蓹k.
Bel蓹 ki, yaln谋z bir az var 艧eyl蓹r 眉莽眉n daha 莽ox q谋sa
konseptual h蓹qiq蓹t蓹n olmayan ba艧lan臒谋c ve biti艧 m蓹nada.
Onlar yaln谋z var, v蓹 ya onlar deyilik.
>> M蓹n bu saxlamaq v蓹 geri getm蓹k 眉莽眉n gedir蓹m M蓹nim "Salam, d眉nya" s蓹hif蓹 v蓹 yeniden.
V蓹 bu, bir az idar蓹d蓹n var ki, image h蓹qiq蓹t蓹n, 莽眉nki
b枚y眉k ki莽ik, lakin OK.
M蓹n bir proqramda boyutland谋r bil蓹r.
Yoxsa n蓹 bilirik.
M蓹n deyil蓹m, n眉mayi艧 h蓹qiq蓹t蓹n dem蓹k gedir
bu 艧ey eni olmal谋d谋r ki, yaln谋z 200 piksel, 200 n枚qt蓹l蓹r ola bil蓹r.
M蓹n蓹 davam v蓹 xilas ed蓹k v蓹 s蓹hif蓹 indi yenid蓹n v蓹
Bir az daha m蓹qbul g枚r眉n眉r.
Lakin model bil蓹rsiniz.
B蓹li, m蓹n c眉r t蓹dris etdik b眉t眉n m眉蓹yy蓹n m蓹nada HTML, 蓹n az谋
konseptual, b眉t眉n HTML 莽眉nki Bu, a莽谋q tags, yaz谋lar谋 qapal谋 tags--
ki atributlar谋 davran谋艧lar谋n谋 d蓹yi艧dirm蓹k.
V蓹 y蓹qin ki, h蓹r tag s谋f谋r v蓹 ya bir ola bil蓹r
iki v蓹 ya daha 莽ox atributlar谋, h蓹r hans谋 ki, bir az f蓹rqli bir 艧ey.
陌ndi, nec蓹 var n蓹 bilirik?
Siz yaln谋z kims蓹 qulaq asmaq var n蓹 m蓹n蓹 dem蓹k kimi,
v蓹 ya bir tutorial 眉莽眉n 蓹traf谋nda yaln谋z Google HTML v蓹 bu, h蓹qiq蓹t蓹n, bu sad蓹dir.
>> H蓹qiq蓹t蓹n, m蓹n undergrad zaman idi il 蓹vv蓹l, HTML 枚yr蓹ndim
m蓹nim riyaziyyat t蓹dris biri k枚m蓹k莽il蓹ri yaln谋z ke莽irdi
M蓹n蓹 d蓹rs zaman bir az kimi yar谋m saat, bir saat,
v蓹 sonra m蓹n m蓹nim yol idi.
M蓹n edilm蓹si istiqam蓹tind蓹 m蓹nim yol idi he莽 蓹n 莽irkin saytlar谋,
ki, y蓹qin, m蓹n yoxdur h蓹qiq蓹t蓹n k蓹narda ir蓹lil蓹di.
Amma n枚qt蓹 ki, bir d蓹f蓹 Bu sad蓹 ideas-- anlamaq
gizli text-- lakin bu sad蓹 蓹g蓹r bir fikir ba艧layan fikir
v蓹 bir fikir ba臒lanmas谋 saxlan谋lmas谋 H蓹r 艧ey g枚z蓹l, balansla艧d谋r谋lm谋艧
Q蓹d蓹r bir 艧ey axtar谋r de臒i艧tirmeyle ki, tag davran谋艧, h蓹qiq蓹t蓹n b眉t眉n
bu var.
V蓹 蓹slind蓹, indi getm蓹k 蓹g蓹r h蓹qiq蓹t蓹n google.com-- kimi bir 艧ey,
Bir az daha yer ged蓹k reasonable-- stanford.edu.
M蓹n bax getm蓹k 眉莽眉n gedir蓹m Developer, View Source.
Bu 莽irkin, lakin x蓹b蓹rdarl谋q M蓹n bildiri艧 zoom olacaq
art谋q tan谋艧 b蓹zi stuff.
Burada bu var var hans谋 bir browser edir.
Burada HTML5 g蓹lir.
HTML var.
G枚r眉n眉r, var bir M蓹n ki atributu
ifad蓹 istifad蓹 S蓹hif蓹nin dil,
bu avtomatik il蓹 k枚m蓹k ed蓹 bil蓹r kimi t蓹rc眉m蓹 v蓹 stuff.
Burada s蓹hif蓹nin r蓹hb蓹ri var.
Burada Stanford s蓹hif蓹 ad谋 var.
M蓹n etdi tag var yet-- Meta Tag haqq谋nda dan谋艧maq.
Bu, sad蓹c蓹 sort var background m蓹lumat.
Bu SEO k枚m蓹k edir, v蓹 ya axtar谋艧 m眉h蓹rriki optimizasyonu,
v蓹 ya Google-axtar谋艧 n蓹tic蓹l蓹ri v蓹 ya kimi.
biz axtar谋r saxlamaq 蓹g蓹r Lakin, saxlamaq axtar谋r, burada Body tag var.
V蓹 dig蓹r d蓹st蓹l蓹ri var tags biz h蓹l蓹 haqq谋nda s枚hb蓹t etdik.
Amma Div bir 眉莽眉n bir S蓹hif蓹nin b枚lm蓹.
Bu g枚r眉nm蓹z d眉zbucaql谋 kimi c眉r 蓹qli ist蓹yirsinizs蓹
sizin s蓹hif蓹 b枚lm蓹k online m眉xt蓹lif b枚lm蓹l蓹ri.
divs V蓹 sonra 莽ox I , Class deyil蓹n bir 艧ey g枚rm蓹k
lakin biz geri g蓹lm蓹k laz谋md谋r.
>> Bu maraql谋 deyil Forms edir.
Forms b眉t眉n internet 眉z蓹rind蓹.
Siz h蓹r hans谋 bir axtar谋艧 qutusu he莽 istifad蓹 bir formas谋d谋r.
V蓹 bel蓹 ki, h蓹qiq蓹t蓹n g枚r蓹k.
Form.
F蓹aliyy蓹t.
n蓹 眉莽眉n bu formada f蓹aliyy蓹t, tarixi s蓹b蓹bl蓹ri, ki, URL deyil.
Metod "post" dir.
HTTP sor臒u istifad蓹 ed蓹 bil蓹rsiniz ki 莽谋x谋r biz 蓹vv蓹l g枚rd眉m kimi verb, "almaq"
v蓹 ya "post".
V蓹 bir f蓹rq g枚r蓹c蓹ksiniz bir anda bu.
h蓹qiq蓹t蓹n bu n蓹 g枚rm蓹k ed蓹k.
M蓹n蓹 geri Stanford s蓹hif蓹 ged蓹k.
N蓹 forma gedir haqq谋nda, siz d眉艧眉n眉rs眉n眉z?
N蓹 siz h蓹yata atlamalar?
>> Auditoriya: Axtar谋艧 qutusu.
>> DAVID J. MALAN: B蓹li.
sa臒 眉st q蓹d蓹r So Burada bu Axtar qutusu edir.
V蓹 onlar pseudocode bir h蓹yata nec蓹 sanki a莽谋q bracket formas谋 var tag.
V蓹 sonra bir 艧ey 眉莽眉n axtar谋艧 imkan verir.
Bir dost 眉莽眉n axtar谋艧 ed蓹k mine-- "Nick Parlante." n谋n
Daxil edin.
V蓹 蓹lb蓹tt蓹 ki, bu, getdi bir az f蓹rqli URL.
M蓹n蓹 burada geri ged蓹k.
nin axtarmaq ed蓹k "kurslar谋".
L蓹n蓹t olsun.
f蓹rqli bir URL getdi.
Bel蓹 ki, Stanford b蓹zi sehrli 蓹lav蓹 Onlar URL m蓹ni deyilik ki
biz g枚rd眉k ki f蓹aliyy蓹t var ba臒lay谋rlar.
Amma burada bu forma s谋rf h蓹yata ke莽irilir Burada bu bi莽imlendirme yolu il蓹 bu tags.
茝slind蓹, burada giri艧 var Ist蓹diyiniz axtar谋艧 n枚v眉.
Burada giri艧 眉莽眉n axtar谋艧 bir n枚v眉.
Burada simli 枚z眉 眉莽眉n giri艧 edir.
V蓹 m蓹qs蓹d kesmek deyil Bu tags b眉t眉n 蓹traf谋nda beynimizd蓹
ancaq g枚rm蓹k.
Bu, yaln谋z a莽谋l谋艧 v蓹 ba臒lan谋艧 oldu tags v蓹 axtar谋r 艧eyi.
B蓹li?
Victoria?
>> Auditoriya: [i艧itilemez]
DAVID J. MALAN: Bu yax艧谋 bir sual var.
Bu g枚rm蓹k 眉莽眉n bir az trickier var.
m蓹n蓹 geri g蓹lsin Yaln谋z bir ne莽蓹 d蓹qiq蓹 sual
biz bir 艧ey baxd谋臒谋m谋z zaman deyil蓹n CSS, v蓹 ya Cascading Style Sheets,
v蓹 biz 莽谋xarmaq 眉莽眉n c蓹hd ed蓹 bil蓹rsiniz s蓹hif蓹 kimi 莽ox.
Bel蓹 ki, biz indi google.com n蓹z蓹r 蓹g蓹r, Onlar谋n s蓹hif蓹 kimi g枚r眉n眉r n蓹 ed蓹k.
Siz ki, bu g眉n cute they're-- olard谋.
TAMAM.
H蓹r 艧ey haz谋rd谋r.
View Source bel蓹 B眉t眉n h眉quqlar.
Google var hesab edir蓹m ki, h蓹qiq蓹t蓹n g枚z蓹l m蓹nb蓹 kodu.
Bel蓹 ki, y蓹qin, n蓹 burada gedir?
V蓹 蓹slind蓹, bu bel蓹 HTML deyil.
Bu JavaScript deyil蓹n bir 艧ey var.
V蓹 gedir v蓹 davam ed蓹k.
s蓹hif蓹 ba艧lay谋r m蓹n h蓹tta bilmir蓹m.
M蓹n Command istifad蓹 gedir蓹m F, a莽谋q bracket HTML.
B眉t眉n sa臒, orada deyil.
M蓹n s蓹hif蓹nin start a艧kar v蓹 q蓹d蓹r stuff burada var.
>> h蓹qiq蓹t蓹n n蓹 gedir?
Yax艧谋, siz n蓹, Biz bu q蓹d蓹r t蓹miz olar.
M蓹n 蓹v蓹zin蓹 getm蓹k bu Inspect toolbar, bu x眉susi diaqnostik al蓹t,
v蓹 艧蓹b蓹k蓹 眉莽眉n getm蓹k, biz bu g眉n davam harada,
amma Elements getm蓹k 蓹g蓹r, n蓹 h蓹qiq蓹t蓹n g枚z蓹l
bir browser bir 莽ox var ki, M蓹n daha yax艧谋 g枚zl蓹ri.
V蓹 browser oxuya bil蓹rsiniz bir web page ki mess,
ki, HTML mail biz yaln谋z baxd谋 v蓹 ola bil蓹r
onu analiz v蓹 ya oxumaq v蓹 t蓹hlil v蓹 yenid蓹n
g枚z蓹l insan dostu 艧蓹kild蓹.
M蓹n indi g枚r眉yorum n蓹 Burada bu ekran
Elements alt谋nda, eyni m蓹zmunu, lakin onlar h蓹r 艧eyi indented sonra,
onlar renkli, lakin sonra Bu eyni m蓹tn var
M蓹n server nazil edir.
>> V蓹 indi g枚z蓹l g枚r眉r蓹m bil蓹r b蓹d蓹n, misal 眉莽眉n bildiri艧 眉莽眉n,
s蓹hif蓹 h蓹l蓹 ibar蓹tdir yaln谋z ba艧 v蓹 b蓹d蓹n,
M蓹n hiyerar艧ik burada dal谋艧 ed蓹 bil蓹rsiniz.
Google var g枚r眉n眉r Qeyd ed蓹k ki bu v蓹 bu divs-- 眉莽眉n.
Hesab edir蓹m ki, geni艧l蓹ndir蓹 bil蓹rik.
dig蓹r divs b眉t眉n d蓹st蓹 var.
Bel蓹 ki, bir az m眉r蓹kk蓹b var.
Lakin g枚zl蓹yin.
Bu 莽ox daha 莽ox g枚r眉n眉r oxunaql谋, nisb蓹t蓹n, daha.
Niy蓹 Google utanc verici Yaln谋z g枚nd蓹r蓹r蓹k 枚z眉
b蓹zi kodu bu b枚y眉k mess sort yaln谋z bir 艧ey h蓹yata ke莽irm蓹k 眉莽眉n
ilk bax谋艧da bel蓹 sad蓹 g枚r眉n眉r?
Kimi, niy蓹 daha bo艧luq 蓹lav蓹 ed蓹 bil蓹r蓹m?
M蓹n kimi Niy蓹 Enter etm蓹di?
Bax谋n nec蓹 yax艧谋 m蓹n bir web page yaz谋.
M蓹n s蓹yl蓹 Enter d眉ym蓹sini bas谋n.
M蓹n h蓹r 艧eyi indented bel蓹 yara艧谋ql谋 v蓹 oxunaql谋 edir.
Niy蓹 Google eyni t蓹cr眉b蓹 edir?
>> Auditoriya: [i艧itilemez]
DAVID J. MALAN: Yax艧谋.
脟ox 蓹dal蓹tli.
Onlar bir ne莽蓹 yoxdur Google 艧蓹xs 蓹l
Art谋q ana s蓹hif蓹 yenil蓹nm蓹si.
Bu art谋q 1999 deyil.
Bel蓹 ki, onlar proqram var.
Onlar dig蓹r al蓹tl蓹r var ki, dinamik onlar HTML ist蓹yirik yaratmaq.
茝lb蓹tt蓹 ki, kodu 枚z眉 insanlar t蓹r蓹find蓹n yaz谋lm谋艧,
lakin reall谋q edir Bu, dem蓹k olduqca 蓹dal蓹tli
browser 蓹lb蓹tt蓹 deyil Kodu nec蓹 messy qay臒谋.
Amma daha 莽ox var 莽ekici texniki s蓹b蓹bi
Google 枚z HTML paylay谋r ki, Bel蓹 bir sloppy kod, zahir蓹n
b枚y眉k yol b眉t眉n birlikd蓹 dolu 莽ox az yolla 莽ox az
M蓹n kimi format 艧蓹kild蓹.
>> Auditoriya: [i艧itilemez]
>> DAVID J. MALAN: Faster?
Niy蓹?
V蓹 siz Lydia n蓹 dedi?
Daha s眉r蓹tli?
Niy蓹 daha s眉r蓹tli?
Auditoriya: [i艧itilemez]
DAVID J. MALAN: var he莽 bir yer oxumaq 眉莽眉n.
B蓹li.
Bel蓹 bir kosmik n蓹 haqq谋nda d眉艧眉n眉r蓹m.
Bel蓹 ki, klaviatura h蓹r bir xarakter al谋r kosmik b蓹zi m蓹bl蓹臒i t蓹msil
ya fiziki, bu kimi 莽ox yer q蓹d蓹r al谋r
v蓹 ya el蓹 alt谋nda ba艧l谋q ki, yadda艧 t蓹l蓹b edir.
kimi aside-- v蓹 biz laz谋md谋r v蓹 Bu tomorrow-- haqq谋nda daha 莽ox dan谋艧maq
klaviatura h蓹r bir xarakter ad蓹t蓹n 8 bit, v蓹 ya bir byte t蓹l蓹b edir.
Bel蓹 ki, 8 adet s谋f谋r bir model v蓹 ya olanlar谋, v蓹 ya yaln谋z 1 byte, biz kimi
insanlar ad蓹t蓹n dem蓹k olard谋.
Bel蓹 ki, ki莽ik, lakin h蓹l蓹 d蓹 qeyri-s谋f谋r var.
Bu h蓹l蓹 alan b蓹zi m蓹bl蓹臒i var.
Bel蓹 ki, bir m眉h蓹ndis v蓹 ya Google xit 蓹g蓹r space bar yaln谋z bir d蓹f蓹, v蓹 g眉man
Google-- bu super-popular-- ki, bir milyard adam g眉man
bir g眉n 枚z s蓹hif蓹sin蓹 bax谋n, v蓹 ya insanlar谋n bir s谋ra
ana s蓹hif蓹 Ziyar蓹t milyard d蓹f蓹 bir g眉n,
ne莽蓹 蓹lav蓹 bytes ki, var Software Engineer yaln谋z Google ba艧a
bir d蓹f蓹 onun yer bar basaraq?
>> Auditoriya: [i艧itilemez]
DAVID J. MALAN: olduqca pis deyil.
Yaln谋z bir byte d蓹f蓹 bir milyard.
Bel蓹 ki, a--
Auditoriya: 8 milyard gigabayt.
DAVID J. MALAN: Not 8 milyard.
8 milyard bytes.
Amma 1 gigabyte.
1 gigabyte 枚l莽眉 vahidi olacaq.
o iki 茝g蓹r f蓹zalar谋nda, 2 gigabayt.
Three gigabayt.
Right?
Bu baha t蓹r蓹zi.
V蓹 Google kimi hallarda, ki, verilmi艧, ekstrim hallarda,
yaln谋z yarana dig蓹r m蓹s蓹l蓹l蓹r var 莽ox a臒labatan q蓹rarlar谋n q蓹bul edilm蓹si il蓹
v蓹 ya 莽ox sad蓹 insan t蓹dbirl蓹r, Bu magnified t蓹siri var, 莽眉nki.
s蓹b蓹bl蓹rind蓹n biri So bu s谋x谋lm谋艧 g枚r眉n眉r
Victoria idi said-- tam olaraq yaln谋z h蓹r halda komp眉ter t蓹r蓹find蓹n yarad谋lan.
Bel蓹 ki, he莽 bir b枚y眉k.
browser anlamaq ed蓹k.
Lakin bu da q蓹sd蓹n 莽ox yer yoxdur,
space laz谋m deyil.
V蓹 kosmik h蓹qiq蓹t蓹n pul edir.
>> Bu da vaxt x蓹rcl蓹ri yaln谋z t蓹kan 莽眉nki
h蓹yata ki, daha 莽ox m蓹lumat Google.com q蓹rargah谋nda yaln谋z
b蓹zi m蓹bl蓹臒i almaq 眉莽眉n var Bu ms bel蓹 zaman,
v蓹 ya microseconds, lakin q蓹d蓹r 蓹lav蓹 bir 莽ox istifad蓹莽i art谋q, v蓹 ya daha 莽ox,
y蓹qin ki, pul x蓹rcl蓹ri.
Google y蓹qin ba臒lan谋r d眉nya, bir ba艧qas谋
o imtahanedici bal v蓹 onlar varsa
maliyy蓹 m眉nasib蓹tl蓹rin bir n枚v vasit蓹si onlar谋n data pul x蓹rcl蓹ri,
onlar h蓹m莽inin bil蓹r n蓹 q蓹d蓹r data azaltmaq
Onlar h蓹yata spitting edirik onlar谋n internet 蓹laq蓹si.
>> Bel蓹 ki l蓹tif蓹 olsa da, n蓹tic蓹 etibaril蓹, v蓹 ya b蓹lk蓹 t蓹skinl蓹艧dirici 艧ey,
baxmayaraq ki, bu d蓹h艧蓹tli g枚r眉n眉r ki b枚y眉k, g眉n眉n sonunda,
h蓹l蓹 d蓹 eyni prinsipl蓹r var burada bir HTML bu 莽ox sad蓹 s蓹hif蓹
s蓹hif蓹.
Bel蓹 ki, yaln谋z 眉mumil蓹艧dirilm蓹si v蓹 ki Siz deyil, 蓹g蓹r bir canonical versiyas谋
Burada, burada se莽im il蓹 birlikd蓹 a艧a臒谋dak谋 web pages 蓹n sad蓹 ola bil蓹r,
bel蓹 bir 艧ey b蓹lk蓹 sonra il蓹 oynamaq.
>> Yax艧谋, bir t蓹qdim ed蓹k 陌ndi dig蓹r fikir ne莽蓹.
Biz t蓹qdim etm蓹k ist蓹yirik bir 艧ey bir stil tag 莽a臒谋r谋b.
Biz bu s蓹hif蓹 stylize bil蓹r daha maraql谋 yollarla.
HTML e-po莽t is蓹 So b眉t眉n haqq谋nda qeyd edir
data, sort bir 眉莽眉n ifad蓹 nec蓹 m蓹lumat strukturu browser,
harada qoymaq 眉莽眉n, CSS, v蓹 ya Cascading Style Sheets,
ikinci dil oldu臒u 眉mumiyy蓹tl蓹 HTML il蓹 qayna艧d谋 olur
biz see-- laz谋md谋r, lakin biz t蓹miz olar kimi edir ki, bir an ki, up
Bu son mil v蓹 onu stylizes.
Bu r蓹ng yaln谋z sa臒 olur, font, yaln谋z sa臒 枚l莽眉l蓹ri
yerl蓹艧dirilm蓹si sa臒.
Bu estetik haqq谋nda b眉t眉n var v蓹 ya, haqq谋nda format
fundamental data 枚z眉.
V蓹 asan yol g枚st蓹rm蓹k Bu n眉mun蓹 b蓹lk蓹 d蓹.
M蓹n art谋q getm蓹k gedir蓹m m蓹nim sad蓹 m蓹tn fayl谋.
V蓹 yaln谋z bir anda, m蓹n prosesi vasit蓹sil蓹 biz蓹 g蓹zm蓹k
Bu 枚z眉m眉z眉 edir.
>> M蓹n fayl geri gedir蓹m burada v蓹 yaln谋z s蓹hif蓹 yeniden
Bu kimi g枚r眉n眉r n蓹 t蓹sdiq.
biz indi oldu臒unuz var.
u艧aq z枚vq olard谋 kimi hiss edir蓹m bu web page bir r蓹ng olan.
M蓹n burada getm蓹k 眉莽眉n gedir蓹m S蓹hif蓹nin ba艧.
M蓹n stil / stil gedir蓹m.
V蓹 sonra bu daxilind蓹, m蓹n gedir蓹m M蓹nim s蓹hif蓹 v蓹 orqan谋 dem蓹k
v蓹 bu format at edir ilk bax谋艧da, b蓹lk蓹 bir az
q蓹rib蓹 lakin 艧蓹rti.
M蓹n fonunda ki, gedir蓹m bu s蓹hif蓹nin r蓹ngi ya艧谋l olmal谋d谋r.
Bu t蓹蓹ss眉f ki sort 蓹n yax艧谋 dizayn.
Qeyd ed蓹k ki, 蓹vv蓹ll蓹r HTML d眉nyada,
Dedim atributlar谋 ki, Bu 蓹sas d蓹y蓹r c眉t var.
Something quote b蓹rab蓹rdir d谋rna臒谋 ba臒lamaq "bir 艧ey".
idi CSS d眉nyada B蓹zi m眉xt蓹lif insanlar t蓹r蓹find蓹n haz谋rlanm谋艧,
Onlar, q蓹rara ald谋 ki, onlar谋n d眉nya, a莽ar d蓹y蓹r c眉t
s枚z colon bir 艧ey olard谋.
Bel蓹 ki, baxmayaraq ki, eyni fikirdir.
Bu d蓹y蓹r 艧蓹rik oldu el蓹 b蓹zi 蓹sas il蓹
bu s蓹hif蓹nin davran谋艧 t蓹sir g枚st蓹rir.
>> V蓹 y蓹qin ki, tahmin ed蓹 bil蓹rsiniz.
bu y蓹qin ki, olacaq n蓹dir he莽 etdik, h蓹tta bunu
蓹vv蓹l HTML v蓹 ya CSS g枚r眉ld眉?
Auditoriya: fon r蓹ngi d蓹yi艧dirin.
DAVID J. MALAN: B蓹li, fon r蓹ngi d蓹yi艧ir.
V蓹 x眉susi b蓹d蓹n fon r蓹ngi.
Amma insofar kimi 陌ndi b蓹d蓹n web
s蓹hif蓹 v蓹 yaln谋z bir 艧ey var title bar, h蓹qiq蓹t蓹n olur
y蓹qin ki, olacaq eyni 艧ey t蓹sir g枚st蓹rir.
Bel蓹 ki, g枚r蓹k.
Bu xilas ed蓹k.
burada getm蓹k v蓹 yenid蓹n.
Bu olduqca 莽irkin deyil.
V蓹 n蓹 olur Burada bir yan t蓹sir edir.
M蓹n yaln谋z t蓹sad眉fi bu image se莽di.
Niy蓹 ya艧谋l deyil Mickey arxas谋nda permeating?
Auditoriya: [i艧itilemez]
DAVID J. MALAN: M蓹hz.
Bu olduqca ki, 艧蓹kill蓹r 莽谋x谋r biz istifad蓹 ed蓹 bil蓹r 莽ox b眉t眉n 艧蓹kill蓹r,
d眉zbucaql谋 b眉t眉n rectangles-- var.
Mickey b蓹zi 蓹yril蓹ri olsa 枚z眉n蓹 v蓹 bir fon var,
ki, background bir 艧ey olmal谋d谋r.
Bu a臒 olmal谋d谋r.
Bu qara v蓹 ya ba艧qa bir 艧ey olmal谋d谋r.
Bu 艧蓹ffaf ola bil蓹r.
V蓹 蓹slind蓹, m蓹n ola bil蓹r Burada Mickey Mouse a莽maq
Photoshop adl谋 proqramda v蓹 ya ox艧ar bir 艧ey
v蓹 a臒 b眉t眉n d蓹yi艧dirm蓹k 艧蓹ffaf fon,
bel蓹 ya艧谋l vasit蓹sil蓹 parlaq olacaq.
Amma m蓹n laz谋md谋r bir 艧ey var 枚z眉m v蓹 ya qrafik r蓹ssam xahi艧
v蓹 ya bir dizayner m蓹nim 艦irk蓹t, m蓹s蓹l蓹n,
x眉susil蓹 M蓹n yaln谋z bu yana, n蓹 internet bu bir borc.
Bu ba艧 niy蓹 Amma ki.
>> Bel蓹 ki, n蓹 biz n蓹 ist蓹yirik bil蓹r?
Yax艧谋, biz dem蓹k ist蓹yir蓹m bil蓹r h蓹qiq蓹t蓹n, sizin qalmaq z枚vq 眉mid edirik.
V蓹 diqq蓹t 眉莽眉n, ist蓹yir蓹m Bu g眉cl眉 etm蓹k 眉莽眉n,
v蓹 m蓹n a莽谋q g眉cl眉 v蓹 dem蓹k laz谋md谋r g眉cl眉 ba臒lay谋n v蓹 sonra yeniden.
V蓹 bu bir az 莽蓹tindir proyektor g枚rm蓹k
amma b蓹lk蓹 h蓹qiq蓹t蓹n, indi bir az daha 莽ox h蓹yata atlamalar.
Bel蓹 ki, bu kursiv 蓹lav蓹 ed蓹 bil蓹rsiniz yol, bu 艧蓹kild蓹 qal谋n 眉zl眉k.
Biz r蓹ng d蓹yi艧蓹 bil蓹r.
茝slind蓹, yaln谋z kicks 眉莽眉n, m蓹n ir蓹li getm蓹k v蓹 bunu ed蓹c蓹yik.
M蓹n, h蓹qiq蓹t蓹n, nec蓹 sevmir蓹m m蓹nim ci madd蓹l蓹rd蓹, birlikd蓹 bu yax谋n
m蓹n bu kimi bir 艧ey ola bil蓹r.
M蓹n brauzer dem蓹k gedir蓹m, 眉莽眉n h蓹r paraqraf tag d蓹yi艧dirm蓹k,
Siz n蓹 bilirsiniz, h蓹qiq蓹t蓹n dem蓹k ed蓹k, 陌T text-align, m蓹rk蓹zi align imkan verir.
V蓹 yen蓹, m蓹n bu yaln谋z bilir蓹m Kims蓹 m蓹n蓹 枚yr蓹tdi, 莽眉nki
v蓹 ya bu q蓹d蓹r baxd谋 bir online aray谋艧.
M蓹n蓹 bu xilas ed蓹k.
V蓹 ah, indi var orada image m蓹rk蓹zi.
V蓹 h蓹qiq蓹t蓹n, n蓹, 蓹g蓹r bilm蓹k M蓹n bir b蓹ndin daxil m蓹nim image h蓹r蓹k蓹t
tag-- bel蓹 眉莽眉nc眉 b蓹nd, h蓹tta m蓹tn deyil, baxmayaraq ki.
Ki saxlamaq v蓹 yenid蓹n bildirin.
陌ndi s蓹hif蓹 c眉r baxmaq ba艧lay谋r of-- M蓹n bunu h蓹l蓹 olduqca 莽irkin dem蓹k
M蓹n s蓹rf kimi ancaq 蓹n az谋 g枚r眉n眉r iki d蓹qiq蓹 蓹v蓹zin蓹 bir d蓹qiq蓹
edilm蓹si.
>> Bel蓹 ki, t蓹dric蓹n, biz ed蓹 bil蓹rsiniz s蓹hif蓹 indi bu estetik d蓹yi艧iklikl蓹r?
M蓹n, h蓹qiq蓹t蓹n, data d蓹yi艧m蓹yib etdik h蓹qiq蓹t蓹n s枚z 蓹lav蓹 ba艧qa s蓹hif蓹.
Siz 蓹g蓹r m蓹n, metadata 蓹lav蓹 etdik.
Hey, browser etm蓹k S枚z眉 "h蓹qiq蓹t蓹n" bold.
Amma data g眉cl眉 deyil.
Bu metadata var.
data "h蓹qiq蓹t蓹n" dir.
Ona g枚r蓹 h蓹l蓹 b蓹zi Eyni anlay谋艧lar 蓹vv蓹lki kimi.
陌ndi, 蓹lb蓹tt蓹, bu internet 眉zr蓹 deyil, m蓹n burada bir final add谋m gedir蓹m.
>> M蓹n hello.html getm蓹k 眉莽眉n gedir蓹m v蓹 yaln谋z vur臒ulamaq v蓹 bu sur蓹ti.
陌ndi m蓹n gedir蓹m Cloud9 daxil getm蓹k
M蓹n yaln谋z bir anda siz蓹 vasit蓹sil蓹 g蓹zm蓹k laz谋md谋r.
V蓹 odds, 蓹g蓹r tezlikl蓹 olacaq var art谋q ox艧ar ekran.
V蓹 m蓹n蓹 yaln谋z bir s眉r蓹tli ver蓹k Cloud9 h蓹qiq蓹t蓹n n蓹 tur.
Bel蓹 ki, yen蓹 9 bulud Bu bulud-based xidm蓹t
ki, siz v蓹 m蓹n蓹 ill眉ziya verir 枚z virtual ma艧谋n olan
bulud, texniki bulud bir konteyner,
biz tam ki, inzibati g眉z蓹艧tl蓹r.
n蓹z蓹ri, he莽 bir So d眉nyan谋n ba艧qa var
M蓹n ekran giri艧 陌ndi baxaraq,
b蓹lk蓹 insanlar谋n istisna olmaqla kim site run,
texniki onlar 莽眉nki fiziki giri艧 v蓹 s.
>> Bel蓹likl蓹, biz bu m眉hitd蓹 n蓹 g枚r眉rs眉n眉z?
M蓹n ki莽iltm蓹k gedir蓹m bir az ki莽ik, 莽眉nki.
V蓹 m蓹n蓹 眉z蓹rind蓹 qeyd ed蓹k Burada yaln谋z bir an 眉莽眉n.
sol t蓹r蓹find蓹 m蓹nim v蓹 sizin ekran, sol bir fayl browser var.
ruhunda So ox艧ar Mac OS v蓹 Windows.
B眉t眉n bunlar var M蓹nim Hesab谋m fayllar谋.
V蓹 M蓹nim cari olaraq, 蓹g蓹r sizin hesab mina kimi
G枚rd眉y眉n眉z v蓹 ya tezlikl蓹 g枚r蓹c蓹ksiniz helloworld.html v蓹 readme.md.
Burada sa臒 蓹rzind蓹, bu M蓹nim m蓹tn fayllar谋 getm蓹k 眉莽眉n gedir.
茝g蓹r Microsoft istifad蓹 varsa Word Notepad v蓹 ya TextEdit, v蓹 ya
Bu s枚z m蓹nim editing edir fayllar谋 getm蓹k niyy蓹tind蓹dir.
V蓹 sonra 蓹n gizli bu m眉hitd蓹 x眉susiyy蓹t
Biz, h蓹qiq蓹t蓹n, istifad蓹 etm蓹k laz谋m deyil ki, a艧a臒谋 burada bir Terminal Window 莽a臒谋r谋b.
Siz DOS istifad蓹 varsa yesteryear, bu Linux edir
v蓹 ya DOS Linux ekvivalent.
Bu m蓹tn-based interface-- var he莽 bir klik, he莽 s眉r眉kleyerek.
Bunu b眉t眉n yaz谋n 蓹mrl蓹ri, lakin bu 蓹mrl蓹ri
fayllar谋 fayllar谋 yaratmaq h蓹r蓹k蓹t ed蓹 bil蓹r, a莽谋q rehberler, yax谋n rehberler,
艧eyl蓹r h蓹r hans谋 bir say谋 yoxdur.
陌ndi Lakin, biz yaln谋z laz谋md谋r Burada vaxt s蓹rf edirl蓹r.
>> V蓹 bunu ed蓹k.
Bu edirsinizs蓹 蓹traf m眉hit, siz olmal谋d谋r
Bir i艧 yarad谋lm谋艧d谋r 蓹g蓹r ola art谋q ir蓹li getm蓹k v蓹 yaln谋z qalxmaq
bir an, Yeni Fayl.
V蓹 yeni bir ver蓹c蓹k burada ortada ni艧an谋.
M蓹n izlersin V蓹 ed蓹k ir蓹li getm蓹k v蓹 bunu.
nin, Saxla Fayl indi ir蓹li getm蓹k v蓹 ed蓹k v蓹 ir蓹li getm蓹k v蓹 hello.html z蓹ng
il蓹 s蓹hv etm蓹k deyil helloworld.html olan
, Yeni pulsuz hesab il蓹 g蓹ldi olan yaln谋z bir n眉mun蓹 fayl.
Siz bird蓹n-bir蓹 g枚r眉n眉r g枚r蓹c蓹ksiniz, sol t蓹r蓹find蓹 莽ox g眉man ki,
v蓹 ni艧an谋 h蓹l蓹 d蓹 a莽谋q olacaq.
V蓹 m蓹n蓹 yeniden indi t蓹艧viq ed蓹k Bu fayl v蓹 ya onun bir variant.
V蓹 olduqca onu g枚rm蓹k bilm蓹z, 蓹g蓹r ekran bu slaydlar il蓹 eynidir
Siz y蓹qin ki, ba艧qa ni艧an谋 var.
>> Bel蓹 ki, q谋sa, ilk web page etm蓹k ki, v蓹 sonra yaln谋z bir anda saxlamaq,
nec蓹 M蓹n siz蓹 g枚st蓹rm蓹k laz谋md谋r h蓹qiq蓹t蓹n bu bil蓹rsiniz.
Amma 蓹n az谋 bir 艧ey d蓹yi艧ir.
眉莽眉n HelloWorld d蓹yi艧dirin 枚z se莽imi bir 艧ey,
Sizin ki, siz 蓹min edirik ki, M蓹n yarad谋lm谋艧 bir fayl v蓹 deyil.
Yax艧谋.
V蓹 he莽 bir ready-- etdiyiniz zaman Siz haz谋r oldu臒unuzda rush--,
ir蓹li getm蓹k v蓹 fayl saxlamaq bir d蓹f蓹 bu d蓹yi艧iklikl蓹r etdik.
V蓹 bas谋n Run d眉ym蓹sin蓹 up top, bu
dem蓹k ki, yeni ni艧an谋 a莽maq laz谋md谋r siz sizin fayl ed蓹 bil蓹rsiniz n蓹 URL
lakin bu bir an bil蓹r quote ", Apache ba艧lamaq" d谋rna臒谋 ba臒lamaq olan
web server ad谋.
Bel蓹 ki, m蓹hz bunu ehtiyatl谋 olun n蓹 n蓹tic蓹d蓹 fayl var.
Bel蓹 ki, indi, m蓹n zoom laz谋md谋r.
M蓹n yazma臒a ba艧lay谋n varsa a莽谋q bracket HTML, bildiri艧
m蓹nim fikir ba艧a m蓹ni isteyen var.
M蓹n fikir ba艧a varsa, avtomatik m蓹n蓹 yekun tag verir.
Amma g枚zl蓹m蓹 sonra hit olacaq ki, Daxil edin v蓹 sonra daxilind蓹 h蓹r蓹k蓹t
v蓹 daxili r蓹hb蓹rlik yoxdur v蓹 sonra daxili orqan yoxdur.
Bu, ilk bir az q蓹rib蓹 sizin 眉莽眉n i艧 etdikl蓹rini, 莽眉nki,
lakin n蓹tic蓹d蓹 ki, h蓹yata bu tu艧 vuru艧lar谋n谋 saxlay谋r.
V蓹 蓹slind蓹, bir 莽ox ortaq x眉susiyy蓹ti proqramla艧d谋rma bu g眉n m眉hit
h蓹m kimi web inki艧af 眉莽眉n Bu v蓹 faktiki proqramla艧d谋rma,
Hans谋 sabah haqq谋nda dan谋艧maq laz谋md谋r, Bu avtomatik tam x眉susiyy蓹tl蓹ri,
Yaln谋z bir allow things proqram莽谋 v蓹 ya bir dizayner
az tu艧 vuru艧lar谋n谋 yaz谋n eyni 艧ey yerin蓹 yetirm蓹k.
B蓹z蓹n baxmayaraq, yax艧谋.
B蓹z蓹n yaln谋z annoying var.
V蓹 yen蓹, bir d蓹f蓹 de艧ifr etdik slide v蓹 ya onun bir variant,
Siz 眉st q蓹d蓹r Run d眉ym蓹sini bas谋n.
V蓹 sonra alt p蓹nc蓹r蓹, siz m蓹lumat olacaq
n蓹 URL siz web page ziyaret ed蓹 bil蓹rsiniz.
Mine, m蓹s蓹l蓹n, edir business-daharvard.c9users.io
v蓹 sair蓹.
B眉t眉n sa臒, bel蓹 ki, me-- h蓹r hans谋 bir sual谋n谋z ed蓹k?
Yaln谋z al谋nmas谋 haqq谋nda h蓹r hans谋 dig蓹r suallar biz funksiyalar 蓹lav蓹 蓹vv蓹l bu i艧?
V蓹 yaln谋z m蓹n蓹 t蓹klif bildirin insanlar comfortable-- almaq 眉莽眉n
yaln谋z bir 艧ey var, 莽眉nki M蓹n etdik n蓹 kor-koran蓹 sur蓹ti yap谋艧d谋r谋b.
Lakin mill蓹t g眉l蓹艧m蓹k ki to-do 蓹n az谋 biri il蓹,
M蓹n b蓹zi musiqi yand谋rmaq 眉莽眉n gedir蓹m.
M蓹n bir siyah谋s谋n谋 t蓹klif gedir蓹m Siz potensial 蓹lav蓹 ed蓹 bil蓹rsiniz 艧eyi.
V蓹 蓹lb蓹tt蓹 ki, Google istifad蓹 ed蓹 bil蓹rsiniz.
V蓹 niy蓹 biz yaln谋z Siz h蓹ll etm蓹k 眉莽眉n c蓹hd ki, t蓹klif
蓹n az谋 bir x眉susi problem burada.
tags bax谋m谋ndan Bel蓹 ki, M蓹n蓹 burada bu t蓹krar ed蓹k.
>> 茝slind蓹, m蓹n蓹 qoymaq bildirin bir m蓹tn 艧蓹klind蓹.
Biz bil蓹r tags aras谋nda deyirl蓹r Burada istifad蓹 burada b蓹zi tags var.
Biz paraqraf tag g枚rd眉k.
陌ndi avtomatik tamamlama olacaq.
Paraqraf tag, anker tag.
Siz ist蓹yirsiniz ed蓹k bir 艧ey b枚y眉k etm蓹k,
bel蓹 ki, like-- bil蓹r span tag k枚m蓹k ed蓹 bil蓹r.
Yax艧谋, siz b蓹zi k枚m蓹k laz谋md谋r yaln谋z bir anda ki.
Biz div g枚rd眉k.
Siz masa var g枚r蓹c蓹ksiniz.
bir 艧ey tr td var 莽a臒谋r谋b.
Th, td.
bir anda geri g蓹lin.
laz谋ml谋 ba艧qa n蓹 ola bil蓹r?
g眉cl眉 var.
Orada vur臒u var, daha do臒rusu em.
There's-- n蓹 Burada z蓹nn ed蓹 bil蓹r?
B蓹li, biz bir almaq laz谋md谋r birlikd蓹 oldu.
biz g枚rd眉k Form.
forma var.
giri艧 v蓹 bir ne莽蓹 ba艧qalar谋 var.
B眉t眉n h眉quqlar, bel蓹 ki, bunu ed蓹k.
bir Victoria cavab verm蓹k 眉莽眉n sual, ilk m蓹n蓹 imkan
yaln谋z h蓹r k蓹s 蓹min olun Onlar谋n salam i艧 蓹ld蓹 ed蓹.
Sonra m蓹n蓹 t蓹qdim ed蓹k bir ne莽蓹 dig蓹r fikir.
Sonra insanlar h蓹ll ed蓹k laz谋md谋r 枚z b蓹zi problem.
Sonra biz, h蓹qiq蓹t蓹n, geri g蓹lm蓹k laz谋md谋r bir formada ki, anlay谋艧谋,
v蓹 biz, h蓹qiq蓹t蓹n, yenid蓹n h蓹yata olacaq birlikd蓹 枚n-end interface,
Google 枚z眉 眉莽眉n dan谋艧maq.
Biz geri sonuna kimi Google istifad蓹 v蓹 imkan olacaq Onlara a臒谋r i艧, axtar谋艧,
lakin biz 枚n yeniden laz谋md谋r Google v蓹 axtar谋艧 formas谋
onlar 枚z ana s蓹hif蓹 var.
V蓹 bel蓹 ki, biz geri g蓹lm蓹k laz谋md谋r yaln谋z bir anda bu tags.
>> Bel蓹 ki, bu n蓹 m蓹n Yaln谋z bir an 蓹vv蓹l t蓹klif edib.
Biz 眉莽眉n still蓹艧dirm蓹 蓹lav蓹 ed蓹 bil蓹rsiniz Bu stil tag daxilind蓹 s蓹hif蓹
v蓹 biz fon stylize bil蓹r r蓹ng, m蓹tn alignment,
Bu m蓹rk蓹zi v蓹 ya sol v蓹 ya sa臒 olsun.
Amma 莽ox tez olard谋 tapmaq v蓹 ya web dizayner
Bu ki, tapmaq olard谋 Bir az y枚nd蓹msiz olur
siz yap媒yorsun 莽眉nki n蓹 qar谋艧d谋rma content adl谋
t蓹qdimat谋 il蓹 onlar谋n.
Siz data qar谋艧d谋rmaqla edirik v蓹 estetik onun.
V蓹 蓹slind蓹, 蓹g蓹r n蓹 s媒rada 眉z蓹rind蓹 n蓹 olacaq
bu 莽ox ki莽ik web s蓹hif蓹, 蓹lb蓹tt蓹.
Amma bu s蓹hif蓹nin m蓹zmun 蓹lav蓹 蓹g蓹r v蓹 m蓹n bu s蓹hif蓹 眉莽眉n stil 蓹lav蓹,
s蓹hif蓹 莽ox tez olur uzun v蓹 daha uzun v蓹 daha uzun.
M蓹n ist蓹yir蓹m ki, g眉man ikinci web page var ki,
bu atributlar谋 b蓹zi s蓹hml蓹r.
m蓹nim ikinci veb s蓹hif蓹 眉莽眉n d眉艧眉n蓹k m蓹nim Sitesi d蓹, m蓹n h蓹r 艧ey m蓹rk蓹zi ist蓹yir蓹m
v蓹 m蓹n d蓹 h蓹r 艧eyi ist蓹yir蓹m ya艧谋l fon il蓹.
M蓹n olduqca 莽ox 眉莽眉n gedir蓹m sur蓹ti v蓹 bu x蓹tl蓹rinin b蓹zi yap谋艧d谋r谋b
g枚z蓹l hiss ki, ikinci fayl daxil.
Bu problemi h蓹ll ed蓹c蓹k.
>> Amma 眉莽眉nc眉 s蓹hif蓹 n蓹 ist蓹yirsinizs蓹 bir 30 s蓹hif蓹 v蓹 ya bir 40 s蓹hif蓹 v蓹 ya?
陌ndi 莽谋xarmaq 眉莽眉n gidiyorum v蓹 dublikat kodu bir 莽ox sovu艧durmaq
bird蓹n 莽ox fayl.
V蓹 bel蓹 g眉man M蓹n q蓹rar v蓹 ya Dediyim al谋ram,
hey, biz istifad蓹 edirik Art谋q ya艧谋l fon.
Biz nar谋nc谋 istifad蓹 ed蓹r蓹k ba艧lamaq olacaq.
N蓹 d蓹yi艧iklik var?
Yax艧谋, siz stil d蓹yi艧dirm蓹k laz谋md谋r nar谋nc谋 ya艧谋l ne莽蓹 yerl蓹rd蓹?
30 v蓹 ya 40 yerl蓹rd蓹 kimi.
Bu yorucu deyil.
Bu s蓹hv meylli deyil.
bir s谋ra s蓹b蓹bl蓹ri var Siz bi艧irm蓹k ist蓹mir蓹m harada
脰z眉n眉z 眉莽眉n a臒r谋 bel蓹.
V蓹 bel蓹 g枚z蓹l ola bilm蓹z biz almaq bil蓹r n蓹 yaln谋z
Bu iki sar谋 aras谋nda qoymaq tags, bu stil tags,
onu amil v蓹 b眉t眉n qoymaq m蓹nim bir m蓹rk蓹zi fayla still蓹艧dirm蓹
ki, m蓹nim dig蓹r fayllar谋 b眉t眉n 30 v蓹 ya 40 borc v蓹 ya el蓹 istinad
Biz 艧蓹b蓹k蓹 f蓹rqli diaqramlar谋 biz 蓹vv蓹l edirdil蓹r?
>> M蓹n burada getm蓹k 蓹g蓹r Bel蓹 ki, m蓹n h蓹qiq蓹t蓹n t蓹klif gedir
biz 蓹v蓹z bir 艧ey il蓹 stil tag
link tag, adl谋 horribly, horribly adl谋,
siz istifad蓹 etm蓹yin, 莽眉nki link tag n蓹 yaratmaq
biz insanlar bir web page bir ke莽id kimi bilirik.
Bunun 眉莽眉n siz tag istifad蓹?
Nec蓹 bir web page bir ke莽id yaratmaq 眉莽眉n n蓹 etm蓹liy蓹m?
Auditoriya: a.
DAVID J. MALAN: bir v蓹 ya anker 蓹vv蓹l Disney getdi tag.
Burada link tag deyib adl谋 bir fayl 艧eyl蓹rdir link
眉莽眉n styles.css, 蓹laq蓹l蓹r m蓹nim stil ki, olacaq.
Bel蓹 ki, bu S-ci ild蓹 biridir CSS Cascading Style Sheets.
Style sheet-- CSS S nin iki.
stil Cascading.
Bu yaln谋z hey, browser, gedin dem蓹kdir yerli server styles.css tapmaq
v蓹 sizin stil kimi istifad蓹 ki, fayl daxilind蓹 dem蓹kdir
b眉t眉n olacaq biz yaln谋z etdik stylizations.
V蓹 n蓹 fayl bu kimi ola bil蓹r.
M蓹n yaln谋z bu bir tez ed蓹c蓹yik M蓹s蓹l蓹n biz laz谋m deyil, 莽眉nki
Burada alaq otlar谋 daxil 莽ox almaq 眉莽眉n.
Bu sur蓹ti Lakin, m蓹n t蓹klif n蓹 edir蓹m bir proqram莽谋 yeni bir fayl yaratmaq ki,
o x蓹tl蓹ri yap谋艧d谋r谋b o x蓹tl蓹ri whoops-- yap谋艧d谋r谋b
, sonra styles.css kimi saxlamaq, v蓹 dig蓹r fayl, ki, b眉t眉n silm蓹k
蓹v蓹zin蓹 onu 蓹v蓹z bu link tag il蓹.
M蓹n href = "styles.css" m蓹qal蓹sin蓹 ke莽id ver蓹n Bel蓹 ki, 蓹laq蓹l蓹r "stil" olacaq
yax谋n tag.
saxla.
M蓹nim HelloWorld geri gedin.
Yenid蓹n y眉kl蓹.
>> Sanki he莽 bir 艧ey ba艧 verib.
Ki, yax艧谋 bir 艧ey 莽眉nki Bu, h蓹qiq蓹t蓹n b眉t眉n i艧 dem蓹kdir.
q蓹d蓹r s眉but etm蓹k 眉莽眉n, m蓹n etm蓹k g眉man typo, m蓹n bu "styles.css" z蓹ng
bir paytaxt S il蓹 yanl谋艧 v蓹 sonra yeniden.
陌ndi yaln谋z i艧 deyil bil蓹rsiniz.
陌ndi, niy蓹?
Yax艧谋, bir istifad蓹 ed蓹k 茝vv蓹ll蓹r texnika.
, m蓹n蓹 ir蓹li ged蓹k v蓹 M蓹nim browser, Chrome, m蓹n
x眉susi q蓹d蓹r a莽maq niyy蓹tind蓹dir 艧蓹b蓹k蓹 ni艧an谋 蓹vv蓹l,
v蓹 m蓹n蓹 s蓹hif蓹 yeniden imkan verir.
陌ndi g枚rm蓹k 眉莽眉n s眉rpriz n蓹 deyil?
V蓹 ya b蓹lk蓹 siz onu g枚rm蓹k 眉莽眉n t蓹蓹cc眉b edirik.
H蓹r iki halda, siz indi n蓹 g枚r眉rs眉n眉z?
Auditoriya: [i艧itilemez]
DAVID J. MALAN: Bu a艧kar deyil.
N蓹 a艧kar deyil?
Yax艧谋, Styles.css-- kapital S-- yoxdur.
M蓹n bunu misnamed.
Simple typo.
Amma indi anla艧谋l谋r al谋ram 404, server deyib ki, hey,
a艧kar deyil.
Sanki, m蓹n bilmir蓹m harada fayl.
n蓹tic蓹sind蓹, brauzerinizin So N蓹 ola bil蓹r g枚st蓹rir
S蓹hif蓹nin xam content, ki, 200, HTML idi
lakin still蓹艧dirm蓹 bilm蓹z sonra 蓹lav蓹 olunacaq.
Bu kaskad il蓹 n蓹z蓹rd蓹 n蓹 edir.
Siz sort 蓹lav蓹 ed蓹 bil蓹rsiniz sonra bu c眉r
web page estetik emal.
V蓹 h蓹tta yaln谋艧 bil蓹r h蓹l蓹 dig蓹r stil fayllar谋 il蓹 眉slub
茝g蓹r s蓹n ist蓹s蓹n.
Bu, bu halda, baxmayaraq ki, a艧kar deyil 莽眉nki, 蓹lb蓹tt蓹, m蓹n misnamed.
M蓹n ilk d眉zeltmek laz谋md谋r.
>> Bel蓹 ki, ir蓹li getm蓹k v蓹 a艧a臒谋dak谋 t蓹klif.
Nin ir蓹li getm蓹k v蓹 bunu ed蓹k.
b蓹lk蓹 ba艧layaraq Sizin HelloWorld fayl,
M蓹n蓹 yaln谋z bir ne莽蓹 d蓹v蓹t ed蓹k t蓹klifl蓹r edir.
Bel蓹 ki, Victoria, siz ist蓹yirdi bir m蓹tn b枚y眉k, sa臒 etm蓹k?
B眉t眉n h眉quqlar, bel蓹 ki, biz m蓹tn b枚y眉k ed蓹 bil蓹r蓹m.
V蓹 biz h蓹r off d蓹rm蓹k laz谋md谋r Yaln谋z bir problem h蓹ll etsin.
m蓹tn b枚y眉k olun.
M蓹n narahat fikrind蓹 deyil蓹m biz bu yaz谋
Burada 眉z蓹rind蓹 g眉ll蓹 texnologiya var.
Bel蓹 ki, b蓹zi probleml蓹ri.
Bel蓹likl蓹, biz c蓹hd olacaq m蓹tn b枚y眉k etm蓹k.
Yax艧谋.
ba艧qas谋n谋n n蓹 t蓹klif ed蓹rdiniz?
N蓹 ist蓹yirik bil蓹r bir web page n蓹?
bir il蓹 g蓹lm蓹k ed蓹k 艧eyi q谋sa siyah谋s谋
v蓹 sonra n眉may蓹nd蓹 qrup bu anlamaq 眉莽眉n.
>> Auditoriya: [i艧itilemez]
>> DAVID J. MALAN: OK, m枚vqe m蓹tn S蓹hif蓹nin m眉xt蓹lif t蓹r蓹fd蓹n?
Yax艧谋.
ba艧qa bir 艧ey.
>> Auditoriya: [i艧itilemez]
DAVID J. MALAN: Bu edir.
Bel蓹 ki, bir gif yaln谋z bir deyil m眉xt蓹lif fayl format.
Biz yaln谋z istifad蓹 n蓹 bir png v蓹 ya y蓹qin ki, bir jpg?
Biz jpg istifad蓹 olunur.
Siz h蓹ddind蓹n art谋q maraql谋 edirsinizs蓹, Sizin suala cavab
bir jpg 眉mumiyy蓹tl蓹 istifad蓹 olunur foto艧蓹kill蓹r, bu d蓹st蓹kl蓹yir, 莽眉nki
r蓹ng v蓹 ya 24-bit r蓹ng milyonlarla.
A gif 眉mumiyy蓹tl蓹, kimi 眉莽眉n istifad蓹 olunur internet memes bu days-- animasiyalar,
kimi cizgi gifs.
Amma ki莽ik bir r蓹ng istifad蓹 olur palitras谋, yaln谋z 256 m眉mk眉n r蓹ng,
lakin d蓹st蓹kl蓹yir 艧蓹ffafl谋q v蓹 animasiya.
d蓹st蓹kl蓹yir v蓹 sonra var png, 艧蓹ffafl谋q v蓹 daha 莽ox r蓹ng
lakin animasiya.
Bel蓹 ki, ticar蓹t-off var.
Bel蓹 ki, baxmayaraq ki, bir gif 蓹lav蓹 funksional olacaq
Bir PNG v蓹 ya JPG 蓹lav蓹 b蓹rab蓹rdir.
B蓹li.
Image m蓹nb蓹 b蓹rab蓹rdir.
Bel蓹 ki, ba艧qa bir 艧ey.
ki, bir 艧ey il蓹 g蓹lm蓹k ed蓹k ki, biz burada n蓹 Victoria g枚nd蓹rildi.
>> Auditoriya: bir forma 眉莽眉n d眉ym蓹l蓹r 蓹lav蓹 edin.
DAVID J. MALAN: OK.
Bel蓹 ki, bir forma 眉莽眉n d眉ym蓹l蓹ri 蓹lav蓹 edin.
V蓹 biz birlikd蓹 bir ed蓹c蓹yik.
Bel蓹 ki, m眉k蓹mm蓹l bir Segue olacaq sa臒 Bu problem sonra.
Ba艧qa bir 艧ey?
N蓹 ist蓹yir蓹m bil蓹r?
web 莽ox underwhelming hiss Bu, b眉t眉n 蓹g蓹r biz ed蓹 bil蓹rsiniz.
Auditoriya: M蓹tnin r蓹ngini d蓹yi艧dirin.
DAVID J. MALAN: n蓹 Change?
Auditoriya: M蓹tn r蓹ngi.
DAVID J. MALAN: m蓹tn Change r蓹ng.
Yax艧谋.
Bel蓹 ki, bunu ed蓹k.
Just yenid蓹n bel蓹 oldu臒unu deyil, yaln谋z 蓹zb蓹r edir蓹m d蓹qiq n蓹 edir,
M蓹n musiqi yand谋rmaq 眉莽眉n gedir蓹m Burada b蓹lk蓹 be艧 d蓹qiq蓹.
Google istifad蓹 etm蓹k xo艧 g蓹lmisiniz.
Siz m蓹n蓹 sual xo艧 ist蓹yirik, v蓹 M蓹n sizin qulaq bir i艧ar蓹 p谋莽谋lt谋 laz谋md谋r.
Siz baxmaq buyrun art谋q dig蓹r 莽iyinl蓹rind蓹.
Lakin bu probleml蓹rin yaln谋z bir h蓹ll edir.
Amma son bir, ed蓹c蓹yik biz bil蓹r, 蓹g蓹r birlikd蓹, bir t蓹艧kil edir.
Bel蓹 ki, be艧 d蓹qiq蓹 h蓹ll etm蓹k bu probleml蓹rin h蓹r hans谋 bir
Google, intuisiya istifad蓹 ed蓹r蓹k, v蓹 ya h蓹r hans谋 sizin 眉莽眉n dig蓹r vasit蓹l蓹rl蓹.
>> [MUSIC PLAYING]
Yax艧谋.
He莽 bir narahatl谋q ist蓹yirsinizs蓹 kustarl谋q saxlamaq,
amma bir ne莽蓹 korlamaq laz谋md谋r Bu cavab.
ilk t蓹klifi So Victoria m蓹tn b枚y眉k etm蓹k idi.
Bel蓹 ki, bu etm蓹k 眉莽眉n bir ne莽蓹 yol var.
Hal-haz谋rda b蓹rpa etdik Bu 枚l莽眉s眉 m蓹nim ekran,
M蓹n zoomed etdik baxmayaraq s眉ni 艧eyi g枚rm蓹k.
V蓹 bunu ed蓹k.
M蓹n蓹 davam v蓹 grab ged蓹k b蓹zi 眉mumi Latin m蓹tn
yaln谋z biz il蓹 i艧l蓹m蓹k 眉莽眉n bir 艧ey var.
M蓹n蓹 yaln谋z bir an verir.
M蓹n 眉莽-ci madd蓹l蓹rd蓹 etm蓹k laz谋md谋r.
TAMAM.
Bu daha yax艧谋 n眉mun蓹 olacaq.
maraql谋 眉莽眉n, Bel蓹 ki M蓹nim hello.html, yaln谋z
yap谋艧d谋r谋l谋r 眉莽 c蓹f蓹ng Latin ci madd蓹l蓹rd蓹
yaln谋z biz il蓹 i艧l蓹m蓹k 眉莽眉n bir m蓹tn var.
Victoria m蓹qs蓹di idi b枚y眉k m蓹tn b蓹zi etm蓹k.
M蓹n 蓹vv蓹lki kimi, burada getm蓹k bil蓹r.
V蓹 m蓹n蓹 do臒ru yol ed蓹k.
M蓹n bir link var gedir蓹m bir fayl i艧ar蓹 tag
qondarma "styles.css," 蓹laq蓹l蓹r olan "stil". yenid蓹n
V蓹 sonra m蓹n ki, saxlamaq 眉莽眉n gedir蓹m v蓹 bu "styles.css." a莽maq
>> Bel蓹 ki, 蓹vv蓹ll蓹r oldu臒u kimi, m蓹n Bu CSS fayl谋 qabiliyy蓹ti
h蓹qiq蓹t蓹n default yaln谋艧 bir web page estetik,
v蓹 default estetik, 蓹lb蓹tt蓹, olduqca dar谋xd谋r谋c谋 olur.
Bu qara normal font 枚l莽眉s眉 sort var m蓹tn, s a臒 fon, v蓹.
M蓹n etm蓹k ist蓹yir蓹m G眉man bu b眉t眉n m蓹tni b枚y眉k.
M蓹n bir ne莽蓹 艧ey ed蓹 bil蓹r.
M蓹nim styles.css fayl, m蓹n Siz n蓹 bilirsiniz, dem蓹k olar,
a艧a臒谋dak谋 m眉raci蓹t m蓹nim s蓹hif蓹 b蓹d蓹n.
Durmay谋n etm蓹k font size 24 xalla
olan bir s谋ra I bil蓹r edir Microsoft Word istifad蓹 edin.
m蓹nim web geri ged蓹k burada s蓹hif蓹 v蓹 yenid蓹n
v蓹 g枚r蓹 bil蓹rsiniz art谋q 莽ox b枚y眉kd眉r.
V蓹 biz bir az crazy 蓹ld蓹 ed蓹 bil蓹rsiniz, Yaln谋z bir desktop-- haqq谋nda bil蓹rsiniz kimi
Bu 96 xal verir.
Yenid蓹n y眉kl蓹.
V蓹 bu bir az 蓹ld蓹 Bu n枚qt蓹d蓹 y枚nd蓹msiz.
>> Amma bir az daha d蓹qiq ola bil蓹r.
茝v蓹zind蓹 bu t蓹tbiqi m蓹nim s蓹hif蓹 b蓹d蓹n stil,
ba艧qa n蓹 蓹v蓹zin蓹 t蓹tbiq ed蓹 bil蓹r n蓹 dig蓹r tag h蓹l蓹 g眉c
eyni 艧蓹kild蓹 f蓹aliyy蓹t g枚st蓹rir?
>> Auditoriya: p tag?
DAVID J. MALAN: P tag.
Bel蓹 ki, ba艧 olmazd谋 do臒ru, ba艧 莽眉nki,
Siz, h蓹qiq蓹t蓹n, bilm蓹z estetikas谋n谋 n蓹zar蓹t.
ya m蓹tn var v蓹 ya deyil var.
Amma p tag-- m蓹n bir az dal谋艧 ed蓹 bil蓹rsiniz d蓹rin, bel蓹 ki, b蓹nd蓹, dan谋艧maq
tags.
V蓹 眉莽 var, baxmayaraq ki, ki, 莽眉nki CSS, m眉k蓹mm蓹l g枚z蓹l
M蓹n yaln谋z "p" Bu dey蓹nd蓹 A艧a臒谋dak谋 t蓹tbiq dem蓹kdir
Bu mat莽larda h蓹r hans谋 bir tag selector, selector yaln谋z
tag ad谋 olan.
Bel蓹 ki, bir 莽ox yerd蓹 "P" font 枚l莽眉s眉 m眉raci蓹t
v蓹 daha onu ed蓹k a臒labatan again-- 24 point.
V蓹 n蓹, yaln谋z yax艧谋 t蓹dbir 眉莽眉n,
r蓹ng ed蓹k an 眉莽眉n q谋rm谋z谋 yaln谋z.
陌ndi m蓹n indi, yeniden 蓹g蓹r biz 眉莽 莽irkin bax.
>> Amma indi m蓹n sort edir蓹m g眉man of-- M蓹n ilk-ci b蓹nd蓹 ist蓹yir蓹m
istifad蓹莽i s谋莽ramaq.
M蓹n yaln谋z art谋rmaq ist蓹mir蓹m h蓹r 艧ey font 枚l莽眉s眉.
V蓹 m蓹n, h蓹qiq蓹t蓹n, m眉蓹yy蓹n etm蓹k ist蓹yir蓹m v蓹 ya Bu b蓹ndl蓹rin aras谋nda f蓹rql蓹nir.
Bel蓹 ki, q谋rm谋z谋 xilas ed蓹k, Ki, yaln谋z c眉r tacky 莽眉nki
v蓹 bir ir蓹li getm蓹k v蓹 ed蓹k font 枚l莽眉s眉 12-point ismar谋clar谋,
ki, biz geri bir 艧ey ist蓹yirik bir az daha m蓹qbul.
陌ndi m蓹n yaln谋z art谋rmaq ist蓹yirik birinci b蓹ndinin font 枚l莽眉s眉.
M蓹n bir ne莽蓹 bunu ed蓹 bil蓹rsiniz yollar谋, lakin bir yolu
b蓹lk蓹 蓹n t蓹limat an a艧a臒谋dak谋 etm蓹k.
M蓹n蓹 davam ed蓹k, bu dem蓹k paraqraf "ilk". unikal ID var
M蓹n ist蓹yir蓹m bu bir 艧ey z蓹ng ed蓹 bil蓹r.
M蓹n bu "foo" z蓹ng ed蓹 bil蓹r v蓹 ya h蓹r hans谋 dig蓹r s枚z,
amma b蓹zi verm蓹k gedir蓹m semantically m蓹nal谋 ad谋
"Ilk." Kimi
Bu unikal identifikator ID, m蓹nim ilk paraqraf 眉莽眉n.
>> 陌ndi m蓹nim stil il蓹 n蓹 ed蓹 bil蓹r bir az daha d蓹qiq olun.
茝v蓹zind蓹 dey蓹r蓹k t蓹tbiq p tag a艧a臒谋dak谋
M蓹n a艧a臒谋dak谋 kimidir dem蓹k olar A艧a臒谋dak谋 t蓹tbiq
v蓹 ya se莽in, HTML element ki, "ilk". unikal ID var
M蓹n ona m眉raci蓹t etm蓹k ist蓹yirsiniz?
24-point bir font 枚l莽眉s眉.
M蓹n indi iki se莽iciler var.
One b眉t眉n edir 12-point-c眉 madd蓹l蓹r.
Amma bu bir g蓹lir x眉susil蓹, 莽眉nki second-- Bu fayl son g蓹lir
bu kaskad t蓹siri var.
M蓹n b眉t眉n etdik m蓹nim paraqraf tags 12-point,
lakin bu art谋q cascades v蓹 h蓹r hans谋 bir elementl蓹ri 眉莽眉n yaln谋艧 d眉莽ar ed蓹r
s蓹hif蓹 s蓹hif蓹, h蓹r hans谋 bir tag unikal ID quote d谋rna臒谋 ba臒lamaq deyil "ilk".
V蓹 bu 莽蓹r莽iv蓹d蓹 hashtag Yaln谋z "unikal identifikator" dem蓹kdir.
M蓹n HTML fayl qoymaq deyil.
M蓹n burada, dem蓹k "陌lk". D谋rna臒谋 ba臒lamaq quote
>> Bel蓹 ki, m蓹n蓹 yenid蓹n ed蓹k.
陌ndi OK, ah, bax谋n.
Hesab edir蓹m ki, deyil, dem蓹k pretty, amma bu c眉r
bir q蓹d蓹r 枚n kimi kitab v蓹 ya kimi bir 艧ey,
burada birinci b蓹ndind蓹 b枚y眉kd眉r.
daha d蓹qiq ola bil蓹r yaln谋z ilk m蓹ktublar, lakin 蓹n az谋
M蓹n daha 莽ox n蓹zar蓹t h蓹yata etdik.
陌ndi maybe-- b蓹lk蓹 m蓹n bunu ist蓹yir蓹m b蓹z蓹n h蓹r hans谋 s蓹b蓹bd蓹n,
v蓹 m蓹n bu ist蓹mir蓹m yaln谋z bir HTML tag t蓹tbiq olunur.
茝ksin蓹, bu ed蓹k dem蓹k ed蓹k d蓹 a艧a臒谋dak谋.
Class = "idxal".
bir 艧蓹xsiyy蓹t benzersiz 眉莽眉n istifad蓹 olunur Halbuki , Bir 艧ey, bir tag m眉蓹yy蓹n
web page, bir sinif 眉莽眉n n蓹z蓹rd蓹 tutulmu艧dur elementl蓹ri v蓹 ya tags h蓹r hans谋 bir say谋 istifad蓹
web page.
Bel蓹 ki, reusable var.
An ID reusable deyil.
A class reusable edir.
>> V蓹 bilirsiniz n蓹 眉莽眉n n蓹 f蓹ls蓹fi reasons--
M蓹n ba艧a g蓹lm蓹di m蓹nim thought-- M蓹n dem蓹k gedir蓹m
ilk madd蓹 v蓹 陌kinci b蓹nd vacibdir.
M蓹n adl谋 sinif t蓹tbiq gedir蓹m "茝h蓹miyy蓹tli" M蓹n m蓹nim fayl saxlamaq 蓹g蓹r
V蓹 he莽 bir var, yenid蓹n h蓹l蓹 funksional t蓹sir.
Amma b蓹zi 蓹lav蓹 etdik fayl metadata,
ayr谋-ayr谋 艧ey sort fayl 蓹sas m蓹lumatlar,
bel蓹 ki, indi m蓹nim stil, m蓹n 蓹g蓹r 蓹v蓹zin蓹 "蓹h蓹miyy蓹tli" dem蓹k - bilirsiniz,
vacibdir ki, bir 艧ey, m蓹n font r蓹ng etm蓹k niyy蓹tind蓹dir, red--
daha do臒rusu font-r蓹ngi deyil, yaln谋z r蓹ng.
uy臒unsuzluqlar var CSS t蓹蓹ss眉f ki.
V蓹 yeniden.
陌ndi ilk qeyd iki-ci madd蓹l蓹rd蓹 q谋rm谋z谋
lakin 眉莽眉nc眉 脟眉nki yaln谋z sinif t蓹tbiq "蓹h蓹miyy蓹tli"
o 艧eyi ilk iki.
>> Kimlikleri Bel蓹 ki, siz imkan谋 var 莽ox d蓹qiq m眉蓹yy蓹n etm蓹k.
d蓹rsl蓹ri il蓹, siz reusability var.
Amma h蓹r iki halda, qeyd yax艧谋 dizayn prinsipinin sort
M蓹n b眉t眉n factored harada M蓹nim styles.css fayl estetik.
Bel蓹 ki, burada he莽 bir messiness var.
red he莽 bir qeyd yoxdur v蓹 ya Bu fayl qal谋n 眉zl蓹艧diyi v蓹 ya font 枚l莽眉s眉.
茝ksin蓹 m蓹n semantically var, 蓹h蓹miyy蓹tli, m蓹nim data kimi xarakteriz蓹
Burada bir s谋ra m眉h眉m m蓹lumatd谋r.
Burada bir daha 蓹h蓹miyy蓹tli m蓹lumatd谋r.
Bundan ba艧qa, burada M蓹nim m眉h眉m m蓹lumatlar谋n "ilk".
Bel蓹 ki, HTML haqq谋nda sort b眉t眉n etiketleme, sanki s枚zl蓹ri
v蓹-ci b蓹ndl蓹r蓹 v蓹 konstruksiyalar谋n sizin Bu ki莽ik g枚st蓹ri艧l蓹r il蓹 s蓹hif蓹 蓹g蓹r
olacaq, siz ki, el蓹 istifad蓹 leverage
bu 艧蓹kild蓹 CSS kimi dig蓹r 眉sullar谋.
>> Bel蓹 ki, Victoria suala cavab, Biz bu yolla m蓹tn b枚y眉k ed蓹 bil蓹rsiniz.
Orada bir 莽ox dig蓹r yollar谋 var, lakin font tag-- a莽谋q bracket "font" -
h蓹qiq蓹t蓹n bir ne莽蓹 ya艧谋 var.
Bu problem, da yaln谋z g眉v蓹n蓹r蓹k il蓹
online resources-- on Onlar k枚hn蓹lmi艧 olur.
And olsun ki, deprecated edilmi艧dir, d眉nya h蓹yata 莽眉nki,
"Font-size = 7" n蓹 dem蓹kdir?
Bu deyil.
V蓹 bir 莽ox ill蓹r 眉莽眉n v蓹 bu t蓹r蓹find蓹 biri day--
Burada qeyd bu, h蓹qiq蓹t蓹n ki, inan谋lmaz a臒r谋l谋 h蓹l蓹 b蓹z蓹n
眉莽眉n sites inki艧af etdirm蓹k web, 莽眉nki Microsoft
v蓹 Google v蓹 Mozilla v蓹 ba艧qalar谋 tez-tez n蓹 kimi raz谋
HTML kimi bir d蓹qiql蓹艧dirilm蓹si 艧蓹rh.
>> HTML 眉莽眉n rulebook var ki, 眉mumiyy蓹tl蓹 h蓹r tag n蓹 dem蓹kdir deyir.
Amma b蓹z蓹n bu t蓹rk h蓹yata ke莽irilm蓹si t蓹艧蓹bb眉s眉n蓹,
Microsoft m眉lahiz蓹 v蓹 Google.
V蓹 bel蓹 ki, 莽ox tez-tez laz谋md谋r bir web bir 艧ey g枚rm蓹k
PC f蓹rqli g枚r眉n眉r Bu Mac n蓹 莽ox,
v蓹 h蓹qiq蓹t蓹n, 莽眉nki G眉n眉n sonunda,
onlar test etm蓹di h蓹m platformalarda.
Lakin bu, h蓹m莽inin a臒labatan deyil a臒谋ll谋 insanlar raz谋 ed蓹c蓹k
v蓹 艧irk蓹tl蓹r raz谋 v蓹 bel蓹 olacaq proqramla艧d谋rma probleml蓹rd蓹n biri
web v蓹 ya dizayn 眉莽眉n web 眉莽眉n h蓹r 艧eyi
bir 艧蓹kild蓹 sizin web yaz谋r h蓹r web browser 眉z蓹rind蓹 i艧l蓹yir.
Amma do臒ru, 蓹sass谋z var?
bir 莽ox 莽ox versiyalar谋 var bir n枚qt蓹d蓹, orada brauzerl蓹r
siz d蓹 bir q蓹rar z蓹ng etm蓹k laz谋md谋r v蓹 bir 艧irk蓹t kimi q蓹rar var,
x眉susil蓹 e-ticar蓹t-stil 眉莽眉n sen sites
蓹n istifad蓹 etm蓹y蓹 莽al谋艧谋r谋q texnologiyalar谋 h蓹qiq蓹t蓹n yax艧谋 istifad蓹莽i verm蓹k
t蓹cr眉b蓹.
Lakin istifad蓹莽il蓹r b蓹zi faiz bil蓹r h蓹l蓹 Internet Explorer 6 v蓹 ya 7 istifad蓹 etm蓹k
8, x眉susil蓹 as谋l谋 olaraq Onlar g蓹l蓹n etdiyiniz 枚lk蓹.
>> V蓹 莽ox 莽ox Dan谋艧mal谋 bir 艧eydir
"Web browser statistikas谋." Kimi
biz Haydi getm蓹k V蓹 Wikipedia v蓹 up-to-tarix, bu chart nec蓹
蓹g蓹r bir var.
Bel蓹 ki, burada g枚r蓹 bil蓹rsiniz harada h蓹qiq蓹t蓹n brauzerl蓹r
Dekabr 2015-ci g枚r蓹, var, AB艦 h枚kum蓹ti g枚r蓹.
Chrome t蓹qib 42% bazar pay谋 edir 蓹sas蓹n korporativ ayarlar谋 IE il蓹
v蓹 ya PC ayarlar谋, 蓹lb蓹tt蓹, Firefox izl蓹di
sonra Safari, sonra Opera verm蓹di n蓹d蓹ns蓹 burada x蓹rit蓹si etm蓹k,
v蓹 sonra Others.
B蓹lk蓹 ba艧qalar谋 alt谋nda.
Amma daha 莽ox problemli is-- Wikipedia h蓹m莽inin 蓹g蓹r in g枚r蓹k
brauzerl蓹r versiyas谋n谋 version--
>> browser statistika ged蓹k.
IE.
H蓹tta kifay蓹t q蓹d蓹r deyil.
Browser statistikas谋.
M蓹nim versiyas谋.
Bu do臒ru olmaq niyy蓹tind蓹 deyil.
versiyalar谋 g枚rm蓹k ed蓹k.
Browser bazar pay谋.
Bu g蓹lir 蓹g蓹r in n蓹z蓹r salaq.
TAMAM.
陌ndi bu olur bir az daha faydal谋.
Odur ki, biz b眉t眉n var ki, qeyd brauzerl蓹r m眉xt蓹lif versiyalar谋.
V蓹 my god, siz Chrome look-- 蓹g蓹r 48, Chrome 47, Chrome 31, Chrome 45.
M蓹n dem蓹k, getdikc蓹 yenil蓹nir brauzerl蓹r v蓹 bu d蓹yi艧iklikl蓹r b蓹z蓹n
蓹h蓹miyy蓹tli olan funksionall谋q bax谋m谋ndan.
V蓹 bir anda, m蓹hsul menecerl蓹ri v蓹 ya m眉h蓹ndis
bir decision-- etm蓹k laz谋md谋r D眉nyan谋n yaln谋z 1% n蓹 bilirik
h蓹l蓹 IE 7 istifad蓹 edir.
onlarla c蓹h蓹nn蓹m蓹.
Biz yaln谋z fikrind蓹 deyilik ki, brauzer d蓹st蓹kl蓹yir.
V蓹 bu d蓹st蓹k 眉莽眉n n蓹 dem蓹kdir?
Bu d眉ym蓹l蓹ri ki, dem蓹k bil蓹r web page i艧l蓹mir,
v蓹 ya dem蓹k bil蓹r format tamamil蓹 off edir.
Yoxsa etm蓹k ola bil蓹r h蓹min q蓹rar z蓹ng
Biz ist蓹yirik mobil bu g眉nl蓹rd蓹 Art谋q iOS 5 d蓹st蓹yi niyy蓹tind蓹 deyil.
Bel蓹 ki, insanlar yaln谋z t蓹kmill蓹艧dirm蓹k laz谋md谋r.
Yoxsa Cupcake d蓹st蓹k fikrind蓹 deyilik Android cihazlar 眉莽眉n Android OS,
莽眉nki v眉cuda kimi tech d眉nya ir蓹li h蓹r蓹k蓹t etm蓹k ist蓹yir,
bu c眉r s眉r眉kleyin ist蓹yir ki, bu d眉nya onlar deyil
olma臒a davam etm蓹k geri uy臒un onlar
yeni v蓹 yax艧谋 x眉susiyy蓹tl蓹ri t蓹klif ed蓹 bil蓹r.
Bu, h蓹qiq蓹t蓹n s蓹b蓹bl蓹rind蓹n biridir bir 莽ox 艧irk蓹tl蓹r niy蓹 yuvarlanan olunur
avtomatik yenilikl蓹ri v蓹 m蓹cbur sort biz蓹 software en son versiyas谋n谋.
V蓹 h蓹tta 艧irk蓹tl蓹ri Apple d眉zm蓹k ed蓹c蓹k kimi
Siz dem蓹k olar ki m蓹cbur v蓹 ya m蓹cbur bazar q眉vv蓹l蓹rinin bax谋m谋ndan siz
yeni telefon almaq onlar yaln谋z, 莽眉nki Art谋q k枚hn蓹 telefon yenil蓹m蓹 deyil.
Bel蓹 ki, h蓹yata qa莽谋rmay谋n 蓹n x眉susiyy蓹tl蓹ri,
bir onlara bahal谋, 莽眉nki 艦irk蓹t arguably ya艧l谋 qorumaq 眉莽眉n
proqram a艧a臒谋 versiyas谋n谋.
Amma xalis t蓹siri edir biz d蓹 bu 蓹ziyy蓹t 莽蓹kir.
>> Bel蓹 ki, yaln谋z bir n蓹z蓹r ed蓹k Burada final 艧eyi bir ne莽蓹.
real s眉r蓹tli bir 莽谋rpmaq ed蓹k h蓹min dig蓹r g眉ll蓹 maraql谋 蓹g蓹r.
Bel蓹 ki, 眉莽眉n 莽al谋艧谋r谋q, 蓹g蓹r, M蓹s蓹l蓹n, m枚vqe 眉莽眉n
m眉xt蓹lif t蓹r蓹fd蓹n m蓹tn s蓹hif蓹, m蓹n bir s眉r蓹tli yolu gedir蓹m
lakin m眉xt蓹lif var bunu yollar谋.
M蓹n蓹 davam v蓹 eliminate-- ed蓹k A艧a臒谋dak谋 kimi bu sad蓹l蓹艧dirm蓹k.
M蓹n蓹 yaln谋z geri ged蓹k m蓹nim sad蓹, sad蓹 ci madd蓹l蓹rd蓹.
m蓹nim styles.css geri ed蓹k.
M蓹n yaln谋z simple-- istifad蓹 gedir蓹m Google g枚rm眉艧蓹m bil蓹r ki,
v蓹 ya 蓹vv蓹ll蓹r geri sa臒 text-align.
Bu s蓹hif蓹ni yenid蓹n.
陌ndi h蓹r 艧ey g枚r眉n眉r sa臒 aligned olmaq,
Burada yer眉st眉 g枚rm蓹k bil蓹r.
>> Biz baxmaq ed蓹 bil蓹r bir az daha kimi kitab, v蓹 biz "haqq qazand谋rmaq" dey蓹 bil蓹rsiniz
v蓹 yenid蓹n.
陌ndi g枚z蓹l v蓹 h蓹m d蓹 kvadrat var c眉r g枚z蓹l t蓹r蓹fl蓹r.
biz burada idi ba艧qa bir m蓹qs蓹d M蓹tn d蓹yi艧iklik r蓹ng idi.
Bel蓹likl蓹, biz m蓹nim q谋rm谋z谋 m蓹tn il蓹 oldu臒unu g枚rd眉m.
陌ndi bir formas谋 眉莽眉n d眉ym蓹l蓹ri 蓹lav蓹 edin.
Bel蓹 ki, niy蓹 biz m蓹hz bunu 眉莽眉n c蓹hd etm蓹yin?
Lakin ilk m蓹n蓹 site getm蓹k ed蓹k ki, bizim 蓹n Google day-- h蓹r istifad蓹 edin.
V蓹 bir n蓹z蓹r salaq nec蓹 Google h蓹qiq蓹t蓹n i艧l蓹yir.
Amma bunu gedir蓹m.
First me yep bunu in-- ed蓹k M蓹n蓹 ilk Google ged蓹k.
M蓹n getm蓹k 眉莽眉n gedir蓹m Google Parametrl蓹r daxil
M蓹n aradan ist蓹yir蓹m, 莽眉nki bir 艧ey Instant Netice 莽a臒谋r谋b.
>> Bel蓹 ki, qeyd ola bil蓹r Google bu m蓹n蓹 geri getm蓹k imkan days--
bu a莽谋n.
M蓹n axtar谋艧 ba艧lamaq Bel蓹 ki bu kimi "pi艧ik" 眉莽眉n,
yaln谋z deyil ki, qeyd M蓹n avtomatik tam almaq
top b眉t眉n ani, s蓹hif蓹 枚z眉 el蓹c蓹 d蓹 olduqca tez d蓹yi艧dirm蓹k 眉莽眉n g枚r眉n眉r,
ki, Google dil istifad蓹 edir faydal谋 olma臒a 莽al谋艧谋r谋q JavaScript 莽a臒谋r谋b.
Amma t蓹蓹ss眉f ki, bu c眉r Bizim m眉zakir蓹 messes
h蓹qiq蓹t蓹n neler burada ba艧l谋q alt谋nda.
M蓹n yaln谋z c眉r tez am ani n蓹tic蓹l蓹r s枚nd眉r眉n.
M蓹n Saxla bas谋n gedir蓹m.
陌ndi a莽maq 眉莽眉n gedir蓹m diaqnostik toolbar ki, m蓹n
Network ni艧an谋 alt谋nda a莽谋l谋艧 saxlamaq.
Bel蓹 ki, bunu ed蓹k.
me-- whoops-- ed蓹k bir az bu a艧a臒谋 diyirl蓹yin.
V蓹 m蓹n蓹 眉莽眉n axtar谋艧 imkan "pi艧ik".
>> 陌ndi x蓹b蓹rdarl谋q h蓹qiq蓹t蓹n, bu yax艧谋 bir f眉rs蓹tdir
bir an m眉zakir蓹 etm蓹k.
M蓹n bunu dayand谋rmaq tipli an ed蓹k.
onu dayand谋rmaq.
TAMAM.
M蓹n m蓹ktub yaz谋n an ed蓹k C, ekran谋n a艧a臒谋 bax谋n.
A- T- S. n蓹dir alt edir Bu ekran, m蓹nim Network ni艧an谋,
H蓹r olur g蓹lir d蓹f蓹 bir m蓹ktub yaz谋n?
T蓹蓹ss眉f ki, qurba臒a 莽ox var yay谋nd谋r谋r g眉n v蓹 ya Shamrock
v蓹 ya o n蓹.
M蓹n tipli h蓹r d蓹f蓹 ba艧 verirdi?
V蓹 m蓹n蓹 ayd谋n ed蓹k bufer v蓹 yenid蓹n yaz谋n.
Bel蓹 ki, Whoops.
M蓹n bir m蓹ktub yaz谋n H蓹r d蓹f蓹 C- A- T-- bel蓹 bir yeni s谋ra a莽谋q-ayd谋n g枚r眉n蓹n saxlay谋r.
o sat谋r h蓹r hans谋 t蓹msil edir, biz g枚rd眉k v蓹 m眉zakir蓹 etdik dayal谋
indiy蓹 q蓹d蓹r?
Auditoriya: A axtar谋艧?
DAVID J. MALAN: A axtar谋艧, v蓹 ya daha generically bir HTTP iste臒i
server m蓹nim brauzerinizin.
Yax艧谋, niy蓹 m蓹nim brauzerinizin bir HTTP edir h蓹r zaman bir m蓹ktub yaz谋n t蓹l蓹b?
>> Auditoriya: [i艧itilemez]
DAVID J. MALAN: B蓹li, bu verilm蓹si M蓹n蓹 bu avtomatik tamamlama n蓹tic蓹l蓹ri.
Kimi, burada bu n蓹 search results g蓹lir?
B蓹li, h蓹r d蓹f蓹 m蓹n yaz谋n m蓹ktub, Google daha g枚nd蓹rir
v蓹 daha 莽ox v蓹 daha 莽ox M蓹n yazaraq al谋ram s枚z.
Niy蓹?
Onlar m蓹n蓹 verm蓹k ist蓹yir蓹m, 莽眉nki daha yax艧谋 v蓹 daha yax艧谋, daha yax艧谋 t蓹klif,
n蓹 s枚z 眉莽眉n t蓹klifl蓹r siyah谋s谋, M蓹n, h蓹qiq蓹t蓹n, tam 莽al谋艧谋ram.
Bel蓹 ki, bu s枚z眉n h蓹r dem蓹k deyil xarakter Google yaz谋n
n蓹tic蓹d蓹 ild蓹 g枚nd蓹rilir toplu, h蓹m d蓹 b蓹z蓹n bir
h蓹yata ke莽irilm蓹si 眉莽眉n bir zamanda Bu avtomatik tam x眉susiyy蓹tl蓹ri zaman
data Web, 蓹lb蓹tt蓹, var.
>> 陌ndi n蓹 h蓹qiq蓹t蓹n bir n蓹z蓹r ed蓹k Google Search bas谋n zaman ba艧 verir.
V蓹 sonra biz bu 枚z眉m眉z眉 leverage laz谋md谋r.
M蓹n 莽ox indi a艧a臒谋ya f谋rlad谋n 蓹g蓹r Bel蓹 ki yaln谋z ba艧 ilk t蓹l蓹bi.
a艧a臒谋dak谋 bildirim.
Bu kifay蓹t q蓹d蓹r uzun g枚nd蓹rildi URL-- https://www.google.com/search?
v蓹 sonra m蓹hsullar谋n谋n b眉t眉n d蓹st蓹.
Indi h蓹qiq蓹t蓹n bu g枚r蓹k browser ni艧an谋 枚z眉.
Burada Toolbar xilas ed蓹k.
Burada axtar谋艧 n蓹tic蓹l蓹ri s蓹hif蓹 var.
V蓹 bildiri艧 burada URL var.
陌ndi, y蓹qin ki, tahmin ed蓹 bil蓹rsiniz n蓹 hiss蓹sind蓹 burada olacaq.
bir t蓹rif, b眉t眉n Bel蓹 ki, ilk.
Bu y蓹qin yerdir form burada t蓹qdim olunur.
M蓹n tipli zaman s枚zl蓹ri "pi艧ik" v蓹 Enter d眉ym蓹sini bas谋n
y蓹qin Google g枚nd蓹rdi bu URL m蓹nim m蓹tn daxil
M蓹n qeyd etdik ki, orada axtar谋艧 do臒ramaq.
ki, URL, bir 艧ey, 莽谋x谋r sual i艧ar蓹si sonra ba艧
dey蓹r蓹k saxlamaq kimi, 蓹sas d蓹y蓹ri c眉t ki, formaya v蓹 ya el蓹-bel蓹 yaz谋lm谋艧
枚t眉r眉l蓹n server browser.
>> Bel蓹 ki, he莽 bir zaman daxil yaz谋n web bir formaya
biz sizin kimi g枚nderildikten Bir Olsun vasit蓹sil蓹 m眉zakir蓹,
Bu virtual biri z蓹rfl蓹rin, m蓹zmunu
ki, b蓹li envelope-- of saxlamaq fiziki doldurulmu艧 蓹vv蓹l
sinif z蓹rf蓹 Bu g眉n, lakin texnoloji
Bu, h蓹qiq蓹t蓹n URL qoymaq oldu.
茝slind蓹 Bel蓹 ki, m蓹n蓹 bu vasit蓹sil蓹 elemek imkan verir.
Harada istifad蓹莽i daxil g枚r眉rs眉n眉z?
Harada bir 艧ey g枚r眉rs眉n眉z M蓹n 枚z眉m burada yazd谋臒谋n谋z?
, Bel蓹 ki, "pi艧ik". B蓹li
Right?
M蓹n蓹 bu 莽蓹km蓹k imkan sad蓹 bir 艧ey.
M蓹n h蓹r 艧eyi silm蓹k 眉莽眉n gedir蓹m M蓹n ba艧a d眉艧m眉r蓹m, bu URL,
v蓹 yaln谋z t蓹rk gedir蓹m Bu 艧eyl蓹rdir kimi / axtar谋艧? q = cats.
Biz harada q g枚r蓹c蓹ksiniz bir anda g蓹lir,
lakin minimum kimi hiss M蓹n g枚st蓹ril蓹n m蓹lumatlar谋n h蓹cmi.
陌ndi daxil olmaq 眉莽眉n gedir蓹m.
V蓹 h蓹l蓹 d蓹 i艧l蓹yir bil蓹rsiniz.
Biz h蓹l蓹 pi艧ik b眉t眉n d蓹st蓹 geri almaq.
Bel蓹 ki, Google merakl谋s谋 deyil Bu daha bu g眉n.
Bu 2016 1999 var.
Bel蓹 ki, dig蓹r stuff var ki, m蓹nim browser server g枚nd蓹rir.
Amma bu minimal deyil b眉t眉n laz谋md谋r.
>> Bel蓹 ki, n蓹 olub?
B蓹li, ilk m蓹n蓹 ir蓹li getm蓹k v蓹 gidelim geri Cloud9 v蓹 M蓹n蓹 davam ed蓹k
v蓹 蓹vv蓹ll蓹r m蓹nim Ni艧anlar ba臒lay谋n.
M蓹n bu bar蓹d蓹 ed蓹c蓹yik m蓹nim yaln谋z bir an 眉莽眉n var.
M蓹n ir蓹li getm蓹k 眉莽眉n gedir蓹m v蓹 yeni fayl yaratmaq.
M蓹n google.html kimi saxlamaq 眉莽眉n gedir蓹m.
M蓹n 莽ox tez, gedir蓹m M蓹n, h蓹qiq蓹t蓹n, o臒urluq gedir蓹m
Bu m蓹tn b蓹zi yaln谋z zaman saxlamaq 眉莽眉n.
M蓹n burada bu yap谋艧d谋r谋b gedir蓹m.
M蓹n narahat deyil蓹m h蓹r hans谋 bir still蓹艧dirm蓹 bu d蓹f蓹.
Biz bu z蓹ng olacaq "M蓹nim Google".
M蓹n xilas gedir蓹m B蓹d蓹nd蓹 h蓹r 艧ey.
M蓹n a艧a臒谋dak谋 gedir蓹m.
M蓹n蓹 zoom ed蓹k.
action-- Form v蓹 m蓹n q谋saca qeyd olundu臒u kimi M蓹n q谋saca olaraq whoops-- 蓹vv蓹ll蓹r
bir f蓹aliyy蓹t, qeyd formas谋 m蓹lumat g枚nd蓹rm蓹k harada.
Bel蓹 ki, google.com/search.
V蓹 metodu istifad蓹 etm蓹k ist蓹yirsinizs蓹 iki 艧eyi biri ola bil蓹r.
biz saxlamaq kimi ya "almaq" ola bil蓹r m眉zakir蓹, v蓹 ya ola bil蓹r "post".
陌ndi, 蓹sas istifad蓹 蓹g蓹r f蓹rqi "almaq" edir
ki, b眉t眉n informasiya istifad蓹莽i URL g枚nd蓹ril蓹n olur t蓹min edir.
>> Axtar谋艧 kimi 艧eyl蓹r 眉莽眉n b枚y眉k m眉h蓹rrikl蓹ri v蓹 bir ne莽蓹 dig蓹r proqramlar谋,
lakin n蓹 hallar olard谋 Bir formu doldurun ist蓹mir
v蓹 informasiya ba艧a var URL, brauzerinizin 眉nvan b枚lm蓹sin蓹 kimi?
formalar谋 hans谋 s蓹ni n蓹
Auditoriya: [i艧itilemez]
DAVID J. MALAN: B蓹li, n蓹 kimi?
Auditoriya: Parol.
DAVID J. MALAN: B蓹li, siz daxil bel蓹 Facebook v蓹 ya bir web 眉莽眉n.
Bu istifad蓹莽i giri艧i var formas谋, m蓹tn qutusu,
lakin y蓹qin ki, ist蓹mir蓹m brauzerinizin URL g枚sterilmesini.
Niy蓹?
M蓹n b蓹lk蓹 b蓹zi var, dem蓹k 艧蓹b蓹k蓹 t蓹hl眉k蓹sizliyi t蓹siri,
lakin kimi more--, daha 莽ox sad蓹c蓹, n蓹 蓹g蓹r Sizin roommate, sizin 蓹h蓹miyy蓹tli dig蓹r,
Sizin u艧aqlar, h蓹yat yolda艧谋 g枚r眉n眉r brauzerinizin tarixi vasit蓹sil蓹?
Parolu sa臒 var orada brauzerinizin tarixind蓹.
Bu yax艧谋 dizayn kimi hiss etmir.
V蓹 ya daha 莽ox texniki, Siz 莽al谋艧d谋臒谋n谋z G眉man
Flickr bir 艧蓹kil y眉klemek 眉莽眉n v蓹 ya Facebook v蓹 ya wherever--
ki, h蓹tta baxmayaraq ki, istifad蓹莽i giri艧 nec蓹 maraql谋 deyil bir az daha var
M蓹n URL bar bir resim bas谋r谋q edirsiniz?
Siz n枚v sort bilm蓹z.
Siz n枚v ed蓹 bil蓹rsiniz.
Lakin, h蓹qiq蓹t蓹n, M蓹n b蓹rk-b蓹rk bunu t蓹s蓹vv眉r etm蓹k.
M蓹n ba艧qa bir metodu laz谋md谋r bir web photos y眉klemek,
v蓹 dig蓹r metodu "post" deyilir.
Amma indi 眉莽眉n, biz yaln谋z haqq谋nda dan谋艧maq laz谋md谋r iki sad蓹 olan "almaq".
Bu, sad蓹c蓹 qoyur b眉t眉n URL daxil istifad蓹莽i daxil.
>> Bel蓹 ki, burada m蓹n yarad谋lmas谋 al谋ram formas谋 var.
M蓹n giri艧 ist蓹yir蓹m.
V蓹 n蓹 bilirik?
M蓹n burada bir tahmin etm蓹k gedir蓹m.
M蓹n geri gedir蓹m m蓹nim 眉莽眉n giri艧 "q" "sor臒u".
V蓹 m蓹n bu biri hesab edir蓹m orijinal dizayn, b蓹lk蓹 d蓹, 1999-cu ild蓹n.
Bu giri艧 v蓹 n枚v眉 yaln谋z olacaq "text".
V蓹 sonra m蓹n ba艧qa giri艧 眉莽眉n gedir蓹m ki, biz tezlikl蓹 laz谋md谋r, bir ad laz谋m deyil
n枚v眉, bax "t蓹qdim edir."
Bu gedir m蓹n蓹 x眉susi d眉ym蓹sini verir.
V蓹 bu.
>> M蓹n蓹 ir蓹li getm蓹k v蓹 bu fayl谋 ed蓹k.
M蓹n geri getm蓹k 眉莽眉n gedir蓹m m蓹nim browser v蓹 google.html gedin.
Daxil edin.
V蓹 bu seyr蓹k c眉r 蓹n az dem蓹k.
Amma m蓹n蓹 ir蓹li ged蓹k v蓹 axtar谋艧 "pi艧ik".
M蓹n hal-haz谋rda deyil蓹m qeyd Bu Cloud9 URL.
Amma an m蓹n bu bas谋n harada M蓹n 莽谋xaca臒谋q 眉mid edirsiniz?
>> Auditoriya: Google.
>> DAVID J. MALAN: Google.
Bel蓹 ki, t蓹qdim bas谋n bildirin.
V蓹 h蓹qiq蓹t蓹n Google yenid蓹n h蓹yata etdik.
Right?
Bu sad蓹 deyil.
Bu y眉ng眉l var.
M蓹n code ayd谋n daha yax艧谋d谋r, dem蓹k Onlar, mess biz 蓹vv蓹ll蓹r g枚rd眉m.
V蓹 n蓹 bilirik?
M蓹n bir az bu q蓹d蓹r 蓹dviyy蓹 眉莽眉n gedir蓹m.
Bu 蓹vv蓹ll蓹r qeyd etm蓹yib.
1 mal 眉莽眉n H1 kimi tags var, Bir s蓹hif蓹 蓹n 蓹h蓹miyy蓹tli ba艧l谋臒谋.
"M蓹nim Google," M蓹n bu z蓹ng ed蓹c蓹yik.
M蓹n蓹 yenid蓹n ed蓹k.
Art谋q bir az daha yax艧谋 axtar谋r.
V蓹 h蓹qiq蓹t蓹n, siz n蓹 bilirik?
M蓹n yalan already-- var.
M蓹n bu stil niyy蓹tind蓹 olmad谋臒谋n谋 s枚yl蓹di, amma 蓹vv蓹l kimi bu stil gedir蓹m.
V蓹 m蓹nim b蓹d蓹n, olacaq text-align m蓹rk蓹zi dey蓹k.
Art谋q daha Google kimi axtar谋r.
>> M蓹n, baxmayaraq ki, bir x蓹tt fasil蓹 laz谋md谋r ki, d眉ym蓹sini bas谋n.
V蓹 bu, 莽谋x谋r b蓹ndl蓹r蓹 istifad蓹 ed蓹 bil蓹rsiniz,
v蓹 ya daha 莽ox s枚z眉n yaln谋z dem蓹k olar M蓹n蓹 break br tag burada bir x蓹tt verir.
Bu yenid蓹n 蓹g蓹r, indi orada gedir.
Bu bir az 莽irkin, m蓹n 脟ox line fasil蓹l蓹ri ed蓹 bil蓹r,
Amma burada da g枚rm蓹mi艧 almaq deyil bildirin.
Bel蓹 ki, indi 眉莽眉n 莽al谋艧谋r 蓹g蓹r nin g枚r蓹k "itl蓹r".
Bu h蓹m莽inin "itl蓹r" 眉莽眉n i艧 g枚r眉n眉r.
Bel蓹 ki, 莽ekici paket burada n蓹 var?
One-- b枚y眉k s谋莽ray谋艧 idi Bir ne莽蓹 daha 莽ox etiket t蓹qdim
daxil tag forma tag kimi.
Amma daha 蓹sasl谋 , b眉t眉n edirik
anlay谋艧谋m谋z谋 yararlanarak olunur HTTP v蓹 蓹slind蓹
formalar谋 n蓹tic蓹d蓹 d蓹yi艧dirm蓹k ki, brauzerinizin URL n蓹 var,
v蓹 bel蓹likl蓹, buna g枚r蓹 d蓹, biz mexaniki bir server daxil t蓹min
HTML forma edilm蓹si v蓹 bilerek server HTTP anlay谋r ki,
Yaln谋z bizim b蓹d蓹n kimi anlay谋r kimi, m蓹nim 蓹l silk蓹l蓹m蓹k, eyni protokol,
v蓹 biz cavab geri almaq biz n蓹tic蓹d蓹 g枚zl蓹yirik ki.
>> Bel蓹 ki, bir etm蓹k 眉莽眉n c蓹hd ed蓹k son 艧ey indi mobil il蓹,
v蓹 m蓹n 蓹lav蓹 ed蓹c蓹yik make-- laz谋md谋r slaydlar Bu kodu.
Siz misg蓹r ist蓹yirsinizs蓹 Bel蓹 ki, 蓹lb蓹tt蓹 oradan ed蓹 bil蓹r.
Amma getm蓹k 眉莽眉n gedir蓹m ir蓹li v蓹 bir 艧ey yoxdur.
M蓹n ir蓹li getm蓹k 眉莽眉n gedir蓹m v蓹 M蓹nim index s蓹hif蓹 v蓹 a莽maq
蓹vv蓹lki kimi m蓹nim salam s蓹hif蓹 olan Bu faux-Latin m蓹tn bir 莽ox var
v蓹 ya m蓹nas谋z Latin m蓹tn v蓹 has-- Bu font 枚l莽眉s眉 bu kimi g枚r眉n眉r.
Amma m蓹n蓹 ir蓹li getm蓹k v蓹 bunu bildirin.
M蓹n Cloud9 getm蓹k 眉莽眉n gedir蓹m.
V蓹 bu add谋m yoxdur.
M蓹n 枚z眉m ed蓹c蓹yik.
M蓹n Share bas谋n gedir蓹m.
Bu bir x眉susiyy蓹t yaln谋z Cloud9, vasit蓹si of
M蓹n 蓹traf m眉hit ictimai ed蓹 bil蓹rsiniz.
>> V蓹 yaln谋z namin蓹 n眉mayi艧, m蓹n蓹 bunu bildirin.
M蓹n proqram ictimai 眉莽眉n gedir蓹m.
am, m蓹n蓹 x蓹b蓹rdarl谋q bildiri艧 M蓹n 蓹min蓹m ki, m蓹n bunu ist蓹yir蓹m
Bu h蓹r k蓹s 眉莽眉n gedir, 莽眉nki d眉nyada olub onlar indi buraday谋q
v蓹 ya daha sonra video seyr ed蓹 internet M蓹n g枚rm蓹k n蓹 g枚rm蓹k.
Amma ki, OK.
M蓹n dem蓹k gedir蓹m "Bitti".
M蓹n 蓹g蓹r, m蓹n蓹 t蓹艧viq ed蓹k bu m蓹n蓹 ilk test imkan correctly--.
Siz mind yoxsa, Durmay谋n bilgisayar谋n谋zda bir browser,
bu URL getm蓹k, v蓹 in艧allah Siz m蓹nim Latin m蓹tn g枚r蓹c蓹ksiniz.
V蓹 ayd谋n olmaq, bu m蓹nim laptop deyil 莽al谋艧谋r.
Bu bulud var.
Bu, s枚z眉n Cloud9 var, lakin M蓹n i艧 ictimaiyy蓹t蓹 etdik
bel蓹 ki, internet h蓹r k蓹s M蓹nim Latin ana s蓹hif蓹sin蓹 daxil ola bil蓹rsiniz.
>> eyni URL gedin Telefon, siz ola bil蓹r, 蓹g蓹r.
Bu, baxmayaraq ki, siz ba艧a laz谋md谋r Yaln谋z bir 莽iyin 眉z蓹rind蓹 baxmaq olar.
Auditoriya: [i艧itilemez]
DAVID J. MALAN: M蓹n t蓹蓹ss眉f edir蓹m?
Auditoriya: [i艧itilemez]
DAVID J. MALAN: Just Latin s枚zl蓹r.
Bu ham谋s谋d谋r.
Amma siz g枚rm蓹k laz谋md谋r n蓹.
>> Auditoriya: B蓹li.
DAVID J. MALAN: B蓹li.
B蓹li.
TAMAM.
M蓹n q蓹d蓹r a莽a bil蓹rsiniz yaln谋z bir an 眉莽眉n telefon?
Bel蓹 ki, 眉mid edir蓹m ki, siz daxil edirsinizs蓹 Bu, dem蓹k olar ki, okunmaz baxmaq laz谋md谋r.
M蓹n dem蓹k -i, bu var 莽眉nki Lat谋n okunmaz.
Lakin bu da okunmaz var n蓹 dig蓹r s蓹b蓹bd蓹n?
Kimi, bu bar蓹d蓹 n蓹 m蓹qbul?
Auditoriya: Bu ki莽ik.
DAVID J. MALAN: Bu super ki莽ik super var.
Bel蓹 ki, nec蓹 biz bu d眉zeltmek bil蓹r?
Bu super ki莽ik, super var Victoria telefon
v蓹 siz 莽谋xard谋 蓹g蓹r y蓹qin ki, 枚z眉n眉z,
telefon ki莽ik, h蓹m d蓹 sizin halda accessibility ayarlar谋 effektiv.
Bu n蓹dir?
Siz yaln谋z 莽imdik bil蓹r v蓹 real deyil zoom,
lakin sonra yaln谋z g枚rm蓹k Bir anda bir ne莽蓹 s枚z.
Bel蓹 ki, bir d蓹qiq蓹 g枚zl蓹yin.
M蓹n bu d眉zeltmek 眉莽眉n nec蓹.
Right?
M蓹n CSS istifad蓹 ed蓹 bil蓹r v蓹 m蓹n d蓹yi艧蓹 bil蓹r 12 n枚qt蓹d蓹n 24 n枚qt蓹sin蓹 font 枚l莽眉s眉.
Amma yan t蓹siri 茝lb蓹tt蓹, indi olacaq,
bir masa 眉st眉 v蓹 ya laptop, 陌ndi m蓹tn b枚y眉k iki d蓹f蓹 var.
V蓹 bel蓹 bu c眉r g枚z蓹l olard谋 cihazlar aras谋nda ay谋rmaq,
v蓹 orada 莽谋x谋r bunu yollar谋 var.
bir ne莽蓹 var m眉xt蓹lif yollarla, 蓹slind蓹,
CSS v蓹 merakl谋s谋 funksiyalar谋 istifad蓹 ed蓹r蓹k vasit蓹si b枚y眉k 蓹trafl谋 daxil deyil ki,
mahiyy蓹tc蓹 sor臒u ed蓹 bil蓹r browser v蓹 dem蓹k
Ekran谋n bu daha ki莽ik olduqda 莽ox piksel, bu font 枚l莽眉s眉 istifad蓹.
Ekran谋n bu daha b枚y眉k olduqda 莽ox piksel, bu dig蓹r font 枚l莽眉s眉 istifad蓹.
>> Siz h蓹l蓹 bel蓹 merakl谋s谋 ola bil蓹r.
茝g蓹r etdiyiniz 茝g蓹r web page ki, masa 眉st眉,
b蓹lk蓹 off b枚y眉k menyu var sonra yan v蓹 b眉t眉n i莽erik
ki, yan edir Menyu ortaq bir paradiqma n枚v眉 var.
sol, content Menu sa臒 v蓹 ya 蓹ksin蓹.
h蓹qiq蓹t蓹n mobil i艧 deyil ekran geni艧 yaln谋z bu 莽ox piksel.
mobil Bel蓹 ki, daha 莽ox 眉mumi, Menyu bird蓹n olacaq
da臒谋ld谋 v蓹 siz var onu g枚rm蓹k 眉莽眉n bir d眉ym蓹sini bas谋n,
v蓹 ya web menyu qoyacaq v蓹 yuxar谋da a艧a臒谋dak谋 m蓹zmun qoydu.
V蓹 bu h蓹yata bil蓹r 莽ox 莽ox yollarla 艧eyl蓹r.
Siz proqram莽谋lar xahi艧 ed蓹 bil蓹r, hey, komanda, he莽 bir zaman
Bir Android bir HTTP sor臒u g枚rm蓹k cihaz, bir Microsoft cihaz, bir Google
cihaz Apple cihaz istifad蓹 font 枚l莽眉s眉, bu menyu layout istifad蓹 v蓹
v蓹 ya ba艧qa bu default b枚y眉k layout istifad蓹 edin.
>> 陌ndi, istifad蓹 n蓹 fundamental texnika g眉n
m眉h蓹ndisl蓹r istifad蓹 ed蓹 bil蓹r bu olub-olmad谋臒谋n谋 bilm蓹k
iPhone, Android telefon, bir laptop, 艦irk蓹tin server ziyar蓹t masa 眉st眉?
Orada onlar m蓹lumat almaq edirsiniz?
>> Auditoriya: header?
>> DAVID J. MALAN: B蓹li, HTTP header.
Bel蓹 ki, h蓹r HTTP request g蓹l蓹n 枚z m眉艧t蓹ril蓹rin蓹 onlar谋n serverl蓹r
ki virtual daxili daxildir z蓹rf, b眉t眉n d蓹st蓹
HTTP ba艧l谋qlar谋n谋 biridir browser v蓹 蓹m蓹liyyat sistemi
h蓹tta qay臒谋 蓹g蓹r 蓹trafl谋 s蓹viyy蓹d蓹.
陌ndi, bir sirli g枚r眉n眉艧l眉 string, lakin proqram m枚vcuddur ki, yaln谋z olacaq
ki sad蓹l蓹艧dirm蓹k v蓹 yaln谋z xahi艧 ed蓹 bil蓹r PHP, Java, C kod proqramla艧d谋rma ++,
whatever-- n蓹 telefon 艧eyl蓹rdir edir istifad蓹 ed蓹r蓹k, bu user n蓹 cihaz?
V蓹 sonra onlara bu g枚st蓹rir, dem蓹k olar veb versiyas谋 bir telefon varsa.
onlara bu versiyas谋 g枚st蓹r website bir laptop v蓹 ya masa 眉st眉 varsa.
Amma bel蓹 ehtiyac yoxdur server-side m眉r蓹kk蓹bliyi.
Siz h蓹r 艧eyi h蓹tta sad蓹 ed蓹 bil蓹rsiniz.
>> M蓹n bunu gedir蓹m.
M蓹n daxil ir蓹li getm蓹k 眉莽眉n gedir蓹m M蓹nim Cloud9 蓹traf m眉hit,
v蓹 m蓹n bir tag 蓹lav蓹 etm蓹k 眉莽眉n gedir蓹m Siz 蓹vv蓹l Google g枚rd眉m ki.
Bu metatag deyirl蓹r.
M蓹n ki, bu xat谋rlay谋ram he莽 M蓹n burada uyarlamak 眉莽眉n gedir蓹m.
Meta name = sonra "viewport" v蓹 content = "width = cihaz eni, intital
miqyasl谋 = 1 "v蓹 bu.
>> Bel蓹 ki, h蓹m莽inin ola bil蓹r bir sehrli sehr kimi.
Bu, b眉t眉n ayd谋n deyil, lakin bu var bir 艧ey, viewport'un il蓹
v蓹 viewport bir yaln谋z orqan谋d谋r web s蓹hif蓹, d眉zbucaql谋 region ki
S蓹hif蓹nin 蓹n m眉蓹yy蓹n edir.
V蓹 bu, yaln谋z izah edir browser, siz n蓹 bilirik?
bu s蓹hif蓹nin eni olun Cihaz eni s蓹m蓹r蓹li b蓹rab蓹r.
Ba艧qa s枚zl蓹, g眉man etmir蓹m Siz limitsiz yer n枚v var.
Siz yaln谋z 莽ox var da艧谋m谋r cihaz 枚z眉 kimi kosmik b枚y眉k.
V蓹 indi, 蓹g蓹r m蓹n bu yeniden m蓹nim brauzerinizin, m蓹n he莽 bir d蓹yi艧iklik oldu.
Amma bu correctly-- 蓹g蓹r v蓹 M蓹nim fingers-- ke莽m蓹k imkan sizin b眉t眉n 蓹g蓹r
telefonlar yenid蓹n, siz bir 莽ekici d蓹yi艧iklik g枚rm蓹k?
B蓹li, that-- edir
>> Auditoriya: [i艧itilemez]
DAVID J. MALAN: B蓹li.
TAMAM.
Bel蓹 ki, arguably daha oxunaql谋 indi?
H蓹l蓹 ki莽ik, 蓹dal蓹tli, lakin deyil bel蓹 ki, ki莽ik ba艧ab蓹la olmaq.
M蓹n 蓹lb蓹tt蓹 ki, bu yaln谋艧 bil蓹r Daha CSS v蓹 ya server t蓹r蓹find蓹,
lakin getdikc蓹 siz etdiyiniz n蓹 daha 莽ox x眉susiyy蓹tl蓹ri g枚r蓹n
蓹lav蓹 olunur klient environments--
JavaScript, biz m眉zakir蓹 ed蓹c蓹yik kimi sabah, CSS, v蓹 dilidir HTML bel蓹
Bu sor臒u b眉t眉n m眉艧t蓹ri edil蓹 bil蓹r
bel蓹 ki, narahat server 莽ox daha az v蓹
眉莽眉n, il蓹 ayaqla艧maq laz谋md谋r M蓹s蓹l蓹n, daimi onslaught
yeni 蓹m蓹liyyat sisteminin versiyas谋n谋 yeni brauzer versiyas谋n谋.
Siz yaln谋z browser bildirin bil蓹r cihaz xahi艧, nec蓹 b枚y眉k
v蓹 sonra bir q蓹d蓹r m蓹ntiqi etm蓹k 蓹sas谋nda q蓹rarlar.
Amma biz daha 莽ox imkanlar g枚r蓹c蓹ksiniz m蓹ntiqi q蓹rarlar
kontekstind蓹 sabah bir proqramla艧d谋rma dili.
>> Bel蓹 ki, h蓹r hans谋 bir sual谋n谋z, sonra web inki艧af haqq谋nda?
Bu g眉n web proqramla艧d谋rma, ba艧谋na deyil etdik se, b蓹ri 蓹n h蓹r 艧ey
Siz, 莽ox estetik idi.
he莽 bir q蓹rar verm蓹 vard谋r biz yaz谋l谋 indeksi,
HTML bi莽imlendirme niy蓹 v蓹 ki, var dil, bir proqramla艧d谋rma dili.
Amma sabah almaq laz谋md谋r bir s眉r蓹tli baxmaq, n蓹tic蓹d蓹,
JavaScript da olan faktiki proqramla艧d谋rma
Biz蓹 bir az daha 莽ox imkan verir dili.
>> H蓹r hans谋 sual?
Yax艧谋, m蓹n蓹 iki t蓹klif bildirin ev tap艧谋r谋臒谋 眉莽眉n iste臒e imkanlar.
Bir bu Cloud9 is-- hesablar谋 sona deyil.
Siz istifad蓹 etm蓹k buyrun Onlara il蓹 misg蓹r.
Bu xidm蓹t pulsuz s蓹viyy蓹si var.
olu艧tururken, 蓹g蓹r ki, h蓹yata Sizin i艧, siz bu a莽谋qlan谋b
ki, ki, h蓹r k蓹s dem蓹kdir internet Siz yazaraq etdiyiniz n蓹 g枚r蓹 bil蓹rsiniz.
Bel蓹 ki, b蓹lk蓹, yaln谋z hesab 脰z眉n眉z眉 utanc verici deyil
Siz ilk web qoyulmas谋 edirsinizs蓹 a莽谋q t蓹sad眉f蓹n orada s蓹hif蓹
lakin he莽 bir olacaq h蓹r halda orada baxmaq bilirik.
>> V蓹 m蓹n蓹 silk蓹l蓹m蓹k imkan two-- el蓹c蓹 d蓹 bu URL up,
Bu g眉n g蓹ldi, x眉susil蓹 d蓹 蓹g蓹r , Daha az rahat az
b眉t眉n bu m蓹hsullar谋 n蓹 dem蓹kdir emin.
Bu video ki, daha 莽ox h蓹yata hans谋 yuxulamaq 眉莽眉n yax艧谋 bir yoldur, h蓹m d蓹
v蓹 h蓹m莽inin is蓹 g眉lm蓹k h蓹m莽inin, bunu
societally maraql谋 bir 莽ox v蓹 t蓹hl眉k蓹sizlik m眉vafiq m眉zakir蓹l蓹r
orada John Oliver ki, bir komediya莽谋 olsa.
>> Amma he莽 bir sual var, 蓹g蓹r, ki, q蓹bula biz蓹 g蓹tirir.
Bel蓹 ki, niy蓹 m蓹n musiqi yand谋rmaq deyil.
i莽kil蓹r olmal谋d谋r k蓹narda v蓹 q蓹lyanalt谋lar.
M蓹n kimi mingle 眉莽眉n xo艧b蓹xt蓹m insanlar ist蓹yir蓹m kimi uzun,
bir-on-bir sual daha cavab.
Lakin, ba艧qa, siz buyrun h蓹r hans谋 bir anda off almaq 眉莽眉n,
v蓹 biz yen蓹 g枚r眉rs眉n眉z bir az daha sabah s蓹h蓹r.
B眉t眉n sa臒, thanks.