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 bang 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,