Tip:
Highlight text to annotate it
X
>> SPEAKER 1: Všetko, čo vitajte späť.
Toto je CS50.
A to je začiatok týždňa deväť.
A to je začiatok konca Váš čas CS50, v ktorom sa
Prechod teraz konečne na webe aspektom kurzu, kde budete
zistíte, že mnoho zo základov, ktoré sme boli vyvážajúci týždne
ešte vrátiť na návštevu, alebo strašiť, nám.
Ale teraz, zistíte, že je to rádovo jednoduchšie
splniť určité úlohy a riešiť určité problémy -
natoľko, že aj keď ste si mysleli, Určitým problémom súbory boli pobaviť na svojom
vlastnou cestou, myslím, že zistíte, že p nastaviť 7, s 8 nastaviť, a potom,
nakoniec bude konečný projekt bude o to viac potešujúce, pretože budete
zistíte, že začneme brať za samozrejmosť teraz sa veci ako správu pamäte, a
ukazovatele, a to, čo sa deje na pod pokrievku.
A opäť, tematické, v priebehu celého semester bolo toto vrstvenie
a vrstvenie.
A teraz sme trochu do tu, stojaci na
ramená týždňov minulosti.
>> Teraz, prevezme od minule, že sme Hovoril o tom, ako internet funguje.
A to bol možno zjednodušením, ale pamätajte, že
každý počítač na svete má IP adresu riešiť, aj keď to je trochu
zjednodušením stále.
A tieto adresy sú slúžia na jednoznačné identifikujú stroja tak, že
Ak odošlete informácie, alebo pakety, aby som tak povedal, môžu mať pôvod
adresa a cieľová adresa.
A tie isté IP adresy je možné použiť a to ako pre dobré, tak aj pre zlo,
sledovať vás, napríklad.
V skutočnosti, jeden každý z vás s notebookom otvorené teraz, alebo telefón v
vrecko, má IP adresu v sieti Harvarde.
A nie je to tak ťažké korelujú, že toho, kto a kde
sú v týchto dňoch.
Ale o tom snáď v budúcnosti.
>> Teraz ma napadlo, že priviesť späť niektoré spomienky na [? zlepšiť?] a dá vám
ďalší klip z ukážem, Možno zistíte, povedomé.
Ak by sme mohli stlmiť svetlá len na pár sekúnd.
Prehliadka Numb3rs.
>> SPEAKER 2: Je to 32-bit IPP4 adresu.
>> SPEAKER 3: IPP, ako na internete?
>> SPEAKER 2: Private siete.
Pre privátne siete Amita je.
Ona je tak úžasná.
>> SPEAKER 3: No tak, Charlie.
>> SPEAKER 2: To je.
Zrkadlo IP adresu.
Ona je, že sme sa pozerať na to, čo robí v reálnom čase.
>> Reproduktor 1: Ok, takže pár vecí, zle s týmto obrázkom.
Tak jedna, a to z nich je prijateľná, To je v skutočnosti
nie je platná adresa IP.
Platná adresa IP musí byť čísla v tvare w.x.y.z, kde každá z
tie listy je 0 až 255.
Ale to je v poriadku, pretože rovnako ako filmy, kde sa falošné telefónne čísla,
sú falošné IP adresy.
Nemusíte vlastne hit reálne servery.
>> Ale myslí si, je to prehliadač.
A prehliadača nezačínajte výstup počítačový kód takhle.
A ak sa pozrieme trochu hlbšie, všimnete že jazyk, ktorý oni vidia
na obrazovke je nazývaný jazyk Cieľ C, čo je jazyk, v
iPhone aplikácie, ktoré sú napísané, najmä tie, zahŕňajúce
pastelky, ako môžete vidieť z zdrojový kód tu.
>> OK, myslel som to bola sranda.
Takže tento fragment kódu je absolútne nemá nič spoločné s tým, čo to
Najmä epizóda bola okolo.
Takže vtip je trochu na ľudí pričom za to samozrejmosť.
Ale to nie je tak ťažké sa dostať Tieto technické údaje správne.
A ja by som vás povzbudiť.
A vlastne, možno 50 veľmi dobre kaziť Mnoho televíznych relácií a filmov, alebo si
pretože zistíte, že je to len nie je možné, čo sú
robí na obrazovke.
Ale naozaj, to je kód, ktorý môže vidieť, že v aplikácii pre iPhone
alebo Mac OS aplikácie.
To nemá nič spoločné čo do činenia s bezpečnosťou.
Takže dávať pozor na viac také zábavné veci, ako je to.
>> Ale dnes začneme do toho ponoriť naozaj hlboko do celej rady jazykov.
Naozaj, jeden zastrešujúci takeaways tejto časti
samozrejme nie je naučiť programovať v PHP, nie sa naučiť SQL samo o sebe nie je
učiť JavaScript sebe, ale skôr učiť sa, ako sa učiť
sami nové jazyky, pretože naozaj, začneme sa podnikom
koliesok tak, že po vypnutí Samozrejme je koniec, nemusíte čakať 20
Stránka špecifikácia povedať, ako realizovať nejaký program.
Máte dosť zložky vo vašom mysle a dostatok nástrojov na náradie
kit, s ktorým sa začať stavať riešenie problémov v záujme
ste pre niektorých študentov skupinu, pre niektoré Výskumný projekt, alebo naozaj niečo
vás zaujímajú.
>> Takže na tento účel, pripomenúť, že toto je obrázok sme vychádzali to minule.
A to je dva počítače, klient a sever, hovoriť k sebe navzájom.
A protokolu, jazyk, tak povedal, že tieto dva počítače sa stalo
byť povedané, sa nazýva HTTP.
A to je len protokol používaný počítače na prenos informácií cez
world wide web.
Web, samozrejme, je len jedna služba ktorý beží na vrchole
tzv internet.
Čo je ďalšia služba na top na internete v týchto dňoch?
Niektoré ďalšie protokol, alebo - čo to je?
>> Divákov: FTP.
>> SPEAKER 1: FTP.
Takže File Transfer Protocol je iný.
Väčšina z vás pravdepodobne ho nevyužili.
Ale väčšina z vás pravdepodobne použité veci, ako Gchat, alebo okamihom,
Správy všeobecnejšie rozhodne email.
A ty tiež, sú služby, ktoré bežia na top na internete, pretože v
konci dňa, internet sám naozaj len získať dáta z bodu A do
bod B. a používa rad častice sám, jeden z nich alebo dva
väčšina z nich sa všeobecne nazýva TCP / IP, čo znamená, že jeden počítač na
internet môže byť v skutočnosti robiť rôzne veci, e-mail
a web, a tak ďalej.
Google robí veľa to.
Tak, ako sú tieto služby jednoznačne identifikovať, to hovoríme na počítači
ktoré by mohli byť v skutočnosti robí viac vecí?
>> Číslo portu.
A to sú len ľubovoľnej ľudskej konvencie, ako je web 80, 443
šifrovaný web, 25 je e-mail.
A je tu hrozno ostatných.
A tieto čísla sú jednoducho zahrnuté do tie pakety informácií, tieto
virtuálne obálky, ktoré skutočne obsahoval požiadavku alebo odpoveď.
>> Takže, keď sa dostanete späť odpoveď od web, typicky, nemusíte vidieť žiadne
Čísla akejkoľvek povahy, pokiaľ ide o stavový kód odpovede.
Nemusíte vlastne vidieť vnútorné fungovanie
pakety, ktoré prichádzajú späť.
Ale 200 skutočne znamenať OK.
A to znamená, že je všetko v poriadku.
Možno ste videli veľa z nich.
Čo je pravdepodobne najviac obyčajný ste videli na webe?
>> 404.
To jednoducho znamená, že súbor nebol nájdený.
To znamená, že niekto posral.
Vy ste tým preklepu URL, alebo niekto iný inak to tým, že vám
neplatné URL, alebo odstránené súboru a URL je stále
používaný ľuďmi.
Takže mnoho dôvodov, možno vysvetliť prečo je súbor nebol nájdený.
A uvidíte, v nasledujúcich týždňoch, tieto iné chybové kódy, a budete
využiť niektorých z nich.
Najhoršie je 500 Sk.
Ak sa vám 500 chýb v kóde, je že ste napísal, myslím, že ako druh
***ógový SEG porúch v Svet programovanie pre web.
Nie je to zas až tak strašné.
Ale znamená to, že niekde ste to pokašľal.
Takže sa teším na tie.
>> Ale uvidíme, či môžeme vidieť ich do kontextu.
Nechaj ma ísť do prehliadača tu a vykonajte nasledujúce kroky.
Tak to je Chrome, ktorý sa stane byť inštalovaná v prístroji.
Ale väčšina každý prehliadač má v týchto dňoch niektoré ekvivalentné funkcie.
Chystám sa ísť až na Chrome menu a prejdite do ponuky Nástroje a ja idem
na nástroje pre vývojárov.
A uvidíte, že tento malý panel sa otvorí v dolnej časti okna.
Ďalšie zástupcu, aby som bol úprimný, že som zvyčajne používajú sám je pravým tlačidlom myši
alebo s klávesom Ctrl kliknite kdekoľvek na webe stránky a stačí ísť do Skontrolujte Element.
A to nielen otvoriť to mať pre vás.
To bude tiež otvárať, a to konkrétne, Prvky podiel na
na ľavej strane.
>> Takže sme samozrejme vidieť Google.
Oni zmenili logo dnes.
Ale keď som sa posunúť dole sem ***, všimnite si, že v rámci prvkov, vidíte
čo sa nazýva HTML, HyperText Markup Jazyk, čo je jazyk,
že táto a všetky webové stránky, Naozaj, sú písané palcov
Ale je to vlastne naformátovaná pre nás oveľa viac čitateľne
než normálne.
V skutočnosti, ak sa vzdialite, a ja namiesto toho stačí pravým tlačidlom myši alebo so stlačeným klávesom Click
kliknite na stránku, a potom ísť na Zobraziť Zdroj stránky, to je doslova to, čo
Google zoslal svojho prehliadača.
>> Takže nejaká osoba alebo osoby napísal Google.com používať tento zdrojový kód.
Väčšina z toho nie je HTML.
Je to vlastne volal jazyk JavaScript, ktorý
prídeme do stredu.
Ale čo Chrome, a to, čo každý prehliadač pre nás môžete urobiť, je trochu vidieť
cez všetky rozptyľovanie blázon syntaxe a znova vložte prázdne miesto
pre nás, a dokonca aj zvýraznenie syntaxe, alebo farbiť veci pre nás.
Tak zistíte, že títo tzv vývojárske nástroje zabudované do prehliadača
bude váš život tak, tak oveľa jednoduchšie pretože si môžete prezrieť prostredníctvom tejto ponuke
rozhranie, presne to, čo základný zdrojový kód je pre
všetky stránky na internete.
A naozaj, to je jeden z najviac účinné spôsoby, ako sa učiť, ako to urobiť
niečo nové, aspoň v prípade, že stránka nie je tak zložité, ako premôcť, je
začať šťourat, že je to HTML, pozrite sa na jeho tzv CSS, ktoré Prídeme
sa trochu tiež, aby sa pochopenie toho, ako sa programátor
implementované niektoré konkrétne rysom stránky.
>> Ale technicky zaujímavé doprava teraz to bude toto.
Keď idem na záložke Network, Poďme sa teda jasné to.
Budem kliknite na malú zlatý kríž, symbol tu, a potom
prejsť na inú webovú stránku.
A ja som jednoducho ísť na typ v Facebook.com.
Nie HTTP, HTTPS nie, nie WWW.
Poďme skutočne vidieť, čo sa deje tu.
>> Enter.
Teraz si všimnúť veľa vecí len objavil sa v tejto spodný panel, v
pridanie na webovú stránku sa objaví v hornej časti.
Chystám sa posunúť späť do Záložka Sieť tu, a budem
kliknite na prvom riadku.
Čo tento nástroj bude, aby nám zjavil je každý z HTTP požiadaviek
že rýchlo len sa vrátil a striedavo môj prehliadač
a servera Facebook je.
A tak každý z tých riadkov predstavuje jednu takú žiadosť alebo
reakcie, jeden alebo viac z tie virtuálne obálky.
Alebo viac uvoľnene, je to ako človek ako človek, zákazník
reštaurácie, žiadať o niečo znova a znova, a znova.
A čašník stále prinášať je späť v čase.
>> Takže teraz, keď som sa priblížiť na túto tému, všimnite si, a to bude jedna z tých vecí
že ste vítaní a podporované hrať na vlastnú päsť, pretože sme
nepôjde cez všetko veľmi podrobne.
Nevšimnúť, že je Niekoľko čiastkových karty tu -
Záhlavie, Náhľad, reakcie, Cookies a načasovanie.
Ja som jednoducho ísť pozrieť na záhlavie pre túto chvíľu, pretože sa jedná o malé
zložky vnútornú časť obálky pomôcť dát dostať z miesta na miesto.
>> Takže v prvom rade mi dovoľte, aby som na tlačidlo zobraziť tému Zdroj u hlavičiek.
Tam je požiadavka, že môj prehliadač, Chróm, v tomto prípade, poslal vnútri
že virtuálny obálky.
Spomeňte si minulý týždeň som ručne je zadané pri
predstierať, že prehliadač.
Potom pripomenul server, že je to hľadá názvom hostiteľa
Facebook.com.
A potom je tu trochu tajomný Informácie, ktoré budeme mávať
naše ruky teraz.
>> Ale keď začnem nalistujte teraz toto okno, dovoľte mi, aby som sa
Hlavičky odpovede.
To bolo to, čo je vo virtuálnom obálka, ktorá sa vrátila z
Facebook.com.
A keď som kliknite na tlačidlo Zobraziť zdroj len vidieť surový text to,
Všimnite si pár vecí.
Jeden, Facebook hovorí aj rovnaké protokol, verzia 1.1 tohto rozhodnutia.
Tak to je pekné.
Ale stavový kód 301, natrvalo presťahoval.
>> Tak kde sakra si Facebook ísť?
Čo sa to snaží sprostredkovať k nám?
Dobre si všimnite, sem tam je ďalší záhlavie s názvom umiestnenia.
Tak prečo je Facebook mi hovorí, že premiestnené na túto adresu URL
vedľa umiestnenia?
Zabudol som www.
>> Takže to bola moja voľba.
V skutočnosti, väčšina z nás len zriedka, pravdepodobne zadajte www.whatever.com v týchto dňoch.
Ale ukazuje sa správcu systému, ako sú Facebook, kde si môžu
konfigurovať svoje servery takým spôsobom, že buď Facebook.com pracuje, alebo
www.Facebook.com funguje, alebo nie, každá takáto predpona pred ich
názov domény.
Takže ste urobil, že pre nás.
A oni sú presmerovanie nás, pravdepodobne pre niektoré technické,
niektoré z marketingových dôvodov.
Chcú len canonicalize na www.Facebook.com.
>> Ale to nie je tak celkom ono.
Keby som prejdite sem, poďme čo sa stane.
To sa mi povedať, my natrvalo presťahoval do
http://www.Facebook.com.
Takže poďme sa pozrieť na druhú žiadosť že môj prehliadač odosiela.
Bohužiaľ, vyzerá to, že Facebook sa posunula opäť, pretože druhý
žiadosť, výberom tejto URL miesto, hovorí, že taky pohyboval
trvalo.
A dovoľte mi prejdite sem do hlavičky odpovede.
V prípade, že Facebook už teraz?
>> Tak HTTPS.
Takže teraz Facebook začalo, najmä s ohľadom na aktuálne
udalosti v posledných mesiacoch, najmä a Aj v posledných rokoch
donútiť všetky ich užívateľov, dobrý spôsobom, aby používal protokol HTTPS, čo je viac
zabezpečiť, aj keď nie celkom bezpečné.
A tak teraz moja strana, môj prehliadač je bude požadovať tento tretí URL.
A teraz sa konečne dostávame inak neviditeľné 200 OK.
>> Takže to, čo na svete, alebo všetky Tieto ďalšie riadky dole.
Doslova som napísal jednu vec, a my prehliadač Zdá sa, že žiadosť ako
20 niektoré podivné veci.
Čo je to?
>> DIVÁKOV: Skripty?
>> SPEAKER 1: skripty, takže ďalšie súbory napísané v jazyku zvanom
JavaScript, ktorý opäť zídeme vidieť kúsok v stredu.
Čo ešte?
Štýlov.
Takže niečo s názvom jazyka CSS, čo uvidíme za chvíľu.
Gif, a JPEG, PNG a, a obrázky, a filmové súbory - bez ohľadu na webovú stránku
sa s najväčšou pravdepodobnosťou v forma súboru.
A tak to, čo vidíme na ľavej strane strane je tu pre všetky súbory
že mal Chrome na stiahnutie, rekurzívne, ak sa bude, s cieľom
skladať celistvosť stránky.
>> Takže to, čo sme videli pred chvíľou s Google, keď som kliknite na Elements
karta, to iste, je HTML, jazyk, ktorý komponuje túto stránku.
Ale je tu hrozno ďalších vecí.
K dispozícii je logo.
Tam je tých modro-ish Ikony tam.
A je tu ďalšie prvky stále stránky, ktoré by mohli byť samy o sebe
samostatné súbory.
>> Takže to, čo je pekné o prehliadači, je, že vyzerá to na jazyku ideme
začať písať, alebo ste už začal písať v sade P 7, figúrky
, Kde tieto súbory žijú, a ide a vezme ich tiež.
A ja nemôžem dostatočne zdôrazniť, a to aj hoci niektorí by to mohlo vyzerať trochu
tajomný, alebo ohromujúci na prvý pohľad, naučiť sa programovať
aplikácie pre web, je to neoceniteľný pochopiť, ako tieto
malé nástroje fungujú.
Jedná sa o niečo ako GDB ako nástroja, ale oveľa jednoduchšie, nakoniec použiť -
a naozaj dáva vám oči na to, čo sme užívali za samozrejmé
docela nejaký čas teraz.
>> Takže to, čo teraz môžeme robiť s táto informácia?
Dobre, poďme vlastne sa pozrieť na poňatie, na ktorých HTML.
A budeme odkladať, pretože už máme, sa sekcia tento týždeň, na problém
sada 7 špecifikáciu, na niektoré z viac údaje z týchto jazykov.
Ale uvidíme, či nemôžeme maľovať obraz toho, čo by ste mali pochopiť,
celkovo tu.
>> Takže HTML HyperText Markup Language, nie je programovací jazyk.
Čo to vlastne znamená?
Takže HTML vyzerá takto.
A niektorí z vás už to vedia.
Niektorí z vás robili to na nejakú dobu.
Ale uvidíme, či nemôžeme naplniť V niektorých medzier rovnako.
Takže si všimnúť pár vecí tu.
Po prvé, je to textový.
Takže je to ako zdrojový kód v C, alebo nejaký iný jazyk.
>> Všimnite si, že sa zdá, že byť istý vzorec.
K dispozícii je odsadenie, ale technicky odsadenie je len človek
konvencie.
A prehliadača nezaujíma, či je tu nový linky a karty ako vidíme tu.
Ale zistíte, že je tu symetria tu.
Tam je to, čo budem hovoriť, v hornej časti tento súbor, otvorený tag, alebo na začiatku
tag, nazvaný HTML.
A potom, dole, dokonale podšívkou up, rovnako ako to robíme s zloženými zátvorkami,
vidíme otvorený držiak, vpred lomítko, HTML, zátvorka.
Tak to je zodpovedajúca close tag alebo koncové značky, pre tú vec.
>> Spoločne všetko vnútri tzv open tag a zavrieť tag
napísať, čo budeme hovoriť prvok.
A uvidíme, za chvíľu, je to naozaj rád uzla v stromov.
Pretože ak si myslíte, že teraz odsadenie, ktoré znamenalo, tu,
druh majú radi, starí rodičia uzol s názvom HTML.
Koľko detí dalo by sa povedať, na základe na tomto obrázku, HTML prvok má?
>> Takže asi dva.
Jedným z nich je hlava prvok, zrejme.
A jeden je telo prvok.
A prečo dve deti?
No, ja som len trochu vyvodiť, že ak Mám otvorenou hlavou záznam a potom
úzkym vedà tag, to je živel.
A potom, v prípade, že je ďalšia otvorená karoséria tag a blízky telo tag, je to ako
ďalší prvok.
Takže v tom zmysle, že keď som trochu striedať obraz na jeho strane, je to
ako s HTML tag, a potom hlava tag, a potom telo tag, a
potom nejaký text, hello world, hojdajúcu z tohto tagu body samotného.
>> Takže môžeme nakresliť obrázok, ktorý môže vyzerať napríklad takto.
Tvary sú ľubovoľné.
Ale zistíte, že som použil akúsi elipsy v hornej predstavovať
dokumentu.
Ukazuje sa, že tam môže byť ďalšie veci vnútri webovej stránky, ktoré som nie
vypracovaný tu.
Takže budeme aj zavesiť HTML uzol mimo tzv uzol dokumentu.
A potom máme hlavu a telo a titul, oznámenia,
ktorý je vnorený ďalší.
Nechcel som obťažovať uvedenie ďalší riadok prestávky vnútorná časť názvu značky.
Je to len pocit, ako by bol stále príliš ukecaný.
Tak som to nechal v jednej línii tam, s otvorené titul, hello world, blízko titulu.
A potom máme nejaký text hojdajúcu off tu.
>> Tak tento obrázok sa vráti do nám, keď sme sa ponoriť do JavaScriptu.
A pochopenie, že keď HTML napísať takto, čo
je prehliadač robí?
No, my nemusíme obávať ako sa to robí, alebo s tým, čo
algoritmus, ale na konci dňa, Keď prehliadač dostane HTML ako
že z Facebook alebo Google, analyzuje to, aby som tak povedal, to číta,
s niečím, ako fread, zhora nadol, zľava doprava, a ako to
uvedomuje, oh, otvorený značku a zatvorte tag, začne malloc, aby som tak povedal,
uzol v strome.
A keď narazí, ako sme mlčky Tu sa odsadenie,
podriadený uzol, to mallocs uzol pre ktorý a pripojený, že k stromu.
>> , Takže stromovej štruktúry, binárne stromy, ternárnu stromy, a väčšie stromy, ktoré
Pozreli sme sa na týždeň alebo dva lety, oznámenia že rovnaký princíp je
prichádza späť k nám.
A kto realizovaný, Chrome čokoľvek Tím urobil, pravdepodobne mal
realizovať nejaké stromovej štruktúry pod kapotou.
A to samo o sebe je pravdepodobne jazyk C, alebo C + +, alebo nižšia
úrovni jazyka, že budeme teraz používať na vrchole webe.
>> Takže teraz, možno, bude tento väčší zmysel.
Skutočné tetovanie z nejakého chlapíka, ktorí by mohli ľutovať nakoniec druhu.
OK, v poriadku, takže veľa webových humor.
Nie je to naozaj ako tak dobre aj dnes.
Takže budeme ďalej.
Dobrá.
>> Takže poďme sa pozrieť teraz sa na niekoľko príkladov.
Najjednoduchšie čo by mohlo byť toto.
Chystám sa ísť dopredu a otvoriť v gedit súbor s názvom hello.php.
A vnútri tu, idem rýchlo len to, printf, citovať
koniec citátu, "hello world".
>> Takže oznámenia, a ja budem robiť svoju spätného lomítka n, Som neobťažoval vyhlásiť hlavné.
Ukázalo sa, že v PHP, a veľa jazyky, nemusíte hlavné
funkcie sám o sebe.
Stačí si len začať písať váš program.
Teraz, keď som sa tento súbor uložiť, všimnite si, že som bude musieť vykonať nasledujúce kroky.
Nebudem používať robiť, a ja nie som bude používať rinčanie, pretože PHP, na rozdiel od
C, nie je skompilovaný jazyk.
Je to, čo sa nazýva interpretovať jazyk, čo znamená, že ho spustiť
ako vstup pomocou iného programu volal tlmočníka.
A tento program číta, zhora nadol, zľava doprava, a robí
čo povedať, že robiť.
>> Takže v tomto prípade tu mám jeden riadok, ktorý hovorí printf.
Takže keď som spustiť tento zdrojový kód, hello.php, keď program, ktorý
sa stane, pohodlne, byť nazývaný PHP, tento program PHP bude čítať
tento súbor, zhora nadol, zľava doprava, a to bude robiť to, čo som
povedať, že robiť - spustenie kódu, a ak je neuznáva niečo, len
pľuvať von.
Takže budem pokračovať a spustiť PHP na hello.php.
Enter.
>> A to nie je presne to, čo som chcel.
No, prečo to je?
No, PHP je jazyk, ktorý je vlastne navrhnutá tak, aby sa pomerne
prelína s webom.
Pri vytváraní webových stránok s týmto jazykom PHP, ako skoro uvidíte, budeme
Chcete urobiť niečo také tlače z liniek, ako je tento.
>> Tak idem na to.
Otvorte držiak, otáznik, PHP, a teraz som len tak zarážky, len aby
pekné veci.
A teraz budem robiť otázku označiť zátvorka.
Takže tam je trochu asymetria tu.
Nemusíte to urobiť.
A nemusíte robiť lomítko, takže PHP je trochu iný.
>> Ale teraz, keď som znova tento program, PHP hello.php, teraz som
skutočne dostať Hello World.
A uvidíme, prečo je to cenné.
Raz, to mi umožňuje určiť, Super výslovne, to je
kód spustiť túto funkciu.
A to je naozaj to, čo títo špeciálny tagy znamenať tady.
>> Ale to tiež znamená, že ak som to niečo mi ide sem, že
znamená, že doslova, že bude len vytlačiť bez nutnosti
vlastne volanie printf, alebo tlač, alebo iné podobné funkcie.
Takže sa vrátime k tomu za chvíľu.
>> Po prvé, poďme na to.
Vnútri spotrebiča, máme adresár s názvom vhosts pre virtuálne
hostitelia, lomítko miestneho hostiteľa, lomítko verejnosti.
Takže je to trochu ukecaný, ale dlhý príbeh Stručne povedané, je prístroj navrhnutý tak,
iba na podporu C. Je to tiež určený na podporu PHP.
Ale to je tiež navrhnutý tak, aby web server a databázový server.
A je navrhnutý tak, a skutočne nastavený, byť pripomínajúce akékoľvek
komerčné web hosting spoločnosť, ktorá môžete platiť 5 dolárov mesačne za,
100 dolárov za mesiac.
Či už sa jedná o službu, je konfigurovaný byť veľmi podobné
Skutočný svet prevádzkový server.
>> A čo to znamená, že beží na Prístroj je web server softvér.
Stáva sa to nazvať Apache.
Je to len zadarmo a open source, a veľmi populárne.
A my sme nakonfigurovaný Apache vedieť že keď som navštíviť určitú adresu URL, s
Chrome alebo prehliadač vnútri zariadenie, aby sa do tohto adresára
pre súbory, ktoré užívateľ požaduje.
>> Inými slovami, dovoľte mi, aby som ísť ďalej a robiť to.
Vnútri mojej verejnom zozname, budem pokračovať a vytvoriť súbor
s názvom index.html.
To mi dáva kartu tu.
A ja idem rýchlo a choďte do toho a vybrnkat
tento program tu.
DOCTYPE HTML, ktoré v tejto chvíli, len Predpokladám, že máte písať.
Je to len tajomné tag, že to nie je naozaj tag HTML, ktorý uvádza, že
tu je nejaký HTML.
>> Chystám sa ísť dopredu a znovu čo sme videli pred chvíľou.
Tu je hlava stránky.
Vnútri hlavy je -
tak titul.
Takže budeme pozdraviť svet.
A potom tu dole bolo telo tag.
Dovoľte mi uzavrieť tag body.
A potom tu budem tiež povedať, Len pre prehľadnosť, hello world.
>> Tak to je, pravdepodobne, najjednoduchšie Webová stránka, ktorú je možné
môže to platné.
Je to syntakticky.
Všetko, čo otvoril je uzavretý.
Všetko je pekne štýlu a členité.
Tak uvidíme, teraz, ako som prístup k tomuto súboru.
>> No, dovoľte mi ísť do prehliadača Chrome tu.
A nechaj ma ísť http://localhost/index.html.
Takže to, čo je lokálny počítač?
No, takmer akýkoľvek počítač na svete, Linux, Mac OS, Windows, má prezývku
zavolal miestneho hostiteľa.
Takže ak ste niekedy chceli hovoriť do svojho počítača -
aj keď napodiv reflexívne -
to si hovoríš miestneho hostiteľa.
Bez ohľadu na to, aké sú vaše aktuálne počítač volal, či už je to David MacBook
Air, alebo aj niečo viac verbose takhle.
>> Tak toto URL je zrejme bude používať HTTP hovoriť miestneho hostiteľa,
rovnaký počítač, spotrebič, a to bude žiadať, vezmite
hádať, čo súbor?
Index.html.
Takže je spotrebič nastavený na vopred vedieť, že ak sa pýtam
niečo ako index.html, pozrite sa v priečinku s názvom vhosts v
zložku s názvom localhost, v zložke nej tzv public.
To je miesto, kde všetky moje verejnosti Súbory sa bude.
Takže som teraz bude Enter.
>> A sakra, tam je to zakázané správy, inak známy ako 403, na
číselný kód pre neho.
Takže to, čo sa deje tu?
No, to nestačí len dať súbor v mojej zložke.
Musím skutočne vykonať nasledujúce kroky.
>> Nechaj ma ísť do môjho vhosts adresára, do localhost, na verejnosti, a nechať
ma robiť ls pomlčka l
A je tu pár ďalších vecí tu pre dnešné účely.
Všimnime si ale na ľavej strane, vedľa na index.html, vidíme iba jedno RW.
A v minulosti, čo RW sa stál?
>> Stačí čítať ani písať.
Skutočnosť, že sa hovorí, že rw vľavo znamená, že, majiteľ tohto súboru, môžete
čítať alebo písať.
Ale potrebujem, aby všetci ľudia v svet čítať, ale nie písať.
Takže budem meniť režim súbor chmod, všetko navyše r dať
všetci povolenie na čítanie na súbor s názvom index.html.
>> A keď som teraz opíšte ls pomlčka l, oznámenia , Že tu, niektorí viac
R je sa objavilo.
A teraz, špec ide do väčších detailov.
Pre p Nastavte 7, že práve znamená, že každý teraz môžu čítať tento súbor.
Ak sa vrátim do svojho prehliadača teraz a znovu, ajhľa.
Hello world.
>> A ja si dokonca otvorím Chrome náradie a vidieť, rovnako ako s Google a
Facebook, že je moja HTML, formátovanie trochu
inak a zafarbené.
Keď idem na kartu Sieť a znovu stránky, zistíte, že tam je získať
požadovať, aby Chrome odosiela spotrebiča.
Tam je 200 za to konkrétny súbor.
Takže v skratke, je to, ako to všetko rôzne kusy sa stretávajú.
To len tak sa stane, že webový server sme použili práve teraz nie je malá,
ako je Facebook.
Je to doslova v rovnakom počítači, čo je úplne v poriadku.
>> Takže čo viac si môžeme urobiť na webovej stránke?
No, proste, poďme vánok cez pár z týchto vecí.
Ale dovoľte mi, aby som do toho pustite a znova Gedit s index.html.
A dovoľte mi ísť ďalej a pozdraviť CS50, tento súbor uložiť, vráťte sa
prehliadač, naozaj nezaujatý zmena.
>> Ale čo keď chceme skutočne odkaz na niečo, čo teraz?
Tak to dopadá, že môžeme mať Odkazy v HTML, ktoré sú rovnako tagy
samy o sebe.
Stáva sa to nazvať kotva tag. a href rovná
https://www.cs50.net, www.cs50.net zavrieť Ponuka, zátvorka.
A teraz sa pozrime, čo inak príde nabudúce.
>> Otvoril som značku.
Aj teraz je potrebné dať Frázy ako CS50.
Dovoľte mi uzavrieť tag.
A všimnite si pár vecí.
Aj keď je to tajomné, čo tu som sa neopakujú, keď si
zavrieť tag.
Tu stačí zavrieť tag s jeho menom osamotený.
A to je to, čo je známe ako atribút s hodnotou.
Atribúty stačí upraviť správanie niektorých značky na vnútornej stránky.
>> Tak to je určujúce, že hyper referencie, ozdobný spôsob, ako hovoriť
URL pre túto kotvu, pre tento spojenie, musí byť CS50.net.
A text, ktorý chceme zobraziť, Používateľ nie je, že surový URL, ale skôr
slovo CS50.
>> Takže keď teraz som znova, dovoľte mi, aby som zoom pre jasnosť, dovoľte mi, aby som znovu načítať stránku,
Všimnite si, že máme túto starú školu modrý podčiarknutý odkaz.
A keď som sa vznášať sa *** ňou, a to sa deje bude ťažké vidieť v ľavom dolnom rohu
hornom rohu obrazovky, všimnite si, že sa hovorí, že URL, ktoré
Chystám sa ísť.
A keď kliknete tam, hľa, teraz som vytváranie webových stránok.
A my sme viedli sami na domovskú stránku.
>> Nevšimnúť, čo potenciálu to nám ponúka.
Bezpečnosť je veľmi v móde v týchto dňoch.
Čo keby som namiesto toho povedal niečo ako to, a ja namiesto toho ísť do, povedzme, poďme
vidieť, fakeCS50.net.
Obnoviť túto stránku.
>> OK, tak zistíte, že stále vyzerá, akoby som bude CS50, ak prešibaný oka
Všimnite si, budem predstierať CS50.
Hádam, že táto doména nie je prijatá.
OK, takže to nie je k dispozícii.
Tak to je dobre.
Nikto v skutočnosti má túto doménu.
>> Ale buďme trochu zlomyseľný pretože to je trochu hlúpe.
Čo keby sme toto nastavenie zmeniť na Paypal.
A čo keď hovoríme, ako, www.paypal.badguy.com,
čo je doména.
Že pravdepodobne existuje.
Takže teraz mi dovoľte znovu načítať stránku.
A tu máme akúsi phishingu útoku, P-H-I-S-H-I-N-G, ktorý je
hlúpe slovo uvedené pre útok, ktorý snaží rýb informácií alebo lepšia
napriek tomu, peniaze z ľudí tým, že *** je do poskytovania informácií, ktoré
ktoré by inak robiť.
Vyzerá to úplne legitímne, že jo?
Musím tu súvislosť Paypal.com.
Úprimne povedané, keď som sexed to s niektorými grafika, môžeme, aby to vyzeralo
spíš PayPal.
Je to tak?
Pretože som mohol, ako stranou, Mohol som ísť do Paypal.com.
A my sme len videli, ako môžem zobraziť všetky ich HTML.
Mohol by som skopírovať a znovu estetika Paypal skôr než ísť
old school tu.
Všimnime si ale, samozrejme, a to je málo malá stále, iba v spodnej časti
ľavom rohu, v ako 10. bod font, vidíš, čo si URL
v skutočnosti bude viedlo k
>> A tak ak ste niekedy dostali spam hovorí choďte do toho a ste účet
bola narušená.
Prosím, kliknite na tento odkaz a dajte nám vedieť vaše heslo, takže môžeme zaistiť, že si
vy, nemusíte vôbec robiť.
Tieto veci by mali byť samozrejmosťou.
Ale je to úžasne zábavné a tragické, ako sa každý rok sa to zdá
stalo, že niektoré nenulovú počet osôb.
>> A to je krása phishingových útokov.
Môžete posielať milión e-mailov.
A to iv prípade, 0.01% zo všetkých ľudí skutočne kliknite na Paypal a dá vám vaše
heslo, je to stále nenulové číslo ľudí, ktorí si len dávať
si ich peniaze.
A odosielanie e-mailov, samozrejme, je úplne jednoduché av podstate zadarmo
v týchto dňoch.
>> Tak dlhý príbeh krátky, nádherne krásna myšlienka, že jo?
Pred rokmi, to bolo najskôr web, umožňujúce sieť
hypertextové odkazy medzi zdrojmi.
Ale rovnako tak rýchlo, môže to byť používajú pre chorých účely.
A e-mail, stačí povedať, títo dni, že HTML vložený do.
>> No, dovoľte mi jednu vec.
A budeme odložiť do značnej miery v sekcii problém nastaviť sedem, aby ste mohli
preskúmať údaje.
Ale dovoľte mi ísť dopredu a urobiť pár vecí tu.
Chystám sa ísť dovnútra a vyhlásiť čo sa nazýva div, alebo
divízie časti stránky.
Dovoľte mi na záver, že tag div.
>> A ja poviem *** tu začiatok stránky.
A potom pod to, budem robiť niečo ako ďalší div, zavrieť túto
tag, a to dolnej časti stránky.
A poďme zachrániť.
>> Takže teraz sa vráťme k môjmu súboru.
Veľmi nezaujatý.
Ale to, čo sa používa na rozdelenie, pod kapotou, je to vlastne
pekný konštrukčný prvok.
To nemá žiadne estetické tak ďaleko, môžeme vidieť, ako, zdá sa,
uvedenie veci na nových tratiach.
>> Nevšimnúť, ako stranou, len biť Zadajte neprerušuje to v HTML, tak ako to
sa v C. Možno si myslíte, že by to dám krásny veľký rozdiel medzi
hornej a dolnej časti stránky.
Ale je to ignorovali.
Biely priestor je v podstate ignoruje webové stránky iné ako prvý
medzerníka znak alebo návrat vozíka, že narazíte na klávesnici.
Ak chcete viac riadkov, môžete musieť zadať sami.
>> Takže budem robiť niekoľko vecí tu ukázať, čo sa deje.
Chystám sa pridať atribút, ktorý existuje A opäť, ako sa naučíte
aké atribúty existujú, aké značky existujú, Naozaj, je online odkazy.
HTML je druh jazyka - je to nie je programovací jazyk.
Je to značkovací jazyk - že po dobré pol hodiny, možno hodinu s
to, budete určite pochopiť, väčšina pravdepodobné, základná myšlienka.
A potom vyhľadávanie Google je všetko preč možné značky, ktoré by mohli byť
záujem
A podľa špecifikácie, ktorá je úplne vítané a podporované tu.
>> Takže teraz ma nechaj ísť dopredu a niečo také robiť.
Background-color.
A teraz idem niečo robiť ako je červená, bodkočiarka.
A môžete to urobiť v niekoľko rôznych spôsobov.
Som len trochu písanie ako Super výslovne ako je to možné.
>> Ale ukazuje sa, že táto hodnota je tu čo sa nazýva CSS, Cascading Style
Listy, čo je ďalší jazyka vôbec.
CSS nemá nič do činenia s otvoriť značky a úzke tagy.
Má to čo robiť s vlastnosťami.
>> A vlastnosti sú jednoducho hodnota kľúče páry, ktoré jednoducho znamená, že niektoré slovo,
hrubého čreva, a potom nejaký iný slovo.
A ak máte viac, alebo len tie jeden tu, môžete skončiť s
bodkočiarka, len pre prehľadnosť.
Ale aj to bude fungovať tady.
>> Teraz, čo to bude robiť?
Asi tušíte.
Nechaj ma ísť dopredu a znovu načítajte túto stránku.
A teraz je to naozaj prichádza spolu.
Takže vrchol mojej stránke je červená.
Ale čo je kľúčové je to, že som sa zmienil skôr, že div vám
rozdelenie stránky.
A to je naozaj to, čo robí.
Je to v podstate rozdeľuje stránku do obdĺžnik, ktorý potom môžete
manipulovať.
>> A táto predstava obdĺžnikov je druh presvedčivé v tom, že ak si myslíte, že
najviac akejkoľvek webovej stránky, je to asi nosnej konštrukcii, na nej.
Väčšina z vás pravdepodobne zriedka Facebook je úvodná stránka, ak ste prihlásení
za celú dobu.
>> Ale na domovskej stránke na Facebooku, tam je nejaký div pozdĺž vrchole.
A to nemusí byť tak jednoduché, ako jeden div, ale je tu
obdĺžnikové oblasti existuje.
Zvyšok stránky je ako veľký div, rovnako ako mnoho
väčšie obdĺžnikové oblasti.
Tak dlhý príbeh krátky, len tým, že tieto malé stavebné kamene, na
Schopnosť modelu veci ako obdĺžniky, nech sú široké alebo úzke, môžete tiež
aby sa stĺpce potenciálne umožňuje rozloženie stránky, naozaj, ale môžete
by si priali.
Sme naozaj len poškriabaniu povrch tu.
>> V skutočnosti, keď som urobiť jednu druhú, nechaj ma ísť ďalej a robiť štýl,
background-color, budeme robiť niečo ako modrej, úzkym úvodzoviek.
Poďme znova to.
Takže teraz je to stále ešte škaredšie.
Ale teraz môžem trochu predviesť môj P päťsto schopnosti, nie?
Red.
Pripomína mi to RGB, Red Zelená Modrá strojnásobuje.
Tak to dopadá programovanie pre web, alebo web design, čo je to, máme
ešte naprogramovaný nič samo o sebe, môžete skutočne
majú hexadecimálny kód.
Takže niečo niečo niečo niečo, čo tak niečo.
Takže môžete mať šesť šestnástkovej znaky, alebo tri, v niektorých prípadoch,
a každý z týchto otáznikov musia byť hexadecimálne číslice,
nula až f
>> Ak chcem mať veľa červenej a žiadna zelená, modrá a nie to, čo je
naproti nuly pri použití hex?
Je to f
Takže môžem robiť ff, nula nula, nula nula, uložiť toto, a teraz sem dole.
A ja nemám vlastne vidieť zmenu.
Takže citujem koniec citátu "červená" je zrejme synonymom pre všetky červené,
nie zelená, modrá nie.
Medzitým, poďme sa zámerne meniť toto bude niečo
náhodné, ako ABCDF.
>> Poďme sa pozrieť, čo to je.
Je to naozaj pekné modré, skutočnosti, nebesky modrá.
Dobre, tak to sú práve teraz trochu náhodné kombinácie
znakov.
Takže nebudeme zabŕdnuť tu.
Ale znovu, to hovorí s presnosťou že môžete začať
platí - aj keď ste veľmi ohromený oficiálny estetikou.
V skutočnosti, ak naozaj chcete byť dojem, nechaj ma ísť ďalej a zmeniť
veľkosť písma, napríklad.
A všimnite si bodkočiarku, ktorý treba tu.
>> Veľkosť písma, môžeme byť len smiešne tu, 96 bod.
Uložiť že.
Wow, to je veľká veľkosť písma.
Tak jo, je to veľmi jednoduché.
A vlastne, vy ste v podstate vidieť úplne prvý webovej stránky som urobil
rokmi, keď som prvýkrát naučil toto.
Je to veľmi jednoduché, aby sa veľmi odporné veci rýchlo.
>> A ak ste oboznámení s Wayback Stroj na archive.org, môžete
nájdete všetky moje príšerné Undergrad webových stránok.
Jeden mal Kermit žaba na prednej strane.
Prešiel som fáza, kedy som si myslel, bolo to v pohode, aby sa na pozadí
červená opona, keď som sa dozvedel, ako sa môže dláždiť obrazy znova a znova, a
znovu naplniť stránku veľký lepkavý červená opona.
A potom, na vrchole tohto, bola ikona že ste museli na tlačidlo zadať svoj domov
stránky, pretože to bolo veľmi v móde.
>> A potom môj prvý program, ktorý som kedy napísal nebol v PHP, ale v jazyku
tzv Pearl, napísal návštevnú knihu, ktorá je naozaj skvelá vec,
Mnoho ľudí očakáva vás mať na domovskej stránke.
Keď sa dostanete na stránku, chcú si prihlásiť a povedať, kto ste,
a prečo ste tam.
To je veľmi 1990s štýlu web design.
>> Ale v týchto dňoch, iste, máme príde oveľa ďalej.
A uvidíte, v časti, a to aj v probléme nastaviť sedem, a
využitie knižnice v týchto dňoch, je to oveľa jednoduchšie, aby sa
krajšie veci rýchlo.
Naozaj tu sme len poškriabaniu povrch to, čo môžete urobiť,
štylisticky.
>> A v skutočnosti, už mi dovoľte zdôrazniť, že je to už začína škaredý, nie je
len esteticky, ale z hľadiska o štýl mojom kódu, alebo
Konštrukcia mojom kódu.
Ja som v súčasnej dobe comingled HTML, ktorý je zelenkasté otvorené tagy tam, s
CSS vlastnosti, ktoré je úplne legitímne.
To je naozaj kde sa týmto jazykom má svoje korene.
>> Ale v záujme čistým dizajnom, rovnako ako sme začali faktoringovej veci
z C do súborov. súborov h, nech mi skutočne praktizovať takú
Princíp a začať robiť toto miesto.
Dovoľte mi, aby som dal v štýle tag tu, čo existuje aj vo formáte HTML, a dovoľte mi, aby som
nasledujúce informácie.
Dovoľte mi, aby som toto hodnotenie odstrániť.
Farba pozadia bude červené.
Idem zmazať úplne.
Chystám sa zbaviť štýlu atribút, a ja idem k jednoznačnej
identifikovať tento div sa slovom -
ľubovoľne, ale rozumne, citujem koniec citátu "top". A id je zvláštne
atribút, ktorý jednoznačne definuje určitý HTML element
ako mať toto ID.
>> Ak by som chcel, aby to štylizované, tu v vedúci mojej stránke, vo vnútri
štýl tag, zistíte, že Môžem urobiť hash vrchol.
A potom som si dať pár kučeravý traky, pripomínajúce C a nechajte
mi vložiť v tejto štylizácii.
A nechaj ma ísť napred a predvídať tu kam idem s tým.
Dovoľte mi, aby som tiež vytvoriť jednu pre spodnú div.
Dovoľte mi chytiť odporné kód z baní tu, dajte to sem, a budem
trochu análny teraz a štylizované to len o uvedenie veci na vlastnú päsť
linka, končiť bodkočiarkou.
Dovoľte mi, aby som sa zbavil štýlu značky.
>> Ale ja som neskončil.
Musím urobiť ešte jednu vec.
Jo, id rovná citovať koniec citátu "zdola", alebo čokoľvek id chcem
dať tento prvok.
Teraz mi dovoľte, aby som sa vrátiť sem.
A to je otrasné.
Nemôžem sa s 96 bodom.
Jdem na 24 bodu.
Alebo by ste mohli byť presnejšie.
Môžete skutočne používať pixelov, px, takže že ste naozaj jemnejšie zrno
kontrolu *** vašej stránke.
>> Ako stranou, že to nie je nutne najlepšia vec, ak používatelia, pre
prístupnosť dôvody, chcú možné zvýšiť veľkosť.
Takže si uvedomiť, že existujú spôsoby, ako robiť veci, ktoré nemusia nutne
Kód ťažké všetko.
>> Tak jo, je to väčšia, 24. bod, než čo je predvolená.
Ale teraz je to trochu čistejšie.
A dovoľte mi, aby som to ešte o krok ďalej.
Rovnako ako myšlienka hlavičkových súborov, Všimnite si, že sme o krok bližšie k tomu.
Mám ovplyvnil, ale ešte zostáva, vnútri mojej stránky, tieto pravidlá CSS.
Prečo ja by som mohol chcieť, aby sa tento krok ďalšie, odstráňte ho úplne, a
vložte ho do samostatného súboru?
>> Tak som si znova, že jo?
To je len druh intuície práve teraz.
Predtým som tvrdil, že to bolo len dostať škaredé mať štýl
atribúty vnútri tagy Div sami.
Ale tak nejako si myslím, že cez.
Ako sa vaša strana dostane dlhšie a dlhšie, ak je ste uvedenie tu a tu, a
tu a tu, všetky tieto rôzne farby a veľkosti písma, a ďalšie
atribúty, vaša stránka je veľmi rýchlo stane neovládateľný pre vás.
>> Ak niekto príde k vám a hovorí, oh, vieš čo?
Ja by som naozaj chcela zmeniť veľkosť písma o ďalšie dva body, si
Možno budete musieť ísť a nájsť a nahradiť obrovské množstvo riadkov kódu.
Je to oveľa presvedčivejšie centralizovať všetky takéto estetika tu.
Ale ak by ste chceli použiť tieto estetika v niekoľkých webových stránok, všetky
tým skôr, aby mohli inštancie, vytvorte súbor
volal s týmito obsah.
>> A nechaj ma to urobiť.
Uložte tento súbor.
Hovorím Styles.css, ľubovoľný, ale konvenčné.
Dám ju do domu Johna Harvarde adresár teraz pre jednoduchosť.
A čo sa dá robiť v mojej webovej stránky, je dostať zbaviť štýlu značky dohromady,
a trochu unintuitively, použite odkaz tag, ktorý nedáva vám odkaz na
hypertextové prepojenie, kliknúť zmysel, ale kde by som odkaz, href rovná
Styles.css.
A vzťah, ktorý tento element sa s webovou stránkou je slúžiť ako
jeho štýlov.
>> Tak ako to viem?
Jeden, stačí si prečítať manuál, alebo Google okolo a vy
pozrieť sa na rôzne zdroje.
Myslím, že je naozaj, ako si vyzdvihnúť techniky, ako je toto, av súlade
s touto myšlienkou výučby seba nové jazyky, opäť zistíte, že
existuje len obmedzené množstvo vecí, do akéhokoľvek jazyka, že akonáhle dostanete
je, zistíte, že sa dostane rýchlejšie a rýchlejšie písať.
Naozaj, učenie sa novému programovania jazyk je tak oveľa rýchlejší ako nové
hovorený jazyk, pretože tieto veci sú oveľa menšie a oveľa viac
presne definovaný.
>> Ale ja som zdôraznil trochu anomálie tu.
Prečo som zdôraznil to lomítko tu?
Pretože musím zavrieť tag.
Mal by som zatvoriť tag.
A nájdete nespočet zdroje on-line, ktoré nemajú
nevyhnutne približuje tagy.
A realisticky, nie je to nevyhnutne nutné z technických a existujú
dôvody skutočnosti, prehliadače sú len pomerne tolerantní k chybám v web
strán, k lepšiemu alebo k horšiemu, ale väčšinou horšie.
>> Tak toto je len čistejší spôsob povedal niečo hlúpeho ako je tento,
kde, ak chcete otvoriť link tag ale zavrieť, že to naozaj nie je pojem
obsahu pre tagu link.
Znamená to len to nahrať súbor a dať ho sem.
Je to ako ostrý patrí do C. Zahrievanie môžete otvorenie a zatvorenie tag naraz
v rámci rovnakej značky.
A je tu ďalšie príklady tohto.
To nie je spôsob, ako to urobiť, ale br tag, prerušenie vedenia, keď
naozaj chcel dosiahnuť to, čo som snaží sa pred tým, že udrie Enter, ak
Som výslovne povedal zalomenie riadku, koniec riadku, zalomenie riadku, koniec riadku, a
potom znova načítajte túto stránku, teraz si všimnete , Že v spodnej časti stránky je,
naozaj, veľa ďalej v v spodnej časti stránky.
Ale aj to sa dá urobiť oveľa viac čisto pomocou CSS, a s okrajmi,
a iné podobné estetike techniky.
>> Takže teraz, sú to takeaways.
V HTML, máme tieto veci tzv tagy.
V CSS, musíme tieto veci s názvom vlastnosti.
Môžeme comingle týchto dvoch jazykov, buď pomocou atribútu style,
alebo štýl tag, alebo najlepšie ešte, factoring to sa úplne rovnako ako my
v probléme nastavení 7.
Otázky, teda o koncepčné základy tu?
>> DIVÁKOV: Mám otázku.
>> SPEAKER 1: Oh, ospravedlňujem sa.
>> DIVÁKOV: Prečo to nebolo farebné -
>> SPEAKER 1: Oh, v druhej záložke?
To tu?
>> DIVÁKOV: Nie, je to ako -
>> SPEAKER 1: Oh, to je preto, že Som bol nedbanlivý.
Dal som súbor na zlom mieste.
Takže keď som vlastne dať sem, a ja chmod to, všetko + r pre styles.css a
Teraz znovu načítať stránku, teraz sme dostať späť štylizáciu.
A pretože veľkostí písma inak, my nevidíme úplne rovnako
biely priestor.
My namiesto toho, čo je Východisková hodnota je miesto.
Dobrá otázka.
Áno?
>> DIVÁKOV: Prečo je odkaz tag v hlavičke?
>> SPEAKER 1: Prečo je spojenie tag vnútri hlavičky -
krátka odpoveď, len preto, že.
To je to, čo bolo rozhodnuté.
To je miesto, kde odkaz tagy ísť, keď Máte, čo sa nazýva
externé štýlov.
Ďalšie otázky?
>> Dobre, dobre ideme na to.
Máme toľko zábavy pred nami dnes.
To je len poškriabaniu povrch CSS.
Poďme na to.
Poďme sa päť minút prestávku tu pretože na môj e-mail, poďme visieť vo
tam až do 02:30-ish dnes.
Ale ak máte na odísť, to je v poriadku.
Ale budeme postupovať vpred po päť minút prestávka.
A budeme učiť niečo o PHP, MySQL a ďalšie.
>> Tak jo, skúsme teraz, uviazať niektoré z týchto myšlienok dohromady a robiť,
povedzme, naše vlastné vyhľadávač.
Všimol som si, skôr zvedavo, nasledujúce.
Keď ste na Google.com, že ste typicky na URL, ako je tento tu
sa nič po dot com.
Ale keď som hľadať niečo hlúpeho, ako mačky, a stlačte klávesu Enter, dostaneme - nie
hlúpo, ale vieš.
>> OK, tak oznámenie, v hornej časti stránky, Teraz, URL je, samozrejme, zmenila.
A to nie je nič nové každému z nás.
Kliknete na odkazy a tak sa deje na webe.
Ale čo je zaujímavé, je nasledujúci.
Je tu veľa neporiadku, ale nech ma vyhodiť veci, ktoré nemám
úplne jasné, alebo nie naozaj sa relevantné.
>> Dovoľte mi, aby som toho zbaviť.
Dovoľte mi, aby som toho zbaviť.
A dovoľte mi zbaviť toho všetkého.
A teraz si všimnúť, že mačky sa nachádza v URL, nasledoval s q, potom rovná
prihlásiť pred ním.
Tak to dopadá, ako to je ako to funguje, pokiaľ ide
na vstupe a výstupe.
>> Už dlho hovorili o čierne skrinky, nie?
Takže, ak sa jedná o vykonávaní funkcie tu ako čierna skrinka, to znamená vstup
a produkuje výstup, no, znamená o ktorú poskytuje informácie
webové stránky, je cestou, často jeho URL.
Môžete jednoducho povedané otáznik a potom rovná hodnote kľúča.
A potom možno ampersand, a potom Ďalším kľúčovým rovná hodnote, potom možno
ďalšie ampersand, kľúč rovná hodnote.
To je, ako odovzdáte kľúče a hodnoty, pary vstupov.
>> Takže keď som narazila Zadajte teraz, čo je Zaujímavé na Google je, že všetky
že neporiadok Vymazal som nezobrazí byť nevyhnutne potrebné.
Všetko, čo potrebujem poslať do Google je otázka Značka q sa rovná mačky dostať
späť niektoré mačky.
No, implikácie, potom, sa, či som vytiahnuť gedit, som začal
vytvorenie vlastného vyhľadávača tu v súbore s názvom seach0.html.
>> A nechaj ma ísť dopredu a odstráňte jeden riadok, ktorý
si nemal vidieť.
A teraz, nechaj ma ísť do vlastného prehliadača, tak, aby Google a prejdite na
http://localhost.
A že sa to dostať do cesty.
Takže budeme musieť rozlúčiť sa že pre túto chvíľu, presuňte to sem,
oh, teraz budeme musieť rozlúčiť do tohto súboru.
>> Kedykoľvek máte súbor s názvom index.html alebo index.php v
adresár, v prípade, že webový server nakonfigurovaný týmto spôsobom, to, čo budete
pozri predvolenom nastavení je obsah, ktorý súboru, skôr ako zoznam
adresár, ako som chcel tady.
Viac k tejto problematike špec.
Ty si to vidieť.
>> Tak toto je to, čo som vlastne chcel.
Ale pred chvíľou tam bol súbor v tejto zložke s názvom
index.html a index.php.
A tak bol web server ukazuje mi tie súbory.
Namiesto toho, chcem tento adresár zoznam tu.
>> Takže som ísť do CSS a ísť do search0.
A tvrdím, že je to to bude začiatok mojej vlastnej konkurenčnej
vyhľadávače.
A ako to urobiť, ja idem do Tu, na CSS a otvoriť sa
gedit, hľadanie 0.
Ale bohužiaľ, je tu moc sa tu deje.
Všetko, čo som urobil, bolo použiť záhlavie tag, ktorý stane byť nazývaný h1, ktorý
v podstate znamená veľký a tučné písmo a je to.
Ale prostriedky, ktorými môžeme poskytujú vstupy sú prostredníctvom týchto
veci s názvom formy.
>> Tak ma nechaj ísť dopredu a otvoriť a zatvoriť, preventívne, tag formulára tu.
A nechaj ma ísť ďalej a robiť niečo také.
Vstup, typ rovná textu.
A potom sa poďme zavrieť tag rámci zátvorky samotnej.
Nepotrebujem, kto textového poľa a zastaviť textové pole.
Je to len tam bude, alebo nie.
>> A potom pod to, jdem Typ vstupu rovná odoslať.
Uložiť.
A teraz poďme jednoducho rýchle rozum skontrolovať.
Poďme znova.
>> OK, takže to nie je zlé.
Nie je to Google štýl, ale je to celkom blízko.
K dispozícii je textové pole.
Môžem písať nejaké veci v, stlačte klávesu Enter, ale nič sa nedeje ešte.
A to preto, že som neurčené akcie pre túto formu, aby som tak povedal.
Takže keď som sa vrátiť do formulárového prvku, to dopadá, a viem, že to len
od prečítaní dokumentáciu, aby tag formulára má atribút
s názvom akcie, ktorá je URL webových stránok, na ktoré ste
chcete odoslať formulár.
>> Naozaj neviem, že máme čas na realizovať celú zadnú časť pre
vyhľadávače dnes.
Takže sme len tak povedať, čo, ísť na google.com / search.
A teraz mi zavrieť úvodzoviek.
A dovoľte mi, aby som sa ďalej uvádza, že metódu použiť sa deje
byť nazývaný dostať.
>> Dlhý príbeh krátky, sú dva spôsoby, na Aspoň, že môžete odoslať informácie
z prehliadača na server.
Jedným z nich je získať, a pre dnešné účely, že práve znamená v URL.
Vidíte presne otázniky, na znamienko rovnosti a že tieto znaky
sme videli predtým.
Alebo je tu alternatíva nazýva post.
Zatiaľ vieme, že príspevok je často používaný Pokiaľ chcete vkladať, ako
obrázky a tak ďalej, alebo, ak chcete odoslať informácie o kreditnej karte, alebo
heslá, niečo, čo to nie je naozaj zmysel, koncepčne, alebo
bezpečnostné múdry, že skončí v URL Váš prehliadač, kde snooping rodičia,
alebo spolubývajúci, alebo ktokoľvek s prístupom k počítaču mohli vidieť.
>> Takže poďme zachrániť to tu.
A musím urobiť jednu vec.
Nestačí len hovoria mi textového poľa.
Musím dať tejto oblasti, je cení meno.
Takže dovoľte mi požičať Google výber mená, q, a určiť, že druhý
prisudzujú mi naozaj záleží Názov tlačidlo Odoslať.
Zaujíma ma predkladá čo používateľ zadá palcov
>> A teraz je to trochu škaredé.
Je to len hovorí predložiť.
Ukazuje sa, a viem, že to od dokumentácie, môžem vlastne povedať,
hodnota je citát "koniec citátu CS50 Seach, "close citácie.
Tak poďme znovu načítať znovu.
Tak som sa držať biť Command-R alebo Ovládanie-R na mojej klávesnici znova načítať.
>> Teraz máme oveľa zaujímavejšie vyhľadávače.
To nie je úplne vyzerať Google ešte, hoci.
Tak poďme ďalej sem a urobiť malý koniec riadku.
>> OK, tak teraz máme Google.
V skutočnosti sme sa takmer mať Google.
Takže teraz, čo sa stane?
Budem písať o niečo ako mačky.
A prehliadač bude analyzovať že forma, ktorú som definovala.
A to bude posielať užívateľ na túto adresu URL.
Takže tentoraz z nejakého dôvodu podivné, Mám viac informácií o zásobách
než o aktuálnych mačky.
Ale to je v poriadku, pretože všimnete stále skončil tu, q sa rovná mačky.
>> Tak dlhý príbeh krátky, to sa zdá byť pomerne triviálne získať vstup od užívateľa.
A aby sme boli spravodliví, je to hrozno iných typov polí formulára.
Je tu zaškrtávacie políčka a málo vzájomne exkluzívne radio tlačidlá a
drop down menu, a ďalšie.
Ale všetci z nich sú relatívne jednoducho implementované
Tento text pole bolo.
A nakoniec budeme musieť urobiť či je niekto počúva na strane druhej
koniec čiary, aby si, že spracovanie informácií, nejako, a
nám vrátil naše mačky.
>> Poďme sa pozrieť na niečo viac zapojiť príklad.
Nechaj ma ísť do môjho vhost adresára, do miestneho hostiteľa, verejnosť, a kde som
dať dnešný zdrojový kód.
To všetko bude na kurze je web pre vás pohrať s
A keď som sa ísť do froshims, dovoľte mi otvoriť do tohto súboru sa, froshim0.php.
Toto je trochu ukecaný, takže nebudeme písať to od nuly.
Ale všimnite si, teraz pár trochu známe vlastnosti.
>> Jeden, tag formuláre, iná akcia.
Nie je to kompletné URL.
Teraz je zrejme na súbor s názvom register0.php, pretože v okamihu,
Idem sa učiť sám trochu niečo o PHP, programovanie
jazyk, pretože PHP možno použiť na realizovať to, čo Google realizovaný ako
zadný koniec ich vyhľadávačov.
>> Google v skutočnosti pravdepodobne používa niektoré Python, niektoré C + +, a
zväzky iných jazykoch.
Ale mohli by sme iste realizovať hľadanie Výsledky s použitím PHP, ak by sme chceli.
Ale teraz, budeme držať to jednoduchý.
A to je vlastne pripomína jedného z ďalších prvých webových stránok Aj
vyrobené rokmi.
>> Späť v môj deň, ste sa zaregistrovali na sálový šport ako nováčik podľa
vyplňovanie kus papiera, chôdza cez dvor a jeho umiestnením v
schránka na Proctor v Wigglesworth, a to ako
registrovaný.
A tak môj projekt krátko po CS50, bolo, aby to, čo umožňuje dokonalé
zmysel, na web, ktorý nebol ako v móde, potom ako to je teraz.
Ale všetko, čo sme museli urobiť, bolo vytvoriť v podstate, HTML formulára.
>> A táto forma vyzerala zhruba takto.
Mal som vstup pre prvák meno.
Mal som ďalšie začiarknutie políčka, či alebo nie, chce byť kapitánom, čo
ich pohlavia bol, a čo ich koľaji bol.
A potom som pevne zakódovaný vo veciach ako aple súdu, a Canaday,
Grays, a tak ďalej.
>> Takže znovu, nové značky.
Nevidel som to skôr, nový atribúty, ale pomerne dobre.
Akonáhle uvidíte príklad, môžete druh zo požičať túto myšlienku a aby sa pokles
down menu pre väčšinu čokoľvek.
Ale čo je kľúčové je, že každý z tieto veci majú svoje mená.
A v spodnej časti tohto formulára, je tu tlačidlo submit, ktorých označenie,
alebo hodnoty, je register.
>> Tak poďme na túto stránku.
Nechaj ma ísť späť do výpis adresára.
Nechaj ma ísť do froshims, a prejdite na froshim0.php.
Takže je to odporné, musí byť spravodlivý.
Mohol by som určite štylizovať tento s nejakou CSS, mohol by som urobiť nejaké
grafika, možno pridať nejaké farby, a aby to krajšie.
Ale funkčne, ja tvrdím, že to je vlastne celkom kompletná.
>> Bohužiaľ, keď som sa na to vyplniť, David, kapitán, Muž, budeme voliť,
povedzme Matthews, register, všetko, čo sa deje, je to.
Nevšimnúť pár takeaways.
Po prvé, čo sa súbor vrátil tým, Výsledky zrejme?
Tak to je naozaj register0.php.
Takže to, že sme videli, že akcia Hodnota pred chvíľou pre register0 to
potvrdzuje, že sme naozaj skončila sa v tomto konkrétnom súbore.
>> Teraz je to len škaredý textu.
Ale zistíte, že tento text je pochádzajúce z miestneho hostiteľa,
ktorý je z prístroja.
Myslite spotrebiče teraz len ako webový server, ktorý by mohol byť v
Science Center.
Mohlo by to byť na vlastný web.
Takže je to verejne prístupný.
>> Takže je jasné, že je nejaký spôsob odovzdávania pole formulára vstupy na server
tak, že to môže urobiť niečo s nimi.
Bohužiaľ, register0 je celkom hlúpe.
Všetko, čo to urobí, je vytlačiť rad ktorá vyzerá takto.
A nie je to pole v pocit, že ju poznáme.
Ukázalo sa, že PHP, a veľa jazyky, majú nielen číselne
Indexované polia, ktorých prvý index je nula, potom jeden, potom dva, potom bodka,
bodka, bodka, n mínus jedna.
>> To je to, čo sa nazýva asociatívne pole.
Asociatívne pole je ten, v ktorom môžete uložiť hodnotu kľúča dvojica, kde
kľúč nie je nevyhnutne číslo.
Mohlo by to byť v skutočnosti reťazec, slovo.
, A tak to môže byť vykonaná, pod pokrievku, ako sa ukázalo,
pomocou dátovej štruktúry známej ako?
Myslel som, že sa niečo dramatického sa malo stať -
hash tabuľky.
>> Takže hash tabuľky, odvolanie, tí z vás, kto to urobil za sadu P 6, alebo dokonca vyvolať
to, aspoň to iv prípade, ste skúsiť, hash tabuľka, v našom prevádzke, bola použitá na
uložiť len slová.
Ale naozaj, ste ukladanie kľúče a hodnoty.
Ak ste implementovali hash tabuľky pre P sada 6 slovníka, kľúče boli
slová, a jej hodnoty boli skutočne pravdivé alebo nepravdivé.
Áno, tu, alebo implicitne, Nie, tu nie.
>> No, môžeme zovšeobecniť túto myšlienku.
A mohli by sme použiť veľmi podobná dáta Konštrukcia pre uloženie nie je reťazec
sama o sebe sám vo svojom hash tabuľky, ale Domnievame sa, že v každom z Vášho hash
tabuľky uzlov.
A môžete dokonca urobiť v pokus skôr než len bool.
Tie by mohli mať niečo iné.
Čo keď kľúč nebol maxwell, pre inštancie, ale citujem koniec citátu "meno", alebo
koniec citátu "citoval kapitána." A vnútri Vaše C dátová štruktúra, dáte
hodnota, a to nielen logický, ale hodnoty ako citátom koniec citátu "David", alebo
"M", alebo "Matthews," a tak ďalej.
>> Takže rovnakých dátových štruktúr sme používali zrejme existujú aj v iných jazykoch.
A ja by som tvrdiť, že sú v skutočnosti oveľa, oveľa jednoduchší prístup tu.
Poďme v skutočnosti sa pozrieť teraz na nejakom takomto syntaxe.
>> Chystám sa ísť do adresára PHP.
A ja idem otvoriť lepší verzia Hello-0 pred rokom.
Všimnite si, že všetko, čo som urobil, bolo, pridať nejaké komentáre.
Takže sa môžeme zbaviť tohto rozptýlenie.
>> A tento program je vskutku vytlačí Dobrý deň, pretože som špecifikované medzi
tagy, ktoré chcem spustiť tento kód.
Teraz uvidíme za chvíľu prečo je to užitočné.
Ale poďme otvoriť jeden ďalší príklad tu.
Nechaj ma ísť dopredu a otvoriť povedať, gedit podmienok jedného.
>> To je cesta späť v čase teraz.
Ale týždne, myslím, že v prvom týždni alebo týždeň dva, sme mali s názvom príklad
conditions1.c.
A rozhodol som sa ho implementujeme v PHP, len trochu zdôrazniť, že
PHP, syntakticky, je takmer totožný na C. To nie je obrovský skok
z minulého týždňa v tejto oblasti.
>> Všimnite si, v hornej časti tohto programu, ktorý začína, rovnako ako predtým, s niektorými
pripomienky, ktoré sa zbavím ako rozptýlenie.
Všimnite si, že som v PHP Režim v tomto súbore.
Takže tento kód, uvidíme, dostane popravený.
Všimnite si, že je readline, čo je pravdepodobne
***óg v PHP na getString.
Všimnite si, že je to trochu inak.
Ste vlastne určiť, výzva na funkcia je volaná čítať linka, a to
to, čo používateľ vidí.
Takže sa nemusíte printf ručne.
Ale to nie je veľký problém.
Idem ukladať, vnútri $ n, Vrátená hodnota tejto, takže bez ohľadu na
Užívateľ zadá je ich int.
A tu je ďalší zvedavosť.
Ukázalo sa, že v PHP, akejkoľvek premenné len musí byť predponou
znakom dolára.
Je to trochu nepríjemné.
Ale zistíte, čo som neurobil v PHP.
Čo chýba z ľavej ruky strane od rovnítka?
>> Žiadna zmienka o type.
Takže toto je odlišné od C. Pre lepšiu alebo horšie, PHP je voľne
typový jazyk.
To má čísla.
To má reťazca.
To má pravdivostnú hodnotu.
A to má málo iné dátové typy.
Ale vy, programátor, zvyčajne Nemusíte sa starať o ne.
Výhodou je to, že to robí to trochu jednoduchšie program.
Môžete si myslieť o niečo menej.
Nevýhodou je, že aj vám otvorí až potenciálne chyby, ak ste náhodou
liečbe číslo ako reťazec, reťazec ako číslo, prípadne, ale aj
potom, PHP a mnoho jazykov, sú veľmi tolerantní.
Budú používať to, čo sa nazýva implicitné obsadenie.
A ak sa pokúsite použiť n v rámci z numerického situácie, bude
previesť, čo tu bude reťazec, pretože v prípade, že používateľ zadá
niečo, a dostanete výsledok, rovnako ako readline, alebo sa reťazec,
že sa to vráti reťazec.
>> Ale oznámenia, pár riadkov neskôr som skontrolujte, či n je väčšie ako nula.
Takže PHP bude implicitne odovzdaných my "Reťazec" 123, alebo čo užívateľ
druhy uvedené v, do int.
Takže v skratke, veci jednoducho funguje oveľa viac intuitívne.
Takže teraz začínajú odpočívať niekoľko veci, ktoré sme urobili v minulosti.
>> Mnoho z týchto vecí je rovnaké, aj keď.
Stále ste rovná rovná.
Ako stranou PHP má tiež rovná sa rovná rovná, ale o to, že možno, v
budúcnosť.
To bolo.
Typo ale dva znamienko rovnosti znamená to isté vec ako predtým, pre porovnanie.
printf znamená to isté ako predtým.
Spätné lomítko n znamená to isté vec ako predtým.
>> Tak ako to mám spustiť tento program?
No, rovnako ako predtým, keď to urobím PHP, conditions1.php, a zadajte
číslo ako 123.
To je kladné číslo.
Keby som zadajte 0, 0 vyberiem.
A keď píšem v negatívnom 123, dostanem späť zá***é číslo, čo je iba
povedať, syntakticky, PHP je super, super podobné.
>> Tak prečo je to teraz vhodné vo webovom kontexte?
Dobre, vráťme sa k tejto froshims príklad, ktorý vyzeral,
opäť, ako toto.
A poďme vlastne vytiahnuť webovú stránku znova, ktorý vyzeral takto.
Čo môžeme robiť s dáta, ktorá je predložená?
>> No, dovoľte mi otvoriť novšie verzia tohto.
A uvidíte, že problém sady Špecifikácie vás prevedie
cez niekoľko z nich.
Skôr než začať s nulou, poďme sa pozrieť na froshims3,
ktorý robí trochu viac.
>> Všimnite si najprv, vlastne, poďme otvoriť to, čo bolo 0, takže vidíte
čo registra 0 je.
Všimnite si, ako register 0 robil.
Po prvé, mám pripomienky ***.
Odstrániť tie a sústrediť sa iba na túto tému.
Väčšina obsahu register0.php sú, samozrejme, v akom jazyku?
Len surové PHP.
>> Takže upozornenie, tento súbor sa nespustí sa, v tejto chvíli otvorené triede,
otáznik, PHP.
PHP robí vám umožní stretávať PHP kód s HTML tagy.
Ale čo som urobil, že tu vo vnútri zo strany cez tu.
>> Teraz, opäť, mali by ste poznať iba to od keď sa pozrel na manuáli. print_r,
ako sa ukázalo, je print_recursive. _recursive A to je len šikovný
úžitkové funkcie, ktoré práve vytlačí, rekurzívne, čo odovzdajte ho.
Pokiaľ strane to pole, to bude tlačiť pole.
Pokiaľ strane je číslo, to bude tlačiť číslo.
Stranu je reťazec, bude to vytlačiť reťazec.
Ak máte odovzdať mu hash tabuľky, to vytlačí hash tabuľky.
Nemusíte písať všetky tohto kódexu sami.
>> Teraz si všimnúť, že som zadanie PHP mód sem.
Som ukončení PHP režim tu.
Takže keď webový server číta tento súbor zhora nadol, zľava doprava, pretože
končí v súbore s názvom. php, čo nie je vo vnútri tagov PHP je
len bude pľuvať out, rovnako ako surové HTML.
O nič nejde.
Ale akonáhle webový server oznámenia to, že to bude hovoriť, nemal by som
vypľuť, a to doslova, print_r z post.
Mal by som urobiť nasledovné riadok kódu.
>> Takže posledná otázka, potom, z tohto súboru Je dobre, čo to sakra je?
Urobte si hádať.
Čo je $ _POST, asi?
>> DIVÁKOV: [nepočuteľné]
>> SPEAKER 1: Jo, vyslaní údaje.
Pripomeňme, poďme sa posunúť späť do čas len na chvíľu.
froshim0 opäť vyzeral takto.
Super väčšina je to len HTML.
Opäť platí, že niektoré značky nemáte ešte vidieť, alebo s ktorými
že ste už oboznámení.
Ale zaujímavé to bolo.
Tahle linka je to, čo skutočne spája to, aby naše register0.php súboru.
Ja podaní prostredníctvom metódy POST.
A to znamená, že parametre používateľ zadá nie sú
Skončím kde.
>> Oni nebude zobrazí v URL.
Sú stále bude odoslaný z Klient, z prehliadača, do
servera, ale len cez iné mechanizmus, ktorý budeme vzdať svoje ruky
na pre dnešok, ale to nie je v URL.
Ale všimnite si vzťah teraz s pošta, ktoré sú podľa konvencie, je
malá tu.
>> Ale keď otvorím register0.php, Som zrejme tlače to.
Tak toto je trochu divný pomenovanie.
Ale to, čo je pekné v PHP je, že keď pomocou PHP vo webovom kontexte, nie na
príkazový riadok, ako som to urobil pred chvíľou, keď ste vlastne používať v pavučine
strana, v vhost adresári ako my, PHP bude automaticky vyplniť tento
vec, ktorá je asociatívne pole, aby som tak povedal, hash tabuľky, s
všetko, čo užívateľ napísal palcov
>> Stručne povedané, $ _POST vo všetkých kontaktoch je globálna premenná, ktorá práve PHP
magicky vytvára pre vás, ak pomocou PHP vo webovom prostredí.
A to dáva do nej všetkých názvy parametrov v podobe,
bol predložený k tomuto súboru a všetky hodnoty, ktoré užívateľ zadali palcov
Tak to ruky, aby vám čo užívateľ zadali v tejto podobe.
>> Takže ako sme sa dostali naozaj hlúpy výstup toho len vidieť to, pretože všetko, čo som urobil
bola rekurzívne vytlačiť poľa.
Kľúčom k úspechu je meno, hodnota je David.
Kľúčom k úspechu je kapitán.
Hodnota je na.
A dvojitá šípka a uhol Držiak sa, je to len ľubovoľný.
To nie je kód.
To je len PHP spôsob, ako ukázať vám akú hodnotu nejakého kľúča je.
>> Ale teraz mi dovoľte navrhnúť, aby v froshIMs3, je to takmer totožné
okrem toho predkladá k tomuto súboru.
A opäť budeme trochu len pohľad na to, stačí sa pozrieť na nejaké
syntax, ale uvedomte si, čo Tento súbor.
Hádajte len na základe vzoru kód, ktorý pravdepodobne vyzerať
Riek, do určitej miery, je zrejme robí.
>> Tento súbor je nejako súvisí na poštu, e-mail.
Takže to, čo je tento program robí?
V tejto verzii, keby som bol skutočne vyplňte tento formulár - a nechaj ma ísť
froshIMs3, nie froshIMs0 -
forma vyzerá rovnako.
David, kapitán, samec, koľaji, Matthews.
Ale keď je predkladať, je tento súbor ísť na register3.php.
>> A tvrdím, pri pohľade na to zdrojový kód, bude to
nejako zapojiť e-mail.
Nechaj ma ísť dopredu a otvorte túto vo väčšej okná, a tak sme
môže vidieť čistejšie.
Sme vhosts, miestneho hostiteľa, verejnosti, froshims.
Idem otvoriť iný Program, len aby sme
môžete prezrieť viac naraz.
>> Takže teraz tu, všimnite si pár vecí.
V hornej časti je súbor otvorený držiak, otáznik, PHP.
Potom je tu veľa komentárov, ktoré môžeme ignorovať, je
nezaujímavé teraz.
>> Teraz je to.
Ukazuje sa, že PHP má veľa kódu s názvom vyžadujú.
Je to veľmi podobné v duchu na C je patrí hash zahŕňajú, ktorý
v podstate vezme obsah niektorých iný súbor a len plops je tu,
takže ich môžete použiť.
V tomto prípade, je zariadenie, pre-nainštalované, knižnica, zadarmo a
open source knižnicu s názvom PHP mailer, že niekto môže
stiahnuť z internetu.
Proste sme to za vás.
A to znamená, že teraz majú e-mail Funkčnosť mám k dispozícii.
>> Teraz, všimnite si pár vecí.
Idem na overenie formuláre podanie.
Ukázalo sa, PHP, jeden, má výkrik body pre operátor NOT, rovnako ako
C. Ale PHP má tiež funkciu, tzv prázdna.
>> Prázdny len vracia hodnotu true, ak je hodnota o vec, ktorú odovzdajte ho do
zátvorky je prázdna, rovnako ako užívateľ nemal písať nič palcov
Tak to hovorí, a všimnite syntax, veľmi pripomínajúce C, v prípade, že
názov kľúča, takže názov poľa v tvare, ktorá bola predložená poštou, podľa
užívateľ, nie je prázdny, a ich pohlavia nie je prázdny vo forme,
dobre, a ich koľaji nie je prázdna -
nevšimnúť, ja sa nestarám o kapitána Tak čo s tým budeme robiť?
>> Chystám sa spustiť tento riadok kódu.
A na čo si spomeniete tohto druhu ako malloc, ale je to trochu
chovateľ než to.
Ale teraz to mi dáva zvláštne struct typu PHP Mailer.
Ale ignorovať kľúčové slovo nové pre dnešok.
>> Teraz idem volať funkciu s názvom IsSMTP, ktorý hovorí, použite SMTP.
Toto je port 25, rovnako ako videá minulý týždeň, keď to bolo hádzanie
e-maily do firewallu.
Port 25 je SMTP.
SMTP znamená použiť e-mailový server.
Ktorý z nich môžeme použiť Harvarde SMTP.fas.harvard.edu.
>> Môžeme nastaviť od adresy sa John Harvarde.
Keby som prejdite ďalej, môžem nastaviť adresa príjemcu, len
ľubovoľne, aby sa John Harvard je to rovnako.
Takže to bude e-mailom sám.
>> Teraz môžem nastaviť predmet sa registrácia.
A môžem nastaviť telo na e-mail takto.
Táto linka vyzerá trochu viac zložitejšie, ale to je len preto, že je tam veľa
informácií v ňom.
Po prvé, je tu operátor bodky.
Niekto musí vedieť, čo sa už Operátor bodka robí.
Je to zreťazenie.
Takže ak chcete, aby sa reťazec v PHP, a pripojíte ho, alebo ho predradiť, aby
ďalší reťazec v PHP, vďaka bohu, že Nemusíte používať strcopy a malloc,
a to všetko ešte.
>> Ak chcete zřetězit dva reťazce, kto sa stará o pamäti.
Nechajte PHP údaj, ktorý pre vás.
Čo bude robiť s PHP operátor dot Tu je len urobiť veľký trest von
tohto riadku tento riadok, tento riadok, tento riadok.
A teraz oznámenia, bude to k upchávaniu v hodnotách.
Takže e-mail, že John Harvard sa deje pre príjem je doslova povie
meno, hrubého čreva, niečo, skôr potom uzavrite reťazec a spojiť na
čo užívateľ napísal v, potom nový riadok.
>> Potom na ďalší riadok John Harvarde e-mail, bude to povedať,
Kapitán, On alebo nič.
Bude to povedať pohlavia, muž alebo žena.
Koľaj bude Matthews v mojom prípade.
A potom zistíte známej bodkočiarku na samom konci.
A potom, tu dole, oznámenia, trochu tajomný stále, ale opäť, po
vzor, ktorý sa zoznámiť Po nastavení P 7, pri odosielaní e-mailu
vráti hodnotu false, potom choďte do toho a zomrieť.
>> Takže PHP má funkciu nazvanú zomrieť, , Ktorá doslova, len zabije
webové stránky a len vytlačí čokoľvek to hovoríš - jeho umiera
slová, aby som tak povedal.
A to v prípade, vytlačí čo je chyba info je pre
čo sa stalo s pokaziť.
Tak dlhý príbeh krátky tu, čo máme je príklad, kedy, ak používateľ
odošle formulár, froshim0, froshims3.php, to ide
register3.php.
Ale register3.php potom pokračuje vykonávať všetky tieto riadky.
>> Takže je tu pár prijímame aways tu.
Po prvé, je to vraj pomerne jednoduché, programovo, posielať e-maily,
čo je dobré.
Keď používatelia registra pre vaše webové stránky, v V tomto prípade pri registrácii pre vaše
šport, môžete odoslať e-mailom prváku Proctor, alebo John
Harvard, v tomto prípade.
>> Ale to tiež znamená, že môžete robiť to, čo?
Posielať e-maily od kohokoľvek komukoľvek.
A to je veľmi pravdivé.
To nie je tak ľahko urobiť, ak ste zvyknutí používať Gmail.
Ale ak ste niekedy používali Eudora alebo Outlook, môžete do značnej miery povedať,
mailového servera, že ste niekto chcete.
A to je miesto, kde musím dať na ten klobúk a povedať, nerob to.
Ale to je dokladom toho, aké ľahké je vykonať phishingu a
Poslať anonymný e-maily, a spam, všeobecnejšie.
A je to naozaj scvrkáva Skutočnosť, že všetko, čo potrebujete, je nejaký
programový prístup.
>> Ako stranou, môj najbližší stretnutie s ad doska, moja prváku,
bolo, keď som to zistil v pohode trik, že wow, môžete
posielať e-maily od kohokoľvek.
A tak sme mali nejaké stupídne Argument, doslova v meste Matthews,
Medzi moje Proctor skupiny.
Ja si ani nepamätám čo záležitosť bola.
Ale chcel som skúsiť dať koniec tejto hlúpe debaty.
>> Tak som sa rozhodol, že bude len poslať e-mail k môjmu Proctor skupiny, predstiera, že je
ten druhý, s ktorého stanovisku nesúhlasil, a mať ho strpieť
bez ohľadu na môj názor bol tento konkrétny diskusie.
A tak som kované tento e-mail pomocou Technika duchom podobné tomuto.
Ale to bolo vlastne jednoduchšie v tej dobe.
Hit odoslať.
Nebol rád, ani by boli reklamné tabule.
>> A bol som veľmi rýchlo pochopil rámci sekúnd, pretože, ako viete, mám podpísať
moje e-maily určitým spôsobom.
A keď som to urobiť ručne, u väčších časť, o 15 rokov neskôr, pretože som bol
traumatizované tým.
Nemám podpis na môj e-mail hneď.
Ale v roku 1995 som mal sig, podpis v mojom e-mailu.
Takže tam bola táto poznámka hovorí, Vážení Proctor skupina, som sa zmieriť svoj názor
a súhlasím s Davidom, a podpísaný, aby tak, nová linka, nová linka, DJM.
>> Tak to nerob, alebo všeobecne, sa Výhodou tejto techniky.
Ale keď sa robiť webové stránky, ako pre váš konečný projekt, pri
internetové stránky pre niečo podnikateľské, To je, ako pragmaticky, môžete
využívajú ďalšie služby na internete ako pošty a potom vlastne
Poslať veci pomocou kódu.
>> Takže, ako môžeme zlepšiť na to?
No, v prvej poďme rýchlu prehliadku niektoré z vecí, ktoré uvidíte,
a potom sa pozrieť na pár príkladov.
Takže jedna, upokojiť, pretože letíme cez PHP.
A ja viem, na nejakom mieste, budete mať skutočne začať písať to, ak
tak už neurobili.
Uvedomte si, že jeden, hlavné je druh von okno s PHP.
Ak chcete písať kód, ktorý dostane vykonaný, stačí začať písať ju
súbor s názvom. php tak dlho, kým máte otvorenú konzolu
otáznik PHP tag.
>> Nevšimnúť, sú podmienky v PHP.
Všimnite si, to je presne rovnaký snímka sme mali v prvom týždni, kedy sme mali
podmienky v C. podmienok v PHP sú štrukturálne a
syntakticky rovnaké.
Jediný skutočný rozdiel je, ak máte premenné zapojení, máte tie
dolára.
>> Medzitým, logické výrazy vyzerať takto
alebo-ing alebo a-ing dohromady.
Prepína vyzerajú úplne rovnako.
Čo je pekné v PHP, zatiaľ čo v C, vypínače musia byť na prípady
primitíva ako ints alebo pripaľuje, v PHP váš prípad výpisy, ktoré môžu byť v skutočnosti
na celé reťazca, ktorý je vlastne celkom pekné.
Ušetrí nejaký čas.
Nemožno to urobiť v C.
>> Tu je pre slučky v PHP.
Je to rovnaké.
Možno nejaké doláre týchto premenných.
Nemusíte o tom, že niečo, čo je int.
Jednoducho vyhlásiť ju znakom dolára a názov premennej.
Ale for je rovnaký.
Kým slučka je rovnaký.
Robiť, zatiaľ čo slučka je rovnaký.
>> To je trochu iný.
Takže s PHP, s radom, môžete Staticky deklarovať maticu, ako v C,
ale môžete použiť hranatých zátvoriek.
V jazyku C, mali by ste použiť zložené zátvorky, ak ste ešte vedeli.
Ale to je vlastne veľmi časté v PHP deklarovať pole, v tomto prípade,
čísel a volaní variabilné čísla.
>> Premenné sami vyzerať takto.
Tu je reťazec, citovať koniec citátu "ahoj svet. "Tie by mohli mať spätné lomítko n
Proste nie v tomto prípade.
>> Teraz je to zaujímavá konštrukcia.
C nemá to.
Ale to je super užitočné.
A uvidíte to v sade P 7 spec - pre každý konštrukt.
Ak chcete zopakovať *** všetkými prvky poľa, nemusíte
vysporiadať sa s $ i $ a n, a + +, a to všetko.
Môžete si doslova hovoria, v PHP, tento -
pre každý čísel ako číslo, takže Ja som za predpokladu, že $ čísla
je pole čísel.
A keď hovorím, že pre každý čísel ako číslo, to bude
automaticky, pretože môj slučka vykonáva, aktualizácie, pri každom opakovaní, hodnotu
Vnútri čísla znak dolára -
znova a znova, a znova chôdza Pre mňa cez dané pole.
Takže to len nám ušetrí kód.
Žiadne bodkočiarkami, nie + + 's, no aj to, nie n je, je to len pekné.
>> Ale PHP tiež to má.
A to je veľmi výkonný.
A budete používať tento, ruky na, v P set 7.
A asociatívne pole je deklarovaný hranatými zátvorkami.
Ale všimnite si syntax teraz.
Je to pripomína to, čo sme videli, s print_r pred chvíľou.
Koľko kľúče, ako malý predsa nie sú kontroly, to pole Zdá sa, že.
>> Tak to má dve.
A hovorím to pole.
Ale či to pomôže, môžete si na to, ako hash tabuľky, alebo
asociatívne pole.
Ale to je len iný typ poľa.
A znovu, rôzne jazyky mať tieto.
Uvidíme niečo podobné v JavaScripte rovnako.
Existujú dva kľúče.
Jedným z nich je citácie koniec citátu, "symbol", jeden je citovať koniec citátu "cenu." A tých kláves
každý z nich má hodnotu.
V tomto prípade je hodnota symbolu FB, pre Facebook a cenu má hodnotu 49, 26,
ktorý bol Facebook je skladom cena od dnešného rána.
>> Takže to, čo je užitočné o asociatívne pole.
Mohol som číselne Indexované polia len s
jednoduché hranaté zátvorky.
A mohol by som mal znak dolára citácie sa rovná práve tento.
Dovoľte mi, aby som to urobí.
Dajme tomu, že namiesto toho len vyhlásil, Toto pole takhle.
To je úplne v poriadku, syntakticky.
Nestráca žiadne informácie, samo o sebe.
Stále vidím, že symbol je fb, a že cena je 49, 26.
Tak prečo sú asociatívne pole presvedčivé?
>> DIVÁKOV: Nemusíte si pamätať kam dať veci.
>> SPEAKER 1: Presne tak, nemusíte pamätať si kam dať veci.
Nemusíte ľubovoľne zapamätať že burzový symbol je v zátvorke nula,
a ceny akcií v jednom držiaku, čo je obzvlášť nebezpečné, ak
zmeniť veci, príp.
Je to oveľa príjemnejšie spojiť čo budeme hovoriť metadáta
so svojimi skutočnými údajmi.
Ja by som tvrdiť, že to, čo naozaj záleží o je tu fb a 49, 26..
Symbol a cena je metadáta , Ktorý opisuje dáta, ktoré sme
skutočne záleží.
Ale to je len toľko, jednoduchší prístup.
>> Teraz, keď bokom to, čo je cenou, ktorú platíme?
Robili sme to v CS50 týždne.
Táto funkcia musí prísť v nejakej náklady.
Pamäť.
Takže ste nielen ukladanie 32-bit celé číslo, napríklad.
Tie ukladanie symbolu / 0, pravdepodobne.
Takže používať viac pamäte.
>> A čo je výkon hľadá niečo v
asociatívne pole, asi?
Je to pravdepodobne pomalší.
Náhodný prístup je pekné, a to najmä keď si môžete urobiť binárne vyhľadávanie.
Ale keď ste vlastne teraz nehľadeli čísel, ale pre reťazce, toto
naozaj je realizovaný pod kapucňa, pravdepodobne ako hash tabuľky, kde
odporúčané použiť hash tabuľky s oddelenou reťazenie.
Alebo môžete použiť vyskúšať skutočne uloženie hodnôt.
Takže možno si môžete urobiť konštantný čas, ale stále máte sa pozrieť na S-Y-M-B-O-L,
prípadne, namiesto toho, aby iba 32 kúsky, ktoré vyzerajú niečo ***.
Takže znova, tie isté myšlienky prichádzajú späť opakovať v tejto súvislosti.
>> Ale opäť, PHP má teraz niektorí Super globálne premenné, ktoré, ako sa ukazuje, sú
asociatívne pole.
Videli sme jeden pred chvíľou, $ _POST.
A to super globálnej má kľúče a hodnoty.
Konkrétne sa jedná o kľúče porovnajte s tým, čo?
Kam kľúče v $ _POST pochádza?
Len pre pripomenutie?
>> Divákov: Name.
>> SPEAKER 1: Meno, kde?
>> DIVÁKOV: [nepočuteľné]
>> SPEAKER 1: Názov je atribút.
No kde, odkiaľ sa pôvodne pochádza?
Formulár.
Takže ak HTML stránka má tag formulára, vnútri ktorého sú niektoré vstupy, ako je
zaškrtávacie políčka, textové polia, rozbaľovacie menu, z ktorých každý má svoje meno, ty
mená skončí ako kľúče v $ _POST, a úprimne povedané, keď na to príde, $ _GET.
Ak je metóda get, rovnaký nápad.
Je to len v inom Super Global.
A hodnoty, samozrejme, pochádza z čo užívateľ zadali pri jeho alebo
jej prehliadač.
>> Ale je tu niekoľko ďalších.
Je tu cookie, ktoré my budeme vrátiť sa nakoniec.
Ale to sú veci, ktoré poznáte web používa pre niektoré dobro alebo zlo.
Ale vrátime sa k tomu.
Server a relácie, a tí dvaja nejaké špeciálne nástroje.
>> Ale poďme sa na to pozrieť.
Nechaj ma ísť dopredu a otvoriť príklad volal mvc0.php Tak MVC
znamená nasledovné.
A predstavíme to skôr, než je typické, naozaj, aby vám navrhovanie
Problém set 7, a tiež záverečné projekty, na druhu priemyslu
Štandardný spôsob a čistý spôsob.
Je to dobrý dizajn.
>> Takže ste asi vidieť, a budete skúsenosti, v sade P 7, paradigma, triedenie
programátorské myslenie, to vyzerá Trochu niečo také.
M pre model, C pre radiče, V pre zobrazenie.
Dlhý príbeh krátky, MVC je len trochu metodiky, spôsob výroby
webové stránky, a to najmä, keď si dať všetky vaše stupídne frázy, -
obchodná logika -
všetky vaše duševného vlastníctva čo sa nazýva radič, súbor
ako index.php, alebo uvidíme, quote.php alebo buy.php.
>> V kontexte problému set 7, váš modely zvyčajne obsahujú dáta,
niečo sa vzťahuje k databáze, pretože my budeme nakoniec vidieť, a vaše názory
obsahujú estetiku vášho miesto, HTML, CSS.
Tak už sme videli to v C trochu bit pomocou. h súbory.
Naozaj sme videli pred chvíľou s CSS, faktoringovými štylizácia CSS
veci z nášho HTML.
>> Takže MVC je naozaj len o kreslení čiary v piesku a hovoria,
zaujímavý programový kód pre vašu webová stránka patrí, čo budeme nazývať
regulátor.
Veci vzťahujúce sa k databáze typicky skončí v modeli.
Ale uvidíte, v sade 7 Problém sme zlúčenie C a M, aby to jednoduché.
Ale pohľad je miesto, kde všetky vaše HTML a estetika typicky ísť.
>> Takže čo to znamená v reálnych hodnotách?
No, dovoľte mi ísť do našej MVC adresár takto.
A uvidíte viac z nich turné po vo špec.
Takže v mvc0, tvrdím, že to je, ako, verzia 0 webových stránok CS50 je.
>> Všetko, čo máme, je nejaký HTML, ako je veľký h1 tag, zrejme.
A potom zoznam s odrážkami.
Nikdy som nevidel zoznam s odrážkami skôr, ale žiadny veľký problém.
Poďme rýchlo sa pozrieť do zdrojového kódu.
Ukázalo sa, že neusporiadané zoznam s guľkami je otvorený držiak ul jedným alebo viacerými
ďalšie položky zoznamu, ak.
Tak tu je oznámenie kotva tag.
Videli sme, že pred chvíľou.
>> Takže to je to, ako som implementoval tejto stránky.
Mám dva odkazy, dve položky zoznamu, jeden ul k zoznamu a koniec
Výsledkom je, esteticky, je to veľmi docela webové stránky, verzia 0 tu.
Ale čo je zaujímavé, teraz je, ako to je realizovaný pod kapotou.
>> Nechaj ma ísť do gedit a otvoriť to Prvý príklad namaľovať obraz.
A my sa pozrieme na to, čo je chybný, potenciálne tu.
Teraz, keď idem do localhost, verejné, MVC, všimnite si niekoľko súborov.
Budem volať je pre Moment, všetky regulátory.
Ale to je tak trochu zneužitia, pretože uvidíte všetko, čo sa zmiešava
vnútri nich.
>> A nechaj ma ísť dovnútra index.php.
A vidíme, a to doslova rovnaký HTML.
Takže aj keď tento súbor končí . Php, to neznamená, že musí
žiadny PHP kód.
To môže byť len surové HTML, aj keď to je trochu hlúpe.
Ale zistíte, že to nie je zátvorka PHP označiť, okrem toho, ktorý, úprimne povedané,
je len tam slúžiť ako komentár.
Ale to nie je funkčne ani to zaujímavé.
>> Ale nevšimol.
Čo je zaujímavé je to, čo teraz zmeny na tejto stránke.
Dovoľte mi, aby som kliknite na prednášky.
A všimnite si URL sa čoskoro zmení.
Teraz som na lectures.php.
Dovoľte mi, aby som na tlačidlo nula.
Teraz som na week0.php A teraz mi tieto súbory otvoriť v gedit.
Nie je to len index, ale nech mi otvoria prednášky.
A dovoľte mi, aby som sa zbaviť komentárov zamerať sa na túto časť.
>> A teraz mi dovoľte otvoriť len jeden, week0.php, vyhodiť pripomienky,
len vyčistiť to.
A teraz si všimnite nasledujúce.
Premýšľate naozaj trochu rozmyslieť dizajn, a poďme urobiť to linku
do rovnakej, čo by mohlo byť vykonané tu lepšie, čo myslíte?
>> Ako som urobiť jeden týždeň?
Ako sa o tom.
Takže to je to, ako som sa raz týždenne.
Išiel som do súboru, Nové, Vložiť, Uložiť, week1.php, a potom som išiel sem.
A ja som zmenil jedno -
čo to bolo, jedna do piatku.
Zmenil som nuly do jednej.
Aj to zmenil na jeden.
>> OK, tak teraz sa na moje súbory.
Čo by sa dalo urobiť inak?
Kde je príležitosť, snáď?
Takže je tu príležitosť na nadviazanie factoring tohle von.
Dovoľte mi otvoriť, ako spojler, pre to, čo uvidíte v sade P 7.
Ak otvorím, teraz vo verzii index.php päť z toho, ako to vyzerá
viac tajomné, síce.
>> Ale to teraz, je to, čo budem hovoriť radič, ktorý je ovládajúci
Logika mojej stránke.
A môžete trochu zrekonštruovať, intuitívne, možno, čo sa deje.
Na prvom riadku je trochu záhadný.
Všimnime si ale ja vyžaduje, rovnako ako u ostrý patrí, súbor s názvom
helpers.php.
A potom volám, zdá sa, funkcia, tzv render, odovzdaním
dva argumenty.
>> Jedným z nich je citácie koniec citátu, hlavička.
A druhý je, aký druh dátový typ je to, na základe
na našich syntaxe skôr?
Je to spojené poľa.
Konkrétne je to okolo v názve s niektorými metadát, ktorá pripomína
mi, čo to je a jeho hodnota.
Potom vidím kódované ťažké ul, takže niektoré surové HTML.
Ale potom som sa vrátil do režimu PHP volanie funkcie odmena.
Takže aj keď ste nikdy nepoužívali HTML alebo PHP pred, a to aj napriek tomu, že to vyzerá
desivejšie, prečo je to tak pravdepodobne lepší návrh?
Čo je lepšie, o tom, na základe záveru?
>> DIVÁKOV: [nepočuteľné]
>> Reproduktor 1: menej redundantné v tom, že už nie je HTML tag, nič viac
hlavy tag, nič viac telo tag v každom prekliatom súboru.
Namiesto toho som počítaná spoločné prvky a pravdepodobne dať ich
do súboru nejakým spôsobom súvisí do hlavičky.
A to isté pre úzke telo tag, v blízkosti HTML tag.
To je asi tu vnútri na pätu niekde inde.
A uvidíte, v sade Problém 7, malá prehliadka toto.
>> Čo nás teda čaká?
Jedna vec, nemáme možnosť napriek tomu, je skutočne ukladanie dát.
A tak to, čo začneme vidieť Streda, napríklad, je, že vaša
starý priateľ Excel, alebo čísla, umožňuje ukladať veľké množstvo
Údaje v riadkoch a stĺpcoch.
Ukázalo sa, že vám môže robiť, že to, čo je volal databázy programovo.
manické A ukázalo sa, po tom, budeme môcť ukladať veci, ako je
to, ktoré uvidíte opäť v súbore P 7, celá partia užívateľských mien a
heslá, druhý z nich je vlastne šifrované, rovnako ako oni
boli v hackerskej vydania p Nastavte 2 je.
A nakoniec, budete realizovať to, vlastné ETrade-ako webové stránky, ktoré
realizuje spoločne CS50 financie.
>> Konečne, pretože ste zostali tu tak neskoro Dnes, keď sa vrátiš k tejto časti
kampuse v 16:00 Dnes budeme vám nielen radu, na sčesať
Poradenstvo veľtrhu v 16:00 v Maxwell-Dworkin, dáme vám niektoré
Americone Dream, Cherry Garcia, Chocolate Fudge Brownie, Chocolate
Chip Cookie Dough, a keď Google Chunky Monkey, dostanete to.
Tak toto všetko na vás čaká v 04:00 PM v Maxwell-Dworkin.
Uvidíme sa v stredu tiež.
>> SPEAKER 2: Na ďalšom CS50, RJ spí palcov
>> RJ: Môj sekcie!
Ha!
Oh,