>> [MUSIC PLAYING]
DAVID J MALAN: Bütün sağ, geri salamlayıram.
Bu CS50 edir.
Bu həftə yeddi sonu.
Və bu zibilçi sonu var problemi ov dörd seçin
Siz geri bilər.
Bütün bərpa sonra personal o JPEGs,
istədiyiniz əgər, etiraz edildi kimi bir çox özünüzü fotoşəkil
Siz kimi o insanlar.
Biz təqdim bütün dəstə var Son bir neçə həftə ərzində,
həqiqətən, bir neçə sağ günorta əvvəl Bu gün, olan bəzi burada o
Annenberg qədərdir görünür in-- burada tutuldu Burada ofis saat Hall, bir
Nick Lowell House.
Burada Ramon telefon tutdu olunur.
Bu CS50 nahar idi.
Bu Jason ilə Skyping idi daha yaradıcı sinif yoldaşı,
özünə bu şəkildə telefonla axtardı.
Biz bu nə bilmirəm.
>> [Gülüş]
>> DAVID MALAN J: Amma ki, bir gigabyte dəyər.
Burada Chang, olan sanki mərhələ off qaçdı
bir şəkli olan qarşısını almaq üçün gün, lakin sonda tutuldu.
Burada Nick edir.
Və burada Alison aşağı sahələrində edir.
Və Zamyla hətta tapıldı Bir Balo müsabiqədə.
Belə ki, biz vasitəsilə olacaq Bu photos, anlamaq
olan təqdim etdiyi erkən, və mükafat
bir inanılmaz mükafat kimi spec söz.
Və biz də haqqında edəcəyik cəlb edilib ki, yer.
>> Announcements-- belə nahar bir neçə , yenə 1:15 PM bu cümə deyil.
Bizə qoşulmaq istəyirsinizsə, Burada URL RSVP.
Jason bir yenə burada görünür il bölmələri bir neçə
geri olan baş Halloween düşür.
Və həqiqətən, o kimi geyimli xüsusi il balqabaq.
Bu bölmə izləmək Onun 2011 hissəsinin
səkkiz, siz maraqlı əgər, CS50.tv da, mən hesab edirəm
bu il idi ki, onun nasos çalışır.
>> Sonra izləmək varsa 2012-ci ildə oxşar ikibölməli,
Siz çox deflated bu Jason görəcəksiniz kostyum artıq fəaliyyət ildən,
olan demək yalnız bu cümə, siz istədiyiniz əgər
Daven ilə bir balqabaq oymaq istəyirəm və Gabe və başqaları başçıları RSVP
cs50.harvard.edu ünvanda.
Bu, böyük fun olacaq.
Daven, biz bildirib, oyma edirik həyatının bütün balqabağa.
Braziliya Gabriel heç vaxt Halloween üçün balqabaq oyma.
O öyrənir kimi Belə ki, onlarla orada.
>> Seminarlar, meanwhile-- belə ki, tezliklə öyrənmək lazımdır
haqqında nə bizim gözləntiləri üçün son layihə olan mahiyyətcə
aşağı qaynatmaq edəcək layihələndirilməsi və həyata keçirilməsi
Maraq hər hansı bir layihə üçün ən təsdiq tabe olsa siz,
və tədris işçisi olan hidayət.
Bu sonuna doğru semestr, biz bir sıra təqdim
isteğe sinif seminarlarda və tədris yoldaşları və Harvard başçılıq
heyəti arasında əlbəttə dostları müxtəlif mövzularda kampus ki,
xoş toxunan var Kursun əsas proqramı
lakin buna baxmayaraq tətbiq, əyləncə, və potensial final layihələr üçün fərqli.
>> Məsələn, ilk, istədiyiniz əgər var ki, URL, baş qeydiyyatdan.
Bunun üçün lineup edir tək bu il seminarlar.
Amma biz onlarla dərk ötən il seminarlar, bütün olan
Bu Seminarlar menyu bağlıdır Kursun veb seçimi.
Haqqında düşünür istəyirsinizsə Belə ki, rahat zonası kənarda gedir
və ya yeni bacarıqlar aldığınız, Məsələn, iPhone proqramlaşdırma
Swift, yeni bir dil ilə apps Apple və ya Objective-C
və ya Android apps və ya proqramlaşdırma [? replika?] yüngül ampüller və ya mövzular hər hansı
burada və daha çox, ötəri check up Qeydiyyat page.
>> Beləliklə, biz başladı və bağlanılıb HTTP baxaraq Bazar ertəsi.
Belə ki, tez refresher-- HTTP, Hypertext Transfer Protocol.
Amma həqiqətən nə deməkdir?
Həqiqətən nə deməkdir?
Ki, bir tərəfdən deyil?
Mən sizə yalnız sizin baş kazıma bilirik.
Amma HTTP nə təklif etmək istəyirsiniz?
>> Auditoriya: necə kompüter [Işitilemez] ilə ünsiyyət.
DAVID MALAN J: Mən son hissəsi qaçırdı.
Kompüter with-- ünsiyyət necə
>> Auditoriya: İnternet server.
DAVID MALAN J: internet Good-- server, və xüsusi web server.
Geri Çünki, bir dəstə var internet xidmətləri, olan bəzi
chat arasında gündəlik yəqin ki, istifadə və mesaj, chat, və web, və e-poçt,
və kimi.
Və HTTP yalnız edir protokol web tarayıcıları
ünsiyyət danışmaq web server, və əksinə.
Və analog insan dünya ola bilər
Mən bəzi silkələmək mənim əl uzatmaq digər insan və ya o
uzadaraq etiraf onun əl həmçinin.
Belə ki, yalnız bir protokol var, konvensiyalar müəyyən.
>> Və bu konvensiyalar həqiqətən nə var?
Bəli, yalnız sonunda aşağı geri və irəli göndərilməsi,
biz burada təsvir kimi.
Və yolları bir neçə var, siz bu mesajları göndərə bilərsiniz.
Və bəlkə də ən ümumi get kimi tanınır.
Və biz bir kontrast görəcəksiniz Bu uzun əvvəl.
>> Amma browser bir get sorğu server yalnız bu kimi görünür.
Bu qoyur ki, mətn bir dəstə var bir virtual zərflərin daxilində.
Ki, zərflərin kənarda məlumat bir neçə ədəd getmək.
Nə getmək lazımdır zərf, belə ki, danışmaq
kimi bir sorğu almaq üçün bir web server mənə bu?
Bəli.
>> Auditoriya: Sizin IP ünvanı.
>> DAVID MALAN J: My IP ünvanı From sahəsində, belə danışmaq,
və əlbəttə, Alıcının IP ünvanı.
Lakin bir web paket halında, Biz bir az daha ətraflı lazımdır
Bu, sadəcə kifayət qədər deyil bir server bir zərf göndərin,
ki, server ola bilər, çünki müxtəlif növləri üçün dinləmək
internet trafik.
Belə ki, nə biz lazımdır Alıcının IP başqa?
Bəli?
>> Auditoriya: Bu TCP edir?
DAVID J MALAN: Yaxşı.
TCP--
>> Auditoriya: Ünvan.
>> DAVID MALAN J: Ünvan, və ya deyilən port kimi.
Close, lakin bir TCP port nömrəsi.
Və bu bir dəstə var.
Amma şübhəsiz ki, ən tanış olmalıdır nəticədə
default olan, 80 bir web trafik üçün istifadə olunur.
Və digər tanış tezliklə, 443 olacaq
təhlükəsiz web üçün istifadə olunur yol, https ilə başlamaq URL'leri.
>> Belə ki, bu gedir nə ki, zərflərin daxilində.
Və almaq / yalnız vermək deməkdir Mənə default web page.
Mənə ağır kök verin web server sürücü.
Və ümid edirəm ki, bu web OK, ilə cavab verəcəyik server
yalnız olan və sayı 200, bütün bəli deyərək konqres
həqiqətən yaxşıdır.
Burada səhifə var.
Web page növü gedir mətn, lakin daha çox xüsusi, HTML,
biz geri daxil dalış haqqında istəyirik.
Və dot dot yalnız dot vasitələri, burada HTML edir.
Və burada biz Bu gün hekayə seçin,
həqiqətən, HTML yazılı Hypertext Markup Language olan
dil olan web pages yazılır.
Bu bir proqramlaşdırma dili deyil.
Heç bir funksiyaları var və ya loops və ya şərait.
Bu bir biçimlendirme dili var, eləcə də bu gün yenidən görmək,
ki, müəyyən etmək üçün imkan verir strukturu və stylize necə
estetik bir web səhifə.
>> Belə ki, bu bir oldu yalnız və yalnız səhifə biz, həqiqətən
qısa əgər bazar ertəsi, baxdı.
Və bir neçə qeyd qabarıq xüsusiyyətləri.
Açıq bucaqlı bir çox var bracket və yaxın bucaqlı bracket.
Bu bucaqlı arasında Mötərizədə sözlər var.
Və biz başlamaq olacaq O sözləri tags zəng.
Belə ki, açıq bracket baş və qapalı bracket baş
açıq və qapalı tags var, və ya başlanğıc və son tags
müvafiq olaraq, bir HTML element, biz zəng edəcəyik kimi, başını axtardıq.
Və eyni jargon tətbiq HTML və s bədən.
>> Və nə gözəl deyil HTML və həqiqətən, biz will
bu olduqca az vaxt sərf, Siz əsasən yalnız anlamaq lazımdır, çünki
nə xüsusiyyətləri zaman var həqiqətən konkret bir problem var
ki, tapa bilərsiniz solve-- üçün bir browser olduqca lal edir.
Bu, sadəcə fərqli deyil do-- olacaq siz bunu demək nə kompüter üçün.
Və belə ki, açıq zaman çox üst bracket HTML
var, ki, mahiyyətcə yalnız deməkdir, hey, browser,
burada HTML yazılı web page gəlir.
>> Açıq bracket gördüyü zaman yalnız deməkdir ki, baş,
hey, browser, burada baş gəlir, və ya Mənim web page topmost hissəsi.
Bir qapalı bracket gördüyü zaman yalnız hey, o deməkdir ki, rəhbəri,
ki, baş üçün var.
Başqa bir şey üçün gözləmə.
Və başqa bir şey deyil yəqin bədən olacaq.
Və bir tag kimi yoxdur Siz yalnız salam, vergül, dünya
ki, yalnız xam mətn olacaq ki, nəticədə ekran göstərilir.
>> İndi, siz də görəcəksiniz burada abzas.
Siz yəqin ki, nəticə çıxarmaq olar necə biz bunu stylizing edirik.
Mən bir tag açmaq hər dəfə, belə ki, danışmaq, mən indent.
Və hər dəfə mən yaxın bir tag, mən qeyri-indent,
qıvrım aşırma ruhu oxşar.
Və kənarda, mən cür edirəm Mənim qərar istifadə.
Mən vuruş narahat deyil ki, bildiriş Ki, adı tag daxilində daxil edin.
Niyə?
Bəli, Mən yalnız bir baxdı qərar Mənə az təmiz, insan,
yalnız bunu narahat deyil.
Belə ki, yenə orada bəzi qərar yalnız çağırır
kimi C və ya hər hansı bir dil var.
>> Amma çox fark bu abzas ki ruhi model özü verir,
onu çətinləşdirir üzərində.
Amma bir ağac, sağ?
Bir web düşünüyorsanız səhifə, yəqin yazılı
bu kimi kimi gözəl, yol indented
demək olar ki, açıq bracket hesab edə bilər HTML qapalı bracket tag bölünməsi edir
bir node kök, bir ailə ağac ağacların üslubunda stil node
biz keçən cümə günü baxdı.
>> Və həqiqətən, biz burada doğru var biz DOM, D-O-M, sənəd zəng edəcəyik nə
obyekt model, deyərək bir xülya yolu HTML təmsil edən bir ağac.
Və HTML var fark, biz demək lazımdır bir ailə ağac, iki uşaq kimi.
Sol rəhbəri.
Sağ orqanıdır.
>> Və yalnız bir axmaq fikir həyata kimi, baş, əlbəttə, neçə övladı var
Bu quruluşuna görə?
Belə ki, yalnız bir, title-- biz niyə və ki
adı baş gedən arrow.
Belə ki, həmin şəxs sanki var ailə ağac yalnız bir nəslini idi.
Və sonra adı özü bilər Çox uşaq üçün belə.
>> HTML idi Xatırladaq ki, hello, vergül, bu altında dünya.
Mən sadəcə bir ərzində onu tərtib etdik əvəzinə düzbucaqlı oval yalnız
ki, baxmayaraq semantically çatdırmaq belə danışmaq, ağac bir node var,
bu cür əsaslı fərqli.
Bu tag deyil.
Və ya daha düzgün, bu element deyil.
Siz əgər, yalnız bir mətn node var.
Amma bu tamamilə ixtiyari insan konvensiyalar.
Bu yalnız indi mənim yoludur bir ümumi kimi nə mən lazımdır təmsil
sənəd zəng.
>> Və bir kənara, bir şey kimi super yuxarı sol küncündə,
açıq bracket ünlem doc növü HTML, bu, bir tag kimi görünür
lakin bu axmaq künc halda harada yalnız orada, kopyalanamaz və yapışdırılır deyil
brauzerlər göstərir Bu HTML versiyası 5.
Dünya nə dəyişən saxlayır bir səhifə kodu ilk xətt olmalıdır.
Bu yalnız versiyası 5 deməkdir.
Belə ki, kifayət qədər deyil başqaları kimi baxmaq.
>> Ki, belə ki, bütün sağ, İndi təqdir edərsiniz etdi
Bu kifayət qədər bu axmaq Tatu kimsə var.
>> [Gülüş]
>> DAVID J MALAN: Bütün sağ, və indi həqiqətən dive edək
Bu bir şey bunu nəzərə.
Siz ki, son dəfə geri olacaq Mən CS50 Aracı açdı
və mən bir şey idi açılması gedit kimi sadə.
Mən hətta fayl xilas Mənim masa üstü heç special--
hello.html kimi.
>> Belə ki, mənə bunu bildirin again-- hello.html daxil edin.
Və indi bu fayl, mən gedirəm irəli getmək və kopya nə biz yalnız
saw-- doc növü html Sonra mən gedirəm açıq bracket html qapalı bracket yoxdur.
Və sonra mən preemptively gedirəm açmaq və tag yaxın.
Niyə?
Yalnız mən sonra unutmayın.
Bu açılması kimi, yalnız yaxşı təcrübə var və bütün bir dəfə qıvrım aşırma bağlanması.
>> Və sonra nə gələn gəldi?
Siz Tatu hesab edə bilər.
>> Auditoriya: The rəhbəri.
>> DAVID J MALAN: The rəhbəri.
Və sonra burada, mən adı idi, mən hesab edirəm.
Və adı, əsassız idi hello, dünya yaxın adı.
Və sonra burada, bədən, və kursu sonra bədən tag yaxın.
Və sonra yalnız bir qədər redundantly, Mən burada eyni şey idi.
>> Mən bu web page olduğunu iddia.
Bu bir şey ki, İndi web yaşaya bilər,
hətta əlbəttə baxmayaraq, bu sözün var İndi mənim masa üstü yaşayır.
Doğrusu, mən gedit azaltmaq əgər, Mən masa üstü öz icon görmək lazımdır.
Bu cihaz olsa da, Siz Mac OS bunu edə bilər
TextEdit olmadan və ya Hətta Notepad ilə Windows.
>> Mən irəli getmək və cüt basın əgər ki, hətta, və select-- yaxşı, edək
çünki seçin deyil Chrome açılması deyil.
Nin irəli getmək və Chrome açmaq edək.
Və sonra Command-O açıq yoxdur Və mənim masa üstü naviqasiya
və faylı açın.
Bir browser şərh necə ki, HTML, alt üst sağ.
Hey, browser burada HTML var.
Burada rəhbəri var.
Burada adı var.
Burada bədən var.
Və həqiqətən, bu necə bu web page göstərir.
>> Amma URL bilərsiniz.
Heç bu xüsusi qoparmaq bilər İndi noutbuk səhifə
hətta daxili sizin URL vasitəsilə cihaz,
fayl çünki: // bu həqiqətən göstərir mənim fayl sistemi, sabit,
sizin deyil.
Belə ki, bütün faydalı deyil.
>> İndi doğru hərəkət edək faktiki web server istifadə edərək.
Və bu CS50 Aracı çıxır yalnız bir mühitdə daha çox
C kodu yazmaq və tərtib edə bilərsiniz siz bunu etdik kimi və axır.
O, həmçinin tərəfindən yapılandırılmış edilmişdir heyəti tipik web təmsil
internet var ki server, Siz ödəmək bilər ki, bir
sözdə bulud var ki, bir.
>> Və çalışan Standart pulsuz açıq mənbə
proqram, məsələn, bir şey bəlkə də adlı Apache,
hələ də ən məşhur web Dünyada server proqram
web sites minlərlə bu gün istifadə.
Və bu da belə var MySQL kimi software,
verilənlər bazası server edir biz nəhayət almaq lazımdır ki,
olan demək yalnız Mən müalicə başlaya bilərsiniz
tam hüquqlu server kimi cihaz Mən başqa yerdə ödənilməsi deyiləm.
Bu, yalnız öz laptop yaşayır inkişaf və rahatlığı məqsədləri.
>> Belə nin irəli getmək və Bu faydalanın.
Mən irəli getmək gedirəm və bir terminal pəncərə açmaq.
Mən irəli getmək üçün gedirəm və ilk mən, həqiqətən move--
mənim masa üstü getmək üçün gedir.
Mən ls nə varsa, hello.html var.
Mən getmək üçün gedirəm irəli və istifadə başlayın
biz yeni bir kataloq gün əvvəl istifadə.
>> hello.html-- Mən hərəkət etmək üçün gedirəm virtual hosts-- üçün ../vhosts üçün
sonra future-- və ki, daha çox localhost adlı dizine,
demək olar ki, verilən ləqəb olan Hər hansı bir kompüter, bir Mac, PC olsun,
Linux kompüter, sonra və ya xüsusi bir dizine ki,
heyəti artıq sizin zaman üçün yaradılmışdır adlı cihaz nazil
ictimai.
Və onun adı, bir şey təklif kimi Mən nəzəriyyəsi, bu qovluq qoymaq
İndi olacaq ictimai, ən azı insanların
birbaşa olan mənim kompüter əlaqəsi.
>> Belə ki, indi mənə irəli gedək və eyni kataloq cd nə
mən nə edə bilərsiniz davam və növü ls.
And olsun ki, var orada yalnız bir şey.
İndi mən bu qoymaq çünki iddia bir kataloq daxilində hello.html fayl
bir kataloq ictimai daxilində adlı bir kataloq daxilində adlı localhost
adlı vhosts olan CS50 heyəti sayəsində
olmaq pre-yapılandırılmış edilmişdir web server kök,
Mən indi inşallah bu edə bilərsiniz.
>> Mən yeni nişanı açmaq üçün gedirəm.
//: Mən fayl üçün getmək üçün gedirəm.
Mən faktiki istifadə gedirəm http / localhost olan
yenə ləqəbidir öz server üçün.
Və sonra mən getmək gidiyorum nə fayl adı, yalnız aydın olmaq?
Bu hekayə yəqin ki, hara gedir?
hello.html.
>> Başqa sözlə, belə ki, mən bu istəyirəm öz kompüter, öz cihaz deyil
Bu faktiki server var sanki.
Onun ləqəb localhost edir.
Amma localhost hesab kimi Facebook.com google.com, nə.
Bu, sadəcə mənim yerli adı.
Və sonra mən istəyirəm final edir sabit kök, belə ki, danışmaq
və ya web server kök, sonra irəli çizgi bundan dolayı və
fayl adı hello.html.
>> Mənə zoom və Enter edək.
Və həqiqətən, indi mənim web səhifə var.
Belə ki, bu qədər müxtəlif var.
Və yalnız underwhelming kimi deyil.
Bu köhnə versiyası.
Mənə geri font shrink bildirin.
Bu köhnə.
Bu yeni deyil.
Lakin əsaslı nə baş İndi HTTP istifadə olunur ki.
>> Bu bir az daha aydın və ya edək, bir az daha mürəkkəb, siz əgər.
Mənə sağ alt gedək mənim cihaz əl künc.
Və bütün bu fark vaxt, bir sıra oldu.
Bu unikal ünvanı Sizin CS50 Aracı.
Bu, xüsusi bir ünvanı var Bu 172,16 nəzərdə kimi,
olan yalnız fiziki deməkdir bu web server əldə edə bilərsiniz.
Hər şey Mühafizə və gözəl istirahət mühafizə
çünki bu dünyanın səslənirəm.
>> Mən getmək əgər İndi, baxmayaraq qeyd Mənim cihaz bu ünvanı,
lakin Mac OS-- mən gedirəm burada geri.
Bu artıq mənim Mac edir.
İndi açmaq üçün gedirəm burada Chrome bu versiyası.
Mən http getmək üçün gedirəm: //172.16.25 / Mən rest-- 133 unutmayın.
>> Mən mənim Mac Ziyarət gedirəm ki, IP ünvan daxil edin /hello.html.
Və indi mən Mac görmək Mənim CS50 Aracı ki, kim
IP ünvanı ki, sayı, həqiqətən davranır
internet bir web server kimi.
Bu gözəl asan yoxdur Facebook.com kimi adını xatırlayıram,
lakin HTTP istifadə edir yəqin, baxmayaraq Chrome
növ dünya sadələşdirilməsi edir bizim üçün, həm HTTP bizə göstərir deyil.
Amma bu həqiqətən dəqiq ki.
Chrome yalnız bir qənaət Bu gün tuş vuruşlarını.
Və biz indi görürəm.
>> Belə ki, bütün gözəl və yaxşı.
Lakin olduqca underwhelming səhifə var.
Mənə getmək və bir şey edək İndi bir az fərqli.
Mənə gedit geri imkan verir.
Əvəzinə salam, dünya, Bir şəkil qoymaq bildirin.
Mən gedim Əvvəl iddia Mənim localhost directory xalqın içinə.
Və mənə irəli getmək və bir surəti imkan bu gündən etibarən faylları bütün dəstə
Mənim Dropbox qovluq bura daxil.
>> Mən ls yazın əgər İndi, baxmaq Bütün bu faylları
Mən tərəfindən paylanan etdik ki, Bu gün əvvəlcədən kurs veb,
olan hələ hello.html edir.
Belə ki, bir var.
Bu silly bir geri son time-- cat.jpg olan.
Mənə bütünləşdirmək üçün cəhd edək Mənim web page daxilində cat.jpg.
>> Mən irəli getmək üçün gedirəm və cat.jpg bunu edin.
Mənə Chrome geri edək.
Və mənə zoom imkan font və indi yenidən.
Oops, mən bu harada qoymaq?
Standby-- Mən hələ də köhnə mənim masa üstü açıq olan versiyası.
Belə ki, mənim, mənim vhost gedək localhost, mənim ictimai və hello.html.
Belə ki, indi mənə irəli gedək və bədən daxilində cat.jpg demək
Mən istəyirəm harada olmaq nümayiş və yenidən.
Əlbəttə ki, bu doğru deyil.
>> Mən Brauzer bir az demək lazımdır daha qəsdən mən bunu istəyirəm nə.
Sadəcə adı yazaraq açıq-aydın kifayət deyil.
Belə ki, başqa bir var idi ki, xatırlayıram tag, şəkil, qısa img.
Yalnız insanlar, çünki növü, tam sözlər kimi deyil.
Və sonra biz = "cat.jpg" mənbə edə bilərsiniz.
>> Və indi mən gedirəm Burada bir şey fərqli.
Hətta bütün baxmayaraq Bizim tags indiyədək var
bir bu anlayışı idi başlamaq tag və son tag,
həqiqətən etmir Bir resim üçün mənada, sağ?
Bir image var və ya yoxdur.
Və belə insanlar gəlib bir sadə Konvensiyanın ilə.
Bir tag zaman edə bilərsiniz ki, həm başlamaq və eyni time-- da başa
Belə yalnız danışmaq, boş ola bilər tag daxilində irəli çizgi qoymaq
çox sonunda.
İndi mənim brauzerinizin geri gedək.
Reload Lanet olsun, bir şey yanlış basın.
Siz yəqin ki, bu gördüm bəzən web,
hətta bu günah deyil.
Bu web server günah.
Nə qəsidə bu, görünür?
Bu broken var.
Image aid olduğu ki.
Bəli?
>> Auditoriya: Amma bu deyil image etmək imkanı var.
>> DAVID MALAN J: Bu deyil image etmək imkanı var.
Ki, və ya hətta pis, bəlkə hətta mövcud deyil.
Ki, diaqnoz edə bilərsiniz əgər in nəzər salaq.
Son dəfə geri ki, əgər Chrome, cihaz,
və ya hətta sizin Mac və ya PC, Siz Developer menyuya getmək
və Developer Tools getmək seçim, yəqin ki, siz var olan
çox və ya heç istifadə.
Mən Network getmək əgər və səhifə yeniden,
həqiqətən HTTP baxaq edilir ki, sorğu.
>> Hello.html kimi görünür həqiqətən OK, beləliklə 200.
Amma cat.jpg 403 edir.
Belə ki, 404 deyil.
Fayl yəqin ki, var.
403 haram deməkdir.
Belə ki, bu bir az qarışıqdır.
Mən geri getmək üçün gedirəm Mənim terminal pəncərə.
Mənə burada zoom edək.
Və mənə bir ls nə edək.
Həmin fayllar var.
>> İndi mənə ls-l bunu bildirin, Siz yəqin ki, var olan
fayl baxmaq əvvəl istifadə ölçüləri bəlkə ya zaman damgaları.
Və biz bütün dəstə görmək böyük məlumat.
Amma bir neçə ətraflı qeyd.
Burada hello.html bu var burada satır və burada cat.jpg var.
Və olan yalnız cihaz var JPEG-nin vurğulayaraq dostluq istifadəçi
bu kimi bənövşəyi.
Lakin başqa nə yanaşı müxtəlif fayl ölçüsü və fayl adı?
>> Auditoriya: [işitilemez].
DAVID J MALAN: Bəli, var Nin burada daha iki R.
Hello.html gedir nə edək.
Belə ki, adı çıxır ki, Bu kataloq ictimai vacibdir.
Bu kataloq şey ictimai deməkdir.
Amma bu kifayət deyil yalnız orada faylları buraxın.
Siz həmçinin dəyişmək lazımdır faylların rejimi,
icazələrin dəyişdirmək Fayl fəal deyil
susmaya ola, yalnız Mən oxuya bilərsiniz ki,
və mən sahibi olan, onu yazın.
Mən bütün dünya hamı istəyirəm belə danışmaq, mənim fayl oxumaq mümkün.
Yalnız keçirmək deməkdir oxuyun.
>> Və həqiqətən, kimi problem görəcəksiniz yeddi müəyyən ki, nə bu R orta var.
Bu iki R orta kəs bildirin başqa dünyada da, oxumaq
xüsusilə indi bu kataloq var.
Belə ki, bu düzeltmek üçün sadə yol deyil mənim tez getmək və dəyişiklik üçün chmod edə
rejimi və sonra cəmi bir + r yoxdur hər kəs, oxumaq üçün bütün plus r,
və sonra cat.jpg daxil edin.
Heç bir şey baş görünür ki, adətən yaxşı bir şey deməkdir.
İndi again-- Belə ls-l nin cat.jpg baxaq.
Və bu icazə dəyişib görünür.
Bir kənara kimi, siz əgər səhv və, məsələn,
yalnız mən inşa bilirəm deyil your-- etdi açıq qəza əlçatan,
Siz əks edə bilər, bir-r chmod.
Səmimi olsa da, bu deyil ictimai kataloq ola
hər halda ki, narahatlıq varsa.
>> Belə ki, indi geri gedək mənim brauzerinizin və yenidən.
Mən basın gedirəm Kiçik Ghostbusters
simvolu hissəsi sil ekran belə ki, biz yeni sorğu bilərsiniz.
Və həqiqətən, burada Əvvəl Grump Cat.
Amma daha əhəmiyyətlisi, texniki var
sayı 200 olan biz OK var deməkdir.
Bütün hüquqlar, belə ki, gözəl və yaxşı bütün var.
Amma biz edilməsi deyilik web ən yaxşı,
nə də biz çox ağır cəhd edir web fanciest gün etmək.
Amma ən azı bir şey edək şaqqıltılı əvvəl super tanış
bir neçə digər tags off.
Mən yalnız burada bir pişik istəmirəm güman.
Mən, həqiqətən, bu istəyirəm düşünək cat bir şey keçid.
>> Mən bilər, məsələn bu kimi bir şey.
üçün anker href üçün hiper istinad bərabərdir
və yalnız bir şey edək www.google.com yaxın kimi
yaxın bracket sitat.
İndi pişiklər üçün axtarış.
Yaxın lövbər tag.
Belə ki, bu yalnız bir növ var əsaslı yeni bir detal.
Əlbəttə tag, fərqlidir.
Bu anker üçün adı var href və ya hiper istinad.
>> Amma daha əhəmiyyətlisi var Burada bu sintaktik xüsusiyyət.
Bu, zəng başlamaq lazımdır nə bir tag, lakin bir atributu.
Və bir atributu şeydir ki, tag davranış modifikasiya.
Bu atributu, href, vasitələr bu anker davranış dəyişdirmək
, Bu tıklayan zaman, belə ki, burada bu URL gedir.
Və əlbəttə ki, URL Google edir.
>> Eyni zamanda, bu nə olacaq burada mətn?
Yaxşı ki, olacaq nə insan, həqiqətən,
vurğulayaraq kimi görür link, kimi sadə.
Belə ki, bu cəhd edək.
Mənə xilas edək.
Mən hello.html hələ də edirəm.
Amma online versiyasını, siz görəcəksiniz biz faktiki fayl adları əvvəlcədən hazırlanmış.
Mənə davam və yenidən bildirin.
İndi bir çox var hələ underwhelming səhifə.
Amma artıq hover varsa orada və bu, bir az kiçik
ancaq siz altındakı bilərsiniz Ekranın sol küncündə,
həqiqətən google.com olacaq.
Mən basın əgər, o, Mənə faktiki Google yol süpürgə.
>> Amma bir fürsət burada qeyd yalnız bir kənara kimi istismar.
Və biz digər geri gəlmək lazımdır uzun əvvəl təhlükəsizlik məsələləri.
Bu dichotomy var, çünki Siz getmək və nə olduğu arasında,
Siz kimi bir şey edə Hələ http://www.google.com.
OK, indi yeniden əgər Bu səhifə qənaət sonra,
Google getmək üçün gedirəm kimi görünür.
Amma heç bir səbəb yoxdur I sağ, Google getmək üçün var?
Mən, həqiqətən, kimi bir şey getmək bilər badguy.com, burada səhifəni yenidən.
Və bildiriş, hələ Google kimi görünür.
Mən kəskin deyiləm yalnız Burada üzərində hover üçün kifayət qədər
Mən hətta olacaq görürsünüz bir yere gedin.
>> Əgər kazanılmış əgər Belə ki, bir e-poçt, xüsusilə
Paypal bir və ya zahirən Paypal
isteyen daxil Hesabınıza, bu
niyə heç vaxt lazımdır Heç e-poçt links basın,
səmimi, e-poçt hər hansı bir links.
Əgər bilirsinizsə, siz faktiki var Paypal və ya Bank pul
Amerika və ya Fidelity və ya hər hansı bir veb əl yazın.
Bu nə qədər asan baxmaq Çünki təqdim kandırmak kimsə nə
Bir link kimi görünür.
Amma həqiqətən bilər tamamilə hər yerdə gedin.
>> Və daha böyük var Bu daha təhdidlər.
Əslində, bu bir az bir toxunan indi, lakin bir
yaxşı olanları Mən heç gördüm olan ildən, bağlanıb
Kimsə rəhbərlik insanlar Bu demək olar ki, to--,
daxil etmək üçün buraya basın hesabı, bank hesabı.
Bu Qərbin Bank idi.
>> Belə ki, kimsə bu alıb.
Və görmək üçün bir az daha asan var bir mono aralıklı font Bu zoomed
30-ayaq proyektor üzrə.
Amma bu kiçik font bir zaman Siz qəbul etdiyiniz e-poçt,
bu bankofthewest.com kimi görünür, deyil bankofthevvest.com,
olan kimsə almaq üçün $ 10 ödəyib.
Və bu onları gətirib bəzi pis veb ekvivalent.
>> Və həqiqətən biz nə edə too-- görəcəksiniz Mən faktiki veb getmək əgər Hələ,
bankofthewest.com, yenə, son dəfə geri
bu, onların web səhifə, əgər ki, Siz bu işləri necə merak etdiyiniz
əlbəttə bilərsiniz Chrome geliştirici alətləri.
Və siz bütün bilərsiniz HTML gözəl var biçimli.
>> Amma daha çox point, Siz nin yaxın qoy cam--
Siz bax bilərsiniz Hələ Developer View Source.
Niyə yalnız surəti deyil ki, bütün və sonra
mənim kiçik gedit pəncərə daxil edə bilərsiniz burada və öz web page etmək.
Hello.html bu edin.
Və yəqin ki, bu, qırmaq gedir adətən bu asan deyil, çünki.
Amma mənim öz səhifəni indi əgər , CS50 Aracı və hit yenidən öz
OK, bəzi stuff qırdı.
Amma olan olduqca yaxın deyiləm öz bank haqqinda, sağ?
Bütün bu HTML
>> [Gülüş]
>> DAVID MALAN J: --I həqiqətən və etməyib
orada kimsə var bilen həqiqətən də bu links basın olardı.
Belə aydın, bəzi stuff qırdı.
Amma ki, səbəb olacaq müzakirəyə us,
lazımsız indi, kimi nə CSS, Cascading Style Sheets, var
və necə həqiqətən Digər HTML faylları yükləmək
və JPEG faylları GIF faylları veb istifadə edilə bilər.
Amma bütün accomplishable edir.
Lakin bu, həqiqətən sonunda aşağı bu çox sadə heuristics.
>> Belə ki, indi yalnız bir vasitəsilə üzsüz imkan HTML digər nümunələr neçə
yalnız bir hissi vermək Siz nə edə bilərsiniz başqa nə.
Məsələn, bu list.html edir.
Mən bir web page etmək istəyirdi Güman Dörd evlərin siyahısı ilə.
Mən unordered üçün ul tag istifadə edə bilər siyahısı və sonra siyahısı maddə uşaq
və sonra, over-- və ya siyahısı təkrarlamaq sual evlərin rather--.
>> Mən bu açmaq varsa, bunu edək.
Nin hello.html deyil gedək, lakin list.html üçün.
Bu Lanet olsun.
Mən bu düzeltmek edirsiniz?
Bu doğru, əvvəl eyni məsələ var?
Mənə chmod-- oops-- edək chmod a + list.html of r.
İndi mənim brauzerinizin geri getmək əgər və yenidən basın, orada deyil.
Belə ki, heç etmək istəyirdi, əgər bir bulleted siyahısı, siz bunu edə bilərsiniz.
Siz super xülya və etmək istəyirsinizsə, bir sifariş siyahısı, bir unordered siyahısı
, ol həmin dəyişdirmək səhifə yeniden və İndi browser sizin üçün sayı olacaq.
>> Başqa nə edə bilər?
Yaxşı, others-- bir neçə əgər Siz text-- uzun-ci maddələrdə var
Məsələn, bəzi Bu kimi Latın mətn
və ayrı-ayrı bəndlərində bunu istəyirik, açıq p, paraqraf tag yaxın p.
Və təkrar bunu.
Mən indi bu fayl açmaq əgər, paragraphs.html, yaxşı, bu
annoying olur.
Belə ki, indi yalnız geri imkan my tez, bir + r r ulduz chmod .html--
bir gözəl az vəhşi kart belə danışmaq.
Bu, bütün düzeltmek lazımdır Mənim üçün bu problemlər.
Nin yenidən bildirin.
Üç-ci maddələrdə var.
>> Və indi-nin irəli gedək və digər bir açmaq.
Necə masa haqqında?
Siz masa görünüşü görəcəksiniz bir az daha kompleks.
Amma eyni fikirdir açıq tag, açıq tag,
açıq, açıq, açıq, yaxın tag, açıq tag.
Bu durmaq üçün nə Onun sərhəd masa, yəqin edir
qalınlığı olacaq 1-- nə ki means-- masa satır, masa
mobil deməkdir data.
Mən mənim brauzerinizin geri getmək əgər burada table.html getmək,
Əgər bir şey edə bilərsiniz bu kimi çirkin.
Amma biz nöqtəsinə almaq lazımdır biz həqiqətən bilərsiniz
ki, çox şeyi gözəlləşir etmək.
>> Belə ki, mənə indi müəyyən edək.
Daha çox etiket dəstələri var.
Və HTML almaq üçün gözəl çünki, səmimi, bütün etmək lazımdır
Mövcud web pages baxmaq olan ilə tanış edirik.
Və oh, necə var, kimi istəyirik Onlar estetik bu idi.
>> Və ya hər hansı online baxa bilərsiniz HTML işləri necə resurs,
və bir var ki, görəcəksiniz digər yazıları bütün lüğət.
Amma sadə ruhi model tək siz açmaq hər hansı bir tag
həqiqətən, bu bağlanır edib özünü öyrətmək üçün kifayət edir
HTML sonra anlamaq tags bu əsas ideyaları
atributları və yaxşı formedness və Biz haqqında söhbət etdik ki,
biz açmaq bilər ki bağlanması şey ki, bir brauzer çaşdırmaq deyil.
Belə ki, indi bu götürək daha maraqlı səviyyəsi
faktiki gedən.
Və mənim Mac gedək burada google.com üçün.
Və indi hiss bunu edək.
Mən getmək üçün gong alıram Settings Axtar Parametrlər.
Bu annoying ani söndürmək istəyirəm Nəticələr şey harada dərhal
yazaraq cavab başlayır.
Belə bu older məktəb edək biz, həqiqətən, neler oldu.
>> Mən saxlamaq üçün gedirəm mənim Burada Google parametrləri.
Və indi mən gedirəm xəbərdarlıq pişik kimi bir şey üçün axtarış.
Və hələ avtomatik bunu Burada tam, lakin şeyi əsaslanır
insanlar keçmişdə çap.
Amma baş neler bilərsiniz.
>> Hal-hazırda URL bu, yalnız google.com.
Və texniki, bu çizgi var.
Google yalnız bir xarakter qənaət və bizə görsənmir.
Onlar yalnız, bizə https göstərən biz istəyirik ki, super təskinləşdirici olmaq
təhlükəsiz və ya şifreli page.
>> Mənə irəli getmək və pişiklər üçün axtarış imkan verir.
İndi bu həqiqətən var tez böyük.
Bu URL uzunluğu baxın.
Amma bu çıxır bu məhsulları ən çox URL, həqiqətən, olduqca əhəmiyyətsizdir.
Mən silmə başlamaq üçün gedirəm Mən başa düşmürəm şeyi.
Mən pişik görmək.
Mən pişik başa düşürük.
Pişik daha var niyə bilmirəm.
Mən, həqiqətən, bilmirəm Bu cəfəngiyatdır nə.
Mən yalnız saxlamaq üçün gedirəm işıqlandırılması və stuff silmə
Mən başa düşmürəm, yalnız bu daxil URL distillə.
>> İndi mənə yenidən daxil edək.
Google hələ də işləyir kimi görünür.
Belə ki, nədənsə, onlar əlavə edirik Onların URL default məhsulları var.
Amma bu ciddi lazım deyil.
Belə ki, bu barədə gözəl nədir?
Yaxşı, mənə irəli gedək və Chrome inspektor açmaq.
Bunun üçün bir az siçan qısa var.
>> Network nişanı gedin.
İndi mənə yenidən bildirin Bu səhifə bir daha.
Mən Shift keçirilməsi alıram.
Bir kənara, brauzerlərdə kimi önbelleğe və ya saxlamaq üçün edirlər
yalnız faydalı iş əmsalı xatirinə məlumat.
Amma adətən, keçirilməsi Shift və hər şeyi məcbur edəcək yeniden
əvvəldən başlamaq.
Və mən burada etmək istəyirəm nə.
>> Və bütün bunlar qeyd yalnız ortaya çıxdı satır.
Bu hər hansı bir web çıxır ki, səhifə, yalnız bir fayl ola bilər
involved-- hello.html-- ya bu halda kimi, 52 ola bilər.
Mən səfər edəndə google.com, yəqin, mənim brauzerinizin
52 ayrı HTTP sorğu başlayıb.
Niyə ki?
>> Yaxşı, daxili ne baxmaq bu web page up üst.
Yalnız mətn yoxdur, lakin faktiki images var
sağ üzərində pişik.
Rəngarəng logo sol qədər burada var.
Bu nişanlar bütün var mikrofon və s.
Ədəd bir çox bina var blokları, danışıq ədəd, Siz əgər,
bu web page.
Və browser nə ilə edir , ilk fayl əldə olan
Burada bu sıra, bu, mahiyyətcə edir HTML üstündən iterating
alt üçün axtarır, sağ image tags və ya digər tags kimi şeylər
digər faylları qeyd olunur və onları gördüyü zaman, gedir və onlara alınır
HTTP vasitəsilə, səmərəli bütün zərf məcaz,
və sonra onlara göstərir web page müvafiq yer.
>> Mən diqqət əgər Lakin burada qeyd İlk atmaq, axtarış cats,
həqiqətən HTTP 1.1 istifadə edir ki, qeyd.
Və təəssüf ki, Google İndi versiyası 39 Chrome
aşağı dumbing şeyi cür bizə faktiki başlıqlarını görsənmir.
Amma nə həqiqətən salındı ​​tələb edir doğramaq üçün, lakin / search? q = cats.
>> İndi niyə vacibdir?
Bəli, mən çıxarmaq üçün gedirəm Bu ki, əgər Google
Bu formada, nə sorğu dəstəkləyir Mən öz axtarış həyata deyil
CS50 üçün mühərrik, ancaq ön son, yalnız qrafik istifadəçi interfeysi.
Və biz geri sonuna Outsource lazımdır, faktiki Axtarış Google nəticələnir.
>> Mən bunu necə edə bilərsiniz?
Yaxşı, mənə burada gedit daxil edək.
Və mənə irəli getmək və açmaq bildirin up, demək yeni bir fayl bildirin.
Mən bu saxlamaq üçün gedirəm müvəqqəti Axtarış 0.html kimi.
Və sonra nəhayət, biz sürətli lazımdır irəli Mən bir pre-hazırlanmış.
>> Mən gedirəm tez doc növü qızışdırmaq
html açıq bracket html yaxın bracket html.
Sonra baş gedirəm yaxın başın açıq title CS50
Əvəzinə Google axtarış axtar.
Burada Down Mən gedirəm bədən, aşağı burada yaxın bədən.
İndi CS50 Axtar lazımdır.
Və həqiqətən, edək tədricən bu qurmaq.
Mən irəli getmək və bu yaxın və gedirəm həqiqətən, mənim ictimai kataloq qoyun.
Belə ki, mənə yalnız bir an verir.
Mən gedirəm axtarış-0.html-- müvəqqəti search.html zəng.
Mən bunu bir + r search.html chmod gedirəm.
Və indi mən onu açmaq üçün gedirəm.
Bütün hüquqlar, sürətli idi.
Amma məqsəd sadəcə idi baxımından bizim üçün
bu mətn olan adlı search.html fayl.
Hələ baxmaq çox deyil.
Həqiqətən, mən browser getmək, və əgər bu bütün var, search.html gedin.
Amma nə bilirik?
Mən bir az meraklısı ola bilər.
Mən var ki, bir kitab oxumaq başlıq tag h1 çağırıb.
Mən irəli getmək üçün gedirəm və açıq h1 və yaxın h1 istifadə edin.
Bu səhifəni yenidən yüklə.
Və indi, böyük və bolder var bütün maraqlı ki,
lakin ən azı struktur daha maraqlı.
Amma indi mənə bir tag təqdim edək.
Bir forma tag var həyata Bu çevrilir.
Və mənə tag yaxın edək.
Və var çıxır giriş tag ki,
növü adlı atributu var olan sahəsində data növü,
Siz əgər.
Və növü mətn olacaq.
Və onun dəyəri gedir CS50 Axtar olmalıdır.
Yaxın tag.
Və heç bir anlayışı var olacaq açılması və ayrı-ayrı tags ilə bağlanması.
>> Mənə burada geri edək və gedən yenidən nə görmək.
Maraqlı əldə.
Bir mətn sahəsində kimi görünür.
Və həqiqətən, mən istəmədim hələ bir dəyər qoymaq.
Mənə burada geri getmək və həqiqətən əldə edək sadə saxlamaq üçün bu dəyər xilas.
Bunun əvəzinə bir dəyər, mən nə istədiyini bu şey vermək bir ad idi.
Mən, bu nə bilmirəm mən geri qayıtmaq lazımdır.
>> Lakin aşağıda, Mən istəyirəm input type etmək = təqdim edir.
Bu dəyəri CS50 Axtar olacaq.
Və biz nə görürsünüz Bu dəyəri köçürülüb.
Mən yenidən zaman, mən indi görünür öz axtarış əvvəlindən
mühərrik, super çirkin, səmimi olsa da, bu
deyil bir qədər atmaq nə Google default səhifə kimi görünür.
>> Mən indi burada getmək varsa, mən yazın pişik və inşallah Axtar basın.
Amma olduqca, hələ həyata deyiləm Mən həyata deyil, çünki,
açıq-aydın, bir verilənlər bazası.
Mən sürünərək yoxdur axtarış nəticəsində üçün web.
Belə ki, Google üçün Outsource lazımdır.
Belə ki, necə bu etməliyəm?
>> Bütün I Bəli, ilk əlavə və hərəkət etmək lazımdır
Mənim forma tag aid olan http://www.google.com/search edir.
Mən bilirəm ki, yalnız olan yaxından baxaraq nəticə çıxarmaq
Onların URL nin.
İndi bir tahmin edir.
Nə lazımdır bu mətn sahəsində, yəqin ki, biz gəlib burada əsasında adlandırmaq
əvvəl?
>> Auditoriya: q.
>> DAVID MALAN J: q.
Və biz, həqiqətən, sual lazım deyil bu çıxır, amma q həqiqətən bu qeyd,
sorğu yəqin ilə q default ki, yalnız çünki
nə Larry və Sergey il əvvəl gəldi.
Belə ki, indi mənə bu səhifəni yenidən bildirin.
Bu, bütün müxtəlif baxmaq deyil.
Amma indi nə baxın.
>> Mən pişik və klik yazın Axtarış və gidelim CS50,
Mən whisked almaq fark üz faktiki Google.
İndi, Google bir az edilir onlar ki, annoying
əlavə parametri sınız, Siz URL, olacaq əgər.
Yəni bütün baş var avtomatik Google tərəfində.
>> Mühüm I görünür ki, Burada bu tələbi əmələ.
And olsun ki, nə var.
HTML zaman ki, Bu, bu kimi görünür
web developers notation sort deyərək üçün, irəli getmək və bir forma yaratmaq
təqdim zaman ki, bu URL getmək olacaq.
Və URL təqdim zaman q kimi şeylər üçün dəyərlər,
bu URL getmək yoxdur.
Əslində, sual getmək mark sonra q = cats.
Parametri əlavə, bu Kimi HTTP parametr.
>> Və yalnız, super dəqiq olmaq nə burada çıxarmaq olunur
amma daha explicit-- edir olacaq Mən istifadə etmək istədiyiniz metodu
əvəzinə kimi bir şey, almaq biz nəhayət görürsünüz olan post.
Qısa, sadəcə anlaşma So HTML və bəzi olduqca sadə tags istifadə edərək,
biz indi yaratmaq başlaya bilərsiniz öz ön istifadəçi
bir axtarış interface bunun arxasında engine.
>> Amma bu, əlbəttə, olduqca çirkin deyil.
Mənə həqiqətən açmaq bildirin bir az daha yaxşı versiyası.
Bu hazırlanmış bir ki bəzi şərh var inkişaf.
Amma siz ki, I görürsünüz olduqca çox yeniden.
Belə ki, bu online artıq mövcuddur.
Mən preemptively baş idi yalnız sadə saxlamaq üçün https gedin.
>> İndi bir açmaq bildirin Bu növbəti iteration.
Version 1 əvəzinə 0.
Nə kimi az siz həyata atlamalar Bu misalda müxtəlif?
>> Auditoriya: [işitilemez].
>> Bəli, bu mətn align mərkəzi var.
Burada bir az qəribə deyil.
Amma bu həqiqətən yeni.
Və bəlkə baş neler danışarlar.
İndi mənim browser getmək Əgər və axtarış-1.html ziyarət
demək olar ki, eyni şey.
Amma bu bir addım daha yaxınlaşdı var daha sevimli bir az olan.
Bu hələ çirkin, lakin ki, gözəlləşir ən azı hər şey indi mərkəzi var.
>> Belə ki, mən nə istifadə edirəm çıxır ki, başqa dil cəmi adlanır
CSS, kaskad stillər.
Və CSS, səmimi, mehriban deyil , mənim şəxsi fikrimcə,
bir xüsusi amansızlıqla nəzərdə dili.
Bu xatırlamaq çox annoying edir bütün müxtəlif məlumat.
Lakin bu stylizes nə bütün dünyada web bu gün.
Mən kimsə təhqir.
Bütün hüquqlar.
Belə nin burada geri getmək və görmək bildirin necə biz, həqiqətən, bu istifadə edirik.
Və ən azı bu, çıxır həqiqətən olduqca sadə dil.
Bu yalnız əsas dəyər cüt, xassələri və dəyərlər, xassələri və dəyərlər.
Həqiqətən, burada bir əmlak və dəyəri.
>> Sadəcə stil istifadə edərək, mənim bədən tag atributu
və bir dəyər verilməsi söz kolon və başqa bir söz,
və ya əmlak və dəyəri, Mən estetik təsir göstərə bilər
web page, deyil mütləq hələ strukturu,
ancaq estetik.
Və yalnız ətrafında Googling, mən həyata ki CSS, Cascading Style Sheets,
adlı əmlak dəstəkləyir onların dəyəri text-align bilər,
Məsələn, sağ, və ya mərkəzi buraxdı.
>> Belə ki, indi yenidən zaman Bu səhifə, mən nə əldə etdiniz
bir mərkəzi səhifə idi, lakin hələ olduqca çirkin.
Nin irəli getmək və açmaq bildirin Axtarış versiya 2 up.
İndi bir az daha etdik bilərsiniz.
Baş daxilində burada up edək tag, adı daha çox ola bilər.
Əslində, bir stil tag var.
Yalnız bir olur və bu bəzən az messy görən CSS.
>> Mən bir şey var görünür ki, bildiriş ki, struktur çox fərqli görünür.
Amma burada adı Mən istəyirəm tag stilizə üçün.
Burada bizim köhnə dostlar buruq var aşırma və qapalı buruq brace.
Və sonra burada ki, əmlak və onun dəyəri.
>> Bu fayl yük varsa, search2.html, son nəticə eynidir.
Amma yaxşı dizayn doğru bir addımdır.
Bu CSS faktorinq, mən var mənim HTML ilə qarışıq deyil.
Biz görəcəksiniz kimi, həqiqətən, Mən ola bilər Bu xüsusiyyətləri və dəyərləri təkrar.
Mən dəstələri etmək istəyirdi Mənim web page hissələri mərkəzi,
Mən style = text-align yazın yoxdur bütün yer üzərində mərkəzi.
Mən bir yerdə qoya bilər bəlkə, üst qədər istəyirəm.
>> Lakin hətta bu yaxşı dizayn deyil.
Əslində, hər biri siz öyrənmək lazımdır Siz daha çox və daha çox vaxt sərf kimi
web proqramlaşdırma ki, daha siz deyil şeyi və amil şeyi modularize
H faylları kimi, bizə amil stuff bildirin Bizə amil şeyi edək helpers.c istəyirəm
Bir neçə psets əvvəl.
Eynilə, biz bilər Bu nail olmaq istəyirik.
>> Belə ki versiyası bildiriş search.html üç I var
baş təmizlənib səhifə və yalnız qoymaq
bu, bir link tag olan adı zidd,
bir keçid vermir.
Bu yolu ilə başqa bir fayl bağlantılar onların dəyəri bu halda bir href,
Axtarış-3.css edir
Belə ki, biz tez olacaq bilirik.
Amma edirəm bütün növ ətrafında şeyi hərəkət.
Mənə açıq axtarış-3.css edək.
Onu həqiqətən, heç bir şey yoxdur.
Mən yalnız sitemizi və yeni onu yapışdırılır biz məhsulları factored çox kimi, fayl
əvvəl digər faylları daxil.
Və, nəticə tamamilə underwhelming--
eyni olacaq.
Amma biz toward-- hərəkət etdiyiniz heç bir, bu deyil.
Oh, mən nə bilirik.
>> Belə ki, bir səhv görünür.
Və bəzi mənada edir.
Amma mənim Network nişanı açmaq bildirin.
Mənə səhifəni yenidən bildirin.
Ah, niyə CSS tətbiq olunur?
Yaxşı, CSS fayl, eyni var oxunaqlı dünya, belə ki, danışmaq.
Və bu da hazırda qadağandır.
Mənə bir chmod a + r edək ulduz nöqtə CSS-- whoops--
biz dot CSS yalnız istəyirik CSS fayllar üçün fayl uzantısı.
İndi mənə geri gedək mənim brauzerinizin və yenidən.
OK, bir az daha yaxşı.
>> İndi mənə son bir şey edək.
Axtarış 4.html In.
Mən yalnız düşündüm ki, bir versiyası yol daha olsa, yol soyuq idi
mürəkkəb.
Ilk nəticəsində baxaq.
Bizə daha çox otaq vermək üçün bu bağlayın.
Bu,-4 axtarış daxil edin dəyişdirin.
>> İndi şeyi bir dəstə sınıq olunur.
Mən geri getmək üçün gedirəm burada mənim dizine.
Və indi mən yalnız gedirəm bir fayl bir + r bir chmod
Mən adlı exists-- bilirik, çünki bir image olan logo.gif.
İndi yeniden.
Və mən indi wow-- olduqca yaxın, səmimi,
Google 1999-cu versiyası kimi, və səmimi, Google 2014 versiyası,
sağ?
>> Belə ki, indi onların veb olacaq nəticədə, Mən pişik üçün axtarış edin.
Və həqiqətən deyil.
Amma fərqli nə idi Bu versiya 4?
Beləliklə, biz burada çox çox dayanmaq deyil.
Siz problem bu görəcəksiniz nəticədə yeddi seçin.
Amma bir neçə şey idi qeyd.
>> Mən div təqdim bölmə olan tag,
bir paraqraf tag ruhda oxşar.
Amma bir bölmə burada, yalnız kimi düzbucaqlı görünməz region
ekran.
Nin unikal verək tanıdan bir footer, yalnız
belə ki, biz haqqında danışmaq olar ki, Bu başqa, bizim HTML.
Burada Səhifənin bir div deyil kimin ID content olacaq.
Bu səhifənin məzmunu var.
Və burada bu səhifənin mövzu deyil.
>> Başqa sözlə, mən var mahiyyətcə HTML əqli am
bu web page kimi görüntü üç komponentləri, bir header
Bu görünməz düzbucaqlı ilə burada, Bu ortada content, və sonra
aşağı footer, hətta baxmayaraq ki, biz o şeyi görmürəm.
Mən başımda istəyirəm, çünki səhifə burada, və ya bir css faylı,
Mən bu sintaksis istifadə edə bilərsiniz.
>> Header tag deyil.
Çevrilir, belə ki, bir ID var #header etməklə ki,
Mən indi bir və ya daha çox müraciət edə bilər mövzu üçün xassələri.
Mən eyni məzmunu edə bilər, burada məzmun üçün eyni.
>> Məsələn, footer, bildiriş belə Mən əlavə alıram bu xassələri bütün.
Mən onlar oxu yalnız mövcud bilirik CSS sənədlərin up.
Font ölçüsü smaller-- olacaq belə ki, bəzi nisbi font ölçüsü.
Çəki qalın olacaq.
Neçə piksel Margin-- ətrafında it-- 20 piksel.
Və mərkəzi olacaq.
>> Amma indi, səhifə bu kimi görünür.
Mən razı deyiləm əgər orada mənim surəti,
Mən qırmızı rəng kimi bir şey edə bilər.
Və sonra mən bu saxlaya bilərsiniz, yeniden, və indi footer stilizə etdik.
Belə ki, bu, yalnız güc işarə edir Bir web page nə edə
şeyi ətrafında dəyişdirmək.
>> Bu daha soyuq, əgər siz faktiki web ətrafında soxmaq üçün,
Siz daimi onları dəyişə bilməz.
Amma açmaq əgər Chrome Inspector yenidən
Mən sol tərəfində deyil getmək burada Facebook HTML göstərir,
lakin sağ göstərir tərəfdən onun CSS,
Siz bilərsiniz və Tez şeyi dəyişir.
Mənə irəli getmək və bunu bildirin.
>> Mənə davam və nəzarət gedək Burada bu təsadüfi söz basın,
imza və Element Inspect basın.
Chrome çox rahat jumps Facebook istifadə edir ki, h1 tag.
Və burada Facebook qeyd cür tənbəlcəsinə var
ağır burada mülkiyyəti kimi font ölçüsü kodlu.
>> Belə ki, sərin şey olsa Mən, həqiqətən, burada getmək əgər
və oh, Facebook, mən ki, kimi deyil, demək 64 piksel, biz indi Facebook dəyişə bilərsiniz.
Əlbəttə ki, biz onu yalnız dəyişən edirik Mənim üçün şəxsən bu anda.
Amma bu yalnız başqa Bizim alət dəsti alət
bizə çimdik imkan olacaq və anlamaq və həmçinin diaqnoz
öz web pages məsələləri.
Və biz eyni üzərində getmək bilər burada eyni şey olan.
Siz, həqiqətən, xülya almaq istəyirsinizsə, mən indi siz həqiqətən səhifə mutate bilər, demək
və crazy şeyi.
>> Belə ki, niyə bu faydalıdır?
Yaxşı, nəticədə, biz istəyirik olmaq istəyirəm gedir
web pages yarada ki, öz geri bitir tərəfindən idarə olunur,
deyil, yalnız Google və orada geri sonuna autsorsinq.
Biz əslində istəyirik dəyəri, məsələn,
Axtarış engine fəaliyyət başqasına deyil getmək aid,
lakin search.php kimi bir şey, search.php öz server olduğu,
başqasının haqqında.
>> Və biz, həqiqətən, orada almaq üçün Yeni bir dil təqdim etmək lazımdır.
Beləliklə, biz artıq yeni bir baxdı etdik həqiqətən, burada dil, və ya iki, HTML
və CSS.
Lakin onlar, həqiqətən, yalnız var struktur və estetik languages.
Onlar proqramlaşdırma deyilik languages ​​özlüyündə.
Və formal haqqında daha çox var vaxt biz onlara sərf lazımdır kimi.
Biz indi başlamaq lazımdır, çünki PHP keçid.
>> Belə ki, PHP faktiki deyil proqramlaşdırma dili.
Bu scripting dil var bu mənada ki
yüngül çəki nəzərdə C. kimi bir şey
Və bir şərh dil var, bu da tərtib deyil deməkdir.
Özetle, belə ki, bu nə demək idi biz c kimi bir dil istifadə edərkən
və biz bunu tərtib idi?
Bu nə deməkdir C mənbə kodu tərtib?
Auditoriya: [işitilemez].
DAVID MALAN J: yenə deyirəm?
Auditoriya: [işitilemez].
DAVID MALAN J: Perfect.
Bu ikili onu çevrilir.
Bu zeroes və olanları onu çevrilir faktiki English kimi mənbə kodu.
Və sonra biz həqiqətən bilərsiniz həmin zeroes və olanları run
vasitəsilə onları keçərək Cüt tıklayarak bir icon ilə CPU
və ya bir komanda çalışır.
>> PHP və Python və Ruby Perl və JavaScript və
və digər dəstələri languages ​​şərh olunur
demək olan languages, Əgər siz onları tərtib etmir.
Əksinə, siz giriş kimi onlara yem Bir proqram tərcüməçi çağırıb.
Və tərcüməçi, ki, başqasının yazdığı
alt mənbə üst kodu oxuyur sağ və yalnız şərh edir tərk
o xətləri və siz demək nə.
>> Karşılaşacağınız əgər belə bir print deyir ki line,
mütləq çap çevirmək deyil müvafiq adet sıfır və olanları.
Bu kimi bu tərcüməçi var deyir ki, böyük əgər vəziyyət,
proqramçı təlimat əgər çap, sonra aşağıdakı.
Belə ki, yalnız şərh əsaslandırıcı növ
siz bunu izah edirik nə ilə.
>> Və PHP bu dillərdə biridir.
Və PHP il bundan əvvəl nəzərdə tutulmuşdur dəqiq web proqramlaşdırma üçün.
Və ilkin idi çox diqqətsiz messy dil.
Və həqiqətən, böyük bir var Orada pis PHP kod məbləği.
Amma dil özü il ərzində çatmış,
qədər ki, indi belə həqiqətən gözəl növbəti addım
pedaqoji çünki C hər şey tanış belə gözəkli
Yalnız son bir neçə həftə gördüm.
>> Biz görəcəksiniz bir ilkin fərq heç bir əsas funksiyası artıq var edir.
Siz yazılı kodu başlattığınızda, yalnız var gedir nə olursa olsun həyata almaq,
Biz bir anda görəcəksiniz kimi.
Eyni zamanda, burada nə dəyişən PHP kimi görünür.
Bu, bir az fərqli yalnız çətinliklə.
>> PHP, güclü yazaraq yoxdur.
Həftə yazaraq var, olan yalnız var deməkdir
strings kimi data növləri və nömrələri və digər şeylər.
Amma ifadə narahat deyil onlar artıq nə.
PHP sizin üçün tutulur.
Dollar işarəsi bir qərar PHP insanlar il ki
əvvəl belə PHP hər hansı bir dəyişən yalnız bir dollar işarəsi ilə başlayır.
Bu həqiqətən cür faydalı Bu bir az daha siz həyata atlamalar.
>> Amma bundan sonra bu PHP bir vəziyyətdir.
C qarşı müxtəlif nedir?
Heç bir şey sual Trick, olan, həqiqətən, həqiqətən gözəldir.
Php eyni Boolean ifadələr.
Və qarşı Boolean ifadələr və ya, açarları, loops, loops, OK loops--,
bu bir fərqlidir.
>> Bir var həyata Belə ki çevrilir PHP digər xüsusiyyətləri neçə.
Onlardan biri, əslində bu olan gözəl rahatdır.
$ Nömrələri əgər var ki, bir sıra edir bir proqramda əvvəl elan,
hər tikinti üçün bu xülya var ki, bütün bunu əvəzinə
annoying Mən, 0 bərabərdir Bu az, [? Mən ++?]
sayı, hər kimi hər ədəd üçün o dollar işarəsi dəyərlər yalnız
dəyişən və sonuncu Siz I. kimi hesab edə bilər
Siz istədiyiniz bir şey zəng edə bilər.
Mən nömrəsi çağırıb.
Bu üzərində təkrarlamaq gedir array nömrələri adlanır.
Və hər iteration, bu avtomatik yeniləmə olacaq
Siz dollar işarəsi sayı üçün dəyişən ki, daim
istədiyiniz dəyişən imkanı var Hər hansı bir kvadrat mötərizə olmadan
bir sıra daxil notation və ya endeksleme.
>> Bundan başqa, hətta kimi şeylər var demək olar ki, eyni baxmaq olan Diziler,
Bu, çox var istisna olmaqla biz will PHP və JavaScript, həm də bax
bir sıra başlamaq pre kvadrat mötərizə istifadə.
C qıvrım aşırma istifadə edir.
Belə ki, baxmayaraq ki, bir az fərqli biz, həqiqətən ki, çox oyun istifadə etməyib.
>> Amma daha güclü, PHP, assosiativ serialların var
bir xülya yoludur hash masalar deyərək.
Əslində, bir hash bəyan etmək istəyirəm əgər masa PHP,, C fərqli olaraq nə qədər
kodu xətləri almaq idi əslində C hash table həyata?
Və kodu onu neçə xətləri edir C hash table həyata alaraq?
Belə ki, hüququ, yəqin ki, çox var?
Bu bəlkə, 100 və ya 200 bir neçə onlarla var.
Bu nontrivial var.
Yoxsa kimi olmaq haqqında Siz tezliklə, nontrivial görəcəksiniz
bir hash table həyata [Işitilemez] və həmçinin bir cəhd.
Php və səmimi, mən yəqin ki, bu demək deyil
Monday-- qədər PHP, əgər Siz həyata, bir masa istəyirəm.
Ki, bir hash belə Masa var kodu biri xətti ilə.
Və
>> Dil bir çox bunu.
Pset beş ilə Əylən.
Belə ki, dil bir çox bunu.
Onlar bu çıkarıldığının vermək digər insanların, digər proqramçılar ki,
ki, sizin üçün yaradılmışdır onların üzərinə durmaq bilər
və super ki, fikir istifadə edərək başlamaq çekici, hash masalar və ağac kimi
və çalışır.
Amma mütləq yoxdur o şeyi özünüz həyata keçirir.
>> Və nəticədə, nə biz PHP istifadə etmək olacaq
potensial proqramları yazılı sözdə command line.
Biz hər bir proqram yeniden bilər Biz indiyədək bu dövr yazdıq
bəlkə istisna olmaqla, SPL istifadə edən Breakout, olan anda C xarakterikdir.
Lakin hər bir digər problem set, əlbəttə Mario və Caesar
və Vigenere və [? , Biz? Crack] və irəli
bilər PHP yenidən həyata, və yəqin ki, daha asan bir az.
>> Amma biz nəticədə nə olacaq web proqramlaşdırma üçün PHP istifadə etmək.
Və biz növbəti tanış olacaq həftə ruhi model, adlı paradiqma
MVC, model görünüşü nəzarətçi, siz proqramlaşdırma etdik əgər
Python əvvəl və ya Ruby və ya başqa, siz
Bu komanda ilə bilirik bilər Relsləri və Django və kimi.
Amma yeni əgər Bu da, siz görəcəksiniz
Bu, həqiqətən, çox təbii ki, Bu factorization uzadılması
və dizayn sort kodu biz ki,
C. bunu biz indi olacaq PHP həmin dərslər bəzi tətbiq
belə ki, son nəticədə, biz öz web həyata keçirir.
Və növ əgər mesmerized və ya heyran
biz nə olacaq ki, belə tez bütün,
demək olar ki, hər ki, həyata semestr, təxminən 90%
o cümlədən, tələbələr CS50 ki, olan əvvəl proqramlaşdırılmış heç vaxt
final layihələr edilməsi son ki, web proqramlaşdırma əsaslanır.
Və belə yekunları olduğunu görəcəksiniz gələcək həftə yüksək.
Beləliklə, biz bazar ertəsi sonra görəcəksiniz.
>> HOPARLÖR 1: indi Və Deep Daven Farnham tərəfindən düşüncələr.
Hash masalar.
>> [Gülüş]