Tip:
Highlight text to annotate it
X
>> SPEAKER 1: Kaikki, oikea tervetuloa takaisin.
Tämä on CS50.
Ja tämä on alku viikolla yhdeksän.
Ja tämä on alku muualla aikaasi CS50, jossa me
siirtyminen nyt lopuksi web osa kurssin, jossa voit
huomaamaan, että monet perustekijät, että olemme vieneet viikkoja
vielä tulla takaisin käymään, tai kummittelemaan, meille.
Mutta nyt, huomaat, että se on suuruusluokkaa helpompi
suorittaa tiettyjä tehtäviä ja ratkaista tiettyjä ongelmia -
niin paljon, että vaikka luulit tietty ongelma sarjaa oli hauskaa heidän
omalla tavallaan, uskon että löydät että p asettaa 7, s. asetettu 8, ja sitten,
lopulta opinnäytetyön tulee sitäkin ilahduttavaa, koska sinun
huomaamaan, että alamme itsestäänselvyytenä nyt asioita, kuten muistin hallinta, ja
osoittimet, ja mitä tapahtuu on alla huppu.
Ja vielä, temaattinen, kaikki koko lukukausi on ollut tähän kerrospukeutuminen
ja kerrospukeutuminen.
Ja nyt olemme tavallaan jopa täällä, seisoo
olkapäät viikkoa aiemmin.
>> Nyt muistamme viimeinen kerta, kun puhui siitä, miten internet toimi.
Ja tämä oli ehkä yksinkertaistava, mutta muista, että
jokainen tietokone maailmassa on IP puuttua, vaikka se on hieman
yksinkertaistava edelleen.
Ja ne osoitteita käytetään yksilöllisesti tunnistaa koneet niin, että
kun lähetät tietoja tai paketteja, niin sanotusti, ne voivat olla peräisin
osoite ja kohdeosoite.
Ja nämä samat IP-osoitteita voidaan käyttää niin hyvässä kuin myös pahaan,
seurata sinua, esimerkiksi.
Itse asiassa jokainen teistä kannettavan Avaa nyt tai puhelinta
taskussa, on IP-osoite on Harvardin verkkoon.
Ja se ei ole kovin vaikeaa korreloivat, että kuka ja missä
ovat näinä päivinä.
Mutta siitä lisää ehkä tulevaisuudessa.
>> Nyt ajattelin tuoda takaisin joitakin muistoja [? parantaa?] ja antaa sinulle
toinen klippi näyttää ehkä tuttuja.
Jos voisimme himmentää valoja vain muutaman sekunnin.
Show Num3rot.
>> SPEAKER 2: Se on 32-bittinen IPP4 osoite.
>> SPEAKER 3: IPP, kuten internet?
>> SPEAKER 2: Yksityinen verkko.
Voit Amita yksityisen verkon.
Hän on niin ihmeellinen.
>> SPEAKER 3: Tule, Charlie.
>> SPEAKER 2: On.
Peili IP-osoite.
Hän antaa meidän katsoa mitä hän tekee reaaliajassa.
>> SPEAKER 1: OK, joten muutamia asioita vikaa tässä kuvassa.
Joten yksi, ja tämä on hyväksyttävää, tämä on todella
ei ole kelvollinen IP-osoite.
Kelvollinen IP-osoite on oltava numerot muotoa w.x.y.z, jossa kukin
nämä kirjeet on 0-255.
Mutta se on hienoa, koska aivan kuten elokuvia, joissa he fake puhelinnumeroita,
ne väärennös IP-osoitteita.
Sinun ei itse lyödä todellinen palvelimia.
>> Mutta huomatkaa, tämä on selain.
Ja selaimet eivät aloita syöttöä tietokone-koodi näin.
Ja jos katsomme hieman syvemmälle, huomaat että kieli että he näkevät
ruudulla on kieli nimeltään Tavoite C, joka on kieli
jonka iPhone apps on kirjoitettu, erityisesti ne, joissa
väriliidut, kuten näette lähdekoodia tästä.
>> OK, ajattelin, että tämä oli hauska.
Joten tämä koodinpätkä on ehdottoman mitään tekemistä mitä tämän
Erityisesti episodi oli noin.
Joten vitsi on tavallaan on oikeesti ottaen tässä myönnetty.
Mutta tämä ei ole kovin vaikea saada nämä tekniset yksityiskohdat oikeassa.
Ja haluan kannustaa teitä.
Ja oikeastaan 50 saattaa hyvinkin pilata paljon TV-ohjelmia ja elokuvia tai et
koska huomaat, että se on vain ei ole mahdollista, mitä he
tekee ruudulla.
Mutta tosiaan, tämä on koodi, joka voisi nähdä sen iPhone-sovellus
tai Mac OS-sovellus.
Sillä ei ole mitään ollenkaan tekemistä turvallisuuden kanssa.
Joten pitää silmällä enemmän niin hauskaa tuollaista.
>> Mutta tänään alamme sukeltaa todella syvästi monenlaisia kieliä.
Eräs kattavana noutoruokapaikkoja tämän osan
Kurssi ei ole oppia ohjelmoimaan PHP, ei oppia SQL sinänsä ole
oppia JavaScript sinänsä, vaan pikemminkin opettaa itse, miten opettaa
itse uusia kieliä, koska todellakin, alamme ottaa nyt
apupyörät pois niin, että kun Kurssin lopussa, et odota 20
sivu erittely kertoa miten toteuttaa joitakin ohjelman.
Sinulla on tarpeeksi ainesosia oman mieli, ja tarpeeksi välineitä oman työkalun
pakki, jolla alkaa rakentaa ratkaisuja ongelmiin kiinnostaa
jostain opiskelijoiden ryhmä, joidenkin tutkimushanke, tai oikeastaan mitään
kiinnostaa sinua.
>> Joten kohti tätä varten muistaa, että tämä oli Kuvassa veti sen viimeisen kerran.
Ja tämä on kaksi tietokonetta, asiakkaan ja katkaista, puhuvat toisilleen.
Ja protokolla, kielen, niin puhua, että nämä kaksi tietokonetta tapahtua
puhuvansa kutsutaan HTTP.
Ja tämä on vain käyttämä protokolla tietokoneet siirtämään informaatiota
World Wide Web.
Web, on tietenkin vain yksi palvelu joka toimii päälle
ns internet.
Mikä on toinen palvelu saatavilla päälle Internetissä näinä päivinä?
Jotkut muut protokollaa tai - mikä se on?
>> Yleisö: FTP.
>> Kaiutin 1: FTP.
Joten File Transfer Protocol on toinen.
Useimmat teistä luultavasti ole käyttänyt sitä.
Mutta useimmat varmaan käyttää asioita, kuten Gchat tai instant
Viestit yleisemmin varmasti sähköpostitse.
Ja nekin, ovat palvelut, jotka toimivat päälle Internetissä, koska kello
Päivän päätteeksi, internet itse oikeastaan vain saada tietoa paikasta A
piste B. Ja se käyttää useita hiukkaset itsessään, joista yksi tai kaksi
niistä yleisimmin kutsutaan TCP / IP, mikä tarkoittaa sitä, että yksi tietokone
Internetissä voi todella tehdä eri asioita, sähköposti,
ja web, ja niin edelleen.
Google tekee paljon tätä.
Joten kuinka nämä palvelut yksilöllisesti tunnistettu, ei sanomme, tietokoneen
että saattaisi olla tekemässä useita asioita?
>> Portin numero.
Ja nämä ovat vain mielivaltaisia ihmisen yleissopimukset, kuten 80 on web, 443
salattu web, 25 on sähköposti.
Ja siellä on läjäpäin muita.
Ja nämä luvut ovat yksinkertaisesti sisältyvät nämä tietopaketit, jotka
virtuaalinen kirjekuori, joka todella sisälsi pyynnön tai vastauksen.
>> Joten kun palaat vastausta web, tyypillisesti, et näe mitään
numerot mitään kannalta tilakoodiksi vastausta.
Et itse nähdä sisäkorvan toiminnasta
paketit, jotka tulevat takaisin.
Mutta 200 todellakin tarkoittaa OK.
Ja se tarkoittaa, että kaikki on hyvin.
Olet ehkä nähnyt kasan näitä.
Joka on todennäköisesti yleisin olet nähnyt Webissä?
>> 404.
Se vain tarkoittaa, tiedostoa ei löydy.
Se tarkoittaa, että joku mokasi.
Teit by kirjoitusvirheet URL, tai joku muu teki antamalla sinulle
virheellinen URL, tai ne poistetaan tiedoston ja URL on vielä
käyttävät ihmiset.
Niin monia eri syitä voi selittää miksi tiedostoa ei löydy.
Ja näet, että tulevina viikkoina, nämä muut virhekoodit, ja voit
hyödyntää joitakin niistä.
Pahin on 500.
Jos saat 500 virhe koodia olet kirjoitettu, ajatella, että tavallaan
analogi seg viat maailman web ohjelmointi.
Se ei ole aivan niin huono.
Mutta se tarkoittaa vain sitä, että jossain, mokasit.
Joten odotan niitä.
>> Mutta katsotaanpa, jos voimme katso niitä asiayhteydessään.
Anna minun mennä selaimen täällä ja toimi seuraavasti.
Joten tämä on Chrome, joka sattuu asennettava laite.
Mutta useimmat jokainen selain näinä päivinä on joitakin vastaavia toimintoja.
Aion mennä jopa Chromen valikosta ja mene Työkalut, ja aion mennä
ja kehitystyökalut.
Ja näet, että tämä pieni paneeli avautuu ikkunan alareunaan.
Toinen pikakuvakkeen, ollakseni rehellinen, että minä Yleensä käytän itse on oikealla klikkaa
tai Control napsauta mitä tahansa web sivu ja vain mennä Tarkasta Element.
Ja se ei vain avaa tämä on sinulle.
Se avaa myös erityisesti, Elements osuus on
vasemmalla puolella.
>> Joten olemme tietenkin nähdä Google.
He muuttivat logo tänään.
Mutta jos minä selaa täällä, huomaa että alle Elements, näet
mitä kutsutaan HTML Hypertext Markup Kieli, ja tämä on kieli
että tämä ja kaikki web-sivuja, todella, on kirjoitettu sisään
Mutta se on todella alustettu meille niin paljon enemmän luettavasti
kuin se normaalisti on.
Itse asiassa, jos minä loitontaa, ja minä sen sijaan Juuri oikealla painikkeella tai Ctrl Click
klikkaa sivun, ja siirry sitten Näytä Page Source, tämä on kirjaimellisesti mitä
Google lähetti alas minun selain.
>> Joten jotkut henkilöiden kirjoitti Google.com käyttää tätä lähdekoodia.
Suurin osa tästä ei ole HTML.
Se on oikeastaan kieli kutsutaan JavaScript, joka
Tulemme keskiviikkona.
Mutta mitä Chrome, ja mitä jokainen selain voi tehdä meille, on eräänlainen katso
ohi kaikki häiriötekijöitä hullu syntaksin ja aseta valkoinen tila
meille, ja jopa syntaksinkorostus, tai värittäminen asioita meille.
Joten huomaat, että nämä niin sanotut kehitystyökaluja rakennettu selaimet
tekee elämästä niin, niin paljon helpompaa koska voit tutustua, tämän valikon kautta
käyttöliittymä, mitä taustalla lähdekoodi on
tahansa sivulle Internetissä.
Ja todellakin, tämä on yksi tehokkaita tapoja oppia tekemään
jotain uutta, ainakin jos sivu ei ole niin monimutkainen kuin hukuttaa, on
alkaa tönäisi ympärillä on HTML, katso sen ns CSS, jossa tulemme
on aivan yhtä hyvin, saada ymmärtää, miten se ohjelmoija
toteutettu joitakin erityisesti ominaisuus sivun.
>> Mutta enemmän teknisesti kiinnostavaa juuri nyt se tulee olemaan tämän.
Jos menen Verkko-välilehti, Katsotaanpa nyt tyhjentää.
Aion napsauta pikku cross symboli täällä, ja sitten
mennä toiseen verkkosivuilla.
Ja olen juuri menossa kirjoittaa vuonna Facebook.com.
Ei HTTP, ei HTTPS, ei WWW.
Katsotaanpa itse nähdä mitä täällä tapahtuu.
>> Anna.
Nyt huomaa koko joukko tavaraa vain ilmestyi tässä pohjalevy, vuonna
Lisäksi web-sivun esiintyvät alkuun.
Aion vierittää takaisin ylös Verkko-välilehti täällä, ja aion
klikkaa ensimmäisellä rivillä.
Mitä tämä työkalu aikoo paljastaa meille on jokainen HTTP-pyyntöjen
että nopeasti vain meni takaisin ja edestakaisin selain
ja Facebookin palvelimelle.
Ja niin jokainen näistä riviä edustaa yhden tällaisen pyynnön tai
vaste, yksi tai useampi ne virtuaalinen kirjekuori.
Tai enemmän rennosti, se on kuin ihminen kuin henkilö, asiakas
ravintola, pyydä jotain uudestaan, ja uudestaan, ja uudestaan.
Ja tarjoilija pitää tuo takaisin yksi kerrallaan.
>> Joten nyt, jos olen zoomata Tämän huomaa ja tämä on sellainen asia
että olet tervetullut ja kannustettava pelata omalla, koska me
ei mene läpi kaiken hyvin yksityiskohtaisesti.
Mutta huomaa siellä Folkebevægelsen tabs täällä -
Otsikot, Esikatselu, Response, Evästeet, ja ajoitus.
Olen juuri menossa katsomaan otsikot nyt, koska nämä ovat vähän
ainesosia sisällä kirjekuori, joka auttaa tietojen päästä ja paikoista.
>> Joten ensin haluan napsauta tätä, View Lähde vieressä pyyntöotsikoihin.
On pyynnön, että minun selain, Chrome, tässä tapauksessa lähetti sisällä
että virtuaalinen kirjekuori.
Muistatte viime viikolla käsin kirjoittanut sen taas
olevinaan selaimen.
Sitten se muistutti palvelimelle, että se on etsivät isäntä kutsui
Facebook.com.
Ja sitten on hieman mystistä tietoa, että me aalto
käsissämme nyt.
>> Mutta jos aloitan selaa nyt Tämän ikkunan, haluan päästä
vastaus otsikot.
Tämä oli mitä on virtuaalinen kirjekuori, joka palasi
Facebook.com.
Ja jos valitsen Näytä Lähde vain nähdä tekstiversion se,
huomata muutamia asioita.
Yksi, Facebook myös puhuu samaa protokollan versio 1.1 viipymättä.
Joten se on mukavaa.
Mutta tila koodi 301, muutti pysyvästi.
>> No, missä hitossa Facebook mennä?
Mitä tämä yrittää välittää meille?
No, huomaat täällä on toinen header kutsutaan Sijainti.
Joten miksi Facebook kertoi minulle, että he muutti pysyvästi, että URL
vieressä Sijainti?
Unohdin www.
>> Joten se oli minun valintani.
Itse asiassa useimmat meistä harvoin, ehkä, kirjoita www.whatever.com näinä päivinä.
Mutta näyttää siltä, järjestelmänvalvoja, kuten Facebookin, voi
määrittää niiden palvelimet siten, että joko Facebook.com toimii, tai
www.Facebook.com toimii, tai oikeastaan, tällainen etuliite edessä heidän
verkkotunnus.
Joten he ovat tehneet, että meille.
Ja he suuntaavat meitä, luultavasti joitakin teknisiä,
Joissakin syistä.
He haluavat vain canonicalize on www.Facebook.com.
>> Mutta se ei ole aivan sitä.
Jos minä selaa täällä, katsotaanpa katso mitä tapahtuu.
Tämä kertoo minulle me muutti pysyvästi
http://www.Facebook.com.
Joten katsokaamme toisen pyynnön että minun selain lähettää.
Valitettavasti näyttää siltä, Facebook on liikkunut uudelleen, koska toinen
pyynnöstä, valitsemalla että URL sijaan, kertoo sekin, muutti
pysyvästi.
Ja haluaisin selaa täällä ja vastaus otsikot.
Missä on Facebook mennyt nyt?
>> Joten HTTPS.
Joten nyt Facebook on alkanut, erityisesti senhetkisten
Viime kuukausien tapahtumat, erityisesti ja myös parin viime vuoden aikana
pakottaa kaikki niiden käyttäjiä, hyvä tavalla, HTTPS, joka on
turvaamiseksi, vaikka ei täysin turvallinen.
Ja nyt minun sivu, selain on aio pyytää tämän kolmannen URL.
Ja nyt lopuksi, saamme muutoin näkymättömät 200 OK.
>> Joten mitä maailmassa tai kaikki nämä muut rivit tänne.
Olen kirjaimellisesti kirjoitetaan yksi asia, ja minun selain näyttää pyytäneet kuten
20 joitakin kummallisia asioita.
Mikä se on?
>> Yleisö: Scripts?
>> SPEAKER 1: Scripts, joten muut tiedostot kirjoitettu kielellä nimeltään
JavaScript, joka taas me ll nähdä hieman keskiviikkona.
Mitä muuta?
Tyylisivut.
Joten jotain kieltä kutsutaan CSS, jonka näemme nyt vähän.
Gif ja jpeg, ja PNGs ja kuvia, ja videotiedostot - mitä web-sivun
on on todennäköisesti tiedoston muodossa.
Ja niin me näemme vasemmalla puolella on kaikki tiedostot
että Chrome oli ladata, rekursiivisesti, jos haluatte, jotta
säveltää koko sivun.
>> Joten mitä näimme hetki sitten Google, jos klikkaan Elements
välilehti, tämä varmasti on HTML, kieli, joka säveltää tämän sivun.
Mutta siellä on läjäpäin muita asioita.
On logo.
Ei ne siniset-ish kuvakkeet tuolla.
Ja siellä on muita elementtejä edelleen sivu, joka itse voisi olla
erillisinä tiedostoina.
>> Joten mitä mukavaa noin selain on, että se näyttää tällä kielellä aiomme
alkaa kirjoittaa, tai olet jo aloitti kirjoittamisen P joukko 7, luvut
missä ne tiedostot elää, ja menee ja nappaa niitä.
Ja en voi korostaa tarpeeksi, vaikka vaikka joitakin tämä saattaa näyttää hieman
mystistä tai ylivoimainen ensi silmäyksellä, opetella ohjelmoimaan
sovelluksia web, se on korvaamaton ymmärtää, miten nämä
pikku työkalut toimivat.
Nämä ovat tavallaan kuin GDB kuten työkaluja, mutta paljon yksinkertaisempaa, lopulta käyttää -
ja todella antaa sinulle silmät, mitä olemme saaneet selvänä
jo jonkin aikaa.
>> Joten mitä voimme nyt tehdä tämän tiedon?
No, itse katsomaan taustalla olevat käsitteet HTML.
Ja me lykätä, koska meillä on jo, että kohdat tällä viikolla, jotta ongelma
asettaa 7 erittely, joihinkin enemmän tiedot näistä kielistä.
Mutta katsotaanpa, jos emme voi maalata kuva siitä, mitä pitäisi ymmärtää
yleistä täällä.
>> Joten HTML, Hypertext Markup Language, ei ole ohjelmointikieli.
Mitä se oikeastaan tarkoittaa?
Joten HTML näyttää tältä.
Ja jotkut teistä jo tietävät tämän.
Jotkut teistä ovat tehneet Tämän jonkin aikaa.
Mutta katsotaanpa, jos emme pysty täyttämään joissakin aihioita samoin.
Niin huomaa pari asiaa täällä.
Yksi, se on vain tekstiä.
Joten se on aivan kuin lähdekoodia C, tai muulla kielellä.
>> Huomaa, että siellä näyttää olla kuvio täällä.
On sisennys, mutta teknisesti sisennys on vain ihmisen
yleissopimus.
Selaimet eivät välitä, jos siellä on uusia linjat ja välilehdet kuten näemme siellä.
Mutta huomaa, että on olemassa symmetries tässä.
On mitä soitan, yläosassa tiedoston, avoin tunnisteen tai alku
tag, kutsutaan HTML.
Ja sitten, alhaalla, täysin vuorattu up, aivan kuten teemme aaltosulkumerkkien,
näemme alkusulkumerkki, eteenpäin slash, HTML, loppusulkumerkki.
Niin, että vastaava lähellä tunnisteen tai lopputunnistetta, että asia.
>> Yhdessä kaikki sisäpuoli niin sanottuja avoimia tag ja lähellä tag
säveltää mitä soitamme elementti.
Ja näemme, vain hetken, se on todella solmun puita.
Koska jos ajattelee nyt kuoppa, jonka implisiittinen täällä,
sellainen on, kuten, isovanhempi solmu kutsutaan HTML.
Kuinka monta lasta voisi sanot, perustuu tässä kuvassa, HTML-elementti on?
>> Joten luultavasti kaksi.
Yksi on pään elementti, ilmeisesti.
Ja yksi on kehon osa.
Ja miksi kaksi lasta?
No, olen juuri sellainen päätellä, että jos Olen avoin pää tag ja sitten
lähellä pään tag, se elementti.
Ja sitten, jos on olemassa toinen avaa kehon tag ja lähellä body, se on kuin
toinen elementti.
Joten siinä mielessä, että jos olen sellainen kiertää kuva kyljelleen, se on
kuin ottaa HTML tag, ja sitten pään tag, ja sitten body ja
sitten tekstiä, hello world, roikkuvat pois body itse.
>> Joten voimme tehdä kuvan, että voisi näyttää.
Muodot ovat mielivaltaisia.
Mutta huomaa, että olen käyttänyt tavallaan Ellipse yläosassa edustamaan
itse asiakirjaan.
On käynyt siellä voi olla muita juttuja sisällä web-sivun, en ole
piirretään täällä.
Joten aiomme edes ripustaa HTML solmu pois ns asiakirjan solmu.
Ja sitten meillä on pää ja kehon ja otsikko, ilmoitus,
joka on sisäkkäisiä edelleen.
En vaivaudu laskemisesta lisälinjan taukoja sisällä otsikkokoodi.
Se vain tuntui se oli tulossa hieman liian monisanainen.
Joten jätin sen yhdellä rivillä siellä, Open otsikko, hello world, lähellä otsikko.
Ja sitten meillä on jotain tekstiä roikkuvat pois täältä.
>> Joten tämä kuva tulee takaisin kun me sukeltaa JavaScript.
Ja ymmärrystä, että kun kirjoittaa HTML näin, mitä
on selain tekee?
No, meillä ei ole syytä huoleen miten se tekee tämän, tai mitä
algoritmi, mutta lopussa päivä, kun selain vastaanottaa HTML, kuten
että Facebook tai Google, se jäsentää se, niin sanotusti, se lukee sen,
kanssa jotain fread, ylhäältä alas, vasemmalta oikealle, ja se
tajuaa, oh, avoin tag ja sulje tag, se alkaa malloc, niin sanotusti
solmu puussa.
Ja kun se kohtaa, kuten olemme ymmärtää täällä sisennys,
lapsi solmu, se mallocs solmu, joka ja sen kiinni puuhun.
>> Joten puurakenteita, binääripuut, ternäärinen puita, ja isompi puita, että
me vilkaisi viikko tai kaksi sitten, ilmoitus , että sama periaate on
tulevat takaisin meille.
Ja joka toteutetaan, Chrome riippumatta joukkue teki sen, oletettavasti oli
toteuttaa jonkinlainen puurakenne alla huppu.
Ja että itse on luultavasti kieltä, kuten C tai C + +, tai alempi
tason kieli, että me nyt käyttää huipulla web.
>> Joten nyt, ehkä, tämä järkevämpää.
Todellinen tatuointi jostain kaveri, joka saattaisi katumaan sitä lopulta, tavallaan.
OK, okei, joten paljon web huumoria.
Se ei todellakaan aio yli niin hyvin tänään.
Joten me eteenpäin.
Selvä.
>> Joten katsomaan nyt muutamia esimerkkejä.
Yksinkertaisin mahdollinen asia voisi olla näin.
Aion mennä eteenpäin ja avata vuonna gedit tiedosto nimeltä hello.php.
Ja sisältä täällä, aion nopeasti vain tehdä tämän printf, lainatakseni
listatut "Hello World".
>> Joten ilmoitusta, ja minä teen kenoviiva n, En ole vaivautunut ilmoittamaan tärkeimmät.
On käynyt ilmi, PHP, ja paljon kieliä, sinun ei tarvitse tärkeimmät
toiminta sinänsä.
Voit vain alkaa kirjoittaa ohjelma.
Nyt, kun olen tallentaa tiedoston, huomaa olen täytyy tehdä seuraavat.
En aio käyttää tehdä, ja en ole aio käyttää kalahtaa koska PHP, toisin
C, ei ole käännetty kieli.
Se mitä kutsutaan tulkita kieli, mikä tarkoittaa, että voit käyttää sitä
tulona kautta toiseen ohjelmaan kutsutaan tulkki.
Ja että ohjelma lukee sen, ylhäältä alas, vasemmalta oikealle, ja tekee
mitä kerrot sen tehdä.
>> Joten tässä tapauksessa täällä olen yksi rivi, joka kertoo printf.
Joten kun käytän tätä lähdekoodia, hello.php, vaikka ohjelman
tapahtuu kätevästi, kutsua PHP, että ohjelma PHP ei lue
tiedoston, ylhäältä alas, vasemmalta oikealle, ja se tulee tehdä mitä
Kerro se tehdä - toteuttamalla koodi, ja jos se ei tunnista jotain, vain
Sylkäiseminen.
Joten aion mennä eteenpäin ja ajaa PHP of hello.php.
Anna.
>> Ja se ei ole aivan mitä aioin.
No, miksi?
No, PHP on kieli, joka on oikeastaan suunniteltu melko
sidoksissa web.
Kun tehdä web-sivuja tällä kielellä PHP, kuten tulemme pian nähdä, hyvitämme
haluavat tehdä jotain tulosta letkujen näin.
>> Joten aion tehdä tämän.
Alkusulkumerkki, kysymysmerkki, PHP, ja Nyt olen juuri menossa luetelmakohdassa vain pitää
asioita mukavaa.
Ja nyt aion tehdä kysymys Merkitse loppusulkumerkki.
Joten siellä vähän epäsymmetria täällä.
Sinun ei tarvitse tehdä tätä.
Ja et tee slash, joten PHP on hieman erilainen.
>> Mutta nyt, jos en suorita tämä ohjelma, PHP hello.php, nyt
itse saada Hello World.
Ja näemme, miksi tämä on arvokasta.
Yksi, se antaa minulle mahdollisuuden määritellä, Super nimenomaisesti, tämä on
koodia, suorita tämä.
Ja se on todellakin mitä nämä erityistä tageja tarkoita täällä.
>> Mutta se tarkoittaa myös sitä, että jos en vain jotain pyrin tänne, että
tarkoittaa sitä, että kirjaimellisesti, että vain tulostetaan ilman tarvetta
edellyttäisivät printf, tai tulostaa, tai vastaava toiminto.
Niin me palaamme, että vain hetken.
>> Ensinnäkin, tehdään tämä.
Kaapin sisällä, meillä on hakemiston nimeltä vhosts, virtuaalinen
isännät, slash paikallinen isäntä, leikata julkisia.
Joten se on vähän monisanainen, mutta pitkä tarina lyhyt, laite on tarkoitettu ei
vain tukemaan C. On myös suunniteltu tukemaan PHP.
Mutta se on myös suunniteltu web palvelin ja tietokantapalvelin.
Ja se on suunniteltu, ja todella määritetty, on muistuttaa mitä tahansa
kaupallisten web hosting-yritys, joka saatat maksaa 5 dollaria kuukaudessa,
100 dollaria kuukaudessa.
Riippumatta palvelu on, se on määritetty on hyvin samankaltainen
reaalimaailman tuotanto-palvelimeen.
>> Ja mitä se tarkoittaa, että käynnissä Laite on web-palvelinohjelmisto.
Se sattuu olemaan nimeltään Apache.
Se on vain ilmainen ja avoimen lähdekoodin, ja erittäin suosittu.
Ja meillä on konfiguroitu Apache tietää että jos käyn tietyn URL, jossa
Chrome tai selaimen sisällä laite, tutkia tähän hakemistoon
varten tiedostot käyttäjä on pyytänyt.
>> Toisin sanoen haluan mennä eteenpäin ja tehdä tämän.
Sisällä minun julkisesta hakemistosta, aion mennä eteenpäin ja luoda tiedoston
index.html.
Se antaa minulle välilehti täällä.
Ja aion mennä hyvin nopeasti ja mennä eteenpäin ja *** ulos
tästä ohjelmasta.
DOCTYPE HTML, joka nyt vain olettaa sinun täytyy kirjoittaa.
Se on vain mystistä tag, se ei ole todella HTML-tunniste, joka määrittää, että
tässä tulee joitakin HTML.
>> Aion mennä eteenpäin ja luoda mitä näimme hetki sitten.
Tässä pään sivulla.
Sisällä pää oli -
niin otsikko.
Joten me tervehtimään, maailman.
Ja sitten täällä oli body.
Lopuksi haluan body.
Ja sitten täällä Otan myös sanoa, vain selvyyden vuoksi, hello world.
>> Joten tämä on, luultavasti, yksinkertaisin mahdollista Web-sivun
voi tehdä, että on voimassa.
Se on rakenteeltaan voimassa.
Kaikkea sitä on avattu on suljettu.
Kaikki on hienosti tyylistä ja sisennetty.
Katsotaanpa nyt miten voivat käyttää tätä tiedostoa.
>> No, anna minun mennä Chrome täällä.
Ja anna minun mennä http://localhost/index.html.
Joten mitä paikallinen isäntä?
No, useimmat minkä tahansa tietokoneen kanssa maailmassa, Linux, Mac OS, Windows, on lempinimi
kutsutaan paikallinen isäntä.
Joten jos joskus haluat puhua omalle koneelle -
vaikkakin, kumma refleksinomaisesti -
soitat itse paikallinen isäntä.
Ei ole väliä mitä todellinen tietokone on kutsutaan, onko se Davidin MacBook
Air, tai jotain verbose niin.
>> Joten tämä URL aiotaan ilmeisesti käyttää HTTP puhua paikallinen isäntä,
Sama tietokone, laite, ja se tulee pyytämään, ota
arvata, mitä kuvaa?
Index.html.
Joten laite on määritetty etukäteen tietää, että jos pyydän
jotain kuten index.html, etsiä nimiseen kansioon vhosts vuonna
kansio nimeltä localhost, kansioon siinä kutsutaan julkisia.
Se kun kaikki omat julkiset tiedostot tulevat olemaan.
Joten olen nyt menossa Enter.
>> Ja perkele, on että kielletty viesti, joka tunnetaan myös 403,
numerokoodi sitä.
Joten mitä vikaa tässä?
No, se ei riitä vain laittaa tiedoston sisällä minun kansioon.
Minun täytyy itse tehdä seuraavasti.
>> Anna minun mennä minun vhosts hakemistoon, osaksi localhost, julkiseen ja anna
minua tekemään ls viiva l.
Ja siellä on muutamia muita asioita täällä nykypäivän tarkoituksiin.
Mutta huomaa vasemmalla puolella, seuraava on index.html, me vain nähdä yhden RW.
Ja aikaisemmin, mitä on RW seisoi?
>> Vain lukea tai kirjoittaa.
Se, että se sanoo rw vasemmalla tarkoittaa I, tiedoston omistajaa, voi
lukea tai kirjoittaa sitä.
Mutta minun täytyy antaa kaikille ihmisille maailman lukea tämän, mutta ei kirjoittaa sitä.
Joten aion muuttaa tilan tiedosto, chmod, kaikki plus r antaa
kaikille lukuoikeus on tiedosto nimeltä index.html.
>> Ja jos minä nyt Retype ls viiva l, ilmoitus että tänne, jotkut enemmän
R: n on piipahti.
Ja nyt, spec menee yksityiskohtaisempi.
P sarja 7, joka tarkoittaa vain kaikille voi nyt lukea tätä tiedostoa.
Jos menen takaisin minun selain nyt ja lataa voila.
Hello world.
>> Ja voin jopa avata minun Chrome työkalut ja katso, kuten Google ja
Facebook, että siellä on minun HTML, muotoiltu hieman
eri tavalla ja colorized.
Jos menen verkko-välilehti ja lataa sivun, huomaat että siellä on saada
pyytää, että Chrome lähettää laitetta.
On 200 että tietyn tiedoston.
Joten lyhyt, tämä on, miten kaikki nämä Eri palasia yhteen.
On vain niin, että www-palvelin käytämme juuri nyt ei ole etäinen,
kuten Facebook.
Se on kirjaimellisesti samassa tietokoneessa, joka on täysin OK.
>> Mitä muuta voimme tehdä web-sivu?
No, juuri, nyt tuulta kautta pari näistä asioista.
Mutta haluan mennä eteenpäin ja avata uudelleen Gedit index.html.
Ja anna minun mennä eteenpäin ja tervehtimään CS50, tallentaa tiedoston, palaa
selain, todella underwhelming muutos.
>> Mutta entä jos haluamme todella linkittää jotain nyt?
Joten käy ilmi, että meillä voi olla linkkejä HTML, jotka ovat vain tageja
itse.
Se tapahtuu kutsua ankkuri tag. href vastaa
https://www.cs50.net, www.cs50.net sulje lainaus, loppusulkumerkki.
Ja nyt katsotaan, mitä muuten tulee seuraavaksi.
>> Olen avannut tag.
Nyt täytyy antaa sille lause kuten CS50.
Lopuksi haluan tag.
Ja huomata muutamia asioita.
Vaikka tämä arvoituksellinen asia täällä, en ole toistaa sitä, kun
Sulje tag.
Sinä vain sulkea tag sen nimi yksin.
Ja tämä on mitä kutsutaan määritteen arvo.
Ominaisuudet vain muuttaa käyttäytymistä Joidenkin tag sisällä sivun.
>> Joten tämä on täsmennetään, että hyper viittaus, hieno tapa sanoa
URL tämän ankkuri, tämän linkki, pitäisi olla CS50.net.
Ja tekstiä, että haluamme näyttää Käyttäjä ei ole, että raaka-URL, vaan
sana CS50.
>> Joten jos nyt uudelleen, haluan zoomaa selkeys, haluan päivittää sivun
huomaa, että meillä on tämä vanha sinisellä alleviivattuna linkki.
Ja jos minä viet sen yli, ja se menee olla vaikeaa nähdä, vasemmasta alakulmasta
yläkulmassa näytön, huomaa että se sanoo URL, johon
Aion mennä.
Ja jos klikkaan siellä, voila, nyt olen tehdä web-sivuja.
Ja olemme johti itse to etusivulle.
>> Mutta huomaa, mitä potentiaaliin Tämä tarjoaa meille.
Turvallisuus on erittäin paljon muodissa näinä päivinä.
Mitä jos sen sijaan sanoa jotain tämän, ja olen sen sijaan mennä vaikkapa nyt
katso, fakeCS50.net.
Lataa tämä sivu uudelleen.
>> OK, niin huomaat sen näyttää vielä olen menossa CS50, ellei ansiokas silmä
Huomaat aion fake CS50.
Olen arvaamaan, tällä alalla ei ole otettu.
OK, joten se ei ole käytettävissä.
Niin se on hyvä.
Kukaan ei oikeastaan ole, että verkkotunnuksen.
>> Mutta olkaamme hieman ilkeä koska se on typerää.
Mitä jos muutamme tämän Paypal.
Ja mitä jos me kutsumme tätä, kuten, www.paypal.badguy.com,
mitä verkkotunnus on.
Että luultavasti on olemassa.
Joten nyt haluaisin päivittää sivun.
Ja tässä meillä on tavallaan phishing hyökkäys, P-H-I-S-H-I-N-G, joka on
typerä sana annetaan hyökkäys yrittää kalastaa tietoja, tai parempi
vielä, rahaa, pois ihmisten huijaaminen ne tarjoavat tietoa,
he eivät muutoin tekisi.
Tämä näyttää täysin legit, eikö?
Minulla täytyy olla linkki tähän Paypal.com.
Oikeudenmukaisuus, jos olen seksuaalinen se jopa joidenkin grafiikka, voimme tehdä se näyttää
enemmän kuin PayPal.
Oikea?
Koska en voinut, koska syrjään, Voisin mennä Paypal.com.
Ja olemme juuri nähneet, miten voin katso kaikki niiden HTML.
Voisin kopioi se ja luo estetiikka Paypal eikä mennä
old school täällä.
Mutta huomaa, tietenkin, ja se on hieman hiljaista, vain pohja
vasemmassa alakulmassa, ja kuten 10 pisteen fontti, näetkö mitä URL olet
todella aiotaan johti.
>> Ja niin, jos olet joskus saanut roskapostia sanomalla mennä eteenpäin, ja olet tilin
on vaarantunut.
Klikkaa linkkiä ja kerro meille, salasanasi, jotta voimme varmistaa, että olet
sinua, älä koskaan tee sitä.
Nämä asiat pitäisi olla itsestään selvää.
Mutta se on ihanan huvittavaa ja traaginen, miten joka vuosi tämä näyttää
tapahtuu noin nollasta joukko ihmisiä.
>> Ja se kauneus phishing.
Voit lähettää miljoonaa sähköpostia.
Ja vaikka 0,01% ihmisistä todella klikkaa Paypal ja antaa sinulle
salasanan, joka on edelleen ei-nolla numero ihmisiä, jotka ovat vain antaa
voit rahansa.
Ja lähettää sähköposteja, tietenkin, on melko helppoa ja ennen kaikkea, vapaa
näinä päivinä.
>> Niin pitkän tarinan lyhyesti, ihanan Kaunis ajatus, eikö?
Vuosia sitten, tämä oli ensimmäinen Web, joka mahdollistaa web
hyperlinkkejä resursseina.
Mutta niin nopeasti se voisi olla käytettävä sairas tarkoituksiin.
Ja sähköposti, on riittävää todeta, nämä päivää, on HTML upotettu sisällä.
>> No, haluan vain yhden asian.
Ja me lykätä pitkälti osio ongelma asettaa seitsemän, jotta voit
tutkia tiedot.
Mutta haluan mennä eteenpäin ja tehdä muutamia asioita täällä.
Aion mennä ja julistaa mitä kutsutaan div tai
jako, sivun.
Lopuksi haluan että div tag.
>> Ja aion sanoa ylös täällä Sivun alkuun.
Ja sitten alle tämän, aion tehdä jotain toista div, sulje tämä
tag, ja tehdä sivun alalaidassa.
Ja Säästetään se.
>> Joten nyt mennään takaisin minun arkistoida.
Erittäin underwhelming.
Mutta mitä jako käytetään, alla huppu, se on itse asiassa
kiva rakenneosa.
Sillä ei ole mitään estetiikka, koska voimme nähdä, muuta kuin ilmeisesti
asettaa asiat uusiin linjat.
>> Mutta huomaa, koska syrjään, vain kävi Anna ei leikata sitä HTML-maali
ei sisään C. Voisi ajatella, että se on aikoo laittaa mukava iso ero
ylä-ja alareunassa.
Mutta se huomiotta.
Valkoinen tila on pääosin huomiotta verkkosivut kuin ensimmäinen
välilyöntiä merkin tai rivinvaihtoa, että osut näppäimistön.
Jos haluat lisää rivinvaihtoja, et on määriteltävä itse.
>> Joten aion tehdä muutamia asioita täällä näyttää mitä tapahtuu.
Aion lisätä ominaisuus, joka olemassa Ja vielä, miten opit
mitä ominaisuuksia on olemassa, mitä tunnisteita olemassa, todella, on online-viittauksia.
HTML on eräänlainen kieli - se on ei ohjelmointikieli.
Se on kuvauskieli - että kun hyvä puoli tuntia, ehkä tunti
se, tulet varmasti ymmärtää, useimmat todennäköistä, perusidea.
Ja sitten Google-haku päässä on kaikki mahdollista tageja, että saatat olla
kiinnostunut
Ja kohti spec, joka on varsin tervetulleeksi ja kannustetaan täällä.
>> Joten nyt haluan mennä eteenpäin ja tehdä jotain.
Tausta-väri.
Ja nyt, aion tehdä jotain kuten punainen, puolipiste.
Ja voit tehdä tämän eri tavoilla.
Olen juuri sellainen kirjoittamalla super mahdollisimman yksiselitteisesti.
>> Mutta näyttää siltä, että tämä arvo tässä mitä kutsutaan CSS, Cascading Style
Sheets, joka on toinen kielen kokonaan.
CSS ei ole mitään tekemistä Avaa tunnisteet ja lähellä tageja.
Se on tekemistä ominaisuuksia.
>> Ja ominaisuudet ovat yksinkertaisesti keskeinen arvo paria, mikä tarkoittaa vain joitakin sana,
paksusuoli, ja sitten joitakin muita sana.
Ja jos sinulla on useita niitä, tai vain yksi täällä, voit lopettaa sen
puolipiste, vain selvyyden vuoksi.
Mutta sekin toimii täällä.
>> Nyt mitä tämä aikoo tehdä?
Arvata.
Anna minun mennä eteenpäin ja lataa tämä sivu.
Ja nyt se on todella tulossa pitkin.
Joten alkuun minun sivu on punainen.
Mutta mitä Tärkeintä tässä on, että mainitsin aiemmin, että div antaa sinulle
jako sivun.
Ja se on todellakin mitä se tekee.
Se lähinnä jakaa sivun suorakulmio, jonka voit sitten
manipuloida.
>> Ja tämä käsite suorakaide on eräänlainen pakottavia, koska jos ajattelet
eniten tahansa sivusto, on luultavasti Joissakin rakenteen sitä.
Useimmat teistä ovat luultavasti harvoin Facebook kotisivu jos olet kirjautunut
kaiken aikaa.
>> Mutta Facebookin etusivu, siellä jonkinlainen div yläreunassa.
Ja se ei ehkä ole niin yksinkertaista yhtenä div, mutta siellä
suorakaiteen alueella on.
Muun sivun on kuin valtava div, kuten paljon
isompi suorakaiteen alueella.
Niin pitkä tarina lyhyt, vain pyytämällä nämä pikku rakennuspalikoita,
mahdollisuutta mallintaa asioita kuin suorakaide, onko leveä tai kapea, voit myös
tehdä sarakkeet mahdollisesti, voit lay out sivua, todella, mutta et
haluaisi.
Olemme todella raapaisimme pinta täällä.
>> Todellakin, jos en tee yksi toinen, anna minun mennä eteenpäin ja tehdä tyyli,
taustavärin, teemme jotain kuten sininen, close lainausmerkkejä.
Katsotaanpa ladata tämä.
Joten nyt se alkaa jopa rumempi.
Mutta nyt voin sellaista keuliminen minun P asettaa viisi taitoja, eikö?
Red.
Se muistuttaa minua RGB, Red Vihreä Sininen kolminkertaistuu.
No, se kääntyy pois web-ohjelmointi, tai web design, joka on tämä, olemme
ei ole vielä ohjelmoitu mitään sinänsä, voit itse
on heksadesimaalikoodia.
Joten jotain jotain, jotain jotain, jotain jotain.
Joten voit olla kuusi heksadesimaali merkkejä, tai kolme, joissakin tapauksissa
ja jokainen näistä kysymysmerkkejä on oltava heksadesimaaliyksikön,
nolla-f.
>> Jos haluan olla paljon punaista, ja Ei vihreä, eikä sininen, mitä
vastakohta nolla käytettäessä hex?
Se on f.
Voin siis tehdä ff, nolla nolla nolla nolla, tallentaa, ja nyt tulla tänne.
Enkä itse nähdä muutoksen.
Joten lainaus lainaus "punainen" on ilmeisesti synonyymi kaikille punainen,
Ei vihreä, ei sinistä.
Samaan aikaan, nyt tietoisesti muuttaa tämä on jotain
satunnainen, kuten ABCDF.
>> Katsotaan, mitä se on.
Se on todella mukava sininen, todella, vaaleansininen.
Okei, joten nämä ovat vain nyt jonkin verran satunnaisia yhdistelmiä
merkkiä.
Joten emme takerru täällä.
Mutta jälleen kerran, tämä puhuu tarkkuus että voit alkaa
sovelletaan - vaikka olet hyvin hukkua jonka estetiikka.
Itse asiassa, jos todella haluat olla vaikuttunut, anna minun mennä eteenpäin ja muuttaa
fonttikokoa, esimerkiksi.
Ja huomaa puolipiste, joka on tarpeen siellä.
>> Fontin kokoa, voimme olla vain naurettava täällä, 96 kohta.
Paitsi että.
Vau, se on iso fonttikoko.
Okei, joten se on erittäin helppo.
Ja todella, olet lähinnä nähdä ensimmäinen web-sivun tein
vuotta sitten, kun ensimmäinen oppinut tätä kamaa.
Se on erittäin helppo tehdä hyvin hirveä asioita nopeasti.
>> Ja jos olet perehtynyt Wayback Kone archive.org, voit
löydät kaikki minun hirvittävän undergrad web-sivuja.
Yksi oli Kermit sammakko edessä.
Kävin läpi vaihe, jossa ajattelin se oli siistiä ottaa taustalla
punainen verho, kun kuulin kuinka voi laatta kuvia uudestaan ja uudestaan, ja
jälleen täyttää sivu iso tahmea punainen verho.
Ja sitten päälle tämän, oli ikoni että olet joutunut klikkaa päästäksesi kotini
sivulle, koska se oli hyvin muodissa.
>> Ja sitten minun ensimmäinen ohjelma ikinä kirjoitti ei ollut PHP, mutta kieli
nimeltään Pearl kirjoitti vieraskirjan, joka on todella kova juttu, että
Monet ihmiset odottavat sinua on on kotisivu.
Kun pääset sivulle, he haluavat sinun kirjautua, ja sanoa, kuka olet,
ja miksi olet siellä.
Tämä on hyvin 1990-luvun tyyliin web design.
>> Mutta näinä päivinä, varmasti, olemme tullut paljon kauemmas.
Ja näet, jaksossa, ja jopa in ongelma asettaa seitsemän, jonka
hyödyntämällä kirjastojen näinä päivinä, se on niin paljon helpompi tehdä
kauniimpi asiat nopeasti.
Oikeasti täällä, me vain raapiminen pintaa mitä voit tehdä
tyylillisesti.
>> Ja itse asiassa jo, haluan korostaa, että tämä on jo tulossa ruma, ei
vain esteettisesti, mutta suhteen tyyli on minun koodi, tai
suunnittelu minun koodi.
Olen tällä hetkellä comingled HTML, joka on vihertävä auki tunnisteet siellä,
CSS-ominaisuuksia, jotka on täysin legit.
Tämä on todella jossa kieltä sai alkunsa.
>> Mutta edun puhdas design, paljon kuin aloitimme factoring juttuja
pois C-tiedostoja. h tiedostoja, anna me myös käytännössä sellaista
periaatteen ja alkaa tehdä Tämän sijaan.
Sanon tyyli tag täällä, joka on olemassa myös HTML, ja haluan
Määritä seuraavat.
Minäpä poistaa.
Taustaväri tulee olemaan punainen.
Aion poistaa kokonaan.
Aion päästä eroon tyyli Yhdistän, ja aion yksilöllisesti
tunnistamaan tämän div sana -
mielivaltaisesti, mutta kohtuudella, lainaus lainaus "päälle." Ja id on erityinen
ominaisuus, joka ainutlaatuisesti määrittelee tietyt HTML-elementti
olevan, että id.
>> Jos minä nyt halua tyylitelty se, jopa täällä esimies sivun sisällä
tyyli tag, huomaa, että Voin tehdä hash alkuun.
Ja sitten voin laittaa pari kihara henkselit, muistuttaa C, ja anna
minua liitä että stilisointi.
Ja anna minun mennä eteenpäin tässä ja ennakoida minne olen menossa tämän.
Saanen myös luoda yksi pohjaa varten div.
Haen tämän hirvittävän koodi alas täällä, laita se tänne, ja minä olen
hieman peräaukon nyt ja tyylitelty sen vain asettaa asiat omaan
line, joka päättyy puolipisteellä.
Anna minun päästä eroon tyyliin tag.
>> Mutta en ole tehnyt vielä.
Minun täytyy tehdä yksi asia.
Joo, id vastaa lainaus lainaus, "pohja" tai mitä id haluan
antaa, että elementti.
Nyt haluan palata tänne.
Ja tämä on karmiva.
En voi käsitellä 96 kohta.
Tehdään 24 kohta.
Tai voit olla täsmällisempi.
Voit itse käyttää pikseliä, px, joten että todella saat hienompaa viljan
valvoa sivusi.
>> Sivuhuomautuksena, se ei ole välttämättä parasta, jos käyttäjille,
saavutettavuus syistä halua pystyä kasvattamaan kokoa.
Niin ymmärtää, että on olemassa tapoja tehdä asioita, jotka eivät välttämättä
kova koodi kaiken.
>> Okei, niin se on isompi, 24 kohta, kuin mitä oletuksena on.
Mutta nyt se on hieman puhtaampaa.
Ja haluan ottaa tämän askeleen pidemmälle.
Aivan kuten ajatus header-tiedostot, huomaa että olemme askeleen lähempänä.
Olen pois laskusta, mutta silti jäljellä, sisällä minun sivu, ne CSS-sääntöjä.
Miksi voisi Haluan ottaa tämän askeleen edelleen, poista kokonaan, ja
laita se erilliseen tiedostoon?
>> Joten en voi käyttää sitä, eikö?
Tämä on juuri sellainen intuitio nyt.
Aiemmin en väittänyt, että se oli vain saada ruma ottaa tyyliin
attribuutteja sisällä divs itse.
Mutta juuri sellainen usko, että läpi.
Kuten sivusi vain pitkittyy, jos olet laskemisesta täällä, ja täällä, ja
tässä, ja tässä, kaikki nämä eri värejä ja fontin kokoa, ja muut tällaiset
attribuutteja, sivusi on hyvin nopeasti tulossa hallitsemattomaksi sinulle.
>> Jos joku tulee luoksesi ja sanoo, oh, tiedätkö mitä?
Haluaisin todella muuttaa fontin kokoa kaksi ylimääräistä pistettä, olet
ehkä mennä ja etsiä ja korvata valtava määrä riviä koodia.
Se on paljon enemmän pakottavia keskittää kaikki tällaiset estetiikka täällä.
Mutta jos haluat käyttää uudelleen näitä estetiikka useita web-sivuja, kaikki
enemmän pakottavia, sillä Esimerkiksi luoda tiedoston
maksoi näistä pitoisuuksista.
>> Ja anna minun tehdä tätä.
Tallenna tiedosto.
Sanon styles.css, mielivaltainen, mutta perinteiset.
Laitan sen John Harvardin kotiin hakemistossa nyt yksinkertaisuuden vuoksi.
Ja mitä voin tehdä minun web-sivu on saada eroon tyyli tag kokonaan,
ja hieman unintuitively, käytä linkkiä tag, joka ei anna sinulle linkin
hyperlinkin, klikattava mielessä, mutta jos sanon linkkiä, href vastaa
styles.css.
Ja suhde, että tämä tekijä on web-sivu on toimia
sen tyylisivu.
>> Joten miten tiedän tämän?
Yksi, voit vain lukea käyttöohjeet, tai et Google ympäri, ja sinä
tarkastella erilaisia resursseja.
Tarkoitan, että todella on, miten nostat tekniikoita, kuten tämä, ja johdonmukainen
tämän ajatuksen opetuksen itsestä uusia kielet, jälleen, huomaat, että
on olemassa vain rajallinen määrä asioita mihin tahansa kieleen, että kun saat
niitä, huomaat, että se saa nopeammin ja nopeammin kirjoittaa.
Itse oppiminen uuden ohjelmakauden kieli on niin paljon nopeampi kuin uusi
puhuttua kieltä, koska nämä asiat ovat paljon pienempiä, ja paljon muuta
täsmällisesti.
>> Mutta olen korostanut vähän on poikkeus tästä.
Miksi olen korostanut tätä vinoviiva täällä?
Koska minulla on sulkea tag.
Minun pitäisi sulkea tag.
Ja löydät lukemattomia resursseja verkossa, jotka eivät
välttämättä sulje tageja.
Ja realistisesti, se ei ole tiukasti tarvittavat tekniset ja on
syistä todellisuutta, selaimet ovat vain melko suvaitsevainen virheitä web
sivuja, parempaan tai huonompaan, mutta enimmäkseen huonompi.
>> Joten täällä on vain puhtaampi tapa sanomalla jotain typerää, kuten tämä,
jos jos haluat avata linkin tag mutta lähellä sitä, siellä oikeastaan mitään käsitystä
sisältöjä link tag.
Se tarkoittaa vain sitä, lataa tätä tiedosto ja laita se tänne.
Se on kuin terävä sisällyttää C. Voit avata ja sulkea tag kaikki kerralla
saman tunnisteen.
Ja siellä on muita esimerkkejä.
Tämä ei ole tapa tehdä tämä, mutta br tag, rivinvaihtoihin, jos olen
todella halusin saavuttaa, mitä olin yrittää ennen lyömällä Enter, jos
I nimenomaan sanoa rivinvaihto, rivinvaihdon rivinvaihto, rivinvaihdon ja
kokeile ladata tämä sivu, nyt huomaat että sivun alaosassa on,
todellakin, paljon kauemmas alas sivun alareunassa.
Mutta sekin voidaan tehdä paljon siististi CSS, ja marginaalit,
ja muiden tällaisten esteettinen tekniikoita.
>> Joten nyt noutoruokapaikkoja tämän.
HTML, meillä on näitä asioita kutsutaan tageja.
CSS, meillä on nämä asiat nimeltään ominaisuuksia.
Voimme comingle näistä kielistä, joko käyttämällä tyyliattribuutti,
tai tyyliä tunnisteen tai paras vielä, factoring se kokonaan pois, kuin me
ongelmatilanteissa asetettu 7.
Kysymyksiin, niin, noin käsitteellinen perusasiat täällä?
>> Yleisö: Minulla on kysymys.
>> SPEAKER 1: Anteeksi.
>> Yleisö: Miksei se värillinen -
>> SPEAKER 1: Oh, toisessa välilehdessä?
Täällä?
>> Yleisö: Ei, se on kuin -
>> SPEAKER 1: Voi, se johtuu Olin nuhruisuutta.
Laitoin tiedoston väärään paikkaan.
Joten jos olen oikeastaan laittaa sen tänne, ja minä chmod se kaikki + R styles.css ja
nyt päivittää sivun nyt saada stilisointi takaisin.
Ja koska fonttikokoa erilaisia, emme näe yhtä paljon
valkoinen tila.
Me sen sijaan nähdä, mitä Oletuksena on sen sijaan.
Hyvä kysymys.
Kyllä?
>> Yleisö: Miksi linkki tag sisällä otsikon?
>> SPEAKER 1: Miksi linkit tag sisällä header -
Lyhyt vastaus, vain siksi.
Tämä on mitä päätettiin.
Se kun linkki tagit mennä, kun olet mitä kutsutaan
ulkoinen tyylisivu.
Muita kysymyksiä?
>> Okei, no tehdään tämä.
Meillä on niin paljon hauskaa edessämme tänään.
Se on vain naarmuuntumista pinta CSS.
Tehdään tämä.
Otetaanpa viiden minuutin tauko täällä koska per sähköpostiini, nyt roikkua
siellä kunnes 2:30-ish tänään.
Mutta jos et tarvitse jätä, se on hieno.
Mutta me menemme eteenpäin, kun viiden minuutin tauko.
Ja me oppia vähän jotain noin PHP, MySQL, ja enemmän.
>> Okei, joten yritetään nyt, sitoa Muutama näistä ideoista yhteen ja tehdä,
sanoa, oman hakukoneen.
Huomasin, vaan uteliaana seuraavat.
Kun olet Google.com, olet tyypillisesti URL kuin tämä yksi täällä
mitään, kun piste com.
Mutta jos etsin jotain typerää, kuten kissoja, ja paina Enter, saamme - ei
tyhmä, mutta tiedät.
>> OK, niin huomaa, yläreunassa sivun, Nyt, URL on tietenkin muuttunut.
Ja tämä ei ole mitään uusi kenelle tahansa meistä.
Klikkaat linkkejä ja juttuja tapahtuu verkossa.
Mutta mitä mielenkiintoista täällä on seuraava.
Siellä on paljon sotkua, mutta anna me heittää pois tavaraa, että en ole
ymmärrä tai ei todella katsoa asiaa.
>> Anna minun päästä eroon tästä.
Anna minun päästä eroon tästä.
Ja haluan vain päästä eroon kaiken tämän.
Ja nyt huomaa, että kissat on URL, seurasi q, niin yhtä
allekirjoittaa sen edessä.
Joten se kääntyy pois näin miten se toimii, kun se tulee
on tulo ja lähtö.
>> Olemme puhuneet mustat laatikot, eikö?
Joten, jos tämä on toteutettu tehtävä täällä musta laatikko, se vie tulo
ja tuottaa tuotos, hyvin, tarkoittaa jolla voit antaa palautetta
sivusto on Poiketen usein, sen URL.
Sinun tarvitsee vain laittaa kysymysmerkki ja sitten avain vastaa arvoa.
Ja sitten ehkä et-merkki, ja sitten toinen keskeinen vastaa arvoa, niin ehkä
toinen et-merkki, avain vastaa arvoa.
Näin ohitat avaimet ja arvot, paria tuloa.
>> Joten jos osuin Anna nyt, mitä mielenkiintoista Google on, että kaikki
jotka sotkevat poistin ei näy on ehdottoman välttämätöntä.
Kaikki minun täytyy lähettää Google on kysymys Mark Q on yhtä kissaa saada
takaisin joitakin kissoja.
No, seuraus, että silloin, on, jos vedän ylös gedit, olen alkanut
tehdä oman hakukoneen täällä tiedosto nimeltä seach0.html.
>> Ja anna minun mennä eteenpäin ja poistaa yksi rivi, että
ei pitäisi nähdä.
Ja nyt, anna minun mennä oman selaimen, niin ei Google, ja siirry
http://localhost.
Ja että menee tiellä.
Joten aiomme täytyy sanoa hyvästit että nyt siirtää tämän tänne,
oh, nyt olemme menossa on hyvästellä tiedoston.
>> Aina kun on tiedosto nimeltä index.html tai index.php
hakemistoon, jos Web-palvelin on määritetty tällä tavalla, mitä ll
katso, oletuksena, on sisältö, joka tiedosto eikä listaus
hakemistoon, koska halusin täällä.
Enemmän tästä spec.
Et nähnyt sitä.
>> Joten tämä on mitä olen itse halunnut.
Mutta hetki sitten oli tiedosto tähän kansioon nimeltä
index.html ja index.php.
Ja niin web-palvelin oli osoittaa minulle nämä tiedostot.
Sen sijaan haluan tämän hakemiston Listaan tähän.
>> Joten aion mennä CSS ja mene search0.
Ja väitän, että tämä on se tulee olemaan alussa oman kilpailukykyisen
hakukone.
Ja tehdä tämän, aion mennä täällä, CSS: ään, ja avautua
gedit, haku 0.
Mutta valitettavasti, on olemassa ei paljon tekeillä.
Kaikki tein oli käyttää otsikon tag, joka sattuu olemaan nimeltään H1, joka
tarkoittaa sitä, iso ja rohkea, ja se on siinä.
Mutta tapa, jolla voimme tuovan ovat kautta nämä
asioita kutsutaan muotoja.
>> Joten anna minun mennä eteenpäin ja avata ja sulkea, ennaltaehkäisevästi, lomake tag siellä.
Ja anna minun mennä eteenpäin ja tehdä jotain tällaista.
Input, tyyppi vastaa tekstiä.
Ja anna Suljetaan tunnisteen suluissa itse.
En tarvitse aloittaa tekstikenttään ja lopettaa tekstikenttään.
Se on vain olemaan siellä tai ei.
>> Ja sitten alle, tehdään tulotyyppi vastaa lähettävät.
Tallenna tämä.
Ja nyt haluan vain tehdä nopeasti järki tarkistaa.
Katsotaanpa uudelleen.
>> OK, joten se ei ole huono.
Se ei ole Googlen tyyli, mutta se on melko lähellä.
On tekstikenttään.
Voin kirjoittaa joitakin juttuja, Enter, mutta mitään ei tapahdu vielä.
Ja se on, koska en ole määritelty toiminta tässä muodossa, niin sanoakseni.
Joten jos menen takaisin lomakkeen elementti, se kääntyy pois, ja tiedän tämän vain
saamasta lukea asiakirjat, että lomake tag vie määritteen
kutsutaan toimintaa, joka on URL Internet-sivuston, johon
haluat lähettää lomakkeen.
>> En todellakaan usko, meillä on aikaa toteuttaa koko loppupäätä
hakukone tänään.
Joten olemme juuri menossa sanoa, eh, Siirry google.com / haku.
Ja nyt haluan suljen lainausmerkkejä.
Ja haluan täsmentää, että tapa käyttää on menossa
kutsua päästä.
>> Pitkä tarina lyhyt, on olemassa kaksi tapaa kello ainakin, että voit lähettää tietoja
selaimella palvelimeen.
Yksi on saada, ja tämän päivän tarkoituksiin, että juuri tarkoittaa URL.
Näet tarkasti, kysymysmerkkejä, yhtäläisyysmerkkiin, ja et-että
näimme aiemmin.
Tai on olemassa vaihtoehto nimeltään postitse.
Nyt tiedämme, että viesti on usein käytetty kun haluat ladata tiedostoja, kuten
kuvia ja niin edelleen, tai kun haluat lähetä luottokortin tietoja tai
salasanoja, mitään, se ei todella järkevää, käsitteellisesti tai
turvallisuus viisas, päätyä URL selain, jossa vakoilla vanhemmat,
tai kämppäkaverini, tai kuka tahansa, jolla on pääsy tietokoneeseen voi nähdä.
>> Joten paitsi että täällä.
Ja minun täytyy tehdä yksi asia.
Se ei riitä vain sanoa antaa minulle tekstikenttään.
Minun täytyy antaa, että kentän Arvostamme nimi.
Sallikaa minun lainata Googlen valinta nimet, q, ja täsmennetään, että toinen
Yhdistän En välitä nimi Lähetä-painiketta.
Välitän on esittää mitä käyttäjä kirjoittaa sisään
>> Ja nyt tämä on sellainen ruma.
Se vain kertoo lähettävät.
On käynyt ilmi, ja Tiedän tämän dokumentaatio, voin todella sanoa
arvo on sama lainaus lainaus "CS50 seach, "lähellä lainaus.
Sitten Katsotaanpa ladata uudelleen.
Olen siis pitää lyödä Command-R, tai Ohjaus-R minun näppäimistö ladata.
>> Nyt meillä on enemmän mielenkiintoisia hakukone.
Se ei ole aivan näyttää Google vielä, vaikka.
Joten mennään eteenpäin täällä tehdä vähän rivinvaihdon.
>> OK, joten nyt meillä on Google.
Meillä oikeastaan melkein ei ole Google.
Joten nyt, mitä tulee tapahtumaan?
Aion kirjoittaa jotain kuten kissat.
Ja selaimen tulee jäsentää että muoto, että olen määritellyt.
Ja se tulee lähettää käyttäjän että URL.
Joten tällä kertaa, jostain utelias syystä Sain enemmän tietoa kantojen
kuin todellisista kissoja.
Mutta se on hieno, koska huomaa vielä päädyin tänne, Q on yhtä kuin kissat.
>> Niin pitkän tarinan lyhyesti, se näyttää melko triviaali saada käyttäjän syötettä.
Ja olla oikeudenmukainen, siellä on läjäpäin muunlaisten lomakkeen kenttiin.
On valintaruudut, ja vähän molempia yksinomainen radio painikkeet ja
valikoista ja enemmän.
Mutta kaikki nämä ovat suhteellisen helposti täytäntöön
Tämän tekstikenttään oli.
Ja lopulta, meidän täytyy vain tehdä että joku kuuntelee muiden
rivin loppuun saadakseen että tietoja käsitellään, jotenkin, ja
antaa meille takaisin meidän kissat.
>> Katsotaanpa hieman enemmän mukana esimerkiksi.
Anna minun mennä minun VHost hakemiston, osaksi paikallinen isäntä, julkinen, ja missä minä
laittaa tänään lähdekoodia.
Kaikki tämä tulee olemaan kurssin sivusto sinulle korjailla.
Ja jos menen froshims, haluan avata tätä tiedostoa nyt froshim0.php.
Tämä yksi on hieman monisanainen, joten emme kirjoita tätä tyhjästä.
Mutta huomaa nyt muutama hieman tuttuja ominaisuuksia.
>> Yksi, muoto tag, eri toiminta.
Se ei ole koko URL.
Nyt on ilmeisesti tiedostoon nimeltään register0.php, koska hetki,
Aion opettaa itseäni hieman jotain PHP, ohjelmointi
kieli, koska PHP voidaan käyttää toteuttaa mitä Google toteutettu
loppupäätä niiden hakukoneita.
>> Google, todellisuudessa todennäköisesti käyttää Joissakin Python, jotkut C + +, ja
läjäpäin muita kieliä.
Mutta voisimme varmasti toteuttaa haku tulokset PHP jos halusimme.
Mutta nyt, me pitää se yksinkertainen.
Ja tämä on todella mieleen yksi Muiden ensimmäinen sivustot I
teki vuotta sitten.
>> Takaisin minun päivä, rekisteröity sisäiset urheilua fuksi by
täyttämällä paperinpala, kävely pihan poikki, ja pudottamalla sen
postilaatikkoon Proctor vuonna Wigglesworth, ja että oli miten
rekisteröity.
Ja niin minun projekti pian CS50, oli laittaa, että mikä tekee mestarin
mielessä, rainan, joka ei ollut kuten muodissa niin kuin se on nyt.
Mutta kaikki oli tehtävä oli luoda, olennaisesti, HTML muodossa.
>> Ja jotka muodostavat näytti kutakuinkin näin.
Minulla oli tulo fuksi nimi.
Minulla oli toinen valintaruutu vai tai he halusivat olla kapteeni, mitä
heidän sukupuolensa oli, ja mitä heidän asuntolan oli.
Ja sitten kova koodattu asioita kuten Apley Court, ja Canaday,
Grays, ja niin edelleen.
>> Joten jälleen, uusia tunnisteita.
En ole nähnyt näitä ennen uusia attribuutteja, mutta melko helposti.
Kun näet esimerkiksi voit sellaista Vieraan pääoman että idea ja tehdä pudota
valikosta useimmille mitään.
Mutta mitä Tärkeintä on, että jokainen nämä asiat ovat nimiä.
Ja alareunassa tämän lomakkeen siellä Lähetä-painike, jonka etiketissä,
tai arvo, on rekisterissä.
>> Joten mennään tälle sivulle.
Anna minun mennä takaisin hakemistolistaus.
Anna minun mennä froshims, ja mene froshim0.php.
Joten se on hirveä, on oikeudenmukainen.
Niin voisin ehdottomasti tyylitellä tämä joitakin CSS, voisin tehdä joitakin
grafiikka, ehkä lisätä joitakin värejä, ja tekevät kauniimpi.
Mutta toiminnallisesti, olin sitä mieltä, että tämä on oikeastaan aika täydellinen.
>> Valitettavasti, kun en täytä tätä, David, kapteeni, Mies, me valita,
sanotaanko Matthews, Register, kaikki tapahtuu on tämä.
Mutta huomaa pari takeaways.
Yksi, mitä tiedosto palautetaan niille, tulokset, ilmeisesti?
Niin se on, todellakin, register0.php.
Niin että näimme, että toiminta arvo hetki sitten ja register0 tämä
vahvistavat, että me todellakin päättyi ylös kyseinen tiedosto.
>> Nyt tämä on vain ruma teksti.
Mutta huomaa, että tämä teksti on lähtöisin paikallinen isäntä,
joka on laitteesta.
Ajattele laitteen nyt vain Web-palvelin, joka voi olla
Science Center.
Se voisi olla todellinen web.
Joten se on julkisesti saatavilla.
>> Niin selvästi, on olemassa jokin tapa välittää muodostaa kentän panoksia palvelimelle
niin, että se voi tehdä jotain niiden kanssa.
Valitettavasti register0 on tosi typerää.
Se vain tulostaa array joka näyttää tältä.
Ja se ei ole array siinä mielessä, että me sen tunnemme.
Osoittautuu, että PHP, ja paljon kielillä, ei ole vain numeerisesti
indeksoitu paneelit jonka ensimmäinen indeksi on nolla, yksi, sitten kaksi, sitten piste,
piste, piste, n miinus 1.
>> Tämä on mitä kutsutaan assosiatiivinen joukko.
Assosiatiivinen joukko on sellainen, jossa voit tallentaa avain arvo-pareja, joissa
avain ei ole välttämättä määrä.
Se voisi itse asiassa olla merkkijono, sana.
Ja niin tämä voidaan toteuttaa, alla huppu, se kääntyy pois,
tietorakenteen tunnetaan?
Ajattelin jotain dramaattista oli tapahtumassa -
tiiviste.
>> Joten hash table, muistaa, ne teistä kuka sen teki P sarja 6, tai edes muista
se, ainakin vaikka et kokeilla, tiiviste, meidän käyttö, käytettiin
vain tallentaa sanoja.
Mutta oikeasti, olit tallentamiseen avaimia ja arvoja.
Jos toteutetaan hash taulukon P asetettu 6 sanakirja, avaimet olivat
sanat itse, ja arvot olivat tehokkaasti tosi tai epätosi.
Kyllä, täällä, tai epäsuorasti, Ei, ei täällä.
>> No, voimme yleistää, että idea.
Ja voisimme käyttää hyvin samankaltaisia tietoja rakenne tallentaa ei merkkijono
itse yksin omassa tiiviste, mutta Oletetaan, että jokainen oman hash
taulukon solmut.
Ja voit jopa tehdä tämän kokeilla eikä vain bool.
Voisit olla jotain muuta.
Mitä jos avain ei Maxwell varten Esimerkiksi, mutta lainaus lainaus "nimi", tai
Lainaan lainaus "kapteeni". Ja sisältä oman C tietorakenne, laitat
arvoa, ei vain Boolen, mutta arvon kuten lainaus lainaus "David", tai
"M" tai "Matthews," ja niin edelleen.
>> Nuo samat tietorakenteita käytimme ilmeisesti on olemassa muilla kielillä.
Ja olin sitä mieltä he todella paljon, paljon yksinkertaisempaa käyttää tässä.
Katsotaanpa itse katsomaan nyt joitakin tällaisia syntaksin.
>> Aion mennä PHP hakemistoon.
Ja aion avata paremmin versio hei-0 entuudestaan.
Huomaa, että kaikki mitä tein oli lisätä joitakin kommentteja.
Jotta voimme päästä eroon, että häiriötekijä.
>> Ja tämä ohjelma ei tosiaan tulostaa Hei, koska olen määritellyt välillä
tunnisteita, jotka haluan suorittaa kyseisen koodin.
Nyt näemme hetken miksi tämä on hyödyllistä.
Mutta katsotaanpa avaa Toinen esimerkki tästä.
Anna minun mennä eteenpäin ja avata sanoa, gedit olosuhteissa yhden.
>> Tämä on tapa ajassa taaksepäin nyt.
Mutta viikkoa sitten, luulen, viikolla yksi tai viikolla kaksi, meillä oli esimerkiksi nimeltään
conditions1.c.
Ja päätin reimplement se PHP, vain sellainen korostaa, että
PHP, syntaktisesti, on lähes identtinen to C. Tämä ei ole valtava harppaus
viime viikolla tähän.
>> Huomaa yläosassa ohjelman, joka alkaa, kuten ennen, joidenkin
kommentteja, joissa pääsen eroon AS häiriötekijä.
Huomaa, että olen PHP mode tähän tiedostoon.
Joten tämä koodi, näemme, saavat teloitettiin.
Huomaa, että on olemassa Readline joka on luultavasti
analoginen PHP on getString.
Huomaa sitä hieman erilainen.
Voit itse määrittää kehotteella toiminto nimeltään lukea linja, ja se on
mitä käyttäjä näkee.
Joten sinun ei tarvitse printf manuaalisesti.
Mutta se ei ole iso juttu.
Aion säilyttää sisällä $ n, palauttaa arvo tämän, niin mitä
käyttäjä on on heidän int.
Ja tässä toinen uteliaisuutta.
On käynyt ilmi, PHP, mikä tahansa muuttuja vain on etuliitteenä
kanssa dollarin merkki.
Se on vähän ärsyttävää.
Mutta huomaa, mitä en ole tehnyt PHP.
Mitä puuttuu vasemman käden puolella yhtäläisyysmerkkiä?
>> Ei mainintaa tyyppiä.
Joten tämä on erilainen C. paremmin tai pahempaa, PHP on väljästi
kirjoitettu kieli.
Se on numeroita.
Se on jouset.
Se on booleans.
Ja se ei ole muutamia muiden tietojen tyypit.
Mutta sinä, ohjelmoija, yleensä ei tarvitse välitä heistä.
Ylösalaisin tähän on, että se tekee se hieman helpompi ohjelma.
Voit ajatella hieman vähemmän.
Huonona puolena on se myös avaa sinulle jopa mahdollisia vikoja, jos olet vahingossa
kohdella numero string, string kuten monet, mahdollisesti, mutta myös
sitten, PHP, ja paljon kieliä, ovat melko suvaitsevaisia.
He käyttävät mitä kutsutaan implisiittinen valu.
Ja jos yrität käyttää n yhteydessä numerosarjasta tilanne, se
muuntaa mitä täällä tulee olemaan string, koska jos käyttäjä kirjoittaa
jotain, ja saat tuloksen, kuten readline, tai saada merkkijono,
joka tulee palauttaa merkkijono.
>> Mutta huomaa, pari riviä myöhemmin, tarkista, jos n on suurempi kuin nolla.
Joten PHP on menossa epäsuorasti annoin "Merkkijono" 123, tai mitä tahansa käyttäjän
tyyppejä, osaksi int.
Joten lyhyt, tavaraa vain toimii paljon enemmän intuitiivisesti.
Joten nyt alkaa rentoutua muutamia asioita, joita olemme tehneet menneisyydessä.
>> Paljon tätä tavaraa on sama, vaikka.
Vieläkään vastaa yhtä.
Sivuhuomautuksena PHP on myös vastaa yhtä vastaa, mutta siitä lisää, kenties
tulevaisuudessa.
Se oli.
Typo mutta kaksi yhtäläisyysmerkkiin tarkoittaa samaa asia kuin ennen, vertailun.
printf tarkoittaa samaa kuin ennen.
Kenoviiva n tarkoittaa samaa asia kuin ennen.
>> Joten miten voin suorittaa tämän ohjelman?
No, kuten ennenkin, jos en PHP, conditions1.php, ja kirjoita
numero kuin 123.
Se on positiivinen luku.
Jos kirjoitan 0, otan 0.
Ja jos kirjoitan negatiivinen 123, saan takaisin negatiivinen luku, joka on vain
sanoa, syntaktisesti, PHP on super, super samanlaisia.
>> Miksi tämä nyt hyödyllistä Web-yhteydessä?
No, mennään takaisin tähän froshims Esimerkiksi joka näytti,
uudelleen, kuten tämä tässä.
Ja nyt todella vetää ylös sivun uudelleen, mikä näytti tältä.
Mitä me voimme tehdä tietoja, jotka ovat lähettäneet?
>> No, minäpä avata uudempi versio.
Ja huomaat, että ongelma sarjaa erittely kävelee
läpi muutamia näistä.
Sen sijaan aloittaa nollasta, Katsotaanpa froshims3,
joka tekee vähän enemmän.
>> Huomaa ensin, oikeastaan, nyt avata , mitä oli 0, niin näet
mitä rekisteri 0 oli.
Huomaa, mitä rekisteri 0 teki.
Yksi, olen kommentit yläreunassa.
Poista ne ja keskittyä vain tähän.
Useimmat sisällön register0.php ovat, tietenkin, mitä kieltä?
Vain raaka PHP.
>> Joten ilmoitus, tätä kuvaa ei käynnisty kanssa, tällä hetkellä, alkusulkumerkki,
kysymysmerkki, PHP.
PHP ei voit sekoittuvat PHP HTML tageja.
Mutta olen tehnyt, että täällä sisällä sivun tänne.
>> Nyt, jälleen, olisit vain tiedä tätä alkaen tarkasteltuaan käsin. print_r,
se kääntyy pois, on print_recursive. _recursive Ja tämä on vain kätevä
hyötyfunktion että vain tulostaa, rekursiivisesti, mitä luovuttaa niitä.
Jos käsi se joukko, se tulee tulostaa array.
Jos käsi se numero, se tulee tulostaa numeron.
Toimita se merkkijono, se tulee tulostaa merkkijonon.
Jos käsi on tiiviste, se tulostaa tiiviste.
Sinun ei tarvitse kirjoittaa kaikki tuon koodin itse.
>> Nyt huomaan, että olen syöttämällä PHP tilassa tänne.
Olen poistuminen PHP tilassa tänne.
Joten kun web-palvelin lukee tätä kuvaa ylhäältä alas, vasemmalta oikealle, koska
se päättyy tiedostonimi kutsutaan. php, mikä ei sisällä PHP tunnisteet on
vain olemaan sylkeä pois, kuten raaka HTML.
No big deal.
Mutta heti, kun web-palvelin huomaa Tässä se tulee sanoa, minun ei pitäisi
sylkemään, kirjaimellisesti, print_r post.
Minun pitäisi suorittaa seuraavat riviä koodia.
>> Joten viimeinen kysymys sitten tämän tiedoston on, hyvin, mitä hittoa tämä on?
Ota arvaus.
Mikä on $ _POST, luultavasti?
>> Yleisö: [äänetön]
>> SPEAKER 1: Joo, lähetetty data.
Recall, nyt siirtyy taaksepäin aikaa vain hetken.
froshim0 taas näytti tältä.
Super Suurin osa on vain HTML.
Toisaalta osa tageja et ole nähnyt vielä, tai joiden kanssa
olet jo tuttu.
Mutta mielenkiintoinen asia oli tämä.
Tämä linja on mitä todella yhdistää se meidän register0.php tiedoston.
Olen lähettämällä kautta menetelmä postitse.
Ja se tarkoittaa, että parametreja käyttäjä on ei
ehdi missä.
>> He eivät aio näy URL.
Ne ovat vielä menossa lähetetään asiakas, alkaen selain, jotta
palvelimelle, mutta vain kautta muun mekanismi, joka me luopua kätemme
klo tänään, mutta se ei ole URL.
Mutta huomaa suhdetta nyt viesti, jotka perinteisesti on
pieniksi täällä.
>> Mutta jos minä avata register0.php, Olen ilmeisesti tulostaa tästä.
Joten tämä on tavallaan outo nimeämiskäytäntöä.
Mutta mitä mukavaa PHP on, että kun PHP web-yhteydessä ole
komentoriviltä kuten tein hetki sitten, kun olet todellisuudessa käyttävät sitä web
sivun VHost hakemistossa kuin olemme, automaattisesti tulee PHP täyttää tämän
asia, joka on assosiatiivinen array, niin sanotusti, tiiviste, jossa
kaikki käyttäjän kirjoitetaan sisään
>> Lyhyesti sanottuna, $ _POST ISOILLA on globaali muuttuja, että PHP vain
maagisesti luo, kun PHP web-yhteydessä.
Ja se asettaa sen sisälle kaikki nimet parametrit muodossa
jätettiin tähän tiedostoon ja kaikki arvoja, jotka käyttäjä kirjoitettu sisään
Joten se ojentaa teille, mitä käyttäjä kirjoitit tuolle.
>> Joten ennen, saimme todella tyhmä lähtö vain nähdä tämän, koska kaikki mitä tein
on rekursiivisesti tulosta tämä joukko.
Tärkeintä on nimi, arvo on David.
Tärkeintä on kapteeni.
Arvo on.
Ja kaksoisnuoli ja kulma kiinnike siellä, tämä on vain mielivaltainen.
Tämä ei ole koodia.
Tämä on vain PHP: n tapa osoittaa sinulle mikä arvo on noin avain on.
>> Mutta nyt haluan ehdottaa, että froshIMs3, se on lähes identtinen
paitsi se esittää tähän tiedostoon.
Ja vielä, me aiomme sellainen vain vilkaista tätä, vain nähdä
syntaksin, mutta huomaa, mitä tiedostoa ei.
Arvaa vain perustuu linjat koodi, joka luultavasti näyttää
Kreikka, jossain määrin, on ilmeisesti tekemässä.
>> Tämä tiedosto on jotenkin liittyy mail, sähköposti.
Joten mitä tämä ohjelma tekee?
Tässä versiossa, jos olisin todella Täytä tämä lomake - ja anna minun mennä
froshIMs3, ei froshIMs0 -
muoto näyttää samalta.
David, kapteeni, mies, asuntolan, Matthews.
Mutta jos lähetät tämän, tämä tiedosto on menossa register3.php.
>> Ja väitän, katsomalla sitä on lähdekoodia, se tulee
jotenkin liittyy email.
Anna minun mennä eteenpäin ja avata tämän vuonna isossa ikkunassa, joten
voi nähdä sen puhtaammin.
Olemme vhosts, paikallinen isäntä, julkinen, froshims.
Aion avata eri ohjelmaan, joten
voi nähdä enemmän kerralla.
>> Joten nyt täällä, huomaa muutamia asioita.
Ylimpänä tiedosto on avoinna kiinnike, kysymysmerkki, PHP.
Sitten on joukko huomautuksia, jonka voimme sivuuttaa, on
mielenkiinnoton nyt.
>> Nyt on tämä.
On käynyt ilmi, PHP on paljon koodia kutsutaan vaativat.
Se on hyvin samanlainen henki C: n kuuluu, hash kuuluu, joka
olennaisesti tarttuu sisältö joidenkin muiden tiedostojen ja vain vaappuu niitä täällä,
joten voit käyttää niitä.
Tässä tapauksessa laite on, esiasennettuna, kirjasto, vapaa ja
avoimen lähdekoodin kirjasto nimeltään PHP Mailer, että kuka tahansa voi
ladata Internetistä.
Me vain teimme sen sinulle.
Ja tämä tarkoittaa, että minun on nyt sähköposti toiminnallisuus käytettävissäni.
>> Nyt, huomaa muutamia asioita.
Aion vahvistaa lomakkeen mukaan.
Selvisi PHP, yksi, on huudahdus pistettä ei toimija, kuten
C. Mutta PHP on myös toiminto nimeltään tyhjä.
>> Tyhjä vain palauttaa true, jos arvo ja mitä toimita se
Suluissa on tyhjä, kuten käyttäjä ei kirjoita mitään sisään
Joten tämä sanoo, ja huomaa syntaksin, muistuttaa hyvin paljon C, jos
nimen näppäintä, niin nimi kentän muodossa, joka on toimitettu postitse, jonka
Käyttäjä ei ole tyhjentää, ja niiden sukupuoli ei ole tyhjä muodossa kuin
hyvin, ja niiden asuntolan ei ole tyhjä -
mutta huomaa en välitä kapteeni, niin mitä me teemme?
>> Aion toteuttaa tämä rivi koodia.
Ja voit ajatella tällaista kuten malloc, mutta se on hieman
harrastaja kuin.
Mutta nyt tämä antaa minulle erityinen struct tyypin PHP kirjeessä.
Mutta jättää avainsanan uutta tänään.
>> Nyt aion soittaa toiminto nimeltään IsSMTP, joka sanoo, käytä SMTP.
Portti on 25, kuten video viime viikolla, kun asia oli heittää
sähköposteja palomuuri.
Portti 25 on SMTP.
SMTP tarkoittaa käyttää sähköpostipalvelin.
Kumpi, voimme käyttää Harvardin SMTP.fas.harvard.edu.
>> Voimme asettaa osoitteesta olla John Harvardin.
Jos minä selaa edelleen, voin asettaa vastaanottajan osoite, vain
mielivaltaisesti, on John Harvardin samoin.
Niin hän aikoo olla sähköpostitse itselleen.
>> Nyt voin asettaa aihe olevan rekisteröinnin.
Ja voin asettaa kehon sähköpostin seuraavasti.
Tämä linja näyttää hieman arvoituksellisesti, mutta se on vain koska siellä on paljon
Tietojen siinä.
Yksi, siellä on piste toimija.
Joku on jo konkreettinen dot operaattori tekee.
Se ketjuttamista.
Joten jos haluat ottaa merkkijono PHP, ja liittää sen tai prepend sen,
toinen merkkijono PHP, Luojan kiitos ei tarvitse käyttää strcopy ja malloc,
ja kaikki tämä enää.
>> Jos haluat ketjuttaa kaksi merkkijonoa, joka välittää muistiin.
Anna PHP luku ulos sinulle.
Mitä PHP tehdä piste operaattorin täällä on vain tehdä iso lause pois
tämän linjan, tätä linjaa, tätä linjaa, tätä linjaa.
Ja nyt ilmoitus, se menee voidaan kytkemällä arvot.
Joten sähköpostia, että John Harvardin menee vastaanottaa on kirjaimellisesti aikoo sanoa
nimi, paksusuoli, jotain, vaan meidän Sulje merkkijono ja liität päälle
mitä käyttäjä kirjoittaa , sitten uusi rivi.
>> Sitten seuraavalla rivillä John Harvardin sähköpostin, se tulee sanoa
Kapteeni, On tai ei mitään.
Se tulee sanoa sukupuoli, mies tai nainen.
Asuntolan tulee olemaan Matthews minun tapauksessani.
Ja sitten huomaat tuttu puolipiste aivan lopussa.
Ja sitten, tänne, ilmoitusta, hieman arvoituksellinen edelleen, mutta jälleen kerran, sen jälkeen
malli, joka tutumpi jälkeen P asettaa 7, jos lähetät postia
palauttaa false, sitten mennä eteenpäin ja kuolla.
>> Joten PHP on toiminto nimeltään die, joka kirjaimellisesti vain tappaa
verkkosivuilla ja vain tulostaa mitä tahansa kerrot sen - sen on kuolemassa
sanoja, niin sanoakseni.
Ja että tapauksessa, se tulostaa mitä virhe info on
mitä tapahtui mennä pieleen.
Niin pitkän tarinan lyhyesti täällä, mitä meillä on on esimerkki, jossa, kun käyttäjä
lähettää lomakkeen, froshim0, froshims3.php, se menee
register3.php.
Mutta register3.php sitten etenee suorittaa kaikki nämä rivit.
>> Joten siellä on muutama take away täällä.
Yksi, se on ilmeisesti melko helppoa, ohjelmallisesti, lähettää sähköposteja,
mikä on hyvä.
Kun käyttäjät rekisteröityä sivuston, vuonna Tässä tapauksessa, kun ne rekisteröidä oman
urheilu, voit lähettää sähköpostia fuksi Proctor tai John
Harvard, tässä tapauksessa.
>> Mutta se tarkoittaa myös sitä, voit tehdä mitä?
Lähettää sähköposteja keneltäkään kenellekään.
Ja tämä on aivan totta.
Tämä ei ole niin helppo tehdä, jos olet tottunut käyttämään Gmailia.
Mutta jos olet koskaan käytetty Eudora tai Outlook, voit melko paljon kertoa
sähköpostipalvelin, että olet kenet tahansa.
Ja tämä on, jos minun täytyy laittaa että hattu ja sanoa, älä tee tätä.
Mutta tämä on osoitus, kuinka helppoa se on tehdä phishing-hyökkäysten ja
lähettää nimettömiä sähköposteja, ja roskapostia, yleisemmin.
Ja se todella kuihtuu se, että kaikki mitä tarvitset on noin
ohjelmallisen.
>> Sivuhuomautuksena, minun lähin kohtaaminen mainos aluksella, oma lukuvuoden aikana,
oli, kun löysin tämän jäähtyä huijata, että wow, voit
lähettää sähköposteja keneltäkään.
Ja niin meillä oli jonkin typerän argumentti, kirjaimellisesti, Matthews,
keskuudessa minun Proctor ryhmään.
En edes muista mikä ongelma oli.
Mutta halusin kokeilla laittaa lopettaa tähän tyhmä keskustelua.
>> Päätin vain lähettää sähköpostia minun Proctor ryhmään, olevinaan
toinen kaveri, kanssa, joiden lausunnon I eri mieltä, ja hänet alistuvat
mikä mielestäni oli tässä keskustelussa.
Ja niin taottu tämän sähköpostin avulla Vastaavaa tekniikkaa hengessä tähän.
Mutta se oli itse asiassa helpompaa tuolloin.
Hit lähetä.
Hän ei ollut tyytyväinen, eikä myöskään ollut mainos aluksella.
>> Ja olin hyvin nopeasti pyydettyä sekuntia, koska, kuten tiedätte, allekirjoitan
sähköpostit tietyllä tavalla.
Ja vaikka teen sen manuaalisesti, suurissa osa, 15 vuotta myöhemmin, koska olin
traumatisoituneita että.
Minulla ei ole allekirjoitusta minun email nyt.
Mutta vuonna 1995, sain juuri sig, allekirjoitus sähköpostiini.
Joten oli tämän merkinnän sanomalla, Dear Proctor ryhmä, minä alistuvat mielestäni
ja samaa mieltä David, allekirjoitettu niin ja niin, uusi linja, uusi linja, DJM.
>> Joten älä tee sitä tai yleensä ottaa Tämän tekniikan etuna.
Mutta kun tekee sivuston, kuten varten oman opinnäytetyön tehdessään
verkkosivuilla jotain yrittäjyyteen, näin, pragmaattisesti, voit
hyödyntää muita palveluja Internetissä kuten sähköposti ja sitten itse
lähettää asioita koodilla.
>> Joten kuinka voimme parannella tätä?
No, sallikaa nopea kierros joitakin asioita, että näet,
ja sitten katsomaan pari esimerkkiä.
Joten, rauhoittaa, koska olemme lentää PHP.
Ja tiedän, jossain vaiheessa, sinulla on todella alkaa kirjoittaa tämän, jos
ole jo.
Ymmärtää, että yksi, tärkein on eräänlainen ja ulos ikkunasta PHP.
Jos haluat kirjoittaa koodia, joka saa teloitettiin, juuri alkaa kirjoittaa sitä
tiedosto nimeltä. php niin kauan kuin sinulla on alkusulkumerkki
kysymysmerkki PHP tag.
>> Mutta huomaa näitä ovat olosuhteet php.
Huomaa, tämä on täsmälleen sama dia meillä oli viikolla yksi, kun meillä oli
olosuhteet C. Olosuhteet PHP ovat rakenteellisesti ja
rakenteeltaan samat.
Ainoa todellinen ero on, jos sinulla muuttujia, sinulla on niitä
dollarin merkkejä.
>> Samaan aikaan Boolen näyttävät aivan tätä varten
tai-ing tai ja-ta yhdessä.
Kytkimet täsmälleen samalta.
Mitä mukavaa PHP, kun taas C, kytkimet on oltava tapauksissa
primitiivit kuten ints tai merkkiä, PHP teidän tapauksessa lausunnot voi todella olla
on koko jousille, joka on oikeastaan tavallaan mukavaa.
Säästää aikaa.
Voinut tehdä, että C.
>> Tässä silmukka PHP.
Se on sama.
Saattaa olla joitakin dollarin merkkejä muuttujien.
Sinun ei tarvitse mainita, että jotain on int.
Sinä vain julistaa se dollarin merkki ja muuttujan nimi.
Mutta varten silmukka on sama.
Kun silmukka on sama.
Tehdä, kun silmukka on sama.
>> Tämä on hieman erilainen.
Joten PHP, jossa joukko, voit staattisesti julistaa array, kuten C,
mutta käytät hakasulkeissa.
C, voisitte käyttää aaltosulkeita, jos edes tiesi.
Mutta tämä on itse asiassa hyvin yleinen PHP julistaa array, tässä tapauksessa
numerot, ja soita muuttuja numeroita.
>> Muuttujia itse näyttää tältä.
Tässä on merkkijono, lainatakseni listatut "hei maailman. "Voisit olla kenoviiva n.
En vain tässä tapauksessa.
>> Nyt tämä on mielenkiintoinen rakennelma.
C ei ole tätä.
Mutta tämä on erittäin hyödyllistä.
Ja näet tämän P sarja 7 spec - kunkin rakennelma.
Jos haluat toistaa hoitaakseen kaikki elementtejä array, sinun ei tarvitse
käsitellä $ i ja $ n, ja + +, ja kaikki.
Voit kirjaimellisesti sanoa, PHP, tämä -
kunkin numerot numero, joten Oletan, että $ numerot
on joukko numeroita.
Ja kun sanon kunkin numerot lukuna, tämä tulee
automaattisesti, koska minun silmukka suorittaa, päivittää, jokaisen iteraation arvo
sisäpuolella dollarin merkki numero -
uudestaan, ja uudestaan, ja uudestaan kävely minulle yli, että joukko.
Niin se vain säästää koodi.
Ei puolipistettä, ei + +: n, ei i: n, no n: n, se on vain mukavaa.
>> Mutta PHP on myös tämä.
Ja tämä on erittäin tehokas.
Ja voit käyttää tätä, kädet edelleen, P asettaa 7.
Ja assosiatiivinen joukko on myös julistettu hakasulkeilla.
Mutta huomaa syntaksin nyt.
Se muistuttaa siitä, mitä näimme kanssa print_r hetki sitten.
Kuinka paljon näppäimiä, niin vähän järki tarkistaa, tämä joukko näyttävät.
>> Niin se on kaksi.
Ja Kutsun tätä array.
Mutta jos se auttaa, voit ajatella Tämän niin hash table, tai
assosiatiivinen array.
Mutta se on vain erilainen tyyppi array.
Ja vielä, eri kielillä on näitä.
Saa nähdä jotain vastaavaa JavaScript samoin.
On kaksi avainta.
Yksi on lainaus lainaus, "symboli", yksi on lainata lainaus "hinta." Ja ne avaimet
jokainen on arvo.
Tässä tapauksessa symboli arvo on FB, sillä Facebook ja hinta arvo on 49, 26,
joka oli Facebookin varastossa hinta tästä aamusta.
>> Joten mikä on hyödyllisintä assosiatiivinen array.
Olisin voinut ollut numeerisesti indeksoitu array vain
yksinkertainen neliö suluissa.
Ja minä voinut dollarin merkki quote vastaa juuri tähän.
Anna minun todella tehdä sen.
Jospa sen sijaan ilmoitti juuri tämä joukko niin.
Se on täysin pätevä, syntaktisesti.
Se ei menetä mitään tietoja, sinänsä.
Pidän edelleen, että merkki on fb, ja että hinta on 49, 26.
Joten miksi assosiatiivisia taulukot vakuuttava?
>> Yleisö: Sinun ei tarvitse muistaa jos laitat kamaa.
>> SPEAKER 1: Aivan, sinun ei tarvitse muistaa, mihin laittaa tavaraa.
Sinun ei tarvitse mielivaltaisesti muistaa että osakesymbolille on kiinnike nolla,
ja osakekurssit on kiinnike yksi, mikä on erityisen vaarallista, jos
muuttaa asioita, lopulta.
On paljon mukavampi liittää mitä me kutsumme metatiedot
kanssa todellisia tietoja.
Olin sitä mieltä, että mitä me todella välittävät täällä on fb-49-26.
Symboli ja hinta on metatiedot joka kuvaa datan me
todella kiinnostaa.
Mutta tämä on vain niin paljon helpompi käyttää.
>> Nyt, kun syrjään mitä hinta me maksamme?
Olemme tehneet tätä vuonna CS50 viikkoja.
Tämä ominaisuus on tulla jonkin verran kustannuksia.
Muisti.
Joten et ole vain tallentaa 32-bittinen kokonaisluku, esimerkiksi.
Olet tallentamiseen symboli / 0, luultavasti.
Joten käytät enemmän muistia.
>> Ja mitä suorituskykyä etsii jotain ylös
assosiatiivinen joukko, luultavasti?
Se on luultavasti hitaampaa.
Random access on mukavaa, varsinkin kun voit tehdä binäärihaku.
Mutta jos olet todella etsivät nyt ei numeroita, mutta jouset, tämä
todella toteutetaan alla huppu, luultavasti tiiviste, jossa
käytät joko tiiviste erillinen ketjuttamalla.
Tai käytät yrittää itse tallentaa arvot.
Joten ehkä voit tehdä jatkuva aikaa, mutta sinulla on vielä tarkasteltava S-Y-M-B-O-L,
mahdollisesti, eikä vain 32 bittiä etsiä jotain.
Joten jälleen, samat ajatukset tulevat takaisin toistua tässä yhteydessä.
>> Mutta jälleen kerran, PHP on nyt joidenkin super global, että se kääntyy pois, ovat
assosiatiiviset taulukot.
Näimme yhden hetki sitten, $ _POST.
Ja että super globaali on avaimia ja arvoja.
Erityisesti avaimet riviin mitä?
Minne avaimet $ _POST tulevat?
Vain kertaus?
>> Yleisö: Name.
>> SPEAKER 1: nimi, missä?
>> Yleisö: [äänetön]
>> SPEAKER 1: Nimi on ominaisuus.
No jos, niin mihin ne alunperin kotoisin?
Muodossa.
Joten jos HTML sivulla on lomake tag, jonka sisällä on joitakin panoksia, kuten
valintaruudut, teksti laatikot, avattavasta valikoita, joista kullakin on nimi, jotka
nimet päätyvät avaimet $ _POST, ja rehellisesti, että asia, $ _GET.
Jos menetelmä on get, sama idea.
Se on vain eri Super maailmanlaajuinen.
Ja arvot, tietenkin, tulevat riippumatta käyttäjän kirjoitetaan hänen tai
selaimensa.
>> Mutta on muutamia muita.
On evästeen, jonka jaamme palata lopulta.
Mutta ne ovat asioita, jotka tiedät web käyttää hyviä tai pahoja.
Mutta palaamme siihen.
Palvelimen ja istunnon, ja näiden kahden on jokin erityinen apuohjelma.
>> Mutta katsotaanpa katsomaan tästä.
Anna minun mennä eteenpäin ja avata esimerkiksi nimeltään mvc0.php Joten MVC
tarkoittaa seuraavaa.
Ja esittelemme tässä aikaisemmin on tyypillinen, todella, saada sinut suunnittelussa
Harjoitus 7, ja myös opinnäytetöitä, vuonna tavallaan teollisuuden
tavallinen, ja puhdas tapa.
Se on hyvä suunnittelu.
>> Joten olet tulleet, ja voit kokemus, P sarja 7, paradigma, sort
ohjelmointikielen ajattelutapa, joka näyttää vähän jotain tällaista.
M malli, C Controller, V View.
Pitkä tarina lyhyt, MVC on juuri sellainen menetelmää, tapa tehdä
sivustot, erityisesti, jolla voit laittaa kaikki, tyhmä lause -
ansaintalogiikka -
kaikki teollis-ja tekijänoikeuksien mitä kutsutaan ohjain, tiedosto
kuten index.php, tai näemme, quote.php tai buy.php.
>> Yhteydessä Harjoitus 7, sinun mallit sisältävät yleensä tietoja,
mitään liittyvät tietokannan, kuten tulemme lopulta nähdä, ja teidän näkemyksenne
sisältävät estetiikka sivuston, HTML, CSS.
Joten meillä on jo nähnyt tämän C hieman bittinen käyttäen. h tiedostoja.
Me todella näki sen hetki sitten CSS, jonka factoring CSS stilisointi
tavaraa ulos meidän HTML.
>> Joten MVC on oikeastaan vain noin piirtäminen rivit hiekka ja sanoi:
mielenkiintoinen ohjelma koodia sivusto kuuluu, mitä me kutsumme
ohjain.
Jutut liittyvät tietokantaan tyypillisesti päätyy malli.
Mutta näet, vuonna Harjoitus 7, me yhdistää C ja M pidettävä yksinkertaisina.
Mutta näkymä on, jos kaikki HTML ja estetiikka yleensä mennä.
>> Mitä tämä tarkoittaa reaalisesti?
No, anna minun mennä meidän MVC hakemistoon seuraavasti.
Ja näet enemmän näitä kiersi läpi spec.
Joten mvc0, Väitän, että tämä on, kuten, versio 0 CS50: n verkkosivuilla.
>> Meillä on vain joitakin HTML, kuten iso H1 tag, ilmeisesti.
Ja sitten luettelo.
En ole koskaan nähnyt luettelomerkeillä ennen, mutta ei ole iso juttu.
Katsotaanpa nopeasti katsomaan lähdekoodia.
Osoittautuu Järjestämätön lista luodeilla on alkusulkumerkki ul yhden tai
Lisää lista kohteita, li.
Joten ilmoitus tässä ankkuri tag.
Näimme, että hetki sitten.
>> Joten tämä on, miten toteutetaan tällä sivulla.
Minulla on kaksi linkkejä, kaksi lista kohteita, yksi UL Järjestämätön lista, ja pää
tulos, esteettisesti, on tämä hyvin melko verkkosivuilla, versio 0 täällä.
Mutta mikä on mielenkiintoista on, kuinka tämä toteutetaan alla huppu.
>> Anna minun mennä gedit ja avata tämän Ensimmäinen esimerkki maalata kuvan.
Ja me tarkastelemme mitä virheellinen, mahdollisesti täällä.
Nyt jos menen localhost, julkinen, MVC, huomaa muutamia tiedostoja.
Aion kutsua näitä varten hetkellä kaikki säätimet.
Mutta se on vähän väärin, koska näet kaikki on sekoitettu
sisällä niitä.
>> Ja anna minun mennä sisälle index.php.
Ja me näemme, kirjaimellisesti, sama HTML.
Joten vaikka tämä tiedosto päättyy . Php, se ei tarkoita että se on
mitään PHP.
Se voi olla vain raaka HTML, vaikka Sellainen typerä.
Mutta huomaa ei ole alkusulkumerkki PHP tag, paitsi tämä, jotka suoraan sanottuna,
on olemassa vain palvellakseen kuin kommentti.
Mutta se toiminnallisesti ole sekin mielenkiintoinen.
>> Mutta huomaa tätä.
Mielenkiintoista onkin, mitä muutokset tällä sivulla.
Minäpä valitse Luennot.
Ja huomaa URL on muuttumassa.
Nyt olen lectures.php.
Minäpä valitse nolla.
Nyt olen week0.php Ja nyt anna minulle avata nämä tiedostot gedit.
Ei vain indeksi, mutta anna minut avaamaan luentoja.
Ja haluan päästä eroon kommentit keskittyä vain tästä osasta.
>> Ja nyt haluan avata vain yksi enemmän, week0.php, heittää pois kommentit,
vain puhdistaa tämän.
Ja nyt huomaa seuraavat.
Harkitsetko todella eräänlainen tarkkaan suunnittelu, ja tehkäämme se viiva
jopa sama, mitä voitaisiin tehdä täällä parempi, mitä luulet?
>> Miten teen viikolla yksi?
Miten tästä.
Joten tämä on, miten tein viikolla yksi.
Menin Tiedosto, Uusi, Liitä, Tallenna, week1.php, ja sitten menin täällä.
Ja vaihdoin yhden -
mikä oli tämä, yksi perjantaina.
Muutin nollia yhteen.
Muutin tämän yhden.
>> OK, joten nyt katsella minun tiedostoja.
Mitä voitaisiin tehdä toisin?
Missä mahdollisuus, kenties?
Joten on mahdollisuus aloittaa factoring tätä kamaa ulos.
Anna minun avata, koska spoileri varten mitä näet P joukko 7.
Jos minä avata, nyt index.php versiossa viisi tämän, se näyttää tietä
enemmän arvoituksellinen, tosin.
>> Mutta tämä nyt on mitä soitan ohjain, joka ohjaa
logiikka sivuni.
Ja voit sellaista rekonstruoida, intuitiivisesti, ehkä, mitä on tekeillä.
Ensimmäisellä rivillä, se on hieman arvoituksellinen.
Mutta huomaa Olen vaativat, kuten kanssa terävä sisältyy tiedosto nimeltä
helpers.php.
Ja sitten soitan, ilmeisesti, toiminto, jota kutsutaan muunna, ohimennen
kaksi argumenttia.
>> Yksi on lainaus lainaus, otsikko.
Ja toinen on, millaisia tietotyyppi on tämä, joka perustuu
meidän syntaksin aikaisemmin?
Se liittyvän array.
Erityisesti se kulkee otsikossa joitakin metatietoja, joka muistuttaa
minulle, mitä se on ja sen arvo.
Sitten näen kova koodattu ul, joten joidenkin raaka HTML.
Mutta sitten olen takaisin PHP-tilassa vaatii toimia tehdä.
Joten vaikka et ole koskaan käyttänyt HTML-tai PHP ennen, ja vaikka tämä näyttää
pelottavampi, miksi tämä on luultavasti paremman suunnittelun?
Mitä paremmin siitä, perustuu päättelyyn?
>> Yleisö: [äänetön]
>> SPEAKER 1: Vähemmän tarpeeton, että ei ole enää olemassa HTML tag, ei enempää
päät tag, ei enempää body joka hemmetin tiedosto.
Sen sijaan, olen pois laskusta yhteneväisyydet ja oletettavasti laittaa ne
tiedostoon jotenkin liittyvät on otsikko.
Ja sama asia lähellä kehon tag, lähellä HTML-tunnisteen.
Se on luultavasti täällä sisällä alalaitaan jonnekin.
Ja näet, vuonna Harjoitus 7, pienen kiertueen tämän.
>> Joten mitä on edessä?
Yksi asia ei ole kykyä vielä on todella tallentaa tietoja.
Ja niin mitä alamme nähdä Keskiviikko esimerkiksi on, että
vanha ystävä Excel tai numeroita, voit tallentaa paljon
tietojen riveihin ja sarakkeisiin.
Osoittautuu voit tehdä sen mitä kutsutaan tietokannan ohjelmallisesti.
maaninen Ja se kääntyy pois, sen jälkeen, pystymme tallentaa asioita, kuten
Tämän, joka näet jälleen P sarja 7, koko joukko käyttäjätunnuksia ja
salasanoja, joista jälkimmäinen on oikeastaan salattu, aivan kuten he
olivat P-sarja 2: n hakkeri painos.
Ja lopulta, voit toteuttaa tämän, oman ETrade kaltainen sivusto, joka
toteuttaa yhdessä CS50 rahoitusta.
>> Lopuksi, koska olet asunut täällä niin myöhään tänään, jos tulet takaisin tähän osaan
kampuksella kello 16:00 tänään, me antaa sinulle paitsi neuvoja kello SCES
Neuvonta Fair klo 16:00 vuonna Maxwell-Dworkin, annamme sinulle
Americone unelma, Cherry Garcia, Chocolate Fudge Brownie, Chocolate
Chip Cookie Dough, ja, kun Google Chunky Monkey, saat tämän.
Joten kaikki tämä odottaa klo 4:00 PM Maxwell-Dworkin.
Nähdään keskiviikkona samoin.
>> SPEAKER 2: Seuraavalla CS50, RJ nukkuu sisään
>> RJ: My jakso!
Ha!
Oh,