GARSIAKALBIS 1: Visi, tiesa pasveikinti atgal. Tai CS50. Ir tai yra savaitės devynių pradžia. Ir tai yra poilsio pradžia Jūsų laikas CS50, kurioje mes perėjimas dabar, galiausiai, internete aspektas, žinoma, kur jums mano, kad iš pagrindų, kad daug mes buvo eksportuoti savaites dar grįžti aplankyti, arba vaidentis, su mumis. Bet dabar, jūs pamatysite, kad tai Tvarką dydžio lengviau atlikti tam tikras užduotis ir išspręsti tam tikras problemas - tiek daug, kad net jei manoma, tam tikras problemas rinkiniai buvo įdomus savo savaip, manau, kad rasite kad p nustatytas 7, p nustatytas 8, o tada galiausiai, galutinis projektas bus juo labiau džiugina, nes jūs kad mes pradėsime imtis už suteiktas dabar viskas kaip atminties valdymą ir patarimų, ir tai, kas vyksta apie po gaubtu. Ir vėl, teminis, ir visoje pusmetį buvo tai sluoksniavimasis ir sluoksniavimasis. Ir dabar mes tarsi iki čia stovėjo pečių savaičių anksčiau. Dabar, atsiima iš paskutinį kartą, kad mes kalbėjo apie tai, kaip internetas veikia. Ir tai buvo bene supaprastinimas, tačiau nepamirškite, kad visos pasaulio kompiuteris turi IP spręsti, nors tai ir tiek supaprastinimas vis dar. Ir tie adresai naudojami vienareikšmiškai identifikuoti mašinos taip, kad kai jūs siunčiate informaciją, arba paketus, taip sakant, jie gali turėti kilmę adresas ir paskirties adresas. Ir tos pačios IP adresai gali būti naudojami tiek gera ir pikta, sekti jus, pvz. Iš tiesų, kiekvienas iš jūsų su nešiojamuoju kompiuteriu atidaryti dabar, ar jūsų telefone kišenė, turi IP adresą į Harvardo tinklą. Ir tai dar ne viskas, kad sunku koreliuoja, kad kas ir kur yra šių dienų. Bet daugiau apie tai galbūt ateityje. Dabar aš maniau aš sugrąžinti kai prisiminimai [? padidinti?] ir jums kitas iš parodyti jums klipas gali rasti pažįstamas. Jei galėtume artimosios šviesos vos kelias sekundes. Šou Numb3rs. SPEAKER 2: Tai 32 bitų IPP4 adresą. GARSIAKALBIS 3: IPP, kaip internete? SPEAKER 2 Private Network. Norėdami Amita privatų tinklą. Ji yra tokia nuostabi. GARSIAKALBIS 3: Nagi, Čarlis. SPEAKER 2: Tai. Veidrodis IP adresas. Ji leidžia mums žiūrėti, ką ji daro realiu laiku. SPEAKER 1: Gerai, kad keletas dalykų, negerai su šia nuotrauka. Taigi vienas, ir tai vienas yra priimtinas, iš tikrųjų tai yra nėra galiojantis IP adresas. Galiojantis IP adresas turi būti skaičiai Formos w.x.y.z, kur kiekvienos šie laiškai yra nuo 0 iki 255. Bet tai gerai, nes kaip filmai, kur jie fake telefono numeriai, jie fake IP adresus. Jūs neturite iš tikrųjų nukentėjo realius serverius. Bet tai jūs, tai yra naršyklė. Ir naršyklių nepradėkite išvedė kompiuterinis kodas, kaip šis. Ir jei mes žiūrime šiek tiek giliau, pranešimas, kad kalba, kad jie mato ekrane yra kalba vadinama Tikslas C, kuris yra kalba, kuris iPhone apps yra parašyta, ypač tie, kuriuose dalyvauja spalvotieji pieštukai, kaip matote iš kodą čia. Gerai, aš pagalvojau, kad tai buvo juokinga. Taigi tai kodo fragmente yra visiškai nieko bendro su kokia tai ypač epizodas apie. Taigi pokštas yra tarsi ant žmonių atsižvelgiant tai savaime suprantamu dalyku. Bet tai dar ne viskas, kad sunku gauti šie techniniai duomenys teisingi. Ir aš norėčiau paskatinti jus. Ir iš tiesų, 50 gali labai gerai sugadinti TV laidas ir filmus ar jūs daug nes jūs pamatysite, kad tai tik neįmanoma ką jie daro ekrane. Bet iš tikrųjų, tai yra kodas, kad jūs gali pamatyti jį iPhone taikymo arba "Mac OS programa. Ji visai nieko daryti su saugumu. Taigi stebėkite daugiau tokių smagių dalykų, pavyzdžiui, kad. Tačiau šiandien mes pradedame pasinerti į tikrai giliai visą eilę kalbų. Iš tiesų, vienas iš svarbiausias takeaways šios dalies kursas yra ne išmokti programuoti PHP, o ne mokytis SQL per se, o ne mokytis "JavaScript" per se, o mokyti save, kaip mokyti yourself naujos kalbos, nes, tiesą sakant, mes pradėsime priimti dabar mokymo ratai ne taip, kad po Žinoma, pasibaigus, jums nereikia tikėtis 20 puslapis specifikacija pasakyti, kaip įgyvendinti kai programą. Jūs turite pakankamai ingredientų savo proto ir pakankamai įrankiai jūsų įrankis komplektas, su kuria pradėti statyti problemų ir interesų jūs dėl kažkokių studentų grupės, kai mokslinių tyrimų projektą, ar tikrai nieko Jus sudominti. Taigi, siekiant šio tikslo, priminti, kad tai buvo mūsų susidarytas išsitraukė jį paskutinį kartą. Ir tai yra du kompiuteriai, kliento ir sever, kalbėti vienas su kitu. Ir protokolas, kalba, taip kalbėti, kad šie du kompiuteriai atsitikti reikia kalbėti vadinamas HTTP. Ir tai tik protokolą, naudojama kompiuteriai perduoti informaciją per World Wide Web. Interneto, žinoma, yra tik viena paslauga kad veikia ant vadinamasis internetas. Kas kita paslauga prieinama viršuje internete šių dienų? Kai kurie kiti protokolas arba - kas tai? Auditorija: FTP. GARSIAKALBIS 1: FTP. Taigi File Transfer Protocol yra kita. Dauguma jūsų tikriausiai ne naudoti jį. Tačiau dauguma iš jūsų tikriausiai naudojamas dalykų, pavyzdžiui, gchat, arba tiesioginiu pranešimų apskritai tikrai laišką. Ir tie, taip pat yra paslaugos, kurios veikia viršuje internete, nes tuo pabaigos dieną, interneto pati tikrai tik gauti duomenis iš taško A į B tašką ir ji naudoja skaičių dalelės pati, vienas iš jų ar du dauguma jų paprastai vadinamas TCP / IP, kuri yra pasakyti, kad vienas kompiuteris su Internetas gali būti iš tiesų daro skirtingi dalykai, elektroninio pašto, ir interneto, ir kt. "Google" daro šios partijos. Taigi, kaip šios paslaugos unikaliai nustatyti, ar mes galime pasakyti, kompiuteryje kad iš tiesų gali daryti daug dalykų? Prievado numerį. Ir tai tik savavališkas žmogaus konvencijas, pavyzdžiui, 80 yra interneto, 443 užšifruotas interneto, 25 yra siųsti. Ir dar daug kitų kekių. Ir šie skaičiai yra tiesiog įtraukti į tos informacijos paketus, tie virtualus paketas, kad iš tikrųjų pateikta prašymą arba atsakymą. Taigi, kai jūs gaunate atgal atsakymą iš interneto, paprastai, jūs nematote numeriai kokia požiūriu statusas kodas atsakymą. Jūs neturite iš tikrųjų pamatyti vidaus darbu paketus, kad grįžti atgal. Bet 200 iš tikrųjų reiškia, Gerai. Ir tai reiškia, kad viskas yra gerai. Galbūt mačiau jų krūva. Kuris yra tikriausiai labiausiai paplitusi mačiau internete? 404. Tai tiesiog reiškia, failas nerastas. Tai reiškia, kad kažkas įsukus. Tu iki neteisingi įrašymo URL, ar kas nors kiti padarė, suteikiant Jums neteisingas URL, arba jie ištrintas failą ir URL yra dar naudojama žmonių. Taigi bet koks priežasčių gali paaiškinti kodėl failas nerastas. Ir jūs pamatysite, per kelias savaites į priekį, šių kitų klaidų kodai, ir jūs pasinaudoti kai kurių iš jų. Blogiausia yra 500. Jei jūs gaunate 500 klaidos kodą, kurį jūs parašyta, manau, kad kaip rūšiuoti analogas SEG gedimus pasaulio web programavimas. Tai ne visai kaip sunki. Bet tai tiesiog reiškia, kad kažkur, jūs įsukus. Taigi tikimės, kad tie. Bet pažiūrėkime, jei mes galime pamatyti jų kontekstas. Leiskite man eiti į naršyklės čia ir atlikite šiuos veiksmus. Taigi tai yra "Chrome", kuris atsitinka būti įdiegta į prietaisą. Tačiau dauguma su bet kokia naršykle šių dienų turi kai lygiavertes funkcijas. Aš ruošiuosi eiti į "Chrome" meniu, ir eikite į Tools, ir aš ruošiuosi eiti kūrėjui įrankiai. Ir jūs pamatysite, kad tai mažai skydelis atsidaro lango apačioje. Kita nuoroda, turi būti sąžiningi, kad aš paprastai naudoju pats yra Dešiniuoju pelės mygtuku spustelėkite arba kontrolinis spustelėkite bet kur internete puslapio ir eikite į Patikrinkite elementas. Ir tai bus ne tik atidaryti tai turi už jus. Ji taip pat atidaryti, konkrečiau, Elementai dalis nuo kairėje pusėje. Taigi, mes, žinoma, matyti "Google". Jie pakeitė savo logotipą šiandien. Bet jei aš slinkti žemyn čia, pranešimas, kad pagal elementų, pamatysite tai, kas vadinama HTML Hypertext Markup Kalba, ir tai yra kalba kad tai ir visi interneto puslapiai, tikrai, yra parašyta in Bet tai tikrai suformatuotas mums tiek daug įskaitomai nei ji paprastai yra. Iš tiesų, jei aš nutolinti, ir aš vietoj tiesiog paspauskite dešiniuoju pelės arba kontroliuoti Click spustelėkite puslapio ir tada eikite į Peržiūrėti Šaltinis puslapį, tai tiesiog tai, kas "Google" nusiuntė žemyn mano naršyklėje. Taigi, kai asmuo ar asmenys, rašė Google.com naudojant šį kodą. Dauguma tai ne HTML. Tai iš tikrųjų kalba vadinama Javaskriptą, kuris mes ateiti į trečiadienį. Bet kas, chromas, ir tai, ką kiekvienas naršyklė gali padaryti už mus, yra natūra pamatyti praeityje visais ramiai kvailai sintaksė ir vėl įdėkite tarpas mums, ir net sintaksė Paryškinti arba Dažymas dalykų mums. Taigi, jūs pamatysite, kad šie vadinamieji kūrėjas įrankiai pastatytas į naršyklių padarys jūsų gyvenimą taip, daug lengviau nes jūs galite ieškoti per šį meniu sąsaja, ką pagrindinis kodo yra bet internete puslapis. Ir iš tiesų, tai yra viena iš labiausiai efektyvių būdų sužinoti, kaip tai padaryti kažkas naujo, bent jau jei puslapis nėra taip sudėtinga, kaip užvaldyti, yra pradėti išnyra aplink tai HTML ieškoti jos vadinamosios CSS, kurį mes ateis į šiek tiek taip pat, gauti suprasti, kaip, kad programuotojas įgyvendino kai ypač bruožas puslapyje. Bet daugiau techniškai įdomus teisė dabar jis bus tai. Jei aš einu į skirtuką Network, tegul dabar aišku tai. Aš ruošiuosi spustelėkite tiek Kryžiaus simbolis čia, ir tada eiti į kitą svetainę. Ir aš tik ketina įvesti į Facebook.com. Ne HTTP, HTTPS ne ne www. Leiskite tikrųjų pamatyti, kas vyksta čia. Įveskite. Dabar pastebiu visa krūva stuff tiesiog pasirodė šio karteczka, kad Be tinklalapį pasirodo viršuje. Aš ruošiuosi pereikite atgal į Tinklo skirtukas čia, ir aš ruošiuosi spustelėkite pirmoje eilutėje. Ką šis įrankis ketina atskleisti mums kiekvienas iš HTTP užklausas vienas kad greitai tik grįžau ir pirmyn tarp mano naršyklė ir "Facebook" serverio. Ir taip kiekvieną vienas iš tų eilučių atstovauja vieną tokį prašymą arba atsakas, vienas ar daugiau tie virtualus paketas. Ar daugiau atsainiai, tai kaip asmens kaip asmuo, į klientų restoranas, kažko prašo vėl, ir vėl, ir vėl. Ir padavėjas išlaiko pareikšti jį atgal vienu metu. Taigi dabar, jei aš padidinti apie tai, pranešimas, ir tai bus dalykas rūšiuoti kad jūs laukiami ir skatinami žaisti su savo, nes mes neisiu per viską labai išsamiai. Bet pastebėsite, kad yra keletas sub skirtukus - Antraštės, Preview, likvidavimo, Slapukai, ir laiko. Aš tik pažvelgti į antraštes dabar, nes tai yra mažai ingredientų viduje voko tą padėti duomenys gauti ir iš vietos. Taigi, pirma, leiskite man paspausti tai, Peržiūrėti Šaltinis šalia antraštes užklausų. Yra prašymas, kad mano naršyklė, Chromas, šiuo atveju, atsiuntė viduje kad virtualus paketas. Jūs prisimena praeitą savaitę aš rankiniu būdu, tai o apsimeta, kad naršyklė. Tada ji priminė serverį, kad jis ieško šeimininko vadinamas Facebook.com. Ir tada ten šiek tiek daugiau paslaptingų informacija, kurią mes bangos mūsų rankos dabar. Bet jei aš pradėti slinkti dabar šis langas, leiskite man gauti atsakas antraštes. Tai buvo, kas yra virtualus paketas, kad grįžo iš Facebook.com. Ir jei aš spustelėkite Peržiūrėti šaltinį tiesiog pamatyti žalią tekstą jį, pastebėti keletą dalykų. Vienas iš jų, "Facebook" taip pat kalba pats protokolas, versija 1.1 dalį. Štai gražus. Bet padėtis kodas 301, persikėlė visam laikui. Na, kur gi padarė "Facebook eiti? Kas tai bando perteikti mums? Na, pastebėsite čia, apačioje yra dar viena antraštė vadinamas Vietovė. Taigi, kodėl "Facebook" pasakojo, kad jie persikėlė gyventi į tą URL šalia vietą? Aš pamiršau www. Taigi tai buvo mano pasirinkimas. Iš tiesų, dauguma iš mūsų retai, tikriausiai, įveskite www.whatever.com šių dienų. Tačiau paaiškėja, sistemos administratorius, kaip "Facebook", galite konfigūruoti savo serverius taip, kad arba Facebook.com veikia, arba www.Facebook.com veikia, ar tikrai, toks prefiksas priešais savo domeno vardas. Taigi jie padarė už mus. Ir jie yra nukreipti mus, tikriausiai kai techninės, kai rinkodaros tikslais. Jie tiesiog nori canonicalize ant www.Facebook.com. Bet tai ne visai tai. Jei aš slinkti žemyn čia, tegul pamatyti, kas atsitiks. Tai sakau man mes persikėlė gyventi į http://www.Facebook.com. Taigi pažvelkime į antrąjį prašymą kad mano naršyklė siunčia. Deja, atrodo, kad "Facebook" persikėlė dar kartą, nes antrą prašymas, pasirinkdami šį URL vietoj to, sako, kad taip pat persikėlė visam laikui. Ir leiskite man slinkti čia su atsakymo antraštes. Kur yra "Facebook" dingo dabar? Taigi HTTPS. Taigi dabar "Facebook" pradėjo, ypač atsižvelgiant į esamas Pastarųjų mėnesių įvykiai, ypač ir Taip pat per pastaruosius porą metų priversti visus savo naudotojams, geras būdu, naudoti HTTPS, kuris yra daugiau užtikrinti, nors ir ne visiškai saugus. Ir taip dabar mano puslapis, mano naršyklė ketina prašyti šį trečiąjį URL. Ir dabar, pagaliau, mes turime kitaip nematoma 200 Gerai. Taigi, kas pasaulyje arba visus tie kiti eilutės čia. Aš tiesiog atspausdinti vieną dalyką, ir mano naršyklė, atrodo, prašoma kaip 20 kai nelyginis dalykų. Kas tai? Auditorija: scenarijų? GARSIAKALBIS 1: Skriptai, kad kiti failai parašyta kalba vadinama Javaskriptą, kuris, vėlgi, mes pamatyti tiek trečiadienį. Ką dar? Style Sheets. Taigi, kažkas kalba, vadinama CSS, kuri mes matome šiek tiek. Gif, ir JPEG ir PNG, ir vaizdai, ir filmų failai - kokia tinklalapį taip yra greičiausiai apie failą forma. Ir taip, tai ką mes matome kairėje pusėje yra visus failus kad "Chrome turėjo atsisiųsti, rekursyviai, jei norite, kad komponuoti puslapio visumą. Taigi, ką mes matėme prieš akimirką su "Google" jei aš spustelėkite elementai skirtukas, tai, žinoma, yra, HTML, kalba, kuri komponuoja šį puslapį. Tačiau yra kekių kitų dalykų. Yra logotipas. Yra tie, mėlyna ish piktogramos ten. Ir yra kitų elementų, vis dar puslapis, patys gali būti atskiri failai. Taigi, kas yra malonu apie naršyklėje yra tai, kad jis žiūri į kalbą mes ketiname pradėti rašyti, ar jūs jau pradėjo rašyti į 7 rinkinį P, skaičiai iš kur tie failai gyventi, ir eina ir griebia juos taip pat. Ir aš negaliu pabrėžti pakankamai, net nors kai kurie tai gali atrodyti šiek tiek slaptas ar didžioji pirmo žvilgsnio, išmokti programuoti paraiškos dėl interneto, tai neįkainojama suprasti, kaip šie mažai įrankiai dirbti. Tai yra tarsi GDB kaip įrankiai bet daug paprastesnis, galiausiai, naudoti - ir tikrai suteikia jums akis į tai, ką mes jau vartojate skiriama gana ilgą laiką dabar. Taigi, ką mes galime dabar daryti su ši informacija? Na, galime iš tikrųjų pažvelgti sąvokos pagrįsta HTML. Ir mes atidėti, nes mes jau turime, kad skyriai Šią savaitę į problemą nustatyti 7 specifikaciją, kai kurių daugiau duomenys iš šių kalbų. Bet pažiūrėkime, jei mes negalime dažyti vaizdą, ką jūs turėtumėte suprasti, Bendras čia. Taigi HTML Hypertext Markup Language, nėra programavimo kalba. Ką tai iš tikrųjų reiškia? Taigi HTML atrodo taip. Ir kai kurie iš jūsų jau žinote. Kai kurie iš jūsų jau daro tai tam tikrą laiką. Bet pažiūrėkime, jei mes negalime užpildyti kai ruošiniai, taip pat. Taigi pastebėti keletą dalykų čia. Vienas iš jų, tai tik tekstas. Taigi, tai tik kaip šaltinio kodą C ar kokios nors kitos kalbos. Atkreipkite dėmesį, kad atrodo būti modelis čia. Yra įspaudas, bet techniškai įdubimas yra tik žmogaus konvencija. A naršyklės nerūpi, jei ten naujo linijos ir skirtukai patinka matome ten. Bet pastebėsite, kad ten simetrija čia. Yra ką mes vadiname tuo viršuje šį failą, atidaryti tegus arba pradžios tag vadinamas HTML. Ir tada, apačioje, puikiai sustatyta iki, panašiai kaip mes darome su garbanotieji petnešų, matome skliaustai atidaromi, pirmyn velniop, HTML, skliaustai uždaromi. Štai atitinkamas arti tegus arba pabaiga žymeles, už tą patį. Kartu viskas viduje vadinamasis atviras žyma ir šalia tegus rašyti, ką mes vadiname elementas. Ir mes pamatysime, kad vos akimirką, tai tikrai tarsi medžiai mazgas. Nes jei jūs manote apie dabar įdubimas tai reiškė čia, tarsi turi, pavyzdžiui, senelių mazgas vadinamas HTML. Kiek vaikų gali pasakyti, remiantis šia nuotrauka, HTML elementas turi? Taigi tikriausiai du. Vienas iš jų yra galva elementas, matyt. Ir vienas kūnas elementas. Ir kodėl du vaikai? Na, aš tiesiog rūšies išvadą, kad, jei Turiu atvirą galvos tegus ir tada Uždaryti galvą tegus, tai elementas. Ir tada, jei yra ir kitas atviras kėbulas žyma ir šalia kūno tegus, tai kaip dar vienas elementas. Taigi, ta prasme, kad jei aš tipo pasukti Ant jo šono vaizdas, tai kaip turintys HTML tegus, tada galvą tegus, tada kūnas žymeles, ir tada kai tekstas, hello world, kabančios off body pati. Taigi, mes galime nupiešti piešinį, kad gali atrodyti taip. Figūros savavališkai. Tačiau pastebėti, kad aš naudojamas rūšiuoti elipse viršuje atstovauti pačiame dokumente. Pasirodo, ten gali būti kitų dalykų viduje tinklalapį, kad aš ne rengia čia. Taigi, mes ketiname net pakabinti HTML mazgas off vadinamųjų dokumentų mazgas. Ir tada mes turime galvą ir kūno ir pavadinimas, pranešimo, kuris yra įdėtos toliau. Aš nesivargino išleisti papildomą liniją pertraukos viduje žymės pavadinimą. Jis tiesiog jaučiau, buvo gauti tiek per išsami. Taigi, palikau jį vieną eilutę ten, su atvira pavadinimas, hello world, netoli pavadinimas. Ir tada mes turime tekstą kabančios nuo čia. Taigi šį paveiksliuką sugrįš mums, kai mes pasinerti į JavaScript. Ir suprasti, kad kai rašyti HTML, kaip tai, kas yra naršyklė darai? Na, mes neturime nerimauti kaip ji daro tai, ar su tuo, kas algoritmas, bet dienos pabaigoje, kai naršyklė gauna HTML kaip , kad nuo "Facebook" ar "Google", tai suvokia tai, taip sakant, jis nuskaito jį, su kažką panašaus fread, iš viršaus į apačioje, iš kairės į dešinę, ir į tai, supranta, oi, atvirą žymeles, tada uždarykite tag jis pradeda malloc, taip sakant, ant medžio mazgas. Ir kai ji susiduria, kaip mes numanomų čia su įlinkimu vaiko mazgas, jis mallocs už, kad mazgas ir pridedamas, kad į medį. Taigi medžio struktūros, dvejetainiai medžiai, trinarės medžių ir didesni medžiai, kad mes pažvelgė į savaitę ar dvi prieš pranešimas kad tas pats principas yra grįžta pas mus. Ir kas įgyvendinami, chromas kokia komanda padarė, kad, matyt, turėjo įgyvendinti tam tikrą medžio struktūrą natūra po gaubtu. Ir pati tikriausiai kalbos kaip C ar C + + arba mažesnis lygio kalba, kad mes atsiųsime dabar naudoja ant internete. Taigi dabar, gal tai bus padaryti daugiau prasmės. Tikrasis tatuiruotė iš kai vaikinas, kuris gali gailėtis, galų gale, rūšies. Gerai, gerai, todėl web humoro daug. Tai nėra iš tikrųjų vyksta per tiek pat šiandien. Taigi mes pereiti. Gerai. Taigi galime pažvelgti dabar į keletą pavyzdžių. Paprasčiausias dalykas gali būti tai. Aš ruošiuosi eiti į priekį ir atverti iš gedit failą pavadinimu hello.php. Ir viduje čia, aš greitai tiesiog tai padaryti, printf, citata citatos, "hello world". Taigi pranešimas, ir aš darysiu backslash n, Aš nerūpi paskelbti pagrindinis. Pasirodo, php, ir daug kalbos, jums nereikia pagrindinis funkcija savaime. Jūs galite tiesiog pradėkite rašyti jūsų programa. Dabar, kai įrašau failą, pastebėsite, aš teks atlikite šiuos veiksmus. Aš ne ketinate naudoti, kad ir aš nesu ketinate naudoti Zaszczękać nes PHP, skirtingai nuo C nėra parengta kalba. Tai, kas vadinama aiškinama kalba, o tai reiškia, kad jį paleisti kaip per kitą programą įėjimo vadinamas vertėją. Ir, kad programa nuskaito, iš viršaus į apačioje, iš kairės į dešinę, ir ji ką pasakyti, daryti. Taigi šiuo atveju turiu viena eilutė, kad sako printf. Taigi, kai aš paleisti šį kodą, hello.php, nors programa, kuri atsitinka, patogiai, būti vadinamas PHP kad programa PHP ketinate skaityti šią bylą, iš viršaus į apačią, iš kairės į dešinę, ir tai ketina daryti tai, ką aš pasakyti, kad tai - vykdyti kodą, ir, jei ji nepripažįsta kažką, tiesiog spjaudytis jį. Taigi, aš ruošiuosi eiti į priekį ir paleisti PHP su hello.php. Įveskite. Ir tai dar ne visai tai, ką aš ketina. Na, kodėl taip yra? Na, PHP yra kalba, kuri iš tikrųjų sukurta siekiant būti gana glaudžiai susijęs su internete. Kai skambinate tinklalapius su šia kalba PHP, kaip mes netrukus matysime, mes nori daryti kažką panašaus spausdinti iš linijų, kaip šis. Taigi, aš ruošiuosi tai padaryti. Skliaustai atidaromi, klaustukas, PHP ir dabar aš tik ketina įtraukoje tiesiog laikyti viskas nice. Ir dabar aš ruošiuosi daryti klausimą pažymėti skliaustai uždaromi. Taigi, čia yra asimetrijos tiek čia. Jūs neturite daryti. Ir jums nereikia daryti velniop, todėl PHP yra šiek tiek kitoks. Bet dabar, jei aš pakartotas šią programą, PHP hello.php, dabar aš faktiškai gauti Hello World. Ir mes pamatyti, kodėl tai yra vertinga. Vienas iš jų, tai leidžia man nurodyti, super aiškiai, tai yra kodas, vykdyti tai. Ir tai iš tiesų, kas tai specialios žymos reiškia čia. Tačiau tai taip pat reiškia, kad jei aš tiesiog padaryti kažką panašaus aš siekti čia, kad reiškia, kad pažodžiui, kad bus tik būti spausdinami be būtinybės iš tikrųjų skambinti printf, ar spausdinimo, ar panaši funkcija. Taigi, mes grįžti į tą vos akimirką. Pirma, galime tai padaryti. Viduje prietaiso, mes turime katalogas vadinama vhosts, virtualios šeimininkai, velniop vietinio kompiuterio, velniop viešai. Taigi tai šiek tiek kalbantys, bet ilga istorija Trumpai tariant, prietaisas skirtas ne tik paremti C. Taip pat skirta remti PHP. Bet tai taip pat yra skirtas būti interneto serverio ir duomenų bazių serveris. Ir jis skirtas, ir tikrai sukonfigūruotas, būti primenantis bet prekybos bendrove hostingową, kad galite mokėti $ 5 per mėnesį, $ 100 per mėnesį. Nepriklausomai paslauga, tai sukonfigūruotas yra labai panaši į realaus pasaulio gamybos serveris. O tai reiškia, kad veikia prietaisas yra žiniatinklio serverio programinę įrangą. Taip atsitinka būti vadinamas Apache. Tai tiesiog nemokama ir atviro kodo, ir labai populiarus. Ir mes sukonfigūruotas Apache žinoti kad jei aš aplankyti tam tikrą URL, su Chrome arba bet viduje naršyklė prietaisas, pažvelgti į šį katalogą už failus, vartotojas prašo. Kitaip tariant, leiskite man eiti į priekį ir tai padaryti. Viduje mano viešus abonentų sąrašą, aš ruošiuosi eiti į priekį ir sukurti failą vadinama index.html. Tai suteikia man skirtuką čia. Ir aš ruošiuosi eiti labai greitai ir eiti į priekį ir sprogimo iš ši programa čia. DOCTYPE HTML, kuri dabar tik manau, jūs turite įvesti. Tai tiesiog slaptas žymeles, tai ne tikrai HTML tegus, kurioje nurodyta, kad čia ateina tam tikras HTML. Aš ruošiuosi eiti į priekį ir atkurti ką mes matėme prieš akimirką. Štai Į puslapio vadovas. Viduje galvą buvo - taigi pavadinimas. Taigi, mes pasakyti labas, pasaulį. Ir tada žemyn čia buvo kūno tegus. Leiskite uždaryti kūno tegus. Ir tada čia aš taip pat pasakyti, tiesiog dėl aiškumo, hello world. Taigi tai yra, be abejo, paprasčiausias įmanoma tinklalapio galite galite padaryti tai galioja. Tai sintaksiškai neteisingas. Viskas, kas atidarė uždarytas. Viskas gražiai stiliaus ir įspaudžiami. Taigi pažiūrėkime, dabar kaip aš gali prieiti prie šio failo. Na, leiskite man eiti prie "Chrome čia. Ir leiskite man eiti http://localhost/index.html. Taigi, kas yra vietinio kompiuterio? Na, bet dauguma pasaulio kompiuteris, "Linux", "Mac OS, Windows turi slapyvardį vadinamas vietinio kompiuterio. Taigi, jei jūs kada nors nori kalbėti į savo kompiuterį - nors, keistai refleksiškai - jūs vadinate save vietinio kompiuterio. Nesvarbu, koks jūsų faktinis kompiuteris vadinamas, ar tai Dovydo "MacBook" Oro, ar kažkas daugiau išsami panašaus. Taigi šis URL matyt ketinate naudoti HTTP pasikalbėti su vietos šeimininką, pats kompiuteris, prietaisas ir ji ketina prašyti, tiesiog atspėti, kas tai per failas? Index.html. Taigi prietaisas buvo sukonfigūruotas iš anksto žinoti, kad jei aš prašau kažką panašaus į index.html, ieškoti aplanke vadinamas vhosts, kad aplanką "localhost, aplanke jame vadinama viešojo. Štai kur visi mano visuomenei failai bus. Taigi, aš dabar ketina paspauskite Enter. Ir velnias, ir yra, kad draudžiama pranešimą, kitaip žinoma kaip 403, ir skaitmeninis kodas. Taigi, kas yra negerai čia? Na, tai nepakanka tiesiog įdėti viduje mano aplanko failas. Man reikia, kad iš tikrųjų atlikite šiuos veiksmus. Leiskite man eiti į mano vhosts katalogą, į localhost, į visuomenės ir leiskite man padaryti ls brūkšnys l. Ir yra keletas kitų dalykų, čia šiandienos tikslais. Bet pastebėsite kairėje pusėje, šalia į index.html, matome tik vieną RW. Ir anksčiau, kaip taip RW stovėjo? Tiesiog skaityti ar rašyti. Tai, kad ji sako RW kairėje reiškia, kad aš, šio failo savininkas gali skaityti ar rašyti. Bet man reikia leisti visi žmonės pasaulis perskaityti šią informaciją, bet ne rašyti. Taigi, aš ruošiuosi pakeisti režimą failas, chmod, visi plius R suteikti visi skaityti leidimą dėl failą pavadinimu index.html. Ir jei aš dabar perspausdinti ls brūkšnys l pranešimas kad čia, šiek tiek daugiau R "turi popped up. Ir dabar, spec eina į išsamiau. 7 "rinkinys P", tiesiog reiškia visiems dabar gali skaityti šį failą. Jei aš grįžti į savo naršyklę dabar ir vėl voila. Hello world. Ir galiu net atidaryti savo "Chrome įrankiai ir pamatyti, kaip "Google" ir "Facebook", kad mano, HTML, suformatuota tiek kitaip ir spalvota. Jei aš einu į skirtuką Tinklas ir perkraukite puslapis, pastebėsite, kad yra gauti prašyti, kad "Chrome" siunčia į prietaisą. Yra už tai 200 ypač failas. Taigi trumpai tariant, tai, kaip visa tai įvairią ateina kartu. Jis tiesiog taip atsitinka, kad žiniatinklio serveris mes naudojame dabar nėra maža, kaip "Facebook". Tai tiesiog tame pačiame kompiuteryje, kuris yra puikiai Gerai. Ką dar mes galime padaryti tinklalapį? Na, tiesiog, tegul vėjas per iš šių dalykų pora. Bet leiskite man eiti į priekį ir vėl Gedit su index.html. Ir leiskite man eiti į priekį ir pasakyti labas CS50, įrašyti šį failą, grįžkite į naršyklė, tikrai underwhelming kaita. Bet kas, jei norime, kad iš tikrųjų nuoroda į kažką dabar? Taigi paaiškėja, kad mes galime turėti nuorodos į HTML, kad yra tik žodžius patys. Taip atsitinka būti vadinamas žymės saito. href lygus https://www.cs50.net, www.cs50.net Uždaryti citata, skliaustai uždaromi. O dabar pažiūrėkime, ką kitas ateina kitą. Aš atidarė žymę. Aš dabar reikia suteikti jai kaip CS50 frazė. Leiskite uždaryti žymę. Ir pastebėti keletą dalykų. Nors ten tai paslaptingas dalykas čia, aš ne kartoti jį, kai jums uždaryti žymę. Jūs tiesiog uždaryti tegus jos tik pavadinimas. Ir tai yra tai, kas vadinama kurių vertė atributas. Atributai tiesiog pakeisti elgesį Kai kurių viduje puslapyje žyma. Taigi tai yra nurodoma, kad hiper nuoroda, išgalvotas būdas pasakyti URL šio inkaras, už tai nuoroda, turėtų būti CS50.net. Ir tekstas, kad mes norime parodyti, vartotojas yra ne tai, kad žaliavos URL, o žodis CS50. Taigi, jei dabar aš paleisti, leiskite man padidinti už aiškumas, leiskite man perkraukite puslapį, pastebėti, kad mes turime šį senosios mokyklos mėlyna pabrėžė nuorodą. Ir jei aš užveskite pelės žymeklį ant jo, ir jis ketina būti sunku pamatyti, apačioje, kairėje kampe ekrano, pranešimas, kad ji sako, URL, kuris Aš ruošiuosi eiti. Ir jei aš spustelėkite ten, voila, dabar aš priėmimo tinklalapius. Ir mes buvo save į pagrindinį puslapį. Tačiau pastebėti Kokį potencialą tai suteikia mums. Saugumas yra labai madoje šių dienų. Ką daryti, jei aš vietoj pasakyti kažką panašaus tai ir aš, o ne eiti į, tarkim, galime pamatyti, fakeCS50.net. Perkrauti šį puslapį. Gerai, kad pastebėsite, kad jis vis dar atrodo kaip aš ketina CS50, nebent sumani akis pastebėsite, aš ruošiuosi padirbtų CS50. Spėju, tai domenas nėra imtasi. Gerai, kad tai nėra. Taigi, kad gerai. Niekas iš tikrųjų turi, kad domeną. Bet būkime šiek tiek daugiau kenksminga nes tai tipo kvaila. Ką daryti, jei mes pakeisime tai PayPal. Ir ką daryti, jei mes vadiname tai, kaip, www.paypal.badguy.com, bet domenas yra. Tai tikriausiai egzistuoja. Taigi dabar leiskite man perkraukite puslapį. Ir čia mes turime tarsi sukčiavimo ataka P-H-I-S-H-I N-G, kuris yra kvailas žodis suteikiamas ataka, bando žuvų informacija arba, geriau dar, pinigai iš žmonių iki apgaulės juos į teikti informaciją, jie gali kitaip daryti. Tai atrodo visiškai teisėtas, ar ne? Turiu turėti nuorodą Čia Paypal.com. Tiesą sakant, jei aš Seksualinė patrauklus jį su kai grafika, mes galime padaryti tai atrodo daugiau kaip PayPal. Teisė? Kadangi galėčiau, kaip panaikinti, Galėčiau eiti į Paypal.com. Ir mes ką tik matėme, kaip aš galiu pamatyti visus savo HTML. Galėčiau tiesiog nukopijuokite jį ir atkurti estetika Paypal, o ne eiti senosios mokyklos čia. Tačiau pastebėti, žinoma, ir tai šiek tiek mažas dar, tik apačioje kairiajame kampe, panašiu 10 punktų šrifto, jums pamatyti, kas URL esate iš tikrųjų ketina būti priversta. Ir todėl, jei jūs kada nors įsigijo apie šlamštą sakydamas eiti į priekį, ir jūs sąskaitos buvo pažeista. Spustelėkite šią nuorodą, ir leiskite mums žinoti Jūsų slaptažodis todėl galime užtikrinti, kad jūs esate jūs, neturiu kada tai padaryti. Šie dalykai turėtų būti savaime suprantama. Bet tai nuostabiai juokingas, ir tragiška, kaip kiekvienais metais tai atrodo atsitikti, kai ne nulis žmonių skaičius. Ir tai grožis phishing atakų. Galite siųsti milijono el. Ir net jei 0.01% žmonių iš tikrųjų spustelėkite Paypal ir duoti jums savo slaptažodis, tai dar ne nulis skaičius žmonių, kurie ką tik suteikiant jums savo pinigus. Ir siųsti elektroninius laiškus, žinoma, yra gana lengva ir, iš esmės, nemokama šių dienų. Taigi ilga istorija trumpa, nuostabiai graži idėja, tiesa? Metų, tai buvo anksčiau interneto, leidžianti internete apie hipersaitus tarp išteklių. Bet taip greitai, tai galėtų būti naudoti sergantiems tikslais. Ir elektroniniu paštu, pakanka pasakyti, tai dienų, yra HTML įdėta viduje. Na, leiskite man tiesiog vienas kitas dalykas. Ir mes atidėti daugiausia skiltyje problema buvo nustatyti septyni leisti jums ištirti duomenis. Bet leiskite man eiti į priekį ir padaryti keletą dalykų čia. Aš ruošiuosi eiti ir paskelbti tai, kas vadinama div arba padalinys, kampe. Leiskite uždaryti šią div tegus. Ir aš ruošiuosi pasakyti iki čia puslapio viršuje. Ir tada toliau, aš ruošiuosi daryti kažkas panašaus į kitą div, uždarykite šį tag ir padaryti puslapio apačioje. Ir tegul išsaugokite jį. Taigi dabar grįžkime į mano failą. Labai underwhelming. Bet kas pasidalijimas naudojamas, po gaubtu, tai tikrai gražus struktūrinis elementas. Ji neturi jokių estetiką tiek, kiek matome, išskyrus, matyt, išleidimą dalykų naujų linijų. Tačiau pastebėkite, kaip panaikinti, tiesiog pataikyti Įveskite nėra nukopijuokite jį į HTML patinka ar iš C. Jūs manote, kad tai ketina pateikti gražus didelis atotrūkis tarp viršuje ir apačioje puslapio. Bet tai ignoruoti. Balta erdvė yra iš esmės ignoruojamas tinklalapiai, išskyrus pirmųjų tarpo simbolis arba grįžimo, kad paspausite ant klaviatūros. Jei norite daugiau eilučių, jūs turite nurodyti patys. Taigi, aš ruošiuosi padaryti keletą dalykų čia, kad matytumėte, kas vyksta. Aš ruošiuosi įdėti atributą egzistuoja Ir vėl, kaip jums sužinoti kas priskiria egzistuoja žymeles egzistuoja, tikrai, lankosi nuorodos. HTML kalbos rūšiuoti - tai nėra programavimo kalba. Tai žymėjimo kalba - kad po geras pusvalandis, gal valandą tai, jūs tikrai suprasti, dauguma tikėtina, kad pagrindinė idėja. Ir tada "Google" paieškos toli yra visi galimus žodžius, jums gali būti domina Ir už spec, tai yra gana laukiami ir skatinami čia. Taigi dabar leiskite man eiti į priekį ir padaryti kažką panašaus į tai. Background-color. Ir dabar, aš ruošiuosi daryti kažką kaip raudona, kabliataškis. Ir jūs galite tai padaryti keletas skirtingų būdų. Aš tiesiog rūšies įvesdami jį kaip super aiškiai, kaip įmanoma. Tačiau pasirodo, kad ši vertė čia tai, kas vadinama CSS, Cascading Style Lakštai, kuris yra dar vienas kalba apskritai. CSS neturi nieko bendra su atidaryti žodžius ir glaudžius žymės. Ji turi daryti su savybėmis. Ir savybės yra tiesiog rakto porų, kurios tiesiog reiškia tam tikrą žodį, storosios žarnos, ir tada kai kitas žodis. Ir jei turite kelis klubus, ar tik vienas čia, galite baigti su kabliataškis, tiesiog dėl aiškumo. Bet tai taip pat dirbs čia. Dabar, kas tai ketinate daryti? Galite tikriausiai atspėti. Leiskite man eiti į priekį ir iš naujo įkelkite šį puslapį. Ir dabar tai tikrai eina kartu. Taigi viršuje mano puslapyje yra raudona. Bet kas svarbiausia čia yra tai, kad aš jau anksčiau, kad div suteikia jums Į puslapio padalinys. Ir tai iš tiesų ką ji daro. Iš esmės dalina puslapį į stačiakampis, kad jūs galite tada manipuliuoti. Ir tai stačiakampiai sąvoka yra natūra įtikinamų, kad jei manote, dauguma bet kokios svetainės, ten tikriausiai kai struktūrą į jį. Dauguma jūsų tikriausiai retai "Facebook" pagrindiniame puslapyje, jei esate prisijungęs visą laiką. Bet "Facebook" pagrindiniame puslapyje, nėra kai div natūra viršuje. Ir tai gali būti ne taip paprasta kaip vienas div, bet ten stačiakampio regionas ten. Likusi puslapio dalis yra tarsi didžiulis div, kaip labai didesnis stačiakampio regione. Taigi ilga istorija trumpa, tiesiog turintys šių mažai sudedamąsias dalis, gebėjimas modeliuoti dalykus kaip stačiakampiai, ar platus ar siauras, taip pat galite padaryti stulpelius potencialiai leidžia išdėstyti puslapius, tikrai, tačiau jūs norėtų. Mes tikrai tik įbrėžimas paviršius čia. Iš tiesų, jei aš vienas kitas, leiskite man eiti į priekį ir padaryti stiliaus, background-color, mes kažką daryti kaip mėlynos, netoli kabučių. Leiskite Perkrauti šį. Taigi, dabar jis vis dar bjauresnė. Bet dabar aš galiu rūšies parodyti mano P, nustatyti penkis įgūdžius, tiesa? Raudona. Jis man primena, RGB, Red Žalia Mėlyna triviečiai. Na, it turns out, web programavimas, arba web dizainas, kuris yra tai, mes nėra užprogramuotas nieko savaime, jūs iš tikrųjų galite turi šešioliktainį kodą. Taigi kažkas kažkas, kažkas kažkas, kažkas kažką. Taigi jūs galite turėti šešių šešioliktainis ženklai, arba tris, tam tikrais atvejais, ir kiekvienas iš šių klaustukais turi būti šešioliktainį skaitmenys, nulis per f. Jei aš noriu turėti raudonos daug, ir ne žalia, o ne mėlynas, kas priešais nulio naudojant hex? Tai f. Taigi aš galiu padaryti, FF, nulis nulis, nulis nulis, išsaugoti tai, ir dabar atėjo čia. Ir aš ne iš tikrųjų pamatyti pokyčius. Taigi citata citatos "raudonas", matyt, sinonimas visiems raudonos, ne žalia, ne mėlyna. Tuo tarpu galime sąmoningai pakeisti tai vienas turi būti kažkas atsitiktinai, kaip ABCDF. Pažiūrėkime, kas tai yra. Tai tikrai gražus mėlyna, Tiesą sakant, kūdikis mėlyna. Gerai, kad tai tik dabar šiek tiek atsitiktiniai deriniai simbolių. Taigi mes ne įklimpsta čia. Bet vėl, tai kalba tikslumo kad jūs galite pradėti taikoma - net jei jūs labai priblokšti pagal estetika. Iš tiesų, jei jūs tikrai norite būti įspūdį, leiskite man eiti į priekį ir pakeisti šrifto dydis, pvz. Ir pranešimas kabliataškį, kuris reikia ten. Šrifto dydis, mes galime būti tiesiog juokinga čia 96 punktą. Saugok tai. Oho, tai didelis šrifto dydį. Gerai, kad tai labai lengva. Ir iš tikrųjų, jūs iš esmės matyti labai pirmasis interneto puslapis padariau metų, kai aš pirmą kartą išmoko šią medžiagą. Tai labai lengva padaryti labai šlykštus dalykai greitai. Ir jei jūs esate susipažinę su wayback Mašina archive.org, jūs galite rasti visus mano šlykštus undergrad tinklalapius. Vienas turėjo Kermit ant priekio varlė. Aš per etapas, kai aš maniau, jis buvo kietas imtis fone raudona užuolaida, kai aš sužinojau, kaip jūs gali plytelių vaizdai vėl, ir vėl, ir vėl užpildyti puslapį didelis neskoningas raudona užuolaida. Ir tada, ant to, buvo ikona kad jums teko spustelėkite, jei norite įvesti savo namus puslapis, nes tai buvo labai madingas. Ir tada mano pirmoji programa aš kada nors rašė nebuvo PHP, bet kalba vadinamas perlas, parašė svečių knyga, kuri yra tikrai cool dalykas, kad daug žmonių tikimės, kad jūs turėti ant pagrindiniame puslapyje. Kai pateksite į puslapį, jie nori jums prisijungti ir pasakyti, kas jūs esate, ir kodėl jūs ten. Tai labai 1990 stilius web dizainas. Tačiau šių dienų, žinoma, mes ateiti daug toliau. Ir jūs pamatysite, skyriuje, ir net užduotyje nustatyti septyni, pagal sverto bibliotekas šių dienų, tai daug lengviau padaryti gražiau viskas greitai. Tikrai čia mes tiesiog braižymo , ką jūs galite padaryti paviršius stilistiškai. Ir iš tiesų, jau, leiskite man pabrėžti, kad tai jau tampa negraži, ne tik estetiškai, bet kalbant Stilius mano kodas, arba dizainas mano kodas. Aš šiuo metu comingled HTML, kuris yra žalsvi atviros žodžius ten, su CSS savybės, kurios yra visiškai teisėtas. Tai tikrai, jei kalba turėjo savo šaknis. Bet iš švaraus dizaino interesų, panašiai kaip mes pradėjome faktoringo stuff iš C failus į. h failus, leiskite man iš tikrųjų praktika, kad šios rūšies principas ir pradėti daryti tai vietoj. Leiskite man stiliaus tegus čia, kuris Taip pat egzistuoja HTML, ir leiskite man nurodyti toliau. Leiskite man ištrinti. Fono spalva bus raudona. Aš tai ištrinti visiškai. Aš ruošiuosi atsikratyti stilius priskirti, ir aš ruošiuosi unikaliai nustatyti div su žodžiu - savavališkai, tačiau pagrįstai citata citatos "iš viršaus". Ir numeris yra ypatinga atributas, kuris vienareikšmiškai apibrėžia tam tikras HTML elementas kaip turintys tą ID. Jei aš dabar noriu stilizuota jį iki čia mano puslapyje galva, viduje stilius žymeles, pastebėsite, kad Galiu padaryti maišos viršuje. Ir tada aš galiu įdėti garbanotus pora petnešos, primenantis C, ir tada tegul man įklijuokite toje stilizacija. Ir leiskite man eiti į priekį čia ir numatyti kur aš ruošiuosi tai. Leiskite man taip pat sukurti vieną už apatinio div. Leiskite patraukti šio šlykštus kodą iš apačios čia įdėti jį čia, ir aš būsiu šiek tiek daugiau analinis dabar ir stilizuotas jis tik pradėti ką jų pačių linija, baigiant kabliataškiais. Leiskite man atsikratyti stiliaus žyma. Bet aš dar ne viskas. Man reikia padaryti dar vieną dalyką. Taip, id lygus citata citatos, "iš apačios" ar kas tapatybės Noriu duoti, kad elementas. Dabar leiskite man grįžti čia. Ir tai yra žiaurus. Aš negaliu spręsti 96 punkte. Padarykim 24 tašką. Arba galite tiksliau. Jūs iš tikrųjų galite naudoti pikselių, px, todėl kad jūs tikrai gauti prabangiau grūdų kontroliuoti savo puslapyje. Kaip panaikinti, tai nebūtinai Geriausia, jei vartotojai, už accessibility priežasčių, norite galėti didinti dydžių. Taigi suprasti, kad yra būdų, kaip tai daryti dalykų, kurie nebūtinai Sunku kodas viskas. Visos teisės, todėl didesnis, 24 punktą, nei kokia nutylėjimą. Bet dabar jis šiek tiek švaresnis. Ir leiskite man pasinaudoti šia dar vieną žingsnį. Tiesiog kaip header files idėja, pastebėti, kad mes vienu žingsniu arčiau prie to. Turiu apskaičiuotus naudą, tačiau dar liko, viduje mano puslapį, tie CSS taisykles. Kodėl galėčiau norėti imtis vieną žingsnį toliau, pašalinkite šį pasirinkimą iš viso ir įdėti jį į atskirą failą? Taigi aš galiu pakartotinai, tiesa? Tai tiesiog rūšies intuicija dabar. Prieš, aš teigė, kad tai buvo tik gauti negraži turintys stilių atributai viduje DIV patys. Bet tiesiog rūšies manote, kad per. Kaip jūsų puslapis tampa vis ilgiau ir ilgiau, jei jūs pateikėte čia, ir čia, ir čia, ir čia, visi jie skirtingi spalvų ir šrifto dydis, ir kitų tokių atributus, jūsų puslapis yra labai greitai taps nebevaldomi už jus. Jei kas nors ateina į jus ir sako, oi, žinote, ką? Aš tikrai norėčiau pakeisti šrifto dydį dviejų papildomų taškų, jūs gali tekti eiti ir rasti ir pakeisti Labai daug eilučių kodo. Tai daug patrauklesnės centralizuoti visi tokie estetika čia. Bet jei norite pakartotinai naudoti tiems estetikos kelis puslapius, visi patrauklesnės, nes Pavyzdžiui, sukurkite failą vadinamas su šių duomenų. Ir leiskite man tai padaryti. Išsaugoti šį failą. Sakau styles.css, savavališkas, bet tradicinis. Aš įdėti jį į Jono Harvardo namuose kataloge dabar paprastumo. Ir ką aš galiu padaryti savo tinklalapį, tai gauti atsikratyti stiliaus tegus apskritai, ir šiek tiek unintuitively, naudokite nuorodą tegus, kuris neduoda jums nuorodą hipersaitas, spausti prasme, bet kur aš pasakyti nuoroda href lygus styles.css. Ir santykiai, kad šis elementas buvo su interneto puslapyje yra tarnauti kaip jos stilių. Taigi, kaip aš žinau, tai? Vienas iš jų, jūs tiesiog perskaityti vadovą, ar jums "Google" aplink, ir jūs pažvelgti į įvairių išteklių. Aš turiu galvoje, kad tikrai yra tai, kaip pasiimti būdus, kaip tai, ir atitinkamai su šia mokymo save nauja idėja kalbos, vėlgi, jūs pamatysite, kad yra tik baigtinis skaičius dalykų į bet kokią kalbą, kad, kai jūs gaunate juos, jūs pamatysite, kad jis bus greičiau ir greičiau rašyti. Iš tiesų, mokytis naujos programavimo kalba yra daug greičiau, nei nauja vartojama kalba, nes šie dalykai yra daug mažesni ir daug daugiau tiksliai apibrėžta. Bet aš pabrėžė, šiek tiek iš anomalija čia. Kodėl aš atkreipė dėmesį į šią nerija čia? Kadangi turiu uždaryti žymę. Man reikia uždaryti žymę. Ir jūs rasite daugybę išteklių internete, kad ne nebūtinai glaudžius žymes. Ir realiai, tai nėra griežtai būtina dėl techninių ir yra priežastys tikrųjų naršykles tik gana tolerantiški klaidų internete puslapiai, geriau ar blogiau, bet dažniausiai blogiau. Taigi tai čia yra tiesiog švaresnis būdas sakydamas kažką kvailas, kaip šis, kur, jei norite atidaryti nuorodą tegus bet jį uždaryti, ten tikrai ne sąvoka Turinio už nuorodą žyma. Tai tiesiog reiškia, įkelti šį failą ir įdėti jį čia. Tai tarsi staigus įtraukti į C galite atidaryti ir uždaryti žymę visi vienu metu per tą patį žymės. Ir dar kiti pavyzdžiai. Tai nėra būdas tai padaryti, bet Br žymeles, už eilučių, jei aš tikrai norėjo pasiekti tai, ką buvau bando prieš pataikyti Enter, jei Aš aiškiai pasakyti eilutės lūžį, eilutės lūžį, eilutės lūžį, eilutės lūžį, ir tada iš naujo įkelkite šį puslapį, dabar jūs pastebėsite, kad puslapio apačioje yra, Iš tiesų, daug toliau nustatytų Į puslapio apačioje. Bet net ir tai gali būti padaryta daug daugiau švariai su CSS ir su paraštėmis, ir kitų tokių estetika būdai. Taigi dabar, kad takeaways yra tai. HTML, mes turime tai kas vadinama žymes. CSS, mes turime šiuos dalykus vadinamas savybės. Mes galime comingle šias dvi kalbas, arba naudojant stiliaus atributas, arba stiliaus tegus arba geriausia dar, faktoringo tai iš viso, kaip mes darome į problemą nustatyti 7. Klausimai, tada apie konceptualūs pagrindai čia? Auditorija: Turiu klausimą. GARSIAKALBIS 1: Oi, atsiprašau. Auditorija: Kodėl ne spalvos - GARSIAKALBIS 1: O, kitoje kortelėje? Tai čia? Auditorija: Ne, tai kaip - GARSIAKALBIS 1: O, tai todėl, kad Man buvo prastesnis. Aš įdėti failą į neteisingą vietą. Taigi, jei aš iš tikrųjų įdėti jį čia, ir aš chmod tai visi + r styles.css ir dabar perkraukite puslapį, dabar mes gauti stilizacija atgal. Ir todėl, kad šrifto dydžiai skirtingi, mes nematome gana tiek, kiek tarpas. Mes, o ne pamatyti, kas nutylėjimą yra vietoj. Geras klausimas. Taip? Auditorija: Kodėl nuoroda tegus viduje antraštę? GARSIAKALBIS 1: Kodėl nuorodos tegus viduje antraštės - Trumpas atsakymas, tik todėl. Tai, kas buvo nuspręsta. Štai kur nuoroda žodžius eiti, kai turite tai, kas vadinama išorės stilių. Kiti klausimai? Gerai, gerai tegul tai padaryti. Mes turime tiek daug linksma prieš mus šiandien. Tai tik įbrėžimas CSS paviršiaus. Leiskite tai padaryti. Paimkime penkių minučių pertrauką čia nes už mano elektroninio pašto, galime pakabinti ten iki 02:30 ish šiandien. Bet jei jūs turite palikti, kad gerai. Bet mes išsiveržia į priekį po penkių minučių pertrauka. Ir mes išmokti truputį kažką apie PHP, MySQL, ir dar daugiau. Visos teisės, todėl pabandykime dabar, susieti nedaugelis iš šių idėjų kartu ir padaryti, tarkim, savo paieškos variklį. Aš pastebėjau, o smalsiai, taip. Kai esate Google.com, jūs paprastai ne kaip šis URL čia su nieko po dot com. Bet jei aš ieškoti ką nors kvailas kaip katės ir paspauskite "Enter", mes susisieksime - ne kvaila, bet jūs žinote. Gerai, kad pastebėti, ties puslapio viršuje dabar, URL adresas, žinoma, pasikeitė. Ir tai nėra nieko nauja kiekvienas iš mūsų. Jūs spausti ant nuorodos ir kita vyksta internete. Bet kas įdomu čia yra taip. Yra visai daug netvarkos, bet tegul man išmesti stuff, kad aš ne visai suprantu ar ne tikrai atrodo svarbi. Leiskite man atsikratyti šio. Leiskite man atsikratyti šio. Ir leiskite man tiesiog atsikratyti visų tai. Ir dabar pastebėti, kad katės yra URL, po su q, tada lygios prisijungti priešais jį. Taigi paaiškėja, tai kaip Kaip tai veikia, kai kalbama apie įvesties ir išvesties. Mes ilgai kalbėjome apie juodosios dėžės, tiesa? Taigi, jei tai yra funkcija įgyvendinama čia kaip "black box, ji užima įvestį ir gamina išvestį, taip pat, tai , kuriuo siekiama prisidėti prie Svetainėje yra būdu, dažnai iš savo URL. Jūs galite tiesiog įdėti klaustuką ir tada raktas lygus vertę. Ir tada gal ampersendas, tada dar vienas svarbus lygus vertę, tada gal kitas ampersendas, raktas lygus vertę. Štai kaip pereisite į klavišus ir vertybes, poros įėjimų. Taigi, jei aš paspauskite Enter dabar kas įdomu apie "Google", kad visi kad netvarką Aš ištrynė neatrodo būti griežtai būtina. Viskas, ką reikia siųsti į "Google" yra klausimas ženklas Q yra lygus katės gauti atgal kai katės. Na, kad išvada, tada, Tai jei aš atsigriebti gedit, aš pradėjau padaryti savo paieškos programą čia faile vadinamas seach0.html. Ir leiskite man eiti į priekį ir ištrinti viena linija, kad jūs nebuvo manoma, kad pamatyti. O dabar leiskite man eiti į mano paties naršyklėje taip ne Google, ir eiti į http://localhost. Ir tai dar ketinate gauti į kelią. Taigi, mes ketiname turėti atsisveikinti su kad dabar perkelti jį čia, oh, dabar mes ketiname turėti atsisveikinti su tame faile. Jei turite failą pavadinimu index.html arba index.php į katalogas, jei žiniatinklio serveris yra sukonfigūruotas taip, ką jūs matyti, pagal nutylėjimą, yra tos turinys failą, o ne iš sąrašo katalogas, kaip aš norėjau čia. Daugiau apie tai spec. Tu negali matyti. Taigi tai, ką aš iš tikrųjų norėjo. Tačiau šiuo metu senumo, ten buvo failą aplanke vadinamas index.html ir index.php. Ir todėl serveris buvo rodo man tuos failus. Vietoj to, aš noriu šį katalogą išvardyti čia. Taigi, aš ruošiuosi eiti į CSS ir eiti į search0. Ir aš teigia, kad tai tai bus mano paties konkurencinga pradžia paieškos. Ir tai padaryti, aš ruošiuosi eiti čia į CSS, ir atverti su gedit, paiešką 0. Bet, deja, yra ne daug vyksta čia. Viskas, ką aš padariau buvo naudoti antraštę žymeles, kurios atsitinka būti vadinamas H1, kuris iš esmės reiškia didelis ir drąsus, ir viskas. Tačiau būdas, kuriuo mes galime teikia įėjimai per šiuos kas vadinama formas. Taigi leiskite man eiti į priekį ir atidaryti ir uždaryti, Preemptively, forma tegus ten. Ir leiskite man eiti į priekį ir daryti kažkas panašaus į tai. Įėjimas, tipo lygus tekstą. Ir tada tegul uždaryti tegus per skliausteliuose patys. Man nereikia pradėti teksto lauką ir sustabdyti teksto lauką. Tai tiesiog bus ten, ar ne. Ir tada toliau, kad galime tai padaryti įvesties lygus pateikti. Išsaugoti. O dabar galime tik daryti greitai normalumas patikrinti. Leiskite perkraukite puslapį. Gerai, kad tai nėra blogai. Tai ne "Google" stilius, bet tai gana arti. Yra teksto laukas. Galiu tipo kai stuff, paspauskite Enter bet nieko neįvyksta dar. Ir tai todėl, kad aš nenurodomas už šią formą veiksmų, taip sakant. Taigi, jei aš einu atgal į formos elementas, Pasirodo, kad ir aš žinau, tai tik gražu skaityti dokumentus, kad forma tegus trunka atributą vadinamas veiksmas, kuris yra URL iš svetainės, į kurį norite siųsti formą. Aš tikrai manau, kad mes turime laiko įgyvendinti visą nugaros pabaigos Search Engine šiandien. Taigi mes tiesiog ketinate pasakyti, eh, eiti į google.com / search. O dabar leiskite man užmerkiu kabučių. Ir leiskite man dar patikslinti, kad metodą naudoti vyksta būti vadinamas gauti. Trumpai tariant, yra du būdai, bent Bent, kad galite pateikti informaciją iš naršyklės į serverį. Vienas iš jų yra gauti, o šiandienos tikslais, kad tiesiog reiškia, URL. Jūs matote tiksliai klaustukų, kad lygus ženklais, jungimo ženklus, kad matėme anksčiau. Arba ten alternatyva vadinama paštu. Nes dabar, žinau, kad pranešimas yra dažnai naudojami jei norite įkelti failus, pavyzdžiui, vaizdai ir tt, arba kai norite pateikti kredito kortelės informaciją, arba slaptažodžius, nieko, kad jis nėra prasmės, konceptualiai, arba saugumo protingas, kad galų gale į URL Jūsų naršyklė Kur Snooping tėvai, ar kambariokai, ar kas, turintis prieigą prie kompiuterio gali pamatyti. Taigi leiskite išskyrus tai, kad čia. Ir man reikia padaryti dar vieną dalyką. Tai nereiškia, pakanka tik sako duok man teksto lauką. Turiu duoti, kad lauko Vertiname vardą. Taigi leiskite man skolintis Google pasirinkimas pavadinimai, Q, taip pat nurodyti, kad antrasis priskirti man nerūpi, apie iš Pateikti mygtuko pavadinimą. Viskas, ką aš rūpi pateikti Ką vartotojas įveda in Ir dabar tai yra natūra negraži. Jis tiesiog sako pateikti. Pasirodo, ir aš žinau, tai iš dokumentus, galiu tikrai pasakyti vertė lygi citata citatos "CS50 Paieška Į "arti citata. Tada tegul perkrauti dar kartą. Taigi aš nuolat pataikyti Command-R arba Kontrolė-R mano klaviatūros perkraukite puslapį. Dabar mes turime įdomiau paieškos. Tai ne visai atrodo "Google" dar, nors. Taigi eikime į priekį čia ir padaryti šiek tiek eilutės lūžį. Gerai, kad dabar mes turime "Google". Mes iš tikrųjų beveik turiu "Google". Taigi dabar, kas nutiks? Aš ruošiuosi rašyti kažką patinka katės. Ir naršyklė ketina išanalizuoti kad forma, kad aš apibrėžta. Ir tai ketina siųsti vartotojas šiuo URL. Taigi šiuo metu, kai smalsu priežasties Aš turiu daugiau informacijos apie atsargas nei apie faktines katėms. Bet tai gerai, nes pastebėsite, mes vis dar galų gale čia Q yra lygus katės. Taigi Trumpai tariant, atrodo gana trivialus gauti informacijos iš vartotojo. Ir būtų teisinga, ten kekių Kitų tipų formos laukuose. Yra žymės langelius ir mažai tarpusavyje išskirtiniai radijo mygtukus, ir išskleidžiamajame meniu, ir dar daugiau. Tačiau visi jie yra santykinai lengvai įgyvendinama kaip tai tekstinis laukas buvo. Ir galiausiai, mes tiesiog turime padaryti kad kas nors yra klausymas dėl kitų pabaigos linijos, norint gauti, kad tvarkoma informacija, kažkaip, ir suteikia mums atgal mūsų katės. Pažvelkime šiek tiek aktyviau dalyvauti pavyzdys. Leiskite man eiti į mano vhost katalogą, į vietinio kompiuterio, visuomenės ir kur aš įdėti šiandienos kodą. Visa tai bus aikštyno svetainė jums žaisti su. O jei aš einu į froshims, leiskite man atidaryti iki šio failo dabar froshim0.php. Tai vienas šiek tiek daugiau išsami, todėl mes ne rašyti tai nuo nulio. Bet tik pastebėti dabar keletas šiek tiek pažįstami charakteristikos. Vienas iš jų, forma žymeles, skirtingų veiksmų. Tai ne pilnas adresas. Dabar ji, matyt, į failą pavadinimu register0.php, nes kai metu Aš einu išmokyti sau šiek tiek kažkas apie PHP, programavimas kalba, nes PHP gali būti naudojama įgyvendinti tai, ką "Google" įgyvendinamas kaip atgal pabaigoje savo paieškos sistemų. "Google", iš tikrųjų, tikriausiai naudoja kai Python, kai C + +, ir kekių kitomis kalbomis. Bet mes tikrai galėtų įgyvendinti paiešką rezultatus, gautus naudojant PHP, jei mes norėjome. Bet dabar, mes keep it simple. Ir tai iš tikrųjų primena vieną kitų pirmųjų svetainių aš pagamintas metų. Atgal į mano dieną, jūs įregistruota vidines sporte kaip pirmakursis pagal užpildyti popieriaus lapą, vaikščiojimas per kiemą, ir nuleisti jį iš Procter į paštas Wigglesworth, ir tai buvo, kaip jūs registruotas. Ir kad mano projektas netrukus po CS50, buvo įdėti, kad, kuris makes perfect prasme, į internetą, kuris nebuvo kaip madoje tada, kaip yra dabar. Bet visi mes turėjome padaryti, buvo sukurti, iš esmės, HTML formą. Ir tai forma atrodė maždaug kaip šis. Turėjau už indėlį Pirmakursis vardas. Aš turėjau kitą žymės langelį ar ar jie nori būti kapitonas, ką jų lytis buvo ir kas jų bendrabučio buvo. Ir tada aš sunkiai koduojami dalykų kaip Apley teisme, Canaday, Grays, ir kt. Taigi dar kartą, nauji žymės. Nemačiau šių ir anksčiau, naujos atributai, bet gana prieinama. Kai tik jūs matote pavyzdį, galite natūra iš pasiskolinti šią idėją ir padaryti lašas išskleidžiamajame meniu daugumai nieko. Bet kas svarbiausia yra, kad kiekvienas iš šie dalykai turi vardus. Ir šios formos apačioje, yra mygtuką "Siųsti", kurio etiketėje, arba vertė, yra registras. Taigi eikime į šį puslapį. Leiskite man grįžti į Katalogų sąrašo. Leiskite man eiti į froshims, ir eiti į froshim0.php. Taigi tai šlykštus, būti sąžininga. Taigi, aš tikrai galėtų Stilizuoti tai su kai CSS, galėčiau padaryti kai grafika, gal pridėti šiek tiek spalvų, ir padaryti tai gražiau. Bet funkciškai, aš teigti, kad tai iš tikrųjų yra gana išsamūs. Deja, kai aš užpildyti tai iš, David, Kapitonas, Vyras, mes pasirinkti, tarkim Matthews registras, visa tai atsitinka, yra tai. Bet pastebėsite takeaways pora. Viena, kas tai per failas grįžo tie rezultatai, matyt? Taigi, tai, tiesą sakant, register0.php. Taigi tai, kad pamatėme, kad veiksmų vertė prieš akimirką už register0, tai patvirtina, kad mes iš tiesų baigėsi į tą konkrečią bylą. Dabar tai yra tiesiog bjaurus tekstas. Tačiau pastebite, kad šis tekstas yra tiekiamos iš vietinio kompiuterio, kuri yra nuo prietaiso. Pagalvokite apie prietaiso dabar kaip tik žiniatinklio serverio, kuris galėtų būti Mokslo centras. Tai gali būti faktinės internete. Taigi tai yra prieinama viešai. Taigi aišku, yra keletas pravažiuojančių būdas sudaro lauko įėjimai į serverį taip, kad jis gali padaryti kažką su jais. Deja, register0 yra gana kvaila. Visi jame yra spausdinti masyvo kad atrodo taip. Ir tai ne iš masyvo ta prasme, kad mes jį žinome. Pasirodo, kad PHP ir daug kalbos, turi ne tik skaičiais indeksuojami matricos, kurių gimtoji indeksas nulis, tada vienas, tada du, tada taškų, taškas, taškas, n atėmus 1. Tai, kas vadinama masyvą. Asociatyvus masyvas yra ta, kurioje Jūs galite laikyti rakto poras, kur Pagrindinis nebūtinai numerį. Tai gali iš tikrųjų būti eilutė, žodis. Ir todėl tai gali būti įgyvendinama, po gaubtu, it turns out, naudojant duomenų struktūra vadinama? Minties kažkas dramatiškas buvo apie atsitiks - maišos lentelė. Taigi, maišos lentelė, priminti, tiems iš jūsų, kas tai padarė už P rinkinys 6 arba net prisiminti tai bent, net jei tu pabandyti, maišos lentelė, mūsų naudojimo, buvo naudojamas tiesiog laikyti žodžius. Bet iš tikrųjų, jūs saugoti raktus ir reikšmes. Jei įgyvendinamos maišos lentelę P nustatyti 6 žodyną, raktas buvo patys žodžiai, ir vertybės buvo efektyviai true arba false. Taip, čia, arba netiesiogiai, ne, ne čia. Na, mes galime apibendrinti, kad idėja. Ir mes galime naudoti labai panašius duomenis struktūra saugo ne eilutę pati vieni savo maišos lentelė, bet Tarkime, kad iš savo maišos vieną kiekvienam stalo mazgai. Ir jūs netgi galite tai padaryti pabandyti o ne tiesiog bool. Jūs galite turėti ką nors kita. Ką daryti, jei raktas buvo ne Maxwell, už Pavyzdžiui, bet citata citatos "pavadinimas", arba citata citatos "kapitonas." Ir viduje jūsų klasifikavimo duomenų struktūra, įdėdami vertė, o ne tik loginė, bet vertė kaip citata citatos "Dovydo" arba "M" arba "Matthews" ir kt. Taigi tų pačių duomenų struktūras, kuriuos mes naudojome matyt, egzistuoja ir kitomis kalbomis. Ir aš ginčytis jie iš tikrųjų daug, daug paprasčiau pasiekti čia. Leiskite iš tiesų pažvelgti dabar kai tokia sintaksė. Aš ruošiuosi eiti į PHP kataloge. Ir aš ruošiuosi atverti geriau portalo hello-0 nuo anksčiau. Atkreipkite dėmesį, kad viskas, ką aš padariau buvo pridėti komentarus. Taigi, mes galime atsikratyti, kad išsiblaškymas. Ir ši programa iš tikrųjų spausdina Apie nes aš nurodėte tarp žodžius, kad aš noriu vykdyti šį kodą. Dabar mes matome akimirką kodėl tai yra naudinga. Bet tegul atidaryti vieną kitą pavyzdį čia. Leiskite man eiti į priekį ir atverti pasakyti, gedit sąlygų vieną. Tai kelią atgal į laiką dabar. Tačiau savaites, manau, į savaitę vieną ar savaitę du, mes turėjome pavyzdį, vadinamą conditions1.c. Ir aš nusprendžiau reimplement jį PHP, tiesiog rūšies pabrėžti, kad PHP sintaksė yra beveik identiškas į C. Tai nėra didžiulis šuolis iš praeitą savaitę tai. Notice šios programos viršuje, kuris prasideda, kaip ir anksčiau, su kai komentarai, kuriuos aš atsikratyti AS išsiblaškymas. Atkreipkite dėmesį, kad aš PHP režimas šioje byloje. Taigi Šiuo kodu mes pamatysite, gaus įvykdytas. Atkreipkite dėmesį, kad ten Readline, tai tikriausiai analoginis PHP ir getstring. Pastebėsite, kad jis yra šiek tiek kitoks. Jūs iš tikrųjų nurodyti eilutę funkcija vadinama skaityti linija, ir tai ką mato vartotojas. Taigi jūs neturite printf rankiniu būdu. Bet tai ne big deal. Aš ruošiuosi laikyti, viduje $ n grįžti vertę tai, kad nepriklausomai nuo vartotojas įveda yra jų int. Ir čia dar smalsumas. Pasirodo, PHP, bet kintamasis tiesiog turi būti pridedamas su dolerio ženklu. Tai šiek tiek erzina. Tačiau pastebėti tai, ką aš nepadariau PHP. Ko trūksta iš kairės pusės pusė lygybės ženklą? Ne tipo paminėjimas. Taigi tai skiriasi nuo C. Geriau arba, dar blogiau, PHP yra laisvai įvedėte kalba. Ji turi numerius. Ji turi eilutes. Ji turi loginę. Ir ji turi keletą kiti duomenų tipai. Bet jūs, programuotojas, paprastai neturi rūpintis jais. Tai aukštyn, kad ji daro tai šiek tiek lengviau programą. Jūs galite galvoti šiek tiek mažiau. Neigiama yra tai, ji taip pat atveria Jums iki galimas klaidas, jei jūs netyčia gydyti kaip eilutės numerį, string kaip skaičius, potencialiai, bet net tada, PHP ir kalbų daug, yra gana tolerantiškas. Jie bus panaudoti tai, kas vadinama numanoma liejimas. Ir jei bandote naudoti "n" kontekste iš skaitmeninės situacijoje, jis bus konvertuoti, kas čia bus eilutę, nes jei vartotojas įveda kažkas, ir gausite rezultatą, kaip su readline, arba gauti eilutę, kad ketina grįžti eilutę. Tačiau pastebėkite, pora eilučių vėliau, aš patikrinti, ar n yra didesnis už nulį. Taigi PHP ketina netiesiogiai atiduoti mano "Eilutė" 123, arba ką vartotojas tipai, į integr. Taigi trumpai tariant, daiktų, tiesiog veikia daug daugiau intuityviai. Taigi, mes dabar pradeda atsipalaiduoti iš nedaugelio dalykų, kad mes padaryta praeityje. Šios medžiagos daug yra tas pats, nors. Vis dar lygus lygus. Kaip panaikinti PHP taip pat buvo lygus lygus lygu, bet daugiau apie tai, ko gero, į ateitis. Tai buvo. Typo bet du lygu ženklai reiškia tą patį dalykas, kaip ir anksčiau, palyginimui. printf reiškia tą patį, kaip ir anksčiau. Backslash n reiškia tą patį dalykas, kaip ir anksčiau. Taigi, kaip man paleisti šią programą? Na, kaip ir anksčiau, jei aš PHP, conditions1.php, ir įveskite kaip 123 skaičius. Tai teigiamas skaičius. Jei aš tipo 0, aš pasiimti 0. Ir jei aš tipo neigiamo 123, gaunu atgal neigiamą skaičių, kuris yra tik pasakyti, sintaksiškai, PHP yra super, super panašūs. Tad kodėl tai dabar naudinga į interneto kontekste? Na, grįžkime prie šio froshims pavyzdys, kuris atrodė, vėl, kaip tai čia. Ir tegul tikrųjų atsigriebti tinklalapį vėl, kuris atrodė taip. Ką mes galime padaryti su duomenis, kurie manimi pateikta? Na, leiskite man atverti naujesnių šios programos versiją. Ir jūs pamatysite, kad problema rinkinių specifikacija walks jus per šių kelių. Užuot pradėti nuo nulio, pažvelkime froshims3, kurie daro šiek tiek daugiau. Pranešimas pirma, iš tikrųjų, galime atidaryti tai, kas buvo 0, todėl pamatysite ką registras 0 buvo. Pranešimas ką registras 0 padarė. Vienas, turiu komentarų viršuje. Ištrinti šiuos ir sutelkti dėmesį tik į tai. Dauguma register0.php turinį Yra, žinoma, kokia kalba? Tiesiog žaliavos PHP. Taigi pranešimo, šis failas nepasileidžia su tuo metu skliaustai atidaromi, klaustukas, PHP. PHP neleidžia jums susimaišyti PHP kodą su HTML žymes. Bet aš padariau, kad čia viduje vyresnių nei čia puslapyje. Dabar vėl, jūs tik žinau, tai iš to pažvelgė vadove. print_r, it turns out, yra print_recursive. _recursive Ir tai tik patogu naudingumo funkcija, kuri tik spausdina, rekursyviai, ką perduoti jį. Jei vertus, masyvas, jis bus atspausdinti masyvą. Jei vertus, skaičių, jis bus atspausdinti skaičių. Vertus, ji eilutę, jis bus spausdinti eilutę. Jei vertus, jis maišos lentelę, tai bus išspausdinti maišos lentelę. Jūs neturite rašyti viską Šio kodekso sau. Dabar pastebėsite, kad aš patekti PHP režimas čia. Aš išeinant PHP režimą čia. Taigi, kai interneto serveris skaito šį failą iš viršaus į apačią, iš kairės į dešinę, nes jis baigiasi failo pavadinimu. Php, bet ne viduje PHP žymės yra tiesiog bus nerija iš, pavyzdžiui, neapdorotą HTML. Ne big deal. Bet kaip tik web serveris pranešimus to, jis ketina pasakyti, aš neturėtų išspjauti, pažodžiui, print_r iš posto. Aš turėtų vykdyti taip eilutėje kodas. Taigi į paskutinį klausimą, tada, šiam failui yra gerai, kas gi tai? Paimkite atspėti. Kas yra $ _POST, tikriausiai? Auditorija: [nesigirdi] GARSIAKALBIS 1: Taip, komandiruoti duomenys. Prisiminkite, tegul slinkti atgal laikas tik akimirką. froshim0 vėl atrodė taip. Super dauguma tai tik HTML. Vėlgi, kai žodžius neturite mačiau dar, arba su kuriomis jau esate susipažinę. Bet įdomus dalykas buvo tai. Tai viena eilutė yra tai, ką tikrai susieja tai mūsų register0.php failą. Aš pateikti per metodas paštu. O tai reiškia, kad parametrai vartotojas įveda nėra ketina baigti kur. Jie nesiruošia rodomi URL. Jie vis dar bus siunčiami iš klientas, iš naršyklės, su serverio, bet tik per kai kurių kitų mechanizmas, kad mes atsisakyti savo rankas ne šiandien, bet tai ne URL. Tačiau pastebėti santykius dabar pranešimas, kuris, kaip įprasta, yra mažosiomis čia. Bet jei aš atverti register0.php, Aš, matyt, spausdinti tai. Taigi tai yra tipo keista pavadinimų konvencijos. Bet kas malonu PHP yra tai, kad kai naudojant PHP interneto kontekste, o ne komandinės eilutės, kaip aš prieš akimirką, kai jūs iš tikrųjų, naudojant jį internete puslapis, į vhost katalogą, mes esame, automatiškai bus PHP užpildyti šią dalykas, kuris yra asociatyvus masyvas, taip sakant, maišos lentelę, su viskas vartotojas turi įvesti in Trumpai tariant, $ _POST visais dangteliais yra pasaulinį kintamąjį, kad PHP tiesiog stebuklingai sukuria jus, kai naudojant PHP interneto kontekste. Ir tai kelia viduje ji visi pavadinimai parametrų forma, kuri buvo pateiktas šio failo ir visų vertybės, kurias vartotojas turi įvesti in Taigi paduoda jums, ką vartotojas įvestas į tą formą. Taigi, prieš, mes turime tikrai kvailas produkcija tiesiog mato tai, nes viskas, ką aš padariau buvo rekursyviai spausdinti šį masyvo. Svarbiausia yra pavadinimas, vertė yra Dovydas. Svarbiausia yra kapitonas. Vertė yra įjungtas. Ir dvigubą rodyklę ir kampas Laikiklis yra, tai tik savavališkai. Tai ne kodas. Tai tik PHP būdas parodyti jums ką nors rakto. Bet dabar leiskite man pasiūlyti, kad froshIMs3, tai beveik identiškas išskyrus ji teigia, kad šioje byloje. Ir vėl mes ketiname natūra tik pažvelgti į tai, tik pamatyti, kai sintaksė, bet pranešimas, ką šis failas neatsidaro. Paimkite atspėti tik remiantis linijų kodas, kuris tikriausiai atrodo Graikų, tam tikru mastu, akivaizdžiai daro. Šis failas yra kažkaip susiję į paštą, siųsti. Taigi, ką ši programa daro? Šioje versijoje, jei aš buvo iš tikrųjų Užpildykite šią formą - ir leisk man eiti į froshIMs3 ne froshIMs0 - forma atrodo taip pat. Davidas, kapitonas, vyrai, bendrabučio Matthews. Bet jei aš pateikti tai, šis failas yra ketina eiti į register3.php. Ir galiu reikalauti, pažvelgus į tai kodą, jis ketina kažkaip įtraukti laišką. Leiskite man eiti į priekį ir atidaryti šį iki daugiau lange, todėl mes galite pamatyti daugiau švariai. Mes į vhosts, vietinio kompiuterio, visuomenė, froshims. Aš einu atverti skiriasi programa, tik kad mes galite pamatyti daugiau vienu metu. Taigi, dabar čia pastebėti keletą dalykų. Tuo failo viršuje yra atvira laikiklis, klaustukas, PHP. Tada ten komentarų krūva, kuriuos mes galime ignoruoti, yra neįdomu dabar. Dabar ten tai. Pasirodo, PHP turi daug kodo vadinamas reikia. Jis labai panašus į dvasią C " apimti, maišos apimti, kuri iš esmės patraukia kai kurių turinį kitų failų ir tiesiog plops juos čia, todėl jūs galite naudoti juos. Tokiu atveju, prietaisas turi, iš anksto įdiegta, biblioteka, nemokamai ir atviro kodo biblioteka vadinama PHP vokas, kad kiekvienas gali atsisiųsti iš interneto. Mes tiesiog padarė tai už jus. Ir tai reiškia, kad dabar aš turiu laišką funkcionalumas mano žinioje. Dabar pastebėti keletą dalykų. Aš einu patikrinti Formos pateikimo. Pasirodo, PHP, vienas, yra šauktuko balų už ne operatorius, kaip ir C. Bet PHP taip pat turi funkciją vadinamas tuščias. Tuščias tiesiog grąžina true, jei vertė apie ką jūs nuneškite jį į skliausteliuose yra tuščias, kaip vartotojas nebuvo įveskite nieko in Taigi tai sako, ir pastebėsite, sintaksė, labai primenantis C, jei pavadinimas raktas, todėl pavadinimas laukas forma, kuri buvo pateikta per paštu, vartotojas, yra ne tuščias, ir jų lyčių nėra tuščia forma, kaip gerai, ir jų bendrabučio nėra tuščias - bet pranešimas aš nerūpi, kapitonas kas tada mes ketiname daryti? Aš ruošiuosi atlikti tai kodo eilutę. Ir jūs galite galvoti apie šios rūšies kaip malloc, bet tai mažai mėgėjas, kad ne. Bet dabar tai man suteikia ypatingą struct tipo PHP mailer. Bet ignoruoti žodį naują šiandien. Dabar aš ruošiuosi skambinti funkcija vadinama IsSMTP, kuris sako, naudoti SMTP. Tai portas 25, kaip vaizdo Praėjusią savaitę, kai dalykas buvo mesti laiškus į užkardą. Portas 25 yra SMTP. SMTP reiškia naudoti pašto serverį. Kuris iš jų, mes galime naudoti Harvardo universiteto SMTP.fas.harvard.edu. Mes galime nustatyti iš adreso būti Jonas Harvardo universiteto. Jei aš pereikite toliau, galiu nustatyti gavėjo adresas, tiesiog savavališkai, kad Jonas Harvardo universiteto, taip pat. Taigi jis bus rašau pats. Dabar galiu nustatyti temą būti registracija. Ir aš galiu nustatyti kūną Email taip. Ši eilutė atrodo šiek tiek daugiau paslaptingas, bet tai tik todėl, kad ten yra daug informacijos į jį. Viena, yra taškas operatorius. Kažkas turi jau žinote, ką dot operatorius daro. Tai sąryšis. Taigi, jei norite imtis PHP eilutę, ir pridėti, arba pridėkite iki keliu, kad kitas PHP eilutę, ačiū Dievui jus neturite naudoti strcopy ir malloc, ir visa tai nebėra. Jei norite Jungiant dvi eilutes, who cares apie atmintį. Tegul PHP paveikslą, kad už jus. Kas PHP darys su dot operatorius čia yra tiesiog padaryti didelį bausmę out Šios linijos, ši eilutė, ši eilutė, ši eilutė. Ir dabar pastebėkite, jis ketina būti prijungti vertybes. Taigi laišką, kad Jonas Harvardo vyksta gauti yra tiesiog ketinate pasakyti vardas, storosios žarnos, kažkas, o, tada mes uždaryti eilutę ir Jungiant į ką vartotojas turi įvesti į, tada naują eilutę. Tada kitą eilutę Jonas Harvardo universiteto laišką, jis ketina pasakyti Kapitone, Įjungta arba nieko. Jis ketina pasakyti lytį, vyras ar moteris. Bendrabučio bus Matthews mano atveju. Ir tada pastebėsite pažįstamas kabliataškį pačioje pabaigoje. Ir tada, žemyn čia, pranešime, šiek tiek paslaptingas dar, bet vėlgi, po modelį, kuris taps labiau susipažinę po P, nustatytas 7, jei siunčiate laišką grąžina FALSE, tada eiti į priekį ir mirti. Taigi, PHP turi funkciją, vadinamą miršta, kuris, pažodžiui, tiesiog žudo svetainė ir tiesiog spausdina kokia galite pasakyti, tai - jos miršta žodžiai, taip sakant. Ir, kad tuo atveju, jis bus atspausdintas , kas klaida informacija yra kas atsitiko suklysti. Taigi Trumpai tariant čia, ką turime yra pavyzdys, kai, kai vartotojas pateikia formą, froshim0, froshims3.php, jis eina į register3.php. Bet register3.php tada pajamos vykdyti visų šių linijų. Taigi, čia yra keletas ruošiame maistą išsinešimui čia. Vienas iš jų, tai, matyt, gana lengva, programiškai, siųsti elektroninius laiškus, kuris yra geras. Kai vartotojai užregistruoti savo svetainę, į Šiuo atveju, kai jie užsiregistruoti nemokamai Sportas, galite išsiųsti pirmakursis Proctor, ar Jonas Harvardo, šiuo atveju. Tačiau tai taip pat reiškia, kad jūs galite padaryti, ką? Siųsti laiškus iš bet visiems. Ir tai yra labai teisinga. Tai nėra taip lengva padaryti, jei esate pripratę prie naudodami "Gmail". Bet jei jūs kada nors naudojamas Eudora arba "Outlook", galite beveik pasakyti pašto serverio, kad esate kas norite. Ir tai yra, kai man reikia įdėti į kad skrybėlę ir sako, nedaryk to. Bet tai liudija, kaip lengvai tai atlikti phishing atakų, ir siųsti anoniminius laiškus, ir šlamštas, apskritai. Ir tai tikrai suvesta į tai, kad viskas, ko jums reikia yra keletas programavimo prieiga. Kaip panaikinti, mano artimiausią susitikimą su Ad Board, mano Pirmaisiais metais, buvo, kai atradau tai kietas apgauti, kad wow, galite siųsti laiškus iš bet. Ir taip mes tam tikra kvailas argumentas, pažodžiui, Matthews, tarp mano Proctor grupei. Aš net prisiminti kas klausimas. Bet aš norėjau pabandyti įdėti baigti šią kvailą diskusiją. Taigi, aš nusprendžiau, kad aš tiesiog siųsti žinutę siųsti mano Proctor grupės, apsimeta, kad kitas vaikinas, su kurio išvadoje nesutiko, ir turi jį sutikti, kad bet mano nuomone, buvo tai ypač diskusijos. Ir todėl aš padirbti šį elektroninio pašto adresą, metodas panašus dvasia tai. Bet tai buvo tikrai lengviau tuo metu. Rezultatas ákelti. Jis buvo ne patenkintas, nei būtų buvo ad lenta. Ir aš buvau labai greitai pateks sekundžių, nes, kaip žinote, aš užsiregistruoti mano laiškus tam tikru būdu. Ir nors aš tai padaryti rankiniu būdu, didelio dalis, po 15 metų, nes buvau traumuoti, kad. Aš neturiu parašą į mano elektroninio pašto dabar. Tačiau 1995 metais, aš tiesiog turėjo sig, į mano elektroninio pašto parašą. Taigi ten buvo ši pastaba sakydamas Gerbiami Procter grupė, aš sutikti savo nuomonę ir sutinku su Dovydu, pasirašyti tiek ir taip, nauja linija, nauja linija, DJM. Taigi nedaryk to ar, apskritai, imtis privalumas šio metodo. Bet kai padaryti svetainę, patinka jūsų galutinis projektas, priimant svetainė kažko verslumo, tai kaip, pragmatiškai, galite sverto kitos paslaugos internete kaip paštu ir tada faktiškai siųsti dalykų per kodą. Taigi, kaip mes galime patobulinti tai? Na, visų pirma Paimkime greitai kelionė keletas dalykų, kad jums pamatyti, ir tada pažvelgti Pora pavyzdžių. Taigi vienas, nuraminti, nes mes skrenda per PHP. Ir aš žinau, tam tikru momentu, jums teks kad iš tikrųjų pradėti rašyti tai, jei jūs dar neturite. Suprantu, kad, viena, pagrindinis yra natūra iš iš su PHP lange. Jei norite rašyti kodą, kuris pasireiškia įvykdytas, jūs tiesiog pradėkite rašyti jį failą pavadinimu. Php tol, kol turite skliaustai atidaromi klaustukas PHP tegus. Tačiau pastebėti tai yra sąlygos php. Pranešimas, tai yra lygiai toks pats Pristatymas mes turėjome savaitę vieną, kai mes turėjome sąlygos C. sąlygose PHP yra struktūriniu ir sintaksiškai pats. Vienintelis realus skirtumas yra, jei jūs turite kintamųjų, jūs turite tuos Dolerio ženklai. Tuo tarpu, Būlio išraiškos atrodo kaip šis ar-mas ar ir-mas kartu. Jungikliai atrodo lygiai taip pat. Kas malonu PHP, o C jungikliai turi būti bylas dėl primityvai kaip Ints ar simbolių, PHP Jūsų atveju pareiškimai iš tikrųjų gali būti ant visai stygos, kuris yra iš tikrųjų rūšies gražus. Sutaupo šiek tiek laiko. Nepavyko padaryti, kad C Štai už kilpa PHP. Tai identiški. Gali turėti tam tikrą dolerio ženklus už kintamuosius. Jūs neturite paminėti, kad kažkas yra int. Jūs tiesiog paskelbti jį su dolerio ženklu ir kintamojo pavadinimas. Bet už linijos yra tas pats. O linijos yra tas pats. Do while cikle yra tas pats. Tai šiek tiek kitoks. Taigi su PHP, su masyvo, galite statiškai paskelbti masyvą, kaip C, bet jūs naudoti skliaustus. C, turėtumėte naudoti garbanotas petnešos, jei net žinojo, kad. Bet iš tikrųjų tai yra labai dažni PHP paskelbti masyvą, šiuo atveju, numerių ir skambinti kintamųjų numeriai. Kintamieji patys atrodyti taip. Čia yra eilutė, citata citatos "labas pasaulis. "Jūs galite turėti backslash n. Aš tiesiog nėra šiuo atveju. Dabar tai yra įdomus darinys. C neturi tai. Bet tai yra super naudinga. Ir jūs pamatysite, tai P rinkinį 7 spec - kiekvienam modeliui. Jei norite pakartoti per visus elementų masyvas, jūs neturite kovoti su $ i ir $ n ir + + ir visa tai. Jūs galite tiesiog pasakyti, PHP, šio - už kiekvieną kaip skaičius, todėl numerius Aš darant prielaidą, kad $ numeriai yra numerių masyvo. Ir kai aš sakau kiekvienam numerius kaip skaičių, tai vyksta automatiškai, nes mano ciklas vykdo, atnaujinti, ant kiekvienos iteracijos, vertę viduje dolerio ženklas skaičius - vėl, ir vėl, ir vėl vaikščioti man per tą masyvo. Taigi, tai tik mums sutaupo kodą. Nėra kabliataškiais, ne + + s, Ne, aš tai, ne n-aisiais, tai tiesiog gražus. Bet PHP taip pat turi tai. Ir tai yra super galingas. Ir jums naudoti šį, rankų įjungtas, P nustatytas 7. Ir masyvą taip pat pareiškė, su laužtiniuose skliaustuose. Bet pranešimas sintaksę dabar. Tai primena tai, ką mes matėme su print_r prieš akimirką. Kiek raktai, kaip šiek tiek sveiko proto patikrinimas, ar tai masyvas atrodo. Taigi ji turi dvi. Ir aš vadinu šį masyvą. Bet jei tai padeda, galite galvoti apie tai, kaip maišos lentelė, arba kaip masyvą. Bet tai yra tiesiog skirtingi tipo masyvo. Ir vėl, skirtingos kalbos turėti jų. Pamatysime kažką panašaus JavaScript taip pat. Yra du raktai. Vienas citata citatos "simbolis", vienas citata citatos "kaina". Ir tuos raktus kiekvienas turi savo vertę. Šiuo atveju simbolis vertė yra FB už "Facebook" ir kainų vertė yra 49, 26, kuris buvo "Facebook" akcijų kaina nuo šio ryto. Taigi, kas yra naudinga apie masyvą. Aš galėjo programinio indeksuojami masyvas tik su paprastas laužtiniuose skliaustuose. Ir aš galėjo dolerio ženklas citata lygus tik tai. Leiskite man iš tikrųjų tai padaryti. Tarkime, aš vietoj tiesiog paskelbė tai patinka, kad masyvo. Tai yra visiškai pagrįstas, sintaksiškai. Jis nepraranda bet kokią informaciją, savaime. Vis dar matau, kad simbolis yra fb, ir kad kaina yra 49, 26. Tad kodėl asociatyvus matricos įtikinamų? Auditorija: Jūs neturite prisiminti kur padėjote daiktus. GARSIAKALBIS 1: Būtent, jūs neturite prisiminti, kur jūs įtraukėte stuff. Jūs neturite savavališkai prisiminti kad akcijų simbolis yra grupėje nulio, ir akcijų kainos yra grupėje vieną, kuris yra ypač pavojinga, jei keisti dalykai, galų gale. Tai daug gražiau susieti ką mes vadiname metaduomenis su savo faktiniais duomenimis. Norėčiau teigti, kad tai, ką mes tikrai rūpi apie čia yra fb ir 49, 26. Simbolis ir kaina yra metaduomenys kuris apibūdina turimus duomenis iš tikrųjų rūpi. Bet tai tik tiek lengviau naudotis. Dabar, kaip panaikinti tai, kas kaina mes mokame? Mes jau tai daryti į CS50 savaites. Ši funkcija turi būti tam tikru kainą. Atmintis. Taigi, jūs ne tik saugoti 32 bitų sveikasis skaičius, pavyzdžiui. Jūs saugojimo simbolį / 0, tikriausiai. Taigi jūs naudojate daugiau atminties. Ir kas atlikimas ieško kažko iki masyvą, tikriausiai? Tai tikriausiai lėčiau. Laisvosios kreipties yra gražus, ypač kai jūs galite padaryti dvejetainius paiešką. Bet jei jūs iš tikrųjų dabar ieško ne numerių, bet stygos, tai tikrai yra įgyvendinta po dangtis, tikriausiai kaip maišos lentelė, kurioje jūs naudoti arba maišos lentelę su atskiru susiejami. Arba galite naudoti pabandyti realiai saugoti vertybes. Taigi, gal galite padaryti pastovų laiką, bet jūs vis dar turite pažvelgti į S-Y-M-B-O-L, potencialiai o ne tik 32 bitai, ieškoti ką nors. Taigi dar kartą, tos pačios idėjos ateina atgal į pasikartoti šiame kontekste. Bet vėl, PHP, dabar yra keletas super globalūs, kad it turns out, yra asociatyviniai matricos. Mes matėme vieną akimirką prieš $ _POST. Ir, kad super, Global turi raktus ir reikšmes. Tiksliau, raktai išsirikiuoti su kuo? Kur raktas į $ _POST atsirado? Tiesiog užsukite? PUBLIKA: Vardas. GARSIAKALBIS 1: Vardas, kur? Auditorija: [nesigirdi] GARSIAKALBIS 1: vardas yra atributas. Na kur, kur gi jie iš pradžių atsirado? Forma. Taigi, jei HTML puslapyje yra formos tegus kurio viduje yra keletas įėjimai, pavyzdžiui, žymės langelius, teksto langeliai, išskleidžiamajame meniu, iš kurių kiekviena turi pavadinimą, tie pavadinimai baigtis kaip raktus $ _POST, o atvirai kalbant, šiuo klausimu, $ _GET. Jei metodas yra GET, pati idėja. Tai tiesiog skirtinga super global. Ir vertybės, žinoma, iš ką vartotojas turi įvesti jo ar jos naršyklė. Tačiau yra keletas kitų. Yra slapukas, kuris mes atsiųsime grįžti į ilgainiui. Bet jie yra dalykų, kad jūs žinote, interneto naudoja kai gera ar bloga. Bet mes grįžti prie to. Serveris ir sesija, ir tie du turėti tam tikrą specialią priemonę. Bet leiskite pažvelgti šį išvaizdą. Leiskite man eiti į priekį ir atverti pavyzdį vadinamas mvc0.php Taigi MVC reiškia taip. Ir mes pristatome tai anksčiau nei tipiškas, tikrai, kad jums projektavimas Problema rinkinys 7, taip pat galutiniai projektai, į rūšies pramonei, standartinis būdas ir švarus būdas. Tai geras dizainas. Taigi jūs apie pamatyti, ir jūs patirtimi, 7 rinkinį P, paradigma, rūšiavimo iš programavimo mąstyseną, kad atrodo šiek tiek kažką panašaus į tai. M modelio, C, valdiklio, V View ". Trumpai tariant, MVC yra tik rūšies Metodikos, padaryti būdas svetainės, visų pirma, kai jūs įdėti visus savo, kvailas frazė - verslo logika - visus savo intelektinės nuosavybės tai, kas vadinama valdytojas, byla kaip index.php, ar mes pamatysime, quote.php arba buy.php. Atsižvelgiant į problemą, 7, kontekste savo modeliai paprastai yra savo duomenis, kas susiję su duomenų baze, kaip mes į galiausiai mato, ir jūsų peržiūros būti savo estetika svetainę, HTML, CSS. Taigi, mes jau pamačiau tai C mažai tiek naudojant. h failus. Mes tikrai mačiau jį prieš akimirką su CSS, pagal faktoringo CSS stilizacija Daiktai iš mūsų HTML. Taigi, MVC yra tikrai tik apie piešimo linijos į smėlį ir sako, Įdomu programavimo kodą savo svetainė priklauso, ką mes vadiname valdiklis. Daiktai, susiję su duomenų bazės paprastai baigiasi modelį. Bet jūs matote, problemą, 7, mes sujungti C ir M laikyti jį paprasta. Bet vaizdas yra, kai visi jūsų HTML ir estetika paprastai eiti. Taigi, ką tai reiškia realiai? Na, leiskite man eiti į mūsų MVC katalogas taip. Ir pamatysite daugiau šių gastroliavo per į spec. Taigi mvc0, aš teigia, kad tai, kaip, portalo 0 iš CS50 interneto svetainėse. Visi mes turime yra šiek tiek HTML, pavyzdžiui, didelis H1 žymeles, matyt. Ir tada ženkleliais sąrašą. Aš niekada nemačiau sąrašą su ženkleliais anksčiau, bet ne big deal. Leiskite greitai pažvelgti į kodą. Pasirodo, netvarkingai sąrašą su ženkleliais yra skliaustai atidaromi ul su vienu ar daugiau sąrašo elementų li. Taigi pranešimas čia yra žymės saito. Mes matėme, kad prieš akimirką. Taigi tai, kaip aš parašiau šį puslapį. Aš turiu dvi nuorodos, du sąrašo elementus, vieną UL netvarkingai sąrašą ir pabaiga rezultatas, estetiškai, tai labai gana svetainėje, versija 0 čia. Bet kas įdomu dabar, kaip tai įgyvendinama po gaubtu. Leiskite man eiti į gedit ir atverti tai Pats pirmas pavyzdys nupiešti piešinį. Ir mes pažvelgti, kas yra ydinga, potencialiai čia. Dabar, jei aš einu į localhost, visuomenės, MVC, pastebėsite kelis failus. Aš ruošiuosi skambinti tai, už momentas, visi valdikliai. Bet tai iš piktnaudžiavimo tiek, nes pamatysite viskas manimi susimaišė viduje iš jų. Ir leiskite man eiti viduje index.php. Ir mes matome, pažodžiui, tą patį HTML. Taigi, nors ši byla baigiasi . Php, tai nereiškia, kad jis turi jokių PHP kodą. Tai gali būti tiesiog grynasis HTML, nors tai tipo kvailas. Tačiau pastebėti nėra skliaustai atidaromi PHP pažymėti, išskyrus tai, kuris, tiesą sakant, yra tik ten tarnauti kaip komentarą. Bet tai funkciškai nėra net, kad įdomu. Tačiau pastebėti tai. Įdomu dabar yra tai, ką pakeitimai šiame puslapyje. Leiskite spustelėkite Paskaitos. Ir pastebėti URL yra apie pakeisti. Dabar aš ne lectures.php. Leiskite spustelėkite lygus nuliui. Dabar aš ne week0.php O dabar man atidaryti šiuos failus gedit. Ne tik puslapis, bet tegul man atverti paskaitas. Ir leiskite man atsikratyti komentarus sutelkti dėmesį į šią tik iš dalies. O dabar leiskite man atverti tik dar vienas, week0.php, išmeskite komentarus tiesiog valyti tai padaryti. Ir dabar pastebite tokius dalykus. Mintys tikrai tarsi atsargiai apie projektavimo ir padarykime tai linija iki tas pats, ką galima padaryti geriau čia, jūs manote? Kaip man padaryti per savaitę vieną? Kaip apie tai. Taigi tai, kaip aš padariau savaitę vienas. Nuėjau iki Failas, Naujas, pasta, taupyti, week1.php, ir tada nuėjau čia. Ir aš pakeičiau vieną - kas buvo tai vienas iki penktadienio. Aš pakeičiau nuliai vienas. Aš pakeičiau tai viena. Gerai, kad dabar pažvelgti į mano failus. Ką būtų galima padaryti kitaip? Kur proga, gal? Taigi, čia yra galimybė pradėti faktoringo šį stuff. Leiskite man atverti, kaip spoileris, už ką jūs matote P rinkinį 7. Jei aš atverti, dabar index.php versijoje penki tai, atrodo taip daugiau paslaptingas, tiesa. Bet tai dabar, ką aš tau paskambinsiu reguliatorius, kad valdančiosios logika mano puslapyje. Ir jūs galite rūšies rekonstruoti, intuityviai, ko gero, tai, kas vyksta. Pirmoje eilutėje, tai šiek tiek paslaptingas. Bet pranešimas aš reikalauti, pavyzdžiui, su aštrus apima, failą pavadinimu helpers.php. Ir tada aš skambina, matyt, funkcija, vadinama tinką, einančios du argumentai. Vienas citata citatos, antraštė. Ir kitas, kokia duomenų tipas yra tai, remiantis mūsų sintaksė anksčiau? Tai susiję masyvo. Tiksliau, jis yra išlaikęs į pavadinimą su kai metaduomenų primenantis man kas tai yra ir jo vertė. Tada matau sunkiai koduojami UL, todėl kai grynasis HTML. Bet tada aš vėl PHP režimu telefonu funkcija neatlyginama. Taigi, net jei jūs niekada naudojamas HTML ar PHP anksčiau, ir nors tai atrodo baisiau, kodėl tai tikriausiai geriau dizainas? Kas geriau apie tai, remiantis išvadą? Auditorija: [nesigirdi] GARSIAKALBIS 1: Mažiau nereikalingas, kad nėra daugiau HTML tegus, ne daugiau vadovai žymeles, ne daugiau kūno tegus kiekvienoje damn failą. Vietoj to, aš sudauginti iš bendrumai ir tikriausiai įdėti juos į failą kažkaip susiję į antraštę. Ir tas dalykas glaudžiai kūną tag arti HTML tegus. Tai tikriausiai žemyn čia viduje iš poraštės kažkur. Ir pamatysite, kad problemą, 7, mažai kelionė per šį. Taigi, kas laukia ateityje? Vienas dalykas, mes turime ne galimybę dar yra iš tikrųjų saugoti duomenis. Ir taip, tai ką mes pradėsime matyti Trečiadienis, pavyzdžiui, yra tai, kad jūsų senas draugas Excel ar numerius, leidžia jums saugoti daug duomenų eilučių ir stulpelių. Pasirodo, kai jūs galite padaryti, kad tai, kas vadinama duomenų bazę, programiškai. manijos Ir it turns out, po to, galėsime laikyti dalykų, pavyzdžiui, tai, kuri pamatysite vėl P rinkinys 7, visa krūva vardus ir slaptažodžiai, o pastarasis yra iš tikrųjų užšifruotas, panašiai kaip jie buvo P komplektas 2 yra hacker leidimas. Ir, galų gale, jums įgyvendinti tai, savo Etrade-kaip svetainė, kuri įgyvendina kartu CS50 finansai. Galiausiai, kadangi teko čia apsistoti taip vėlai Šiandien, jeigu jums grįžti į šią dalį miesteliu, bent 04:00 šiandien, mes jums ne tik patarimais SCE Konsultuojame mugė, 4:00 PM Maksvelo-Dworkinas, mes suteiksime jums keletą Americone sapnas, Vyšnių Garcia Šokoladas Fudge Brownie, Šokoladas Chip Cookie Dough, o kai "Google" Stambusis beždžionė, jūs gaunate tai. Taigi, visa tai laukia 4:00 PM Maxwell-Dworkinas. Pasimatysime trečiadienį taip pat. SPEAKER 2: Tuo Kitas CS50, RJ miega in RJ: Mano sekcija! Cha! O,