SPEAKER 1: Viss, labi welcome atpakaÄ¼. Tas ir CS50. Un tas ir sÄkums deviÅu nedÄÄ¼u. Un tas ir sÄkums no pÄrÄjÄs JÅ«su laiks CS50, kurÄ mÄs PÄreja tagad, beidzot, pie interneta aspekts, protams, kur jÅ«s varÄsiet uzskata, ka daudz pamatprincipiem, kas mÄs esam bijuÅ¡i eksportÄtÄji nedÄÄ¼as vÄl atgriezties, lai apmeklÄtu, vai spokoties, mÅ«s. Bet tagad, jÅ«s atradÄ«siet, ka tas ir kÄrtu vieglÄk paveikt noteiktus uzdevumus un atrisinÄt noteiktas problÄmas - tik daudz, ka pat tad, ja tu doma daÅ¾as problÄmas komplekti bija jautri ar viÅu savu ceÄ¼u, es domÄju, ka jÅ«s atradÄ«siet ka p noteikts 7, p noteikts 8, un pÄc tam, visbeidzot, galÄ«gais projekts bÅ«s visi vÄl gandarÄ«jums, jo jÅ«s uzskatu, ka mÄs sÄkam pieÅemt par paÅ¡saprotamu Tagad lietas, piemÄram, atmiÅas vadÄ«bu, un norÄdes, un to, kas notiek par zem motora pÄrsega. Un atkal, tematisko, viscaur semestris ir bijis tas izkÄrtojums un izkÄrtojums. Un tagad mÄs esam veida augÅ¡u Å¡eit, stÄvot uz pleciem nedÄÄ¼as pagÄtnes. 

Tagad atceros no pÄdÄjo reizi, ka mÄs runÄja par to, kÄ internets strÄdÄ. Un tas bija iespÄjams, pÄrmÄrÄ«ga, bet atcerieties, ka katrs pasaules datoram ir IP risinÄÅ¡anai, lai gan tas ir mazliet pÄrmÄrÄ«ga joprojÄm. Un Å¡Ä«s adreses tiek izmantoti unikÄli identificÄ maÅ¡Ä«nas tÄ, ka kad jÅ«s sÅ«tÄ«t informÄciju, vai paketes, tÄ sakot, tie var bÅ«t izcelsmi adrese un galamÄrÄ·a adrese. Un Å¡ie paÅ¡i IP adreses var izmantot, gan labs un arÄ« Ä¼auno, izsekot jums, piemÄram. PatiesÄ«bÄ, katrs no jums ar klÄpjdatoru atvÄrt tagad, vai tÄlrunÄ« kabatas, ir IP adrese gada HÄrvardas tÄ«klÄ. Un tas vÄl nav viss, kas grÅ«ti korelÄ, ka, lai kas un kur ir Å¡ajÄs dienÄs. Bet vairÄk par to, iespÄjams, nÄkotnÄ. 

Tagad es domÄju, ka man atvest daÅ¾us atmiÅas [? uzlabot] un? dot jums vÄl viens klips no jums parÄdÄ«t varÄtu atrast pazÄ«stami. Ja mÄs varÄtu tuvÄs gaismas tikai daÅ¾as sekundes. IzrÄde Numb3rs. 

SPEAKER 2: TÄ ir 32-bitu IPP4 adresi. 

SPEAKER 3: IPP, kÄ arÄ« internetÄ? 

SPEAKER 2: Private tÄ«kls. Lai Amita privÄto tÄ«klu. ViÅa ir tik pÄrsteidzoÅ¡s. 

SPEAKER 3: NÄc, Charlie. 

SPEAKER 2: Tas ir. Spogulis IP adrese. ViÅa Ä¼aujot mums skatÄ«ties, kas viÅa dara reÄlajÄ laikÄ. 

SPEAKER 1: OK, lai daÅ¾as lietas nepareizi ar Å¡o attÄlu. Tik viens, un tas viens ir pieÅemams, tas ir faktiski nav derÄ«ga IP adrese. DerÄ«ga IP adrese ir jÄbÅ«t skaitÄ¼i no formas w.x.y.z, kur katra no Å¡ie burti ir no 0 lÄ«dz 255. Bet tas ir labi, jo, tÄpat kÄ filmas, kur tie viltus tÄlruÅu numurus, tie viltus IP adreses. Jums nav faktiski hit reÄlu serveriem. 

Bet prÄtÄ Jums, tas ir pÄrlÅ«kprogramma. Un pÄrlÅ«kprogrammÄm nesÄc outputting datora kods, kÄ Å¡is. Un, ja mÄs skatÄmies mazliet dziÄ¼Äk, paziÅojums ka valodu, ka viÅi redz uz ekrÄna ir sauc valoda MÄrÄ·is C, kas ir par valodu, kas iPhone apps ir rakstÄ«ts, jo Ä«paÅ¡i tie, kas saistÄ«ti krÄ«tiÅi, kÄ jÅ«s varat redzÄt no pirmkods Å¡eit. 

Labi, es domÄju, tas bija smieklÄ«gi. TÄtad Å¡is koda fragments ir absolÅ«ti nekÄda sakara ar kÄda to Ä«paÅ¡i epizode bija par. TÄtad joks ir sava veida uz Ä¼audÄ«m Åemot par to pieÅ¡Ä·Ä«ra. Bet tas vÄl nav viss, kas grÅ«ti iegÅ«t Å¡ie tehniskie labi. Un es aicinu jÅ«s. Un patiesÄ«bÄ, 50 varÄtu Ä¼oti labi sabojÄt daudz TV Å¡ovi un filmas vai jÅ«s tÄpÄc, ka jÅ«s atradÄ«siet, ka tas ir tikai nav iespÄjams, ko viÅi dara uz ekrÄna. Bet tieÅ¡Äm, tas ir kods, kas jums varÄtu redzÄt to IPHONE pieteikumu vai Mac OS pieteikumu. TÄ nav nekÄda darÄ«t ar droÅ¡Ä«bu. Lai saglabÄtu acu, kas paredzÄti vairÄk Å¡Ädas jautras lietas, piemÄram, ka. 

Bet Å¡odien mÄs sÄkam ienirt patieÅ¡Äm dziÄ¼i virknei valodÄs. Protams, ir viens no galvenais takeaways par Å¡o daÄ¼u kurss nav, lai uzzinÄtu, kÄ programma PHP, nevis mÄcÄ«ties SQL per se, nevis mÄcÄ«ties JavaScript per se, bet gan mÄcÄ«t sevi, kÄ mÄcÄ«t yourself jaunas valodas, jo, protams, mÄs sÄkam Åemt tagad mÄcÄ«bu riteÅi pie tÄ, ka pÄc tam, kad Protams gals, jums nav gaidÄ«t 20 lapu specifikÄciju pateikt, cik lai Ä«stenotu kÄdu programmu. Jums ir pietiekami daudz sastÄvdaÄ¼as jÅ«su prÄts, un pietiekami daudz instrumentu jÅ«su rÄ«ku komplekts, ar kuru, lai sÄktu Äkas risinÄjumus problÄmÄm, kas interesÄ JÅ«s kÄdu studentu grupai, attiecÄ«bÄ uz daÅ¾iem pÄtniecÄ«bas projekts, vai tieÅ¡Äm kaut kas interese uz Jums. 

TÄtad uz TÄlab atcerÄties, ka tas bija attÄlu mÄs vÄrsa to pÄdÄjo reizi. Un tas ir divi datori, klientu un atdalÄ«t, runÄjot ar vienu citu. Un protokols, valoda, tÄpÄc, lai runÄ, ka Å¡ie divi datori notikt , runÄ sauc HTTP. Un tas ir tikai protokols, ko izmanto datori nodot informÄciju pa World Wide Web. Web, protams, ir tikai viens pakalpojums kas darbojas uz augÅ¡u tÄ saukto interneta. Kas ir vÄl viens pakalpojums pieejams top no internetÄ Å¡Ä«m dienÄm? DaÅ¾i citi protokols vai - kas ir kas? 

MÄrÄ·auditorija: FTP. 

SPEAKER 1: FTP. TÄtad File Transfer Protocol ir cits. LielÄkÄ daÄ¼a no jums, iespÄjams, tas nav lietots. Bet lielÄkÄ daÄ¼a no jums, iespÄjams, ir izmantoti lietas, piemÄram, Gchat, vai tÅ«lÄ«tÄjo ziÅapmaiÅu kopumÄ, protams, e-pastu. Un tie, pÄrÄk, ir pakalpojumi, kas darbojas top no interneta, jo, pÄc beigÄs, dienÄ, internets pats par sevi tieÅ¡Äm tikai iegÅ«t datus no punkta lÄ«dz punktu B. Un tÄ izmanto vairÄkas daÄ¼iÅas pati, no kuriem viens vai divi no tiem lielÄkÄ daÄ¼a parasti sauc par TCP / IP, kas ir teikt, ka viens dators uz internets patiesÄ«bÄ var darÄ«t daÅ¾Ädas lietas, e-pasta, un interneta, un tÄ tÄlÄk. Google dara daudz par to. TÄtad, kÄ Å¡ie pakalpojumi unikÄli identificÄts, tomÄr mÄs sakÄm, datorÄ , kas tieÅ¡Äm var darÄ«t vairÄkas lietas? 

Porta numurs. Un Å¡ie ir tikai patvaÄ¼Ä«gi cilvÄku konvencijÄm, piemÄram, 80, ir web, 443 ir Å¡ifrÄtu web, 25 ir e-pastu. Un tur ir citi Ä·ekariem. Un Å¡ie skaitÄ¼i ir vienkÄrÅ¡i iekÄ¼auti Å¡ie paciÅas informÄcijas, Å¡ie virtuÄlÄ aploksnes, kas faktiski iekÄ¼Äva pieprasÄ«jumu vai atbildi. 

TÄtad, kad jÅ«s saÅemsiet atpakaÄ¼ atbildi no web, parasti, jÅ«s neredzat kÄdu numurus pieÅ¡Ä·ir no ziÅÄ status kods no reakcijas. Jums nav reÄli redzÄt iekÅ¡Äjo darbÄ«bu paketes, kas nÄk atpakaÄ¼. Bet 200 patieÅ¡Äm ir OK. Un tas nozÄ«mÄ, ka viss ir labi. Jums varÄtu bÅ«t redzÄjuÅ¡i Ä·ekars no tiem. Kas, iespÄjams, visbieÅ¾Äk jÅ«s esat redzÄjis tÄ«meklÄ«? 

404. Tas tikai nozÄ«mÄ, fails nav atrasts. Tas nozÄ«mÄ, ka kÄds ieskrÅ«vÄ augÅ¡u. Tu ar mistyping URL, vai kÄds cits darÄ«ja, sniedzot jums nederÄ«gs URL, vai arÄ« tie izdzÄsti fails un URL ir vÄl tiek lietots ar cilvÄkiem. TÄpÄc jebkurÅ¡ vairÄki iemesli var izskaidrot kÄpÄc fails nav atrasts. Un jÅ«s redzÄsiet, kas nedÄÄ¼Äs nÄkt, Å¡ie citi kÄ¼Å«du kodi, un jÅ«s izmantot daÅ¾us no tiem. SliktÄkais ir 500. Ja jums ir 500 kÄ¼Å«du kodu, ko esat uzrakstÄ«ts, domÄju, ka sava veida analogs SEG defektiem pasaules web programmÄÅ¡anu. Tas nav tik Å¡ausmÄ«gs. Bet tas tikai nozÄ«mÄ, ka, kaut kur, jÅ«s ieskrÅ«vÄ augÅ¡u. TÄpÄc ceram tiem. 

Bet pieÅemsim redzÄt, ja mÄs varam redzÄt Å¡o kontekstÄ. Ä»aujiet man iet uz pÄrlÅ«ku Å¡eit un darÄ«t turpmÄk. TÄtad tas ir Chrome, kas notiek, jÄuzstÄda ierÄ«ces. Bet lielÄkÄ daÄ¼a katrs pÄrlÅ«ks Å¡ajÄs dienÄs ir kÄdu lÄ«dzvÄrtÄ«gu funkcionalitÄti. Es esmu gatavojas iet uz augÅ¡u, ka Chrome izvÄlni, un iet uz Tools, un es ieÅ¡u lÄ«dz izstrÄdÄtÄju rÄ«ki. Un jÅ«s redzÄsiet, ka tas maz panelis atveras apakÅ¡Ä loga. VÄl Ä«sceÄ¼u, lai bÅ«tu godÄ«gi, ka es parasti izmanto pats ir uz labo klikÅ¡Ä·i vai kontrole noklikÅ¡Ä·iniet jebkur tÄ«meklÄ« lapu un dodieties uz PÄrbaudÄ«t elementu. Un kas bÅ«s ne tikai atvÄrt tas ir par jums. Tas arÄ« atvÄrt, konkrÄti, Elements daÄ¼u par kreisajÄ pusÄ. 

TÄpÄc mÄs esam, protams, redzÄt Google. ViÅi mainÄ«ja savu logo Å¡odien. Bet, ja es ritiniet uz leju Å¡eit, paziÅojums ka saskaÅÄ ar Elements, jÅ«s redzat ko sauc par HTML, hiperteksta iezÄ«mÄÅ¡anas Valodas, un tas ir valodas Å¡is un visi mÄjas lapas, tieÅ¡Äm, ir rakstÄ«ts iekÅ¡Ä Bet tas ir faktiski formatÄti mums tik daudz readably nekÄ tas parasti ir. PatiesÄ«bÄ, ja es tÄlinÄt, un es tÄ vietÄ Just tiesÄ«bas noklikÅ¡Ä·iniet vai Control Click noklikÅ¡Ä·iniet uz lapas, un tad doties uz View Page Source, tas ir burtiski, ko Google nosÅ«tÄ«ts uz manu pÄrlÅ«ku. 

TÄtad kÄda persona vai personas, kas rakstÄ«ja Google.com, izmantojot Å¡o pirmkodu. LielÄkÄ daÄ¼a no tÄ nav HTML. Tas ir faktiski sauc valoda JavaScript, kas mÄs bÅ«sim treÅ¡dien. Bet ko Chrome, un ko katrs pÄrlÅ«ks var darÄ«t mums, ir sava veida redzÄt pagÄtnÄ visi no traucÄjoÅ¡os traks sintakse, un ievietojiet atpakaÄ¼ balta telpa par mums, un pat sintakses izcelt, vai colorize lietas mums. TÄtad, jÅ«s atradÄ«siet, ka Å¡o tÄ saukto izstrÄdÄtÄju rÄ«ki iebÅ«vÄti pÄrlÅ«kiem dos savu dzÄ«vi tik, tik daudz vieglÄk tÄpÄc, ka jÅ«s varat izpÄtÄ«t, izmantojot Å¡o izvÄlni interfeiss, tieÅ¡i to, ko pamatÄ avots kods ir par kÄda lapa internetÄ. Un patieÅ¡Äm, tas ir viens no visbieÅ¾Äk efektÄ«vs veids, lai uzzinÄtu, kÄ to izdarÄ«t kaut kas jauns, vismaz ja lapa ir ne tik sareÅ¾Ä£Ä«ta kÄ uz nomÄkt, tiek sÄkt papÄtÄ«jis tÄ ir HTML, meklÄt tÄs ts CSS, ko mÄs nÄk lai mazliet, kÄ arÄ«, lai iegÅ«tu izpratne par to, kÄ tas programmÄtÄjs Ä«stenoti daÅ¾i Ä«paÅ¡i iezÄ«me lapÄ. 

Bet vÄl tehniski interesantu tiesÄ«bas tagad tas bÅ«s Å¡o. Ja es eju uz tÄ«kla tab, pieÅemsim tagad skaidrs to. Es esmu gatavojas noklikÅ¡Ä·iniet maz Å¡Ä·Ärsot simbolu Å¡eit, un pÄc tam doties uz citu tÄ«mekÄ¼a vietni. Un es esmu tikai gatavojas rakstÄ«t in Facebook.com. NÄ HTTP, ne HTTPS, ne WWW. Let 's patieÅ¡Äm redzÄt, kas notiek Å¡eit. 

Enter. Tagad paziÅojums veselu Ä·ekars sÄ«kumi vienkÄrÅ¡i izrÄdÄ«jÄs, Å¡ajÄ apakÅ¡ÄjÄ paneÄ¼a, kas Papildus mÄjas lapÄ parÄdÄs augÅ¡pusÄ. Es esmu gatavojas, lai ritinÄtu atpakaÄ¼ uz augÅ¡u TÄ«kla tab Å¡eit, un es esmu gatavojas noklikÅ¡Ä·iniet uz pirmÄs rindas. Ko Å¡is rÄ«ks ir gatavojas atklÄt mums ir katrs no HTTP pieprasÄ«jumus , kas Ätri devos atpakaÄ¼ un atpakaÄ¼ starp mana pÄrlÅ«kprogramma un Facebook serveri. Un tÄ katru no tiem rindÄs pÄrstÄv vienu Å¡Ädu pieprasÄ«jumu, vai reakcija, viens vai vairÄki no tiem virtuÄlÄ aploksnÄ. Vai vairÄk pagadÄs, tas ir kÄ cilvÄks kÄ cilvÄks, klients restorÄns, lÅ«dzot kaut ko atkal, un atkal, un atkal. Un viesmÄ«lis turpina celt tÄ atpakaÄ¼ pa vienam. 

TÄpÄc tagad, ja es zoom, kas par to, paziÅojums un tas bÅ«s sava veida lieta ka jÅ«s esat laipni aicinÄti un mudinÄja spÄlÄt ar par savu, jo mÄs nebÅ«s iet cauri visam Ä¼oti detalizÄti. Bet paziÅojums tur daÅ¾i sub tabs Å¡eit - Galvenes, Preview, reaÄ£ÄÅ¡ana Cepumi, un laiks. Es esmu tikai gatavojas apskatÄ«t galvenes tagad, jo tie ir maz sastÄvdaÄ¼as iekÅ¡pusÄ aploksnes minÄtÄ palÄ«dzÄt dati nokÄ¼Å«t uz un no vietÄm. 

TÄtad, pirmkÄrt, Ä¼aujiet man uz to, SkatÄ«t Avots blakus pieprasÄ«juma galvenes. Ir prasÄ«ba, ka mana pÄrlÅ«kprogramma, Hroms, Å¡ajÄ gadÄ«jumÄ, nosÅ«tÄ«ts iekÅ¡pusÄ no ka virtuÄlÄ aploksne. Jums atgÄdinÄt, pagÄjuÅ¡ajÄ nedÄÄ¼Ä es manuÄli drukÄti tÄ, bet izliekoties par pÄrlÅ«ku. Tad tas atgÄdinÄja serveri, ka tas ir meklÄ sauc par uzÅÄmÄjas Facebook.com. Un tad tur ir mazliet vairÄk mistiskÄ informÄcija, ka mÄs lÄ«got mÅ«su rokÄs tagad. 

Bet, ja es sÄku, lai ritinÄtu uz leju tagad Å¡is logs, Ä¼aujiet man nokÄ¼Å«t atbildes galvenes. Tas bija to, kas ir virtuÄlÄ aploksnes, kas atgriezÄs no Facebook.com. Un, ja es noklikÅ¡Ä·iniet uz SkatÄ«t avotu tikko lai redzÄtu izejvielu tekstu tÄ, ievÄrosiet daÅ¾as lietas. Viens, Facebook arÄ« runÄ pats protokols, versija 1.1 pants. TÄtad tas ir jauki. Bet statusa kods 301, pÄrvietota. 

Nu, kur heck bija Facebook iet? Kas tas mÄÄ£ina nodot pie mums? Nu, ievÄrosiet, te lejÄ tur ir vÄl viens header sauc Location. TÄtad, kÄpÄc ir Facebook stÄsta man, ka viÅi pÄrvietota uz Å¡o URL blakus vieta? Es aizmirsu www. 

TÄ, ka bija mana izvÄle. Faktiski, lielÄkÄ daÄ¼a no mums reti, iespÄjams, rakstiet www.whatever.com Å¡ajÄs dienÄs. Bet izrÄdÄs, sistÄmu administrators, piemÄram, Facebook, var konfigurÄt savu serveri, tÄdÄ veidÄ ka vai nu Facebook.com darbojas, vai www.Facebook.com darbojas, vai, tieÅ¡Äm, Å¡Äda prefiksu priekÅ¡Ä viÅu domÄna nosaukumu. TÄtad, tie esam darÄ«ts, ka mums. Un tie ir novirzot mÅ«s, iespÄjams, daÅ¾iem tehnisko, daÅ¾as tirdzniecÄ«bas iemeslu dÄÄ¼. ViÅi vienkÄrÅ¡i vÄlas canonicalize uz www.Facebook.com. 

Bet tas nav gluÅ¾i tÄ. Ja es ritiniet uz leju Å¡eit, pieÅemsim redzÄt, kas notiek. Tas ir spÄcÄ«gi mani mÄs pÄrvietota uz http://www.Facebook.com. TÄtad, pieÅemsim apskatÄ«t otrajÄ pieprasÄ«juma ka mana pÄrlÅ«kprogramma nosÅ«ta. DiemÅ¾Äl, izskatÄs, ka Facebook ir pÄrvietots vÄlreiz, jo otrais pieprasÄ«jumu, izvÄloties Å¡o URL vietÄ, saka, ka, arÄ« pÄrcÄlÄs pastÄvÄ«gi. Un Ä¼aujiet man ritinÄt uz leju Å¡eit uz atbildes galvenes. Kur ir Facebook aizgÄjuÅ¡i tagad? 

TÄtad HTTPS. TÄpÄc tagad, Facebook ir sÄkusies, jo Ä«paÅ¡i Åemot vÄrÄ paÅ¡reizÄjos notikumi pÄdÄjos mÄneÅ¡os, jo Ä«paÅ¡i un arÄ« pÄdÄjo pÄris gadu laikÄ likt visu to lietotÄju, kas labs veidÄ, lai izmantotu HTTPS, kas ir vairÄk nodroÅ¡inÄt, lai arÄ« nav pilnÄ«bÄ droÅ¡a. Un tÄpÄc tagad mana lapa, mans pÄrlÅ«ks ir gatavojas pieprasÄ«t Å¡o treÅ¡o URL. Un tagad, beidzot, mÄs citÄdi neredzÄtas 200 OK. 

TÄtad, kas tad vai visi no Å¡ie citi rindas uz leju Å¡eit. Es burtiski drukÄti viena lieta, un mana pÄrlÅ«kprogramma, Å¡Ä·iet, ir pieprasÄ«jusi, piemÄram, 20 daÅ¾i nepÄra lietas. Kas ir tas, ka? 

MÄrÄ·auditorija: skripti? 

SPEAKER 1: skripti, lai citi faili rakstÄ«ts sauc valodÄ JavaScript, kas, atkal, mÄs redzÄt mazliet treÅ¡dien. Kas vÄl? Stila lapas. TÄtad kaut kas ar nosaukumu valodÄ CSS, ko mÄs redzÄsim mazliet. Gif, un JPEG un PNGs, un attÄlus, un filmu faili - neatkarÄ«gi no mÄjas lapas jau ir visticamÄk forma failu. Un tÄ, ko mÄs redzam pa kreisi labajÄ pusÄ ir visi faili ka Chrome bija, lai lejupielÄdÄtu, rekursÄ«vi, ja vÄlaties, lai komponÄt veselumu lapÄ. 

TÄtad, ko mÄs redzÄjÄm pirms brÄ«Å¾a ar Google, ja es noklikÅ¡Ä·iniet uz Elements tab, tas, protams, ir HTML, valoda, kas sastÄda Å¡o lapu. Bet tur ir Ä·ekarus citÄm lietÄm. Tur logo. Tur ir tie, zilgana ikonas tur. Un tur ir citi elementi joprojÄm lapa, kas paÅ¡i varÄtu bÅ«t atseviÅ¡Ä·i faili. 

TÄtad, kas ir jauka par pÄrlÅ«kprogrammÄ ir tas, ka tas izskatÄs pÄc valodas mÄs ejam , lai sÄktu rakstÄ«t, vai jÅ«s esat jau sÄka rakstÄ«Å¡anas P komplekts 7, cipari , kur Å¡ie faili dzÄ«vo, un iet un grabs tos kÄ labi. Un es nevaru uzsvÄrt pietiekami daudz, pat lai gan daÅ¾i no tas varÄtu izskatÄ«ties mazliet Arcane vai milzÄ«gs pÄc pirmÄ acu uzmetiena, mÄcÄ«ties, kÄ programma pieteikumus internetÄ, tas ir nenovÄrtÄjams, lai saprastu, kÄ Å¡ie maz instrumenti darbu. Tie ir sava veida, piemÄram gdb piemÄram, instrumentus, bet daudz vienkÄrÅ¡Äk, visbeidzot, izmantot - un tieÅ¡Äm sniedz jums acis uz to, ko mÄs esam bijuÅ¡i Åemot par paÅ¡saprotamu diezgan kÄdu laiku tagad. 

TÄtad, ko mÄs varam tagad darÄ«t ar Å¡Ä« informÄcija? Nu, pieÅemsim patiesÄ«bÄ to apskatÄ«t koncepcijas pamatÄ HTML. Un mÄs atlikt, jo mums jau ir, lai sekcijas Å¡onedÄÄ¼, problÄmai komplekts 7 specifikÄciju, daÅ¾i no vairÄk ziÅas par Å¡Ä«m valodÄm. Bet pieÅemsim redzÄt, ja mÄs nevaram gleznot priekÅ¡statu par to, ko jums vajadzÄtu saprast kopumÄ Å¡eit. 

TÄtad HTML, hiperteksta iezÄ«mÄÅ¡anas valoda, nav programmÄÅ¡anas valoda. Ko tas Ä«sti nozÄ«mÄ? TÄtad HTML izskatÄs Å¡Ädi. Un daÅ¾i no jums jau zina. DaÅ¾i no jums ir darÄ«juÅ¡i tas kÄdu laiku. Bet pieÅemsim redzÄt, ja mÄs nevaram aizpildÄ«t DaÅ¾os sagataves, kÄ arÄ«. TÄtad paziÅojums pÄris lietas Å¡eit. Viens, tas ir tikai teksts. TÄtad, tas ir tÄpat kÄ pirmkodu C, vai kÄdu citu valodu. 

IevÄrojiet, ka, Å¡Ä·iet, lÄ«dz bÅ«t modelis Å¡eit. Tur ir IedziÄ¼inÄjums, bet tehniski atkÄpes ir tikai cilvÄku konvencija. A pÄrlÅ«kiem nav aprÅ«pi, ja tur ir jauns lÄ«nijas un cilnes, piemÄram, mÄs redzam tur. Bet paziÅo, ka tur ir simetrijas Å¡eit. Tur ir tas, ko es zvanu, augÅ¡Ä Å¡is fails, atvÄrta tag, vai sÄkuma tag, ko sauc par HTML. Un tad, zemÄk, pilnÄ«bÄ izklÄta up, lÄ«dzÄ«gi kÄ mÄs ar cirtaini lencÄm, mÄs redzam atklÄtu kronÅ¡teinu, uz priekÅ¡u slÄ«psvÄ«tra, HTML, close kronÅ¡teins. TÄtad tas atbilst tuvu tag, vai gala tag, Å¡Ä« lieta. 

KopÄ, viss iekÅ¡pusÄ tÄ saucamie atvÄrt tagu un aizvÄrt tagu sacerÄt to, ko mÄs saucam elements. Un mÄs redzÄsim, tikai brÄ«di, tas ir tieÅ¡Äm patÄ«k mezglu kokiem. Jo, ja jÅ«s domÄjat par to tagad iespiedumiem, kas ir netieÅ¡i Å¡eit, jÅ«s veida ir, piemÄram, vecvecÄki mezglu sauc par HTML. Cik daudz bÄrnu, jÅ«s varÄtu teikt, balstoties Å¡ajÄ bildÄ, HTML elementam ir? 

TÄtad, iespÄjams, divas. Viens no tiem ir galvenais elements, acÄ«mredzot. Un viens ir Ä·ermenis elements. Un kÄpÄc divi bÄrni? Nu, es esmu tikai veida secinÄt, ka, ja Man ir atvÄrta galvas tagu, un pÄc tam tuvu galvas tagu, kas ir elements. Un tad, ja tur ir vÄl viens atklÄtÄ Ä·ermeÅa tag un cieÅ¡a Ä·ermeÅa tag, tas ir tÄpat kÄ vÄl viens elements. TÄtad, tÄdÄ nozÄ«mÄ, ka, ja es veida rotÄt attÄlu uz sÄniem, tas ir , piemÄram, Åemot HTML tags, un pÄc tam galva tag, un pÄc tam Ä·ermeÅa tag, un Tad kÄdu tekstu, sveiki pasaule, dangling nost no Ä·ermeÅa tag pati. 

TÄtad, mÄs varam izdarÄ«t attÄlu, ka varÄtu izskatÄ«ties Å¡Ädi. Formas ir patvaÄ¼Ä«gs. Bet ievÄroju, ka es esmu, ko izmanto veida elipses pie top pÄrstÄvÄt dokumentÄ. IzrÄdÄs, ka var bÅ«t arÄ« citi sÄ«kumi iekÅ¡pusÄ mÄjas lapÄ, ka man nav izdarÄ«t Å¡eit. TÄtad, mÄs ejam pat pakÄrt HTML mezgls off no tÄ saukto dokumenta mezglÄ. Un tad mums ir galvu un Ä·ermeÅa un nosaukums, paziÅojums, kas ir nested tÄlÄk. Man nav apnikt liekot papildu rinda pÄrtraukumi iekÅ¡pusÄ nosaukums tag. Tas tikai jutos kÄ tas bija kÄ¼Å«st pÄrÄk runÄ«gs. TÄpÄc es pa kreisi to vienÄ rindÄ tur, ar Open titulu, sveiki pasaule, tuvu virsraksts. Un tad mums ir kÄdu tekstu dangling off Å¡eit. 

TÄtad Å¡o attÄlu nÄks atpakaÄ¼ mums, kad mÄs nodoties JavaScript. Un izpratne, ka tad, kad jÅ«s rakstÄ«t HTML, piemÄram, tas, ko ir pÄrlÅ«ku dara? Nu, mums nav jÄuztraucas par cik tas dara to, vai ar kÄdiem algoritmu, bet beigÄs, dienÄ, kad pÄrlÅ«kprogramma saÅem HTML, piemÄram, ka, no Facebook vai Google, tÄ parses tas, tÄ sakot, tas skan tÄ, ar kaut ko lÄ«dzÄ«gu fread, top uz apakÅ¡as, kreisÄs uz labo pusi, un kÄ tas saprot, ak, atvÄrtu tagu, un pÄc tam aizveriet tag, tas sÄk malloc, tÄ sakot, mezglu ar koku. Un, kad tÄ saskaras, kÄ mÄs esam netieÅ¡i Å¡eit ar ieloka, bÄrns mezglu, tas mallocs ar mezglu, kas un pievienots ka uz koka. 

TÄpÄc koku struktÅ«ras, binÄro koku, trÄ«skÄrÅ¡iem koki, un lielÄki koki, kas MÄs paskatÄ«jÄs uz nedÄÄ¼u vai divas atpakaÄ¼, paziÅojums tas pats princips ir nÄk atpakaÄ¼ pie mums. Un tas, kurÅ¡ Ä«stenots, Chrome neatkarÄ«gi komanda bija, ka, iespÄjams, bija lai Ä«stenotu kÄdu koka struktÅ«ru zem motora pÄrsega. Un tas pats par sevi ir iespÄjams, valodas, piemÄram, C, vai C + +, vai zemÄks lÄ«meÅa valoda, ko mÄs ÅemÅ¡u tagad izmanto atop internetÄ. 

TÄpÄc tagad, varbÅ«t, tas bÅ«s daudz lietderÄ«gÄk. Faktiskais tattoo no kÄdu puisi, kurÅ¡ varÄtu Å¾Äl to galu galÄ, kÄda veida. Labi, labi, tik daudz mÄjas izjÅ«ta. Tas nav Ä«sti notiek vairÄk tik labi Å¡odien. TÄpÄc mÄs virzÄ«ties uz priekÅ¡u. Labi. 

TÄtad, pieÅemsim to apskatÄ«t tagad pie daÅ¾iem piemÄriem. VienkÄrÅ¡Äkais iespÄjams lieta varÄtu bÅ«t Å¡Ä«. Es ieÅ¡u uz priekÅ¡u un atvÄrt arÄ« gedit failu ar nosaukumu hello.php. Un iekÅ¡Ä Å¡eit, es esmu gatavojas Ätri vienkÄrÅ¡i darÄ«t to, printf, citÄjot likt pÄdiÅas beigÄs, "Hello World". 

TÄtad paziÅojums, un es darÄ«Å¡u manas slÄ«psvÄ«tru n, Man nav bothered atzÄ«t galveno. IzrÄdÄs, php, un daudz valodas, jums nav nepiecieÅ¡ams galvenÄ funkcija per se. JÅ«s varat vienkÄrÅ¡i sÄkt rakstÄ«t jÅ«su programma. Tagad, kad es saglabÄjiet Å¡o failu, ievÄrosiet, es esmu nÄksies veikt Å¡Ädas darbÄ«bas. Es neesmu gatavojas izmantot, lai, un es neesmu gatavojas izmantot Å¡Ä·indoÅa, jo PHP, atÅ¡Ä·irÄ«bÄ C, ir ne apkopota valodas. Tas ir tas, ko sauc interpretÄ valoda, kas nozÄ«mÄ, ka jÅ«s palaist to kÄ izejvielu izmantojot citas programmas sauc par tulku. Un Å¡Ä« programma skan tÄ, no augÅ¡as uz apakÅ¡as, kreisÄs uz labo pusi, un tas neatkarÄ«gi no jums pateikt to darÄ«t. 

TÄtad Å¡ajÄ gadÄ«jumÄ Å¡eit man ir viena lÄ«nija, kas saka printf. TÄtad, kad es palaist Å¡o pirmkodu, hello.php, lai gan programma, kas notiek, Ärti, ko sauc par PHP, Å¡Ä« programma PHP gatavojas, lai lasÄ«tu Å¡is fails, no augÅ¡as uz leju, no kreisÄs puses uz labo, un tas notiek, lai darÄ«t to, ko es pateikt to darÄ«t - izpildes kodu, un, ja tÄ neatzÄ«st kaut ko, tikai spÄ¼aut to ÄrÄ. TÄpÄc es esmu gatavojas iet uz priekÅ¡u un palaist PHP no hello.php. Enter. 

Un tas nav gluÅ¾i tas, ko es paredzÄts. Nu, kÄpÄc tÄ? Nu, PHP ir valoda, kas ir faktiski paredzÄti, lai bÅ«t diezgan saistÄ«ta ar web. Veicot mÄjas lapas ar Å¡o valodu PHP, kÄ mÄs drÄ«z redzÄt, mÄs gribu darÄ«t kaut ko lÄ«dzÄ«gu drukÄt no lÄ«nijas, piemÄram, Å¡is. 

TÄpÄc es esmu gatavojas darÄ«t to. AtvÄrt kronÅ¡teins, jautÄjuma zÄ«me, PHP, un tagad es esmu tikai gatavojas ievilkumÄ tikai, lai saglabÄtu viss jauki. Un tagad es esmu gatavojas darÄ«t jautÄjumu atzÄ«mÄjiet cieÅ¡u skavu. TÄtad tur ir asimetrija mazliet Å¡eit. Jums nav darÄ«t to. Un jums nav darÄ«t slÄ«psvÄ«tru, tÄpÄc PHP ir nedaudz atÅ¡Ä·irÄ«gs. 

Bet tagad, ja es atkÄrtoti palaist Å¡o programmu, PHP hello.php, tagad es faktiski nokÄ¼Å«t Sveika pasaule. Un mÄs redzÄsim, kÄpÄc tas ir vÄrtÄ«gs. Viens, tas man Ä¼auj norÄdÄ«t, super skaidri, tas ir kods, izpildÄ«t Å¡o. Un tas ir patieÅ¡Äm to, ko Å¡ie Ä«paÅ¡as tags nozÄ«mÄ Å¡eit. 

Bet tas arÄ« nozÄ«mÄ, ka, ja es vienkÄrÅ¡i darÄ«t kaut kÄ es mÄrÄ·is nekÄ Å¡eit, ka nozÄ«mÄ, ka, burtiski, kas tikai izdrukÄt bez nepiecieÅ¡amÄ«bas faktiski zvanu printf, vai drukas, vai jebkura lÄ«dzÄ«ga funkcija. TÄtad, mÄs bÅ«sim atpakaÄ¼, ka tikai brÄ«di. 

PirmkÄrt, pieÅemsim to izdarÄ«tu. IekÅ¡pusÄ iekÄrtas, mÄs esam direktoriju sauc Vhosts, virtuÄlÄ saimniekiem, slÄ«psvÄ«tra vietÄjo uzÅÄmÄju, slÄ«psvÄ«tra sabiedrÄ«bai. TÄtad, tas ir nedaudz runÄ«gs, bet garÅ¡ stÄsts ÄªsÄk sakot, ierÄ«ce ir izstrÄdÄta tÄ, tikai, lai atbalstÄ«tu C. Tas ir arÄ« paredzÄti, lai atbalstÄ«tu PHP. Bet tas ir arÄ« paredzÄts web serveri, un datu bÄzes serveri. Un tas ir paredzÄts, un patiesi konfigurÄta, bÅ«t atgÄdina jebkura komerciÄlÄs web hosting kompÄnija, kas jÅ«s varÄtu maksÄt $ 5 mÄnesÄ«, lai, $ 100 mÄnesÄ«. NeatkarÄ«gi pakalpojums ir, tas ir konfigurÄts lÄ«dz bÅ«t Ä¼oti lÄ«dzÄ«gs reÄlÄs pasaules raÅ¾oÅ¡anas serveri. 

Un ko tas nozÄ«mÄ, ka darbojas ierÄ«ce ir tÄ«mekÄ¼a servera programmatÅ«ra. Tas notiek, lai varÄtu saukt Apache. Tas ir tikai bezmaksas un atvÄrtÄ koda, un Ä¼oti populÄrs. Un mums ir konfigurÄta Apache zinÄt ka, ja es apmeklÄju noteiktu URL, ar Chrome vai iekÅ¡pusÄ pÄrlÅ«ku ierÄ«ce, izpÄtÄ«t Å¡ajÄ direktorijÄ par lietÄm, kas lietotÄjs pieprasa. 

Citiem vÄrdiem sakot, Ä¼aujiet man iet uz priekÅ¡u un darÄ«t to. IekÅ¡pusÄ manu abonentu, es esmu gatavojas iet uz priekÅ¡u un izveidot failu sauc index.html. Tas dod man cilni Å¡eit. Un es esmu gatavojas iet Ä¼oti Ätri un iet uz priekÅ¡u un sprÄdziena ÄrÄ Å¡Ä« programma Å¡eit. DOCTYPE HTML, kas tagad, tikai pieÅemu, jums ir rakstÄ«t. Tas ir tikai mistiskÄ tagu, tas nav patiesi HTML tagu, kas norÄda, ka Å eit nÄk daÅ¾i HTML. 

Es ieÅ¡u uz priekÅ¡u un atjaunot tas, ko mÄs redzÄjÄm pirms brÄ«Å¾a. LÅ«k, no lapas galvu. IekÅ¡pusÄ no galvas bija - tÄ nosaukums. TÄpÄc mÄs teikt hello, pasaulÄ. Un tad noteikti Å¡eit bija Ä·ermeÅa tag. Ä»aujiet man aizveriet Ä·ermeÅa tag. Un tad Å¡eit es arÄ« saku, tikai skaidrÄ«bas labad, sveiki pasaule. 

TÄtad, tas ir, neapÅ¡aubÄmi, vienkÄrÅ¡Äkais iespÄjams, Web lapa var darÄ«t, ka tas ir spÄkÄ. Tas ir sintaktiski derÄ«gs. Viss, kas ir atvÄrts ir slÄgts. Viss ir labi ar veidoti un atkÄpi. TÄtad, pieÅemsim redzÄt tagad, kÄ es var piekÄ¼Å«t Å¡o failu. 

Nu, Ä¼aujiet man iet uz Chrome Å¡eit. Un Ä¼aujiet man iet http://localhost/index.html. TÄtad, kÄda ir vietÄjÄ uzÅÄmÄja? Nu, lielÄkÄ daÄ¼a jebkura datora visÄ pasaulÄ, Linux, Mac OS, Windows, ir iesauku sauc par vietÄjÄ uzÅÄmÄja. TÄtad, ja jÅ«s kÄdreiz vÄlaties runÄt uz savu datoru - lai gan, savÄdi refleksÄ«vi - jÅ«s saukt sevi vietÄjÄ uzÅÄmÄja. Nav svarÄ«gi, kÄdas ir jÅ«su faktiskÄ dators ir sauc, vai tas ir DÄvida MacBook Gaisu, vai kaut kas vairÄk runÄ«gs, piemÄram, ka. 

TÄtad Å¡is URL acÄ«mredzot gatavojas izmantot HTTP runÄt ar vietÄjo uzÅÄmÄju, tas pats dators, ierÄ«ce, un tas gatavojas lÅ«gt, lietojiet tikai uzminÄt, ko faila? Index.html. TÄtad ierÄ«ce ir konfigurÄta iepriekÅ¡ zinÄt, ka, ja es esmu jautÄ par kaut ko lÄ«dzÄ«gu index.html, meklÄt mapÄ sauc Vhosts, jo mape ar nosaukumu localhost, mapÄ tur sauc sabiedrÄ«bai. Tas ir, ja visas manas sabiedrÄ«bas faili bÅ«s. TÄpÄc es esmu tagad gatavojas hit Enter. 

Un nopelt, tur ir, ka forbidden ziÅa, citÄdi zinÄma kÄ 403, no ciparu koda. TÄtad, ko es daru nepareizi Å¡eit? Nu, tas nav pietiekami, lai vienkÄrÅ¡i ielieciet failu iekÅ¡pusÄ manu mapi. Man nepiecieÅ¡ams, lai faktiski veikt Å¡Ädas darbÄ«bas. 

Ä»aujiet man iet manÄ Vhosts direktorijÄ, uz localhost, uz sabiedrÄ«bu, un Ä¼aujiet man darÄ«t ls domuzÄ«me l. Un tur ir daÅ¾as citas lietas, Å¡eit Å¡odienas vajadzÄ«bÄm. , Bet paziÅojums kreisajÄ pusÄ, blakus uz index.html, mÄs redzam tikai vienu RW. Un agrÄk, kÄdi ir RW ââstÄvÄja? 

Tikai lasÄ«t, ne rakstÄ«t. Fakts, ka tÄ saka rw pa kreisi nozÄ«mÄ I Ä«paÅ¡nieks Å¡o failu, varat lasÄ«t, ne rakstÄ«t. Bet man ir nepiecieÅ¡ams, lai Ä¼autu visiem cilvÄkiem pasaules izlasÄ«t Å¡o, bet ne rakstÄ«t. TÄpÄc es esmu gatavojas mainÄ«t veidu failu, chmod, viss plus r, lai dotu visi lasÄ«t atÄ¼auju uz failu ar nosaukumu index.html. 

Un, ja es tagad atkÄrtojiet ls domuzÄ«me l, paziÅojums ka, nekÄ Å¡eit, daÅ¾i vairÄk R s ir popped augÅ¡u. Un tagad, spec iet uz sÄ«kÄk. Par P komplekts 7, kas vienkÄrÅ¡i nozÄ«mÄ ikvienu tagad var lasÄ«t Å¡o failu. Ja es dodos atpakaÄ¼ uz manu pÄrlÅ«ku tagad un pÄrlÄdÄt, voila. Sveika pasaule. 

Un es pat var atvÄrt savu Chrome instrumenti un redzÄt, tÄpat kÄ ar Google, un Facebook, ka tur ir mana HTML, formatÄts nedaudz atÅ¡Ä·irÄ«gi un colorized. Ja es eju uz cilnes TÄ«kli un pÄrlÄdÄt lapas, ievÄrosiet, ka pastÄv get pieprasÄ«t Chrome sÅ«ta pie ierÄ«ces. Tur ir par to 200 konkrÄtu failu. TÄtad, Ä«si sakot, tas ir, kÄ visi Å¡ie DaÅ¾Ädie nÄk kopÄ. Tas tikai tÄ notiek, ka tÄ«mekÄ¼a serveris mÄs izmantojam tieÅ¡i tagad, nav neliels, piemÄram, Facebook. Tas ir burtiski tajÄ paÅ¡Ä datorÄ, kas ir pilnÄ«gi OK. 

TÄtad, ko vÄl mÄs varam darÄ«t Å¡ajÄ mÄjas lapÄ? Nu, vienkÄrÅ¡i, pieÅemsim brÄ«ze, izmantojot pÄris no Å¡Ä«m lietÄm. Bet Ä¼aujiet man iet uz priekÅ¡u un atvÄrt Gedit ar index.html. Un Ä¼aujiet man iet uz priekÅ¡u un teikt hello CS50, saglabÄjiet Å¡o failu, dodieties atpakaÄ¼ pÄrlÅ«ku, patieÅ¡Äm underwhelming maiÅa. 

Bet ko tad, ja mÄs gribam, lai faktiski saistÄ«t ar kaut ko tagad? TÄtad izrÄdÄs, ka mÄs varam bÅ«t saites HTML, kas ir tikai birkas paÅ¡i. Tas notiek, lai varÄtu saukt enkuru tag. href vienÄds https://www.cs50.net, www.cs50.net close citÄju tuvu kronÅ¡teins. Un tagad pieÅemsim redzÄt, kas cits nÄk nÄkamo. 

Es esmu atvÄrts tagu. Man tagad ir nepiecieÅ¡ams, lai dotu tai frÄze, piemÄram, CS50. Ä»aujiet man aizvÄrt tagu. Un ievÄrosiet daÅ¾as lietas. Pat tad, ja tas ir mistisks lieta Å¡eit, es neesmu atkÄrtot to, kad jÅ«s aizvÄrt tagu. JÅ«s vienkÄrÅ¡i aizvÄrt tagu ar savu vÄrdu vien. Un tas ir tas, kas ir pazÄ«stams kÄ atribÅ«tu ar vÄrtÄ«bu. AtribÅ«ti vienkÄrÅ¡i mainÄ«t uzvedÄ«bu DaÅ¾u taga iekÅ¡pusÄ lapÄ. 

TÄtad tas ir norÄdot, ka hiper norÄde, iedomÄtÄ veids, kÄ pateikt URL par Å¡o enkuram, par Å¡Ä« saikne, jÄbÅ«t CS50.net. Un teksts, ka mÄs vÄlamies parÄdÄ«t lietotÄjs nav, ka neapstrÄdÄtas URL, bet gan vÄrdu CS50. 

TÄtad, ja tagad es pÄrlÄdÄt, Ä¼aujiet man zoom in skaidrÄ«ba, Ä¼aujiet man pÄrlÄdÄt lapu, paziÅojums, ka mums ir Å¡o veco skolu zilÄ uzsvÄra saiti. Un, ja es lidinÄties pÄr to, kÄ tas notiek lÄ«dz bÅ«t grÅ«ts, lai redzÄtu, kas apakÅ¡Ä pa kreisi apakÅ¡ÄjÄ labajÄ stÅ«rÄ« ekrÄna, paziÅojums ka tas norÄda URL, uz kuru Es ieÅ¡u. Un, ja es noklikÅ¡Ä·iniet tur, voila, tagad es esmu padarot interneta lapas. Un mÄs esam lika sevi uz mÄjas lapu. 

, Bet paziÅojums, kÄds potenciÄls tas sniedz mums. DroÅ¡Ä«ba ir Ä¼oti daudz modÄ Å¡ajÄs dienÄs. Ko darÄ«t, ja es tÄ vietÄ, teikt kaut ko lÄ«dzÄ«gu , un es tÄ vietÄ doties uz, teiksim, pieÅemsim skat, fakeCS50.net. PÄrlÄdÄt Å¡o lapu. 

Labi, tÄpÄc pamanÄt, ka tas tomÄr izskatÄs, ka es esmu dodas uz CS50, ja vien vÄrÄ«gs acs ievÄrosiet, es esmu gatavojas viltus CS50. Es esmu guessing tas domÄns nav pieÅemts. Labi, tÄ tas nav pieejams. TÄtad tas ir labi. Neviens tieÅ¡Äm ir Å¡o domÄnu. 

Bet bÅ«sim nedaudz vairÄk Ä¼aunprÄtÄ«gu jo tas ir sava veida stulba. Ko darÄ«t, ja mÄs mainÄm to Paypal. Un ko tad mÄs to saucam, piemÄram, www.paypal.badguy.com, kÄds domÄns ir. Ka, iespÄjams, pastÄv. TÄtad, tagad Ä¼aujiet man pÄrlÄdÄt lapu. Un Å¡eit mums ir sava veida pikÅ¡Ä·erÄÅ¡anas uzbrukuma, P-H-I-S-H-I-N-G, kas ir dumjÅ¡ vÄrds dots par uzbrukumu, kas mÄÄ£ina zvejot informÄcijas, vai labÄk tomÄr, nauda, ââno cilvÄkiem, tricking tos uz informÄcijas sniegÅ¡anu, kas viÅi citÄdi nevarÄtu darÄ«t. Tas izskatÄs pilnÄ«gi legit, vai ne? Man ir jÄbÅ«t saite Å¡eit Paypal.com. In godÄ«gumu, ja es sexed to ar kÄdu grafikas, mÄs varam padarÄ«t to izskatÄs vairÄk, piemÄram, PayPal. Labi? TÄpÄc, ka es varÄtu, jo malÄ, Es varÄtu doties uz Paypal.com. Un mÄs esam tikai redzÄjuÅ¡i, kÄ es varu skatÄ«t visas to HTML. Es varÄtu vienkÄrÅ¡i kopÄt to un atjaunotu estÄtika Paypal, nevis iet vecÄs skolas Å¡eit. , Bet paziÅojums, protams, un tas ir nedaudz mazs joprojÄm, tikai uz leju kreisajÄ stÅ«rÄ«, jo, piemÄram, 10 punktu fontu, jÅ«s redzat, ko URL tu esi faktiski tiks izraisÄ«ja. 

Un tÄ, ja jÅ«s esat kÄdreiz gotten spam sakot iet uz priekÅ¡u, un tu esi kontu ir apdraudÄta. LÅ«dzu, noklikÅ¡Ä·iniet uz Å¡Ä«s saites, un Ä¼aujiet mums zinÄt paroli, lai mÄs varam nodroÅ¡inÄt jÅ«s jums, nav kÄdreiz darÄ«t. Å Ä«s lietas vajadzÄtu iet par sevi saprotams. Bet tas ir lieliski uzjautrinoÅ¡i, un traÄ£iski, kÄ katru gadu, tas, Å¡Ä·iet, gadÄs daÅ¾i nav nulle cilvÄku skaits. 

Un tas ir skaistums pikÅ¡Ä·erÄÅ¡anas uzbrukumiem. JÅ«s varat izsÅ«tÄ«t miljoniem e-pastiem. Un pat tad, ja 0,01% no iedzÄ«votÄju faktiski noklikÅ¡Ä·iniet uz Paypal, un sniedz jums savu paroli, kas ir vÄl nav nulle, cilvÄki, kas tikko dodot jums savu naudu. Un sÅ«tÄ«t e-pastus, protams, ir diezgan viegli un, bÅ«tÄ«bÄ, bez Å¡ajÄs dienÄs. 

Tik garÅ¡ stÄsts Ä«ss, lieliski skaista ideja, vai ne? Gadus atpakaÄ¼, tas bija agrÄk web, kas Ä¼auj tÄ«mekli hipersaites starp resursiem. Bet tik Ätri tas varÄtu bÅ«t izmanto slimiem mÄrÄ·iem. Un e-pastu, pietiek pateikt, Å¡os dienas, ir HTML iestrÄdÄts iekÅ¡Ä. 

Nu, Ä¼aujiet man tikai viena cita lieta. Un mÄs atlikt lielÄ mÄrÄ sadaÄ¼Ä, ProblÄma noteikti septiÅi, lai jÅ«s varÄtu izpÄtÄ«t datus. Bet Ä¼aujiet man iet uz priekÅ¡u un darÄ«t daÅ¾as lietas Å¡eit. Es ieÅ¡u un paziÅo, ko sauc div, vai nodaÄ¼a, no lapas. Ä»aujiet man aizvÄrtu Å¡o div tag. 

Un es esmu gatavojas teikt augÅ¡u Å eit top lapÄ. Un tad zem Å¡Ä«, es esmu gatavojas darÄ«t kaut kÄ cita div, aizveriet Å¡o tag, un darÄ«t apakÅ¡Ä lapÄ. Un pieÅemsim to saglabÄtu. 

TÄtad tagad iesim atpakaÄ¼ uz manu failu. Ä»oti underwhelming. Bet kas sadalÄ«Å¡ana tiek izmantota, lai, zem motora pÄrsega, tas ir patiesÄ«bÄ jauka konstrukcijas elementu. Tam nav nekÄdas estÄtikas, ciktÄl mÄs varam redzÄt, izÅemot, acÄ«mredzot, liekot lietas par jaunÄm lÄ«nijÄm. 

Bet paziÅojums, kÄ malÄ, vienkÄrÅ¡i hitting Ievadiet nav sagriezti to HTML patÄ«k tas ir C. JÅ«s varÄtu domÄt, ka tas ir gatavojas nodot jauku liels plaisu starp augÅ¡Ä un apakÅ¡Ä lapas. Bet tas ir ignorÄts. Balta telpa bÅ«tÄ«bÄ ignorÄts web lapas, izÅemot paÅ¡u pirmo starpdevÄjs raksturs, un rakstatgriezes, ka jÅ«s hit uz klaviatÅ«ras. Ja vÄlaties vairÄk rindiÅu pÄrtraukumi, jÅ«s ir jÄnorÄda tas pats. 

TÄpÄc es esmu gatavojas darÄ«t daÅ¾as lietas Å¡eit, lai parÄdÄ«tu, kas notiek. Es esmu gatavojas pievienot atribÅ«tu, pastÄv Un atkal, kÄ jÅ«s mÄcÄ«ties ko piedÄvÄ pastÄv, kas tagus pastÄv, tieÅ¡Äm, ir tieÅ¡saistes atsauces. HTML ir sava veida valoda - tas ir nav programmÄÅ¡anas valoda. Tas ir iezÄ«mÄÅ¡anas valoda, - ka pÄc labas pusstundas, varbÅ«t stunda ar tas, jÅ«s noteikti saprast, lielÄkÄ daÄ¼a iespÄjams, pamatideja. Un tad Google meklÄÅ¡anas attÄlumÄ ir viss iespÄjamos tagus, kas jums varÄtu bÅ«t ieinteresÄti collas Un vienu spec, tas ir diezgan laipni un mudinÄja Å¡eit. 

TÄtad, tagad Ä¼aujiet man iet uz priekÅ¡u un darÄ«t kaut kas lÄ«dzÄ«gs Å¡im. Fona krÄsu. Un tagad, es esmu gatavojas darÄ«t kaut ko piemÄram, sarkana, semikols. Un jÅ«s varat darÄ«t to daÅ¾i daÅ¾Ädos veidos. Es esmu tikai veida ierakstot to kÄ super skaidri, cik vien iespÄjams. 

Bet izrÄdÄs, ka Å¡Ä« vÄrtÄ«ba Å¡eit ir ko sauc par CSS, Cascading Style Loksnes, kas ir vÄl viens valodu vispÄr. CSS nav nekÄda sakara ar atvÄrt tagus un cieÅ¡as tagus. Tas ir jÄdara ar Ä«paÅ¡Ä«bÄm. 

Un Ä«paÅ¡Ä«bas ir vienkÄrÅ¡i atslÄgas vÄrtÄ«ba pÄri, kas vienkÄrÅ¡i nozÄ«mÄ zinÄmu vÄrdu, resnÄs zarnas, un pÄc tam daÅ¾i citi vÄrds. Un, ja jums ir vairÄki tiem, vai vienkÄrÅ¡i vienu Å¡eit, jÅ«s varat pÄrtraukt to ar semikols, tikai skaidrÄ«bas labad. Bet tas arÄ«, strÄdÄs Å¡eit. 

Tagad to, kas ir tas darÄ«s? JÅ«s varat droÅ¡i uzminÄt. Ä»aujiet man iet uz priekÅ¡u un pÄrlÄdÄt Å¡o lapu. Un tagad tas tieÅ¡Äm nÄk lÄ«dzi. TÄtad top mana lapa ir sarkanÄ krÄsÄ. Bet kas ir galvenais Å¡eit ir, ka es teicu agrÄk, ka div dod jums sadalÄ«Å¡anu lapÄ. Un tas ir patieÅ¡Äm to, ko tÄ dara. TÄ bÅ«tÄ«bÄ sadala lapu stÄÅ¡anÄs taisnstÅ«ris, ka jÅ«s varat, tad manipulÄt. 

Un Å¡is taisnstÅ«ri jÄdziens ir sava veida pÄrliecinoÅ¡i, ka, ja jÅ«s domÄjat par lielÄkÄ daÄ¼a jebkuru mÄjas lapÄ, tur droÅ¡i vien daÅ¾i struktÅ«ra ar to. LielÄkÄ daÄ¼a no jums, iespÄjams, reti Facebook mÄjas lapÄ, ja jÅ«s esat pieteicies , bet visu laiku. 

Bet uz Facebook mÄjas lapÄ, tur ir sava veida div gar augÅ¡pusÄ. Un tas varÄtu nebÅ«t tik vienkÄrÅ¡i kÄ viens div, bet tur taisnstÅ«rveida apgabals tur. No lapas pÄrÄjais ir lÄ«dzÄ«gs milzÄ«gs div, tÄpat daudz lielÄks taisnstÅ«rveida apgabals. Tik garÅ¡ stÄsts Ä«ss, tikai, Åemot Å¡ie mazie celtniecÄ«bas bloki, lai SpÄja modelÄt lietÄm, kÄ taisnstÅ«ri, vai plata vai Å¡aura, varat arÄ« padarÄ«t kolonnas potenciÄli Ä¼auj nolikt lapas, tieÅ¡Äm, tomÄr jÅ«s vÄlÄtos. MÄs esam tieÅ¡Äm tikai kasÄ«Å¡anÄs virsmas Å¡eit. 

PatieÅ¡Äm, ja man viens otru, Ä¼aujiet man iet uz priekÅ¡u un darÄ«t stilu, fona krÄsu, mÄs kaut ko darÄ«t piemÄram, zilÄ, tuvu pÄdiÅÄm. Let 's pÄrlÄdÄt to. TÄtad, tagad tas kÄ¼Å«st vÄl neglÄ«tÄks. Bet tagad es varu veida diÅ¾oties mana P ir noteikti pieci prasmes, labi? Sarkans. Tas man atgÄdina RGB, Red Green Blue trÄ«skÄrÅ¡ojas. Nu, izrÄdÄs, web programmÄÅ¡ana, vai web dizains, kas tas ir, mÄs esam vÄl nav ieprogrammÄts neko per se, jÅ«s faktiski var ir heksadecimÄlo kodu. TÄtad kaut kas kaut ko, kaut kaut ko, kaut ko kaut ko. TÄtad jÅ«s varat bÅ«t seÅ¡i heksadecimÄlo rakstzÄ«mes, trÄ«s vai, atseviÅ¡Ä·os gadÄ«jumos, un katrai no Å¡Ä«m jautÄjuma zÄ«mes ir jÄbÅ«t heksadecimÄlcipariem, nulle caur f. 

Ja es gribu, lai ir daudz sarkanÄ, un nav zaÄ¼Å¡, un nav zilÄ, kas ir pretÄjs nulles, izmantojot Hex? Tas ir f. TÄtad, es varu darÄ«t ff, nulle nulle, nulle nulle, saglabÄjiet to, un tagad nÄk uz leju Å¡eit. Un es nedomÄju, tieÅ¡Äm redzÄt izmaiÅas. TÄtad quote likt pÄdiÅas beigÄs "sarkano" ir acÄ«mredzami sinonÄ«ms visiem sarkans, ne zaÄ¼Å¡, ne zila. TikmÄr, pieÅemsim apzinÄti mainÄ«t tas viens ir kaut kas izlases, piemÄram, ABCDF. 

Let 's redzÄt, kas tas ir. Tas ir patieÅ¡Äm jauki zila, faktiski, bÄrnu zila. Labi, tÄpÄc tie ir tikai tagad nedaudz izlases kombinÄcijas rakstzÄ«mes. TÄpÄc mums nebÅ«s get bogged noteikti Å¡eit. Bet atkal, tas runÄ ar precizitÄti ka jÅ«s varat sÄkt piemÄrot - pat tad, ja jÅ«s esat Ä¼oti nomÄkti ar estÄtiku. PatiesÄ«bÄ, ja jÅ«s patieÅ¡Äm vÄlaties bÅ«t iespaidu, Ä¼aujiet man iet uz priekÅ¡u un mainÄ«t burtu izmÄrs, piemÄram. Un paziÅojums semikolu, kas ir nepiecieÅ¡ams tur. 

Burtu lielums, mÄs varam bÅ«t tikai smieklÄ«gi Å eit, 96 punkts. SaglabÄt to. Wow, tas ir liels fonta izmÄrs. Visas tiesÄ«bas, tÄpÄc tas ir Ä¼oti viegli. Un patiesÄ«bÄ, jÅ«s bÅ«tÄ«bÄ redzÄt Pati pirmÄ mÄjas lapÄ es gadus atpakaÄ¼, kad es pirmo reizi iemÄcÄ«juÅ¡ies Å¡o stuff. Tas ir Ä¼oti viegli izdarÄ«t Ä¼oti pretÄ«gs lietas Ätri. 

Un, ja jÅ«s esat iepazinuÅ¡ies ar Wayback AutomÄts archive.org, jums var atrast visu manu pretÄ«gs undergrad tÄ«mekÄ¼a lapas. Viens bija Kermit Frog uz priekÅ¡u. Es devos caur fÄzi, kur es domÄju, tas bija forÅ¡s, veikt fona sarkans aizkars, kad es uzzinÄju, kÄ jÅ«s varat flÄ«Å¾u attÄlus atkal, un atkal, un atkal, lai aizpildÄ«tu lapu ar liels lipÄ«gs sarkans aizkars. Un tad, papildus tam, bija ikona ka jums bija noklikÅ¡Ä·iniet, lai ievadÄ«tu manu mÄjas lapu, jo tas bija Ä¼oti modÄ. 

Un tad mana pirmÄ programma es kÄdreiz uzrakstÄ«ju nebija PHP, bet valodÄ sauc par Pearl, uzrakstÄ«ja viesu grÄmatÄ, kas ir patieÅ¡Äm atdzist lieta, ka Daudzi cilvÄki gaida tevi lai bÅ«tu par mÄjas lapÄ. Kad jums uz lapu, viÅi vÄlas, lai jÅ«s pierakstÄ«ties, un pateikt, kas jÅ«s esat, un kÄpÄc jÅ«s tur. Tas ir Ä¼oti 1990.gadu stila web dizains. 

Bet Å¡ajÄs dienÄs, protams, mÄs esam nÄk daudz tÄlÄk. Un jÅ«s redzÄsiet, sadaÄ¼Ä, un pat vai problÄmu, kas septiÅas, ko piesaistot bibliotÄkas Å¡ajÄs dienÄs, tas ir tik daudz vieglÄk prettier lietas Ätri. TieÅ¡Äm Å¡eit, mÄs esam tikai kasÄ«Å¡anÄs virsma, ko jÅ«s varat darÄ«t, stilistiski. 

Un patiesÄ«bÄ jau, Ä¼aujiet man uzsvÄrt ka tas jau kÄ¼Å«st neglÄ«ts, ne tikai estÄtiski, bet attiecÄ«bÄ no stila manu kodu, vai dizains manu kodu. Es esmu Å¡obrÄ«d comingled HTML, kas ir zaÄ¼gani atvÄrts tagus tur, ar CSS Ä«paÅ¡Ä«bas, kas ir pilnÄ«gi legit. Tas ir tieÅ¡Äm, ja valoda bija tÄs izcelsmi. 

Bet interesÄs tÄ«ru dizainu, lÄ«dzÄ«gi kÄ mÄs sÄkÄm faktoringa sÄ«kumi ÄrÄ no C failus. h failus, Ä¼aujiet man tieÅ¡Äm praksÄ Å¡Äda veida princips, un sÄkt darÄ«t Å¡ajÄ vietÄ. Ä»aujiet man nodot stils tag Å¡eit, kas pastÄv arÄ« HTML, un Ä¼aujiet man norÄda sekojoÅ¡o. Ä»aujiet man Å¡o dzÄst. Fona krÄsa bÅ«s sarkana. Es esmu gatavojas dzÄst pilnÄ«bÄ. Es esmu gatavojas atbrÄ«voties no stila atribÅ«tu, un es esmu gatavojas unikÄli identificÄt Å¡o div ar vÄrdu - patvaÄ¼Ä«gi, bet saprÄtÄ«gi, citÄjot likt pÄdiÅas beigÄs "top". Un id ir Ä«paÅ¡s atribÅ«ts, kas unikÄli definÄ daÅ¾as HTML elementu kÄ ar Å¡o ID. 

Ja es tagad gribu, lai stilizÄtu to lÄ«dz Å¡eit vadÄ«tÄjs manu lapu, iekÅ¡pusÄ stils tag, ievÄrosiet, ka Es varu darÄ«t hash top. Un tad es varÄtu likt pÄris cirtaini bikÅ¡turi, kas atgÄdina C, un tad Ä¼aujiet man ielÄ«mÄt Å¡ajÄ stilizÄcija. Un Ä¼aujiet man iet uz priekÅ¡u Å¡eit un prognozÄt kur es esmu, kas ar Å¡o. Ä»aujiet man arÄ« izveidot vienu uz apakÅ¡ÄjÄs div. Ä»aujiet man greifers Å¡o pretÄ«gs kodu uz leju Å¡eit, ielieciet to Å¡eit, un es bÅ«Å¡u nedaudz vairÄk anÄlais tagad un stilizÄti tas , tikai liekot lietÄm par to paÅ¡u lÄ«nija, beidzot ar semikoliem. Ä»aujiet man atbrÄ«voties no stila tag. 

Bet es neesmu darÄ«ts vÄl. Man vajag darÄ«t vienu citu lietu. JÄ, id vienÄds quote likt pÄdiÅas beigÄs, "no apakÅ¡as", vai kÄds id es gribu dot Å¡o elementu. Tagad, Ä¼aujiet man iet atpakaÄ¼ vairÄk nekÄ Å¡eit. Un tas ir Å¡ausmÄ«gs. Es nevaru tikt galÄ ar 96 punktu. DarÄ«sim 24 punktu. Vai jÅ«s varÄtu bÅ«t precÄ«zÄks. JÅ«s faktiski var izmantot pikseÄ¼i, PX, tÄpÄc ka jÅ«s patieÅ¡Äm iegÅ«t smalkÄku graudu kontroli pÄr jÅ«su lapu. 

KÄ malÄ, tas ne vienmÄr VislabÄk, ja lietotÄjiem, pieejamÄ«bas iemeslu dÄÄ¼, vÄlas varÄtu palielinÄt izmÄru. TÄpÄc jÄsaprot, ka ir veidi, kÄ to izdarÄ«t lietas, kas ne vienmÄr grÅ«ti kods viss. 

Visas tiesÄ«bas, tÄpÄc tas ir lielÄks, 24 punktu, nekÄ kÄds noklusÄjuma ir. Bet tagad tas ir nedaudz tÄ«rÄks. Un Ä¼aujiet man Åemt to vienu soli tÄlÄk. TÄpat kÄ ideja par header failus, pamanÄ«t mÄs esam vienu soli tuvÄk tam. Man ir noteicis ÄrÄ, bet vÄl pa kreisi, iekÅ¡pusÄ manu lapu, Å¡ie CSS noteikumus. TÄpÄc, iespÄjams, es vÄlos izmantot Å¡o vienu soli turklÄt, izÅemiet to kopÄ, un ielieciet to atseviÅ¡Ä·Ä failÄ? 

Lai es varÄtu lietot atkÄrtoti, vai ne? Tas ir tikai sava veida intuÄ«cija tiesÄ«bas tagad. Pirms tam man apgalvoja, ka tas bija tikai kÄ¼Å«st neglÄ«ts ar stilu atribÅ«ti iekÅ¡pusÄ divs sevi. Bet tikai veida domÄju, ka cauri. KÄ savu lapu izpauÅ¾as ilgÄk un ilgÄk, ja jÅ«s liekot Å¡eit, un Å¡eit, un Å¡eit, un Å¡eit, visi no tiem atÅ¡Ä·iras krÄsas un fonta izmÄru, un citas Å¡Ädas atribÅ«ti, jÅ«su lapa ir Ä¼oti Ätri gatavojas kÄ¼Å«t grÅ«ti vadÄmi jums. 

Ja kÄds nÄk lÄ«dz jums un saka, ak, jÅ«s zinÄt, ko? Es tieÅ¡Äm vÄlÄtos, lai mainÄ«tu fonta lielumu vÄl par diviem punktiem, jÅ«s varÄtu bÅ«t, lai iet un atrast un aizstÄt milzÄ«gs skaits lÄ«niju kodu. Tas ir daudz vairÄk pÄrliecinoÅ¡a centralizÄt visi Å¡ie estÄtika Å¡eit. Bet, ja jÅ«s vÄlaties, lai atkÄrtoti tos estÄtika vairÄkÄs mÄjas lapÄs, visi vairÄk pÄrliecinoÅ¡i, lai, PiemÄram, izveidot failu sauc ar Å¡iem saturu. 

Un Ä¼aujiet man darÄ«t. SaglabÄt Å¡o failu. Es saku styles.css, patvaÄ¼Ä«gi, bet parasto. Es nolikÅ¡u to DÅ¾ona HÄrvarda mÄjÄs uzÅÄmumu katalogs tagad vienkÄrÅ¡Ä«bu. Un ko es varu darÄ«t manÄ mÄjas lapÄ ir iegÅ«t atbrÄ«voties no stila tag vispÄr, un nedaudz unintuitively, izmantojiet saiti tag, kas nedod jums saiti hipersaites, klikÅ¡Ä·inÄmos saprÄts, bet kur es saku saite, href vienÄds styles.css. Un attiecÄ«bas, ka Å¡is elements ir ar mÄjas lapu ir kalpot tÄ stila lapas. 

TÄtad, kÄ es to zinu? Viens, jÅ«s vienkÄrÅ¡i izlasÄ«t rokasgrÄmatu, vai jÅ«s Google apkÄrt, un jÅ«s aplÅ«kot daÅ¾Ädus resursus. Es domÄju, ka patieÅ¡Äm ir, kÄ jÅ«s uzÅemt paÅÄmienus, piemÄram, tas, un, konsekventi ar Å¡o ideju par mÄcÄ«bu sev jaunu valodas, atkal, jÅ«s atradÄ«siet, ka tur ir tikai ierobeÅ¾ots skaits lietÄm jebkurÄ valodÄ, ka, tiklÄ«dz jÅ«s saÅemsiet tiem, jÅ«s atradÄ«siet, ka tas izpauÅ¾as ÄtrÄk un ÄtrÄk rakstÄ«t. PatieÅ¡Äm, apgÅ«t jaunu programmu valoda ir tik daudz ÄtrÄk, nekÄ jauna runÄ valodÄ, jo Å¡Ä«s lietas ir daudz mazÄkas un daudz vairÄk precÄ«zi definÄts. 

Bet es esmu uzsvÄra mazliet no anomÄlija Å¡eit. KÄpÄc es esmu uzsvÄrusi Å¡o slÄ«psvÄ«tra Å¡eit? Jo man ir, lai aizvÄrtu tagu. Man vajadzÄtu aizvÄrt tagu. Un jÅ«s atradÄ«siet neskaitÄmus resursus tieÅ¡saistÄ, kas nav vienmÄr cieÅ¡as tagus. Un reÄli, tas nav stingri nepiecieÅ¡ams, lai tehniskÄs un tur ir iemesli realitÄtes, pÄrlÅ«kprogrammas ir tikai diezgan iecietÄ«gi pret kÄ¼Å«dÄm web lapas, lai labÄk vai sliktÄk, bet pÄrsvarÄ sliktÄk. 

TÄtad, tas Å¡eit ir tikai tÄ«rÄks veids sakot kaut ko muÄ¼Ä·Ä«gu, piemÄram, tas, kur, ja jÅ«s vÄlaties, lai atvÄrtu saiti tagu bet to aizvÄrtu, tur tieÅ¡Äm nav jÄdziens no satura saite tag. Tas tikai nozÄ«mÄ, ielÄdÄt Å¡o failu un nodot to Å¡eit. Tas ir tÄpat kÄ asas iekÄ¼aut C. JÅ«s varat atvÄrt un aizvÄrt tagu visu uzreiz vienÄ un tajÄ paÅ¡Ä tag. Un tur ir citi piemÄri. Tas nav veids, kÄ to darÄ«t, bet br tagu, lai rindiÅu pÄrtraukumi, ja es patieÅ¡Äm vÄlÄjÄs, lai sasniegtu to, kas man bija cenÅ¡oties pirms hitting Enter, ja Es skaidri saku lÄ«nijas pÄrtraukumu, rindas pÄrtraukuma, lÄ«nija pÄrtraukums, lÄ«nijas pÄrtraukums, un PÄc tam pÄrlÄdÄt Å¡o lapu, tagad jÅ«s pamanÄ«siet ka par lapas apakÅ¡Ä ir, tieÅ¡Äm, daudz tÄlÄk noteiktas apakÅ¡Ä lapÄ. Bet pat, ka var izdarÄ«t daudz vairÄk tÄ«ri ar CSS, un ar peÄ¼Åu, un ar citu Å¡Ädu estÄtikas metodes. 

TÄpÄc tagad, ka takeaways ir Å¡is. HTML, mums ir Å¡ie lietas, ko sauc tagus. CSS, mums ir Å¡Ä«s lietas sauc Ä«paÅ¡Ä«bas. MÄs varam comingle Å¡Ä«s divas valodas, , izmantojot vai nu style atribÅ«tu, vai stilu tag, vai labÄkais vÄl, faktorings to ÄrÄ pavisam, kÄ mÄs to darÄm jo problÄma noteikti 7. JautÄjumu, tad, par konceptuÄlie pamati Å¡eit? 

MÄrÄ·auditorija: Man ir jautÄjums. 

SPEAKER 1: Ak, piedodiet. 

MÄrÄ·auditorija: KÄpÄc ne krÄsots - 

SPEAKER 1: Ak, citÄ tab? Tas Å¡eit? 

MÄrÄ·auditorija: NÄ, tas ir tÄpat kÄ - 

SPEAKER 1: Ak, tas ir tÄpÄc, Man tika apliets. Man failu nepareizÄ vietÄ. TÄtad, ja es tieÅ¡Äm likt to Å¡eit, un es chmod tÄ, visi + R par styles.css, un Tagad pÄrlÄdÄt lapu, tagad mÄs saÅemt stilizÄcija atpakaÄ¼. Un tÄpÄc, ka fontu lielumi atÅ¡Ä·irÄ«gs, mÄs neredzam tik daudz atstarpÄm. MÄs tÄ vietÄ, redzÄt, kas ir noklusÄjuma ir vietÄ. Labs jautÄjums. JÄ? 

MÄrÄ·auditorija: KÄpÄc ir saite tag iekÅ¡Ä header? 

SPEAKER 1: KÄpÄc ir saites tag iekÅ¡pusÄ galvenes - ÄªsÄ atbilde, tikai tÄpÄc, ka. Tas ir tas, kas tika nolemts. Tas ir, ja saite tagus iet, kad jums ir, ko sauc ÄrÄjÄ stila lapas. Citi jautÄjumi? 

Labi, labi pieÅemsim to izdarÄ«tu. Mums ir tik daudz prieka priekÅ¡Ä mums Å¡odien. Tas ir tikai kasÄ«Å¡anÄs virsmas CSS. DarÄ«sim to. PaÅemsim piecu minÅ«Å¡u pÄrtraukumu Å¡eit tÄpÄc, ka par manu e-pastu, pieÅemsim hang tur lÄ«dz 02:30-ish Å¡odien. Bet, ja jums ir atvaÄ¼inÄjumu, tas ir jauki. Bet mÄs virzÄ«ties uz priekÅ¡u pÄc tam, kad piecu minÅ«Å¡u pÄrtraukumu. Un mÄs uzzinÄtu kaut nedaudz par PHP, MySQL, un vairÄk. 

Labi, tÄpÄc pamÄÄ£inÄsim, tagad, lai tie daÅ¾as no Å¡Ä«m idejÄm kopÄ un izdarÄ«t, teiksim, mÅ«su paÅ¡u meklÄtÄjprogrammu. Es pamanÄ«ju, diezgan savÄdi, punktu. Kad esat pie Google.com, jÅ«s esat parasti pie URL, piemÄram, Å¡o vienu Å¡eit ar nekas pÄc dot com. Bet, ja es meklÄtu kaut ko muÄ¼Ä·Ä«gu, piemÄram, kaÄ·i, un hit Enter, mÄs nokÄ¼Å«t - nav stulba, bet jÅ«s zinÄt. 

Labi, tÄpÄc paziÅojums, pie lapas augÅ¡pusÄ, Tagad, URL ir, protams, mainÄ«jies. Un tas nav nekas jauns, lai jebkuru no mums. NoklikÅ¡Ä·inot uz saites un stuff notiek tÄ«meklÄ«. Bet kas ir interesanti Å¡eit ir Å¡Ädi. Ir visai daudz jucekli, bet Ä¼aujiet man mest prom stuff, ka man nav gluÅ¾i saprast, vai nav tieÅ¡Äm izskatÄs bÅ«tiska. 

Ä»aujiet man atbrÄ«voties no tÄ. Ä»aujiet man atbrÄ«voties no tÄ. Un Ä¼aujiet man vienkÄrÅ¡i atbrÄ«voties par visu. Un tagad ievÄroju, ka kaÄ·i ir URL, kam seko ar q, tad vienÄds pierakstieties priekÅ¡Ä. TÄtad izrÄdÄs, tas ir, kÄ kÄ tÄ darbojas, ja runa ir par ar ieejas un izejas. 

MÄs esam ilgi runÄjuÅ¡i par melnÄs kastes, labi? TÄtad, ja tas ir ieviesta funkcija Å¡eit kÄ melnÄ kaste, tas aizÅem ievades un raÅ¾o produkciju, labi, nozÄ«mÄ, ar kuru jÅ«s sniedzat ieguldÄ«jumu MÄjas lapa ir kÄ bieÅ¾i vien tÄs URL. JÅ«s vienkÄrÅ¡i likt jautÄjuma zÄ«mi un pÄc tam atslÄga ir vienÄds ar vÄrtÄ«bu. Un tad varbÅ«t Ampersand, un pÄc tam vÄl viens svarÄ«gs vienÄds vÄrtÄ«bu, tad varbÅ«t cita zÄ«me &, galvenais ir vienÄds ar vÄrtÄ«bu. Tas ir, kÄ jums iet ar taustiÅiem un vÄrtÄ«bÄm, pÄri izejvielas. 

TÄtad, ja es hit Enter tagad, kas ir interesanti par Google, ir tas, ka viss ka jucekli es izdzÄsu neparÄdÄs lai bÅ«tu stingri nepiecieÅ¡ams. Visi man ir nepiecieÅ¡ams, lai nosÅ«tÄ«tu Google ir jautÄjums zÄ«me q ir vienÄds ar kaÄ·i, lai iegÅ«tu atpakaÄ¼ daÅ¾i kaÄ·i. Nu, saistÄ«ba ar, ka, pÄc tam, ir, ja es uzvilkt gedit, es esmu sÄcis padarot savu meklÄtÄjprogrammu Å¡eit failÄ sauc seach0.html. 

Un Ä¼aujiet man iet uz priekÅ¡u un dzÄst vÄl viena lÄ«nija, kas jums nebija paredzÄts, lai redzÄtu. Un tagad, Ä¼aujiet man iet uz savu pÄrlÅ«ku, tÄpÄc ne Google, un doties uz http://localhost. Un kas notiek, lai iegÅ«tu veidÄ. TÄtad, mÄs esam nÄksies atvadÄ«ties ka tagad, pÄrcelt Å¡o vairÄk nekÄ Å¡eit, ak, tagad mÄs esam nÄksies atsveicinÄties uz Å¡o failu. 

Ikreiz, kad jums ir failu ar nosaukumu index.html vai index.php arÄ« direktoriju, ja web serveris ir konfigurÄta Å¡ÄdÄ veidÄ, ko jÅ«s skat, pÄc noklusÄjuma, ir saturs, kas fails, nevis no sarakstÄ direktorijÄ, kÄ es gribÄju Å¡eit. VairÄk par Å¡o spec. Jums nav redzÄt, ka. 

TÄtad Å¡is ir tas, ko es patiesÄ«bÄ gribÄju. Bet pirms brÄ«Å¾a, tur bija failu Å¡ajÄ mapÄ sauc index.html un index.php. Un tÄ tÄ«mekÄ¼a serveris kurÄ man Å¡os failus. TÄ vietÄ, es gribu Å¡o direktoriju uzskaitot Å¡eit. 

TÄpÄc es esmu gatavojas iedziÄ¼inÄties CSS un iet uz search0. Un es apgalvo, ka Å¡is ir tas bÅ«s sÄkums mana konkurÄtspÄjÄ«gu meklÄtÄjprogrammu. Un, lai to izdarÄ«tu, es esmu gatavojas iet Å eit, uz CSS, un atvÄrt ar gedit, meklÄt 0. Bet, diemÅ¾Äl, tur ir nav daudz notiek Å¡eit. Viss, ko es darÄ«ju bija izmantot virsraksta tagu, kas notiek saukt H1, kas bÅ«tÄ«bÄ ir liels un drosmÄ«gs, un tas arÄ« viss. Bet lÄ«dzekÄ¼us, ar kuriem mÄs varam nodroÅ¡ina izejvielas, izmantojot Å¡os lietas, ko sauc par formas. 

TÄtad, Ä¼aujiet man iet uz priekÅ¡u un atvÄrt un aizvÄrt, preemptively, formu tag tur. Un Ä¼aujiet man iet uz priekÅ¡u un darÄ«t kaut kas lÄ«dzÄ«gs Å¡im. Ieejas, tipa vienÄds tekstu. Un tad pieÅemsim aizveriet tag laikÄ iekavas paÅ¡i. Man nav nepiecieÅ¡ams, lai sÄktu teksta lauku un apturÄt teksta lauku. Tas ir tikai bÅ«s tur vai nav. 

Un tad zemÄk, ka, pieÅemsim do ievades veids ir vienÄds iesniegt. SaglabÄt Å¡o. Un tagad pieÅemsim tikai darÄ«t Ätri veselÄ«ba pÄrbaudÄ«tu. Let 's pÄrlÄdÄtu. 

Labi, tÄ tas nav slikti. Tas nav Google stils, bet tas ir diezgan tuvu. Tur ir teksta lauks. Es varu ierakstÄ«t daÅ¾as stuff, hit Enter, bet nekas nenotiek pagaidÄm. Un tas ir tÄpÄc, ka man nav norÄdÄ«ts Å¡Ä«s veidlapas rÄ«cÄ«ba, lai runÄt. TÄtad, ja es dodos atpakaÄ¼ uz formu elementu, izrÄdÄs, un es zinu, tas tikai no tÄ, lasÄ«t dokumentÄciju, kas veidlapa tag ieÅem atribÅ«tu sauc darbÄ«ba, kas ir URL no mÄjas, kurÄ jÅ«s vÄlaties nosÅ«tÄ«t formu. 

Man nav Ä«sti domÄju, ka mums ir laiks, lai Ä«stenot visu atpakaÄ¼ beigÄm, lai meklÄtÄjprogrammu Å¡odien. TÄtad, mÄs esam tikai gatavojas teikt, eh, dodieties uz google.com / search. Un tagad Ä¼aujiet man aizvÄrt cenas. Un Ä¼aujiet man vÄl jÄnorÄda, ka metode, lai izmantotu notiek saukt saÅemt. 

Long stÄsts Ä«ss, tur ir divi veidi, pie Vismaz, ka jÅ«s varat iesniegt informÄciju no pÄrlÅ«ka ar serveri. Viens no tiem ir iegÅ«t, un, Å¡odienas vajadzÄ«bÄm, tas tikai nozÄ«mÄ URL. Redzi tieÅ¡i to jautÄjuma zÄ«mes, tÄs vienÄds zÄ«mes, un ampersands ka mÄs redzÄjÄm agrÄk. Vai tur ir alternatÄ«va sauc pÄc. Tagad zinu, ka amats ir bieÅ¾i izmanto ja jÅ«s vÄlaties, lai augÅ¡upielÄdÄt failus, piemÄram, attÄlus un tÄ tÄlÄk, vai ja vÄlaties, lai iesniegt kredÄ«tkartes informÄciju, vai paroles, kaut kas, ka tas nav Ä«sti jÄgas, konceptuÄli, vai droÅ¡Ä«bas gudrs, lai galu galÄ URL JÅ«su pÄrlÅ«kprogramma, kur snooping vecÄki, vai roommates, vai ar piekÄ¼uvi ikviens datorÄ var redzÄt. 

TÄtad, pieÅemsim, izÅemot to, ka Å¡eit. Un man ir nepiecieÅ¡ams darÄ«t vienu citu lietu. Tas nav pietiekami vienkÄrÅ¡i, lai saka man teksta lauku. Man ir dot Å¡ajÄ jomÄ ir augstu nosaukumu. TÄtad, Ä¼aujiet man aizÅemties Google izvÄli nosaukumi, q, un norÄda, ka otrais piedÄvÄt man nav Ä«sti rÅ«p nosaukums pogas Iesniegt. Viss, ko es rÅ«p iesniedzot KÄda lietotÄjs collas 

Un tagad tas ir sava veida neglÄ«ts. TÄ vienkÄrÅ¡i saka iesniegt. IzrÄdÄs, un es zinu, tas no dokumentÄcija, es patiesÄ«bÄ var teikt, vÄrtÄ«ba ir vienÄda ar citÄtu likt pÄdiÅas beigÄs "CS50 seach, "close cenas. Tad pieÅemsim pÄrlÄdÄt vÄlreiz. TÄpÄc es glabÄt hitting Command-R, vai Control-R uz manu klaviatÅ«ru, lai pÄrlÄdÄtu. 

Tagad mums ir vairÄk interesanti meklÄtÄjprogrammu. Tas nav gluÅ¾i izskatÄs Google vÄl, lai gan. TÄpÄc iesim uz priekÅ¡u Å¡eit un do mazliet rindiÅas pÄrtraukumu. 

Labi, tÄpÄc tagad mums ir Google. MÄs patiesÄ«bÄ gandrÄ«z darÄ«t ir Google. TÄtad, tagad to, kas notiek varÄtu notikt? Es esmu gatavojas rakstÄ«t kaut ko piemÄram, kaÄ·iem. Un pÄrlÅ«ks gatavojas apstrÄdÄt ka forma, kas man noteikti. Un tas notiek, lai nosÅ«tÄ«tu lietotÄjs Å¡o URL. TÄtad Å¡ajÄ laikÄ, kÄdu ziÅkÄrÄ«gs iemeslu dÄÄ¼, Man vairÄk informÄcijas par krÄjumiem nevis par faktisko kaÄ·iem. Bet tas ir labi, jo pamanÄ«t mÄs joprojÄm beidzÄs Å¡eit, q ir vienÄds ar kaÄ·i. 

Tik garÅ¡ stÄsts Ä«ss, tas Å¡Ä·iet diezgan niecÄ«gs, lai iegÅ«tu informÄciju no lietotÄja. Un, lai bÅ«tu godÄ«gi, tur ir Ä·ekarus Citu veidu veidlapas laukos. Tur ir izvÄles rÅ«tiÅas, un maz savstarpÄji ekskluzÄ«vas radio pogas, un nolaiÅ¾amÄs izvÄlnes, un vairÄk. Bet visi no tiem ir kÄ relatÄ«vi viegli Ä«stenot kÄ Å Ä« teksta lauks bija. Un galu galÄ, mÄs vienkÄrÅ¡i ir jÄizdara pÄrliecinÄts, ka kÄds klausÄs uz otru beigÄm lÄ«nijas, lai iegÅ«tu, ka InformÄcija, ko apstrÄdÄ, kaut kÄ, un dod mums atpakaÄ¼ mÅ«su kaÄ·iem. 

ApskatÄ«sim nedaudz vairÄk iesaistÄ«ti piemÄru. Ä»aujiet man iet uz mana vhost direktorijÄ, uz vietÄjo uzÅÄmÄju, valsts, un kur es likts Å¡odienas pirmkodu. Tas viss bÅ«s kurss ir mÄjas lapÄ, lai jÅ«s varÄtu lÄpÄ«t ar. Un, ja es dodos uz froshims, Ä¼aujiet man atvÄrt lÄ«dz Å¡o failu tagad, froshim0.php. Å is viena ir nedaudz vairÄk runÄ«gs, tÄdÄÄ¼ mÄs nevarÄsim rakstÄ«t to no nulles. Bet tikai paziÅojums, tagad daÅ¾i nedaudz pazÄ«stamas Ä«paÅ¡Ä«bas. 

Viens, formu tag, daÅ¾Ädi pasÄkumi. Tas nav pilns URL. Tagad, tas ir acÄ«mredzami failu sauc register0.php, jo brÄ«dÄ«, Es esmu gatavojas mÄcÄ«t sevi nedaudz kaut ko par PHP, programmÄÅ¡ana valodas, jo PHP var izmantot, lai Ä«stenot to, ko Google Ä«stenots kÄ atpakaÄ¼ beigÄm viÅu meklÄtÄjprogrammas. 

Google, patiesÄ«bÄ, iespÄjams, izmanto daÅ¾i Python, daÅ¾i C + +, un Ä·ekarus citÄm valodÄm. Bet mÄs, protams, var Ä«stenot meklÄÅ¡anu rezultÄti, izmantojot PHP, ja mÄs vÄlÄjÄmies. Bet tagad, mÄs saglabÄtu tÄ vienkÄrÅ¡i. Un tas ir faktiski atgÄdina vienu citu pirmajÄm mÄjas es veikts gadus atpakaÄ¼. 

AtpakaÄ¼ manÄ dienÄ, jÅ«s reÄ£istrÄts IekÅ¡ÄjÄs sporta kÄ pirmkursnieks ar Aizpildot papÄ«ra, pastaigas pÄri pagalmam, un nometot to pastkastes no Proctor, kas Wigglesworth, un tas bija kÄ tu reÄ£istrÄts. Un tÄpÄc mans projekts neilgi pÄc CS50, bija likt tas, kas padara perfekta sajÅ«tu, tÄ«meklim, kas nebija kÄ modÄ, tad kÄ tas ir tagad. Bet viss, kas mums bija darÄ«t bija izveidot, bÅ«tÄ«bÄ, HTML forma. 

Un kas veido izskatÄ«jÄs rupji kÄ Å¡is. Man bija ieguldÄ«jumu, pirmkursnieks vÄrds. Man bija vÄl viens rÅ«tiÅu par to, vai vai viÅi gribÄja bÅ«t kapteinis, kas viÅu dzimuma bija, un kas viÅu kopmÄ«tnes bija. Un tad es grÅ«ti kodÄ lietas piemÄram Apley tiesÄ, un Canaday, Grays, un tÄ tÄlÄk. 

TÄtad vÄlreiz, jaunus tagus. Neesmu redzÄjis tos agrÄk, jauna atribÅ«ti, bet diezgan pieejama. Kad jÅ«s redzat piemÄru, jÅ«s varat veida gada aizÅemties, ka ideja un veikt kritums leju Ädienkarte lielÄko daÄ¼u neko. Bet to, kas ir galvenais ir tas, ka katrs no Å¡Ä«s lietas ir nosaukumi. Un apakÅ¡Ä Å¡o formu, tur iesniegt poga, kuru etiÄ·etes, vai vÄrtÄ«ba, ir reÄ£istrs. 

TÄpÄc iesim uz Å¡o lapu. Ä»aujiet man iet atpakaÄ¼ direktoriju sarakstu. Ä»aujiet man iet uz froshims, un doties uz froshim0.php. TÄtad, tas ir pretÄ«gs, lai bÅ«tu godÄ«gi. Lai es varÄtu noteikti Stylize to ar daÅ¾iem CSS, es varÄtu veikt daÅ¾as grafikas, varbÅ«t pievienot daÅ¾as krÄsas, un padara Å¡o prettier. Bet funkcionÄli, es gribÄtu apgalvot, ka Å¡is ir faktiski diezgan pabeigta. 

DiemÅ¾Äl, kad es aizpildÄ«t Å¡o out, David, kapteinis, VÄ«rietis, mÄs izvÄlÄties, teiksim Matthews, reÄ£istrs, viss, kas notiek, ir tas. Bet pamanÄ«t pÄris takeaways. Viens, ko faila atgriezÄs tiem rezultÄti, acÄ«mredzot? TÄtad tas ir, patieÅ¡Äm, register0.php. TÄtad tas, ko mÄs redzÄjÄm, ka rÄ«cÄ«ba vÄrtÄ«ba pirms brÄ«Å¾a uz register0, Å¡is apstiprina, ka mÄs patieÅ¡Äm beidzÄs augÅ¡Ä konkrÄtajÄ lietÄ. 

Tagad tas ir vienkÄrÅ¡i neglÄ«ts teksta. Bet paziÅo, ka Å¡is teksts ir kas nÄk no vietÄjÄ uzÅÄmÄja, kas ir no ierÄ«ces. DomÄjiet par ierÄ«ces tagad ir tik vienkÄrÅ¡i web serveri, kas varÄtu bÅ«t ZinÄtnes centrs. Tas varÄtu bÅ«t par faktisko tÄ«meklÄ«. TÄtad, tas ir publiski pieejams. 

Tik skaidri, tur ir daÅ¾i garÄm veidÄ veidot lauka izejvielas uz servera tÄ, lai tas varÄtu izdarÄ«t kaut ko ar tiem. DiemÅ¾Äl, register0 ir diezgan stulba. Visiem tas ir izdrukÄt masÄ«vu ka izskatÄs Å¡Ädi. Un tas nav masÄ«vs sajÅ«ta, ka mÄs to zinÄm. IzrÄdÄs, ka PHP, un daudz valodÄ, ir ne tikai skaitliski indeksÄtas bloki, kuru pirmais indekss nulle, tad viens, tad divi, tad dot, dot, dot, n mÄ«nus 1. 

Tas ir tas, ko sauc par asociatÄ«vÄ masÄ«va. AsociatÄ«vÄ masÄ«va ir tÄda, kurÄ JÅ«s varat glabÄt atslÄgas vÄrtÄ«bu pÄrus, kur taustiÅÅ¡ ne vienmÄr numuru. Tas patiesÄ«bÄ varÄtu bÅ«t virkne, vÄrds. Un tÄpÄc tas var tikt Ä«stenots, zem motora pÄrsega, izrÄdÄs, izmantojot datu struktÅ«ra, kas pazÄ«stams kÄ? DomÄju, ka kaut dramatisks gatavojÄs notikt - hash tabulu. 

TÄtad hash tabulu, atgÄdinÄt, tiem no jums, kurÅ¡ to darÄ«ja P kopumu 6, vai pat atcerÄties tas, vismaz tad, ja jÅ«s izmÄÄ£inÄt, hash tabulu, jo mÅ«su izmantoÅ¡anu, tika izmantoti, lai tikai glabÄt vÄrdus. Bet tieÅ¡Äm, jÅ«s uzglabÄt atslÄgas un vÄrtÄ«bas. Ja jÅ«s Ä«steno hash tabulu P noteikts 6 vÄrdnÄ«cu, atslÄgas bija vÄrdi paÅ¡i, un vÄrtÄ«bas faktiski bija patiess vai nepatiess. JÄ, Å¡eit, vai netieÅ¡i, nÄ, ne Å¡eit. 

Nu, mÄs varam vispÄrinÄt Å¡o ideju. Un mÄs varÄtu izmantot Ä¼oti lÄ«dzÄ«gus datus struktÅ«ra, lai saglabÄtu ne string pats tikai jÅ«su hash tabulu, bet pieÅemsim, ka katrÄ no jÅ«su hash tabulas mezgli. Un jÅ«s pat varÄtu darÄ«t to izmÄÄ£inÄt nevis vienkÄrÅ¡i ir loÄ£iska. JÅ«s varÄtu bÅ«t kaut kas cits. Ko darÄ«t, ja galvenais nav Maxwell, lai PiemÄram, taÄu citÄjot likt pÄdiÅas beigÄs "vÄrdu" vai quote likt pÄdiÅas beigÄs "kapteini." Un iekÅ¡pusÄ JÅ«su C datu struktÅ«ra, jÅ«s likts vÄrtÄ«bu, ne tikai Boolean, bet vÄrtÄ«bas piemÄram, citÄjot likt pÄdiÅas beigÄs "DÄvida" vai "M", vai "Matthews," un tÄ tÄlÄk. 

TÄtad tie paÅ¡i datu struktÅ«ras mÄs izmantojÄm acÄ«mredzot pastÄv arÄ« citÄs valodÄs. Un es gribÄtu iebilst, ka viÅi faktiski ir daudz, daudz vienkÄrÅ¡Äk piekÄ¼Å«t Å¡eit. Let 's faktiski to apskatÄ«t Tagad kÄdÄ Å¡Ädu sintaksi. 

Es ieÅ¡u uz PHP direktorijÄ. Un es esmu gatavojas atvÄrt labÄk versija sveiki-0 no agrÄk. IevÄrojiet, ka viss, ko es darÄ«ju bija pievienot daÅ¾as piezÄ«mes. TÄtad, mÄs varam atbrÄ«voties no Å¡o uzmanÄ«bu. 

Un Å¡Ä« programma patieÅ¡Äm izdrukas sveiki, jo es esmu norÄdÄ«ts starp tags, ka es gribu, lai izpildÄ«tu Å¡o kodu. Tagad mÄs redzÄsim brÄ«di kÄpÄc tas ir lietderÄ«gi. Bet pieÅemsim, atvÄrt vÄl vienu piemÄru Å¡eit. Ä»aujiet man iet uz priekÅ¡u un atvÄrt teikt, gedit vienu nosacÄ«jumu. 

Tas ir veids atpakaÄ¼ laiku tagad. Bet nedÄÄ¼as atpakaÄ¼, es domÄju, jo nedÄÄ¼Ä vienÄ vai nedÄÄ¼as divas, mums bija sauc piemÄru conditions1.c. Un es nolÄmu reimplement to PHP, tikai veida uzsvÄrt, ka PHP, sintaktiski, ir gandrÄ«z identisks lÄ«dz C. Tas ir nav liels sasniegums No pagÄjuÅ¡ajÄ nedÄÄ¼Ä Å¡im. 

PaziÅojums augÅ¡pusÄ Å¡Ä«s programmas, kas sÄkas, kÄ iepriekÅ¡, ar daÅ¾iem komentÄri, ko es jums atbrÄ«voties no kÄ novÄrst uzmanÄ«bu. IevÄrojiet, ka es esmu PHP reÅ¾Ä«ms Å¡ajÄ failÄ. TÄtad Å¡o kodu mÄs redzÄsim, saÅems izpildÄ«ts. IevÄrojiet, ka tur ir readline, kas, iespÄjams, analogais PHP par getstring. PamanÄt, ka tas ir nedaudz atÅ¡Ä·irÄ«gs. JÅ«s faktiski norÄdÄ«t aicinÄjums funkciju sauc lasÄ«t lÄ«nija, un tas ir ko lietotÄjs redz. TÄtad jums nav printf manuÄli. Bet tas nav liels darÄ«jumu. Es esmu gatavojas glabÄt, iekÅ¡pusÄ n $, atgrieÅ¡anÄs vÄrtÄ«bu, to, lai kÄds lietotÄjs veidu ir viÅu int. Un Å¡eit ir vÄl viens zinÄtkÄre. IzrÄdÄs, PHP, jebkura mainÄ«go vienkÄrÅ¡i ir jÄbÅ«t prefiksu ar dolÄra zÄ«mi. Tas ir mazliet kaitinoÅ¡as. , Bet paziÅojums, ko es neesmu darÄ«ts PHP. Kas ir pazudis no kreisÄs rokas pusÄ vienÄdÄ«bas zÄ«me? 

Nav pieminÄts tipam. TÄtad, tas ir atÅ¡Ä·irÄ«gs no C for labÄk vai sliktÄk, PHP ir brÄ«vi drukÄti valoda. Tas ir numuri. Tas ir stÄ«gas. Tas ir booleans. Un tas ir maz citu datu tipu. Bet jÅ«s, programmÄtÄjs, parasti nav jÄrÅ«pÄjas par viÅiem. Å Ä« otrÄdi ir, ka tas padara tas mazliet vieglÄk programmu. JÅ«s varat domÄt mazliet mazÄk. NegatÄ«vie ir tas arÄ« paver jums lÄ«dz iespÄjamÄs kÄ¼Å«das, ja jÅ«s nejauÅ¡i ÄrstÄtu numuru, kÄ string, stÄ«gu kÄ skaitlis, iespÄjams, bet pat PÄc tam, PHP, un valodu daudz, ir diezgan iecietÄ«gi. ViÅi izmanto to, ko sauc netieÅ¡i lieÅ¡ana. Un, ja jÅ«s mÄÄ£inÄt izmantot n kontekstÄ no ciparu situÄcijas, tas bÅ«s pÄrvÄrst to, kas Å¡eit bÅ«s string, jo, ja lietotÄjs kaut ko, un jÅ«s saÅemsiet rezultÄtu, kÄ ar readline, vai arÄ« saÅemt virkni, kas notiek, lai atgrieztos virkni. 

Bet paziÅojums, pÄris rindas vÄlÄk, es pÄrbaudÄ«t, ja n ir lielÄks par nulli. TÄtad PHP gatavojas netieÅ¡i nodot manu "String", 123, vai kÄds lietotÄjs veidi, uz int. TÄtad Ä«sumÄ, sÄ«kumi vienkÄrÅ¡i strÄdÄ daudz vairÄk intuitÄ«vi. TÄpÄc mÄs tagad sÄkam atpÅ«sties daÅ¾as lietas, ko mÄs esam darÄ«juÅ¡i pagÄtnÄ. 

Å o stuff partija ir tas pats, lai gan. JoprojÄm ir vienÄds vienÄds. KÄ malÄ PHP arÄ« ir vienÄds vienÄds vienÄds, bet vairÄk par to, iespÄjams, arÄ« nÄkotnÄ. Tas bija. Typo bet divi vienÄda pazÄ«mes nozÄ«mÄ to paÅ¡u, lieta kÄ iepriekÅ¡, salÄ«dzinÄÅ¡anai. printf nozÄ«mÄ to paÅ¡u, ko iepriekÅ¡. SlÄ«psvÄ«tru n nozÄ«mÄ to paÅ¡u, lieta kÄ iepriekÅ¡. 

TÄtad, kÄ es varu palaist Å¡o programmu? Nu, tÄpat kÄ iepriekÅ¡, ja man PHP, conditions1.php, un ierakstiet numuru, piemÄram, 123. Tas ir pozitÄ«vs skaitlis. Ja es ierakstiet 0, es pick 0. Un, ja es rakstÄ«t negatÄ«vu 123, man atpakaÄ¼ negatÄ«vu skaitli, kas ir tikai teikt, sintaktiski, PHP ir super, super lÄ«dzÄ«gi. 

TÄtad, kÄpÄc tas ir tagad noderÄ«gs kÄdÄ interneta kontekstÄ? Nu, iesim atpakaÄ¼ uz Å¡o froshims PiemÄrs, kas izskatÄ«jÄs, atkal, tÄpat kÄ tas Å¡eit. Un pieÅemsim, faktiski uzvilkt mÄjas lapu atkal, kas izskatÄ«jÄs. Ko mÄs varam darÄ«t ar datus, kas ir jÄiesniedz? 

Nu, Ä¼aujiet man atvÄrt jaunÄku versija par to. Un jÅ«s redzÄsiet, ka problÄma komplekti specifikÄcija pastaigas JÅ«s, izmantojot daÅ¾us no tiem. Nevis sÄkt ar nulli, aplÅ«kosim froshims3, kas dara nedaudz vairÄk. 

PaziÅojums pirmkÄrt, faktiski, pieÅemsim atveriet to, ko 0 bija, lai jÅ«s redzÄt KÄdÄ reÄ£istrs 0 bija. PaziÅojums, ko reÄ£istrs 0 darÄ«ja. Viens, man ir komentÄri augÅ¡pusÄ. IzdzÄst tos, un koncentrÄties tikai uz to. LielÄkÄ daÄ¼a no register0.php saturu ir, protams, kÄdu valodu? Tikai izejvielas PHP. 

TÄtad paziÅojumÄ, Å¡is fails nesÄkas ar tajÄ brÄ«dÄ«, atklÄtÄ grupÄ, jautÄjuma zÄ«me, PHP. PHP tomÄr Ä¼auj iejukt PHP kodu ar HTML tagiem. Bet es esmu darÄ«jusi, ka Å¡eit iekÅ¡Ä no lapas nekÄ Å¡eit. 

Tagad, atkal, jÅ«s tikai zinÄt to no kas paskatÄ«jÄs rokasgrÄmatÄ. print_r, izrÄdÄs, ir print_recursive. _recursive Un tas ir tikai Ärts lietderÄ«ba, funkcija, kas tikko izdrukÄta, rekursÄ«vi, ko jÅ«s nodot to. Ja jÅ«s puses, tas masÄ«vs, tas bÅ«s izdrukÄt masÄ«vu. Ja jÅ«s nodot to numuru, tas bÅ«s drukÄt numuru. Puses, tas virkni, tas bÅ«s drukÄt virkni. Ja jÅ«s puses, tas hash tabulu, tÄ bÅ«s izdrukÄt hash tabulu. Jums nav rakstÄ«t visu Å¡Ä« kodeksa sevi. 

Tagad paziÅojums, ka es esmu ievadot PHP reÅ¾Ä«ms nekÄ Å¡eit. Es esmu izejot PHP reÅ¾Ä«mu nekÄ Å¡eit. TÄtad, ja tÄ«mekÄ¼a serveris lasa Å¡o failu augÅ¡as uz leju, no kreisÄs puses uz labo, jo tas beidzas ar faila nosaukumu sauc. php, kÄds nav iekÅ¡Ä PHP tagiem tikai bÅ«s iespÄ¼aut , kas, piemÄram, izejvielu HTML. Nav liels darÄ«jumu. Bet, tiklÄ«dz web serveri paziÅojumiem Å¡is, tas bÅ«s teikt, man nevajadzÄtu izspÄ¼aut, burtiski, print_r no amata. Es bÅ«tu jÄizpilda Å¡Ädi lÄ«nija kodu. 

TÄtad pÄdÄjo jautÄjumu, tad Å¡Ä«s lietas ir, labi, ko heck tas ir? Veikt minÄjums. Kas ir $ _POST, iespÄjams? 

MÄrÄ·auditorija: [dzirdams] 

SPEAKER 1: JÄ, norÄ«kotie dati. AtgÄdinÄt, pieÅemsim ritinÄt atpakaÄ¼ laiks tikai brÄ«di. froshim0, atkal izskatÄ«jÄs. Super daÄ¼a tas ir tikai HTML. Atkal, daÅ¾i tags jums nav reizi vÄl, vai ar kuru jums jau ir pazÄ«stami. Bet interesanta lieta bija Å¡Ä«. Å is viena lÄ«nija ir tas, kas patieÅ¡Äm saista tas ir mÅ«su register0.php failu. Es esmu iesniedzot izmantojot metodi pastu. Un tas nozÄ«mÄ, ka parametri lietotÄjs veidi nav gatavojas galu galÄ kur. 

ViÅi nav gatavojas parÄdÄs URL. Tie joprojÄm bÅ«s jÄsÅ«ta no klientu, no pÄrlÅ«ka, lai servera, bet tikai caur kÄdu citu mehÄnisms, kas mÄs atteikties no savas rokas pie Å¡odien, bet tas nav URL. , Bet paziÅojums attiecÄ«bas tagad ar post, kas, pÄc vienoÅ¡anÄs, ir mazie Å¡eit. 

Bet, ja es atvÄrtu register0.php, Es esmu acÄ«mredzot drukÄÅ¡anas to. TÄtad tas ir sava veida dÄ«vaini nosaukumu konvencija. Bet to, kas ir jauki, jo PHP ir tas, ka tad, kad Izmantojot PHP web kontekstÄ nav komandrindas, piemÄram, I did pirms brÄ«Å¾a, kad jÅ«s faktiski to izmantot web lapu, jo vhost direktorijÄ, kÄ mÄs esam, automÄtiski tiks PHP aizpildÄ«t Å¡o lieta, kas ir asociatÄ«vÄ masÄ«va, tÄ sakot, hash tabulu, ar viss lietotÄjs drukÄti collas 

ÄªsÄk sakot, $ _POST visu cepures ir globÄlo mainÄ«go, ka PHP tikko maÄ£iski rada, lai jÅ«s, kad Izmantojot PHP web kontekstÄ. Un tas liek iekÅ¡pusÄ tÄ, visi no nosaukumi parametru tÄdÄ veidÄ, tika iesniegts Å¡o failu un visiem vÄrtÄ«bas, lietotÄjs drukÄti collas TÄtad, tas rokas, lai jums, ko lietotÄjs drukÄti, lai Å¡ÄdÄ veidÄ. 

TÄtad, pirms mÄs saÅÄmÄm patieÅ¡Äm stulba produkciju gada tikai redzÄt, jo viss, ko es darÄ«ju tika rekursÄ«vi izdrukÄt Å¡o masÄ«vu. Galvenais ir vÄrds, vÄrtÄ«ba ir DÄvids. Galvenais ir kapteinis. VÄrtÄ«ba ir ieslÄgts. Un dubultÄ bultiÅa un leÅÄ·is kronÅ¡teins tur, tas ir tikai patvaÄ¼Ä«gi. Tas ir ne kods. Tas ir tikai PHP ir veids, kÄ parÄdÄ«t jums kÄda daÅ¾u atslÄgas vÄrtÄ«ba. 

Bet tagad Ä¼aujiet man ieteikt, ka froshIMs3, tas ir gandrÄ«z identisks , izÅemot to iesniedz Å¡o failu. Un atkal, mÄs ejam, lai veida tikai skatienu uz to, tikai, lai redzÄtu daÅ¾us sintakse, bet paziÅojums, kas Å¡o failu nav. Veikt domÄju tikai, pamatojoties uz lÄ«nijÄm kods, kas, iespÄjams, izskatÄs GrieÄ·u, zinÄmÄ mÄrÄ, acÄ«mredzot dara. 

Å is fails ir kaut kÄdÄ veidÄ saistÄ«ta uz pastu, e-pastu. TÄtad, kas ir Å¡Ä« programma dara? Å ajÄ versijÄ, ja man bija faktiski aizpildiet Å¡o veidlapu - un Ä¼aujiet man iet froshIMs3, nevis froshIMs0 - forma izskatÄs vienÄdi. David, kapteinis, vÄ«rieÅ¡u, kopmÄ«tnes, Matthews. Bet, ja es iesniedzu Å¡o, Å¡is fails ir gatavojas doties uz register3.php. 

Un es apgalvo, skatoties, tas ir pirmkodu, tas bÅ«s kaut kÄ saistÄ«ta ar e-pastu. Ä»aujiet man iet uz priekÅ¡u un atvÄrt Å¡o izveidots lielÄku logu, lai mÄs var redzÄt vairÄk tÄ«ri. MÄs esam Vhosts, vietÄjo uzÅÄmÄju, sabiedrÄ«bas, froshims. Es esmu gatavojas atvÄrt atÅ¡Ä·irÄ«gs programmu, vienkÄrÅ¡i, lai mÄs var redzÄt vairÄk uzreiz. 

TÄpÄc tagad Å¡eit, ievÄrosiet daÅ¾as lietas. PÄc faila augÅ¡daÄ¼Ä ir atvÄrts kronÅ¡teinu, jautÄjuma zÄ«me, PHP. Tad tur komentÄrus Ä·ekars, ko mÄs varam ignorÄt, ir neinteresanti tagad. 

Tagad tur ir Å¡is. IzrÄdÄs, PHP ir daudz koda sauc nepiecieÅ¡ams. Tas ir Ä¼oti lÄ«dzÄ«gs garÄ C ir ietver, hash ietver, kas bÅ«tÄ«bÄ grabs saturu daÅ¾u citu failu un vienkÄrÅ¡i plops tos Å¡eit, lai jÅ«s varÄtu tos izmantot. Å ajÄ gadÄ«jumÄ, ierÄ«ce ir, iepriekÅ¡ instalÄta, bibliotÄka, brÄ«vu un open source bibliotÄku sauc par PHP mailer, ka ikviens var lejupielÄdÄt no interneta. MÄs vienkÄrÅ¡i darÄ«ja to you. Un tas nozÄ«mÄ, ka man tagad ir e-pastu funkcionalitÄte, kas ir manÄ rÄ«cÄ«bÄ. 

Tagad, ievÄrosiet daÅ¾as lietas. Es esmu gatavojas, lai apstiprinÄtu veidlapas iesniegÅ¡anas. IzrÄdÄs, PHP, kas ir viens, ir izsaukuma punkti par ne operators, tÄpat kÄ C. TaÄu PHP ir arÄ« funkcija sauc tukÅ¡s. 

Pagaidam tikai atgrieÅ¾ TRUE, ja vÄrtÄ«ba no lieta, ko jÅ«s nodot to iekavas ir tukÅ¡a, tÄpat kÄ lietotÄjs nav rakstÄ«t neko iekÅ¡Ä TÄtad, tas ir saprotams, un paziÅojums sintakse, Ä¼oti atgÄdina C, ja nosaukums atslÄga, tÄ nosaukums lauks veidÄ, kas tika iesniegts pa pastu, lietotÄjs nav tukÅ¡a, un to dzimumu nav tukÅ¡s veidÄ kÄ labi, un viÅu kopmÄ«tnes nav tukÅ¡s - , bet paziÅojums, es negribu par kapteini, tad ko mÄs darÄ«sim? 

Es esmu gatavojas izpildÄ«t Å Ä« lÄ«nija kodu. Un jÅ«s varat domÄt par Å¡Äda veida piemÄram, malloc, bet tas ir maz mÄ«Ä¼otÄjs nekÄ. Bet tagad tas dod man Ä«paÅ¡u struct tipa PHP mailer. Bet ignorÄt atslÄgvÄrdu jauno Å¡odien. 

Tagad es esmu gatavojas, lai izsauktu sauc funkciju IsSMTP, kas saka, izmanto SMTP. Tas ir ports 25, tÄpat kÄ video pagÄjuÅ¡ajÄ nedÄÄ¼Ä, kad lieta tika throwing e-pastus ugunsmÅ«ri. 25 ports ir SMTP. SMTP nozÄ«mÄ, izmantojiet e-pasta serveri. Kuriem viens, mÄs varam izmantot HÄrvardas SMTP.fas.harvard.edu. 

MÄs varam noteikt pÄc adreses lÄ«dz bÅ«t John HÄrvardas. Ja es ritiniet uz leju tÄlÄk, es varu iestatÄ«t saÅÄmÄja adrese, tikko patvaÄ¼Ä«gi, lai bÅ«t John Harvard ir tik labi. TÄtad viÅÅ¡ bÅ«s pasta vÄstuÄ¼u sÅ«tÄ«Å¡anas sevi. 

Tagad es varu iestatÄ«t tÄmu lÄ«dz bÅ«t gads. Un es varu noteikt Ä·ermeÅa no e-pasta Å¡Ädi. Å Ä« lÄ«nija izskatÄs nedaudz noslÄpumains, bet tas ir tikai tÄpÄc, ka tur ir daudz InformÄcijas to. Viens, tur ir dot operatoram. KÄds ir jau zinu, ko dot operatoram dara. Tas ir konkatenÄcija. TÄtad, ja jÅ«s vÄlaties veikt virkni PHP, un pievienot to, vai prepend to, lai cits PHP stÄ«gu, paldies Dievam jums nav jÄizmanto strcopy un malloc, un visu, kas vairs. 

Ja jÅ«s vÄlaties, lai saÄ·ÄdÄt divas virknes, kas rÅ«pÄjas par atmiÅu. Ä»aujiet PHP skaitlis, kas par Jums. Ko PHP darÄ«s ar dot operatoram Å eit ir tikai padarÄ«t liels teikumu out Å Ä«s lÄ«nijas, Å¡Ä« lÄ«nija, Å¡Ä« lÄ«nija, Å¡Ä« lÄ«nija. Un tagad paziÅojums, tas notiek tiks galÄ vÄrtÄ«bÄm. TÄtad e-pastu, John Harvard notiek saÅemt ir burtiski gatavojas teikt nosaukums, resnÄs zarnas, kaut, nevis, tad mÄs aizveriet stÄ«gu un saÄ·ÄdÄt uz kÄds lietotÄjs ievadÄ«jis in, tad jauns lÄ«nija. 

PÄc tam, nÄkamajÄ rindÄ John HÄrvardas e-pastu, tas bÅ«s teikt Kapteinis, On vai neko. Tas bÅ«s teikt dzimumu, vÄ«rietis vai sieviete. KopmÄ«tnes bÅ«s Matthews manÄ gadÄ«jumÄ. Un tad paziÅojums pazÄ«stami semikolu paÅ¡Äs beigÄs. Un tad, Å¡eit lejÄ, paziÅojums, nedaudz mistisks vÄl, bet atkal, pÄc raksts, kas kÄ¼Å«s pazÄ«stams PÄc P komplekts 7, ja tÄs sÅ«ta vÄstules atgrieÅ¾ False, tad iet uz priekÅ¡u un mirst. 

TÄtad PHP ir funkcija sauc die, kas, burtiski, vienkÄrÅ¡i nogalina MÄjas un vienkÄrÅ¡i izdrukÄ neatkarÄ«gi Jums pateikt to - tÄ mirst vÄrdus, lai runÄt. Un, ka, gadÄ«jumÄ, ja tas tiks drukÄt , kÄda kÄ¼Å«da informÄcija ir par neatkarÄ«gi noticis iet greizi. Tik garÅ¡ stÄsts Ä«ss Å¡eit, ko mÄs esam , ir, piemÄram, ja tad, kad lietotÄjs iesniedz formu, froshim0, froshims3.php, tÄ iet uz register3.php. Bet register3.php tad ieÅÄmumus izpildÄ«t visas no Å¡Ä«m lÄ«nijÄm. 

TÄtad tur ir maz Åemt aways Å¡eit. Viens, tas ir acÄ«mredzami diezgan viegli, programmatiski, lai nosÅ«tÄ«tu e-pastus, , kas ir labi. Kad lietotÄji reÄ£istrÄties, lai jÅ«su vietÄ, jo Å ajÄ gadÄ«jumÄ, ja tie reÄ£istrÄ, lai jÅ«su sporta, jÅ«s varat e-pastu pirmkursnieks Proctor, vai John Harvard, Å¡ajÄ gadÄ«jumÄ. 

Bet tas arÄ« nozÄ«mÄ, ka jÅ«s varat darÄ«t? SÅ«tÄ«t e-pastus no kÄds ikvienam. Un tas ir Ä¼oti patiess. Tas ir ne kÄ viegli izdarÄ«t, ja jÅ«s izmantoti, lai, izmantojot Gmail. Bet, ja jÅ«s esat kÄdreiz izmanto Eudora vai Outlook, jÅ«s varat diezgan daudz pateikt pasta serveris, kas jÅ«s esat kÄds vÄlaties. Un tas ir, ja man ir nepiecieÅ¡ams, lai par ka cepure un teikt, nedari to. Bet tas ir apliecinÄjums, cik viegli tas ir veikt pikÅ¡Ä·erÄÅ¡anas uzbrukumiem, un nosÅ«tÄ«t anonÄ«mu e-pastus, un spam, kopumÄ. Un tas tieÅ¡Äm vÄrÄ«ties uz leju Tas, ka viss, kas jums nepiecieÅ¡ams, ir daÅ¾as programmatisku pieeju. 

KÄ malÄ, manu tuvÄko sastapties ar reklÄma kuÄ£a, mana pirmkursnieks gadu, bija, kad es atklÄju Å¡o atdzist triks, ka wow, jÅ«s varat sÅ«tÄ«t e-pastus no ikviens. Un tÄ mÄs ar kÄdu stulbu arguments, burtiski, jo Matthews, Starp manu Proctor grupÄ. Es pat neatceros KÄdÄ jautÄjums bija. Bet es gribÄju mÄÄ£inÄt likt izbeigt Å¡o stulba debatÄs. 

TÄpÄc es nolÄmu es tikai sÅ«tÄ«t e-pastu manai Proctor grupai, izliekoties par cits puisis, ar kura domÄm I nepiekrita, un tad viÅam samierinÄties kÄds mans viedoklis bija Å¡o konkrÄto debates. Un tÄpÄc es kalts Å¡o e-pastu, izmantojot paÅÄmiens lÄ«dzÄ«gi garÄ Å¡im. Bet faktiski tas bija vieglÄk tajÄ laikÄ. Hit nosÅ«tÄ«t. ViÅÅ¡ nebija apmierinÄti, ne arÄ« bÅ«tu ir reklÄma kuÄ£a. 

Un es biju Ä¼oti Ätri nozvejotas sekundes, jo, kÄ jÅ«s zinÄt, es paraksta manas vÄstules, kas noteiktÄ veidÄ. Un, lai gan es to darÄ«t manuÄli, jo liela daÄ¼a, 15 gadus vÄlÄk, jo man bija traumÄjis to. Man nav paraksts uz manu e-pastu tagad. Bet 1995.gadÄ, man tikko bija sig, paraksts manu e-pastu. TÄtad bija Å¡Ä« piezÄ«mi sakot, DÄrgais Proctor grupa, es samierinÄties savu viedokli un piekrÄ«tu DÄvidu, parakstÄ«jÄm tik un tÄpÄc, jauna lÄ«nija, jaunÄ lÄ«nija, DJM. 

TÄpÄc nav darÄ«t, vai, vispÄr, Åem Izmantojot Å¡o metodi. Bet, veicot mÄjas lapÄ, piemÄram, attiecÄ«bÄ jÅ«su gala projektu, veicot mÄjas kaut uzÅÄmÄjdarbÄ«bas, tas ir, kÄ, pragmatiski, jÅ«s varat sviras citi pakalpojumi internetÄ piemÄram, pastu, un tad faktiski nosÅ«tÄ«t lietas, izmantojot kodu. 

TÄtad, kÄ mÄs varam uzlabot pÄc Å¡o? Nu, vispirms pieÅemsim veikt Ätri tÅ«re daÅ¾as no lietÄm, ko jÅ«s redzat, un tad ieskatieties pÄris piemÄri. Tik viens, pÄrliecinÄt, jo mÄs esam peld ar PHP. Un es zinu, kÄdÄ brÄ«dÄ«, jums ir faktiski sÄkt rakstÄ«t Å¡o, ja jÅ«s vÄl nav. Saprotam, ka viens, galvenais ir laipns gada ÄrÄ pa logu ar PHP. Ja jÅ«s vÄlaties rakstÄ«t kodu, kas izpauÅ¾as izpildÄ«ts, jÅ«s vienkÄrÅ¡i sÄkt rakstÄ«t to faila nosaukumu. php tik ilgi, kamÄr Jums ir atvÄrta kronÅ¡teinu jautÄjuma zÄ«me PHP tag. 

, Bet paziÅojums, tie ir apstÄkÄ¼i php. PaziÅojums, Å¡is ir tieÅ¡i tÄds pats slaids mums bija vienÄ nedÄÄ¼Ä, kad mums bija apstÄkÄ¼i C. apstÄkÄ¼u PHP ir strukturÄli un sintaktiski pats. VienÄ«gÄ reÄlÄ atÅ¡Ä·irÄ«ba ir, ja jÅ«s esat ieguvuÅ¡i mainÄ«gie iesaistÄ«ti, jums ir kas dolÄra zÄ«mes. 

TikmÄr BÅ«la izteiksmes izskatÄs tÄpat kÄ Å¡is vai-nas vai un-jas kopÄ. SlÄdÅ¾i izskatÄs tieÅ¡i tÄds pats. Kas ir jauki PHP, bet C, slÄdÅ¾i ir bÅ«t gadÄ«jumi, par primitÄ«vas, piemÄram, Ints vai simboli, kas PHP JÅ«su gadÄ«jumÄ paziÅojumi patiesÄ«bÄ var bÅ«t par veselas virknes, kas ir faktiski veida jauki. Ietaupa jÅ«su laiku. Nevar darÄ«t, ka C 

LÅ«k, lai cilpa PHP. Tas ir identisks. VarÄtu bÅ«t daÅ¾as dolÄra zÄ«mes par mainÄ«gajiem lielumiem. Jums nav pieminÄt, ka kaut kas ir int. JÅ«s vienkÄrÅ¡i atzÄ«t to ar dolÄra zÄ«mi un nosaukums mainÄ«gÄ. Bet par cilpa ir tas pats. KamÄr cilpa ir tas pats. DarÄ«t, kamÄr cilpa ir tas pats. 

Tas ir nedaudz atÅ¡Ä·irÄ«gs. TÄtad ar PHP, ar masÄ«va, jÅ«s varat statiski deklarÄt masÄ«vu, kÄ C, bet jÅ«s izmantojat kvadrÄtiekavas. C, jÅ«s varÄtu izmantot cirtaini bikÅ¡turi, ja jÅ«s pat zinÄja, ka. Bet tas tieÅ¡Äm ir Ä¼oti izplatÄ«ta PHP paziÅo, masÄ«vs, Å¡ajÄ gadÄ«jumÄ, skaitÄ¼u, un zvanu mainÄ«go numuri. 

MainÄ«gie paÅ¡i izskatÄs Å¡Ädi. Å eit ir virkne, citÄjot likt pÄdiÅas beigÄs "hello pasaulÄ. "JÅ«s varÄtu bÅ«t slÄ«psvÄ«tru n. Man vienkÄrÅ¡i nav Å¡ajÄ gadÄ«jumÄ. 

Tagad tas ir interesants veidojums. C nav tas. Bet tas ir super noderÄ«ga. Un jÅ«s redzÄsiet to P komplektÄ 7 spec - katram bÅ«vÄt. Ja jÅ«s vÄlaties atkÄrtot pÄr visiem elementi masÄ«vs, jums nav lai tiktu galÄ ar $ i un $ n, un + +, un visu to. Varat burtiski teikt, PHP, Å¡ajÄ - katrai kÄ numuru, tÄ numuru Es esmu pieÅemot, ka $ numuri ir masÄ«vs numuriem. Un kad es saku par katru numuru kÄ numuru, tas bÅ«s automÄtiski, kÄ mana cilpa izpilda, atjauninÄt, katrÄ atkÄrtojumÄ, vÄrtÄ«bu iekÅ¡pusÄ dolÄra zÄ«mi numuru - atkal, un atkal, un atkal ejot man pÄr Å¡o masÄ«vu. TÄtad, tas tikai ietaupa mums kodu. NÄ semikoliem, ne + + 's, neviens i ir, N 's, tas ir tikai jauki. 

Bet PHP ir arÄ« tas. Un tas ir super spÄcÄ«gs. Un jÅ«s varÄsiet izmantot Å¡o, rokas par, P noteikts 7. Un asociatÄ«vÄ masÄ«va ir arÄ« paziÅoja, ar kvadrÄtiekavÄs. , Bet paziÅojums sintaksi tagad. Tas atgÄdina par to, ko mÄs redzÄjÄm ar print_r brÄ«di pirms. Cik atslÄgas, kÄ mazliet veselÄ«ba pÄrbaudÄ«tu, tas masÄ«vs, Å¡Ä·iet, ir. 

TÄtad, tas ir divi. Un es aicinu Å¡o masÄ«vu. Bet, ja tas palÄ«dz, jÅ«s varat iedomÄties Å Ä«s kÄ hash tabulu, vai kÄ asociatÄ«vÄ masÄ«va. Bet tas ir tikai atÅ¡Ä·irÄ«gs tipa masÄ«vs. Un atkal, daÅ¾ÄdÄs valodÄs ir Å¡ie. MÄs redzÄsim kaut ko lÄ«dzÄ«gu ar JavaScript kÄ arÄ«. Tur ir divas atslÄgas. Viens no tiem ir citÄts likt pÄdiÅas beigÄs, "simbolu," viens ir quote likt pÄdiÅas beigÄs "cenu." Un tie, atslÄgas katrs ir vÄrtÄ«ba. Å ajÄ gadÄ«jumÄ apzÄ«mÄjums vÄrtÄ«ba ir FB, lai Facebook un cenu vÄrtÄ«ba ir 49, 26, kas bija Facebook akciju cena no Å¡Ä rÄ«ta. 

TÄtad, kas ir noderÄ«gi, par asociatÄ«vÄ masÄ«va. Es varÄtu bÅ«t bijusi skaitliski indeksÄtas masÄ«vs ar tikko vienkÄrÅ¡i kvadrÄtiekavÄs. Un es varÄtu bÅ«t bijusi dolÄra zÄ«mi citÄts ir vienÄds tikai to. Ä»aujiet man faktiski to dara. PieÅemsim, ka es nevis tikai deklarÄta tas masÄ«vs, piemÄram, ka. Tas ir Ä¼oti lietderÄ«ga, sintaktiski. Tas nav zaudÄt jebkÄdu informÄciju, per se. Es joprojÄm redzu, ka simbols ir FB, un ka cena ir 49, 26. TÄtad, kÄpÄc ir asociatÄ«vas masÄ«vi pÄrliecinoÅ¡i? 

MÄrÄ·auditorija: Jums nav jÄatceras kur jÅ«s nodot stuff. 

SPEAKER 1: TieÅ¡i tÄ, jums nav atcerÄties, kur jÅ«s nodot stuff. Jums nav patvaÄ¼Ä«gi jÄatceras , kas Å¡o krÄjumu simbols ir nulle grupÄ, un akciju cenas ir vienÄ grupÄ, kas ir Ä«paÅ¡i bÄ«stami, ja jÅ«s mainÄ«t lietas, galu galÄ. Tas ir daudz jaukÄk saistÄ«t ko mÄs saucam metadatus ar reÄlajiem datiem. Es gribÄtu apgalvot, ka tas, ko mÄs patieÅ¡Äm rÅ«pÄjamies par Å¡eit ir FB un 49, 26. Simbols un cena ir metadatu kas apraksta datus, mÄs tieÅ¡Äm rÅ«p. Bet tas ir tikai tik daudz vieglÄk piekÄ¼Å«t. 

Tagad, kÄ malÄ, kas ir cenu mÄs maksÄjam? MÄs esam darÄ«juÅ¡i in CS50 par nedÄÄ¼u. Å Ä« funkcija ir jÄnÄk kaut izmaksÄm. AtmiÅu. TÄtad, jÅ«s esat ne tikai uzglabÄt 32 bitu vesels skaitlis, piemÄram. JÅ«s esat uzglabÄtu simbols / 0, droÅ¡i vien. TÄtad jÅ«s izmantojat vairÄk atmiÅas. 

Un, kas ir sniegumu meklÄ kaut ko uz augÅ¡u asociatÄ«vÄ masÄ«va, iespÄjams? Tas ir iespÄjams, lÄnÄk. BrÄ«vpieejas ir jauki, jo Ä«paÅ¡i ja jÅ«s varat darÄ«t binÄro meklÄÅ¡anu. Bet, ja jÅ«s faktiski Å¡obrÄ«d meklÄ ne par skaitÄ¼iem, bet par stÄ«gÄm, tas patiesi tiek Ä«stenota zem kapuce, iespÄjams, kÄ hash tabulu, kurÄ jÅ«s izmantojat vai nu hash tabulu ar atseviÅ¡Ä·u Ä·ÄÅ¾u. Vai jÅ«s izmantojat izmÄÄ£inÄt, lai faktiski uzglabÄt vÄrtÄ«bas. TÄtad, varbÅ«t jÅ«s varat darÄ«t pastÄvÄ«gu laiku, bet jums joprojÄm ir apskatÄ«t S-Y-M-B-O-L, potenciÄli, nevis 32 tikai biti, lai meklÄtu kaut augÅ¡u. TÄtad vÄlreiz, tÄs paÅ¡as idejas nÄk atpakaÄ¼ atkÄrtoties Å¡ajÄ kontekstÄ. 

Bet atkal, PHP tagad ir daÅ¾as super globals, ka, izrÄdÄs, ir asociatÄ«vas bloki. MÄs redzÄjÄm kÄdu pirms brÄ«Å¾a, $ _POST. Un, ka super, Global ir atslÄgas un vÄrtÄ«bas. KonkrÄti, atslÄgas rindÄ ar ko? Kur atslÄgas ar $ _POST nÄk no? Tikai, lai AtgÄdinÄjums? 

MÄrÄ·auditorija: VÄrds. 

SPEAKER 1: vÄrds, kur? 

MÄrÄ·auditorija: [dzirdams] 

SPEAKER 1: vÄrds ir atribÅ«ts. Nu kur bija, kur tie kas sÄkotnÄji nÄk no? Forma. TÄtad, ja HTML lapÄ ir forma tag, iekÅ¡pusÄ, no kuriem daÅ¾i izejvielas, piemÄram, rÅ«tiÅas, teksta kastes, nolaiÅ¾amÄ lnes, katrs no kuriem ir nosaukums, Å¡ie nosaukumi, galu galÄ, kÄ atslÄgu $ _POST, un, godÄ«gi sakot, par Å¡o jautÄjumu, $ _GET. Ja metode get, pati ideja. Tas ir tikai citÄ super Global. Un vÄrtÄ«bas, protams, nÄk no kÄds lietotÄjs drukÄti pie viÅa vai viÅas pÄrlÅ«ku. 

Bet tur ir daÅ¾i citi. Tur ir cookie, ko mÄs atgriezties beidzot. Bet tÄs ir lietas, kas jums jÄzina web izmanto kÄdu labu vai Ä¼aunu. Bet mÄs atgriezÄ«simies pie tÄ. Serveri un sesijas, un tie divi ir daÅ¾as Ä«paÅ¡as lietderÄ«ba. 

Bet pieÅemsim to apskatÄ«t to. Ä»aujiet man iet uz priekÅ¡u un atvÄrt piemÄru sauc mvc0.php TÄtad MVC apzÄ«mÄ turpmÄk. Un mÄs ieviest Å¡o agrÄk, nekÄ tas ir tipisks, tieÅ¡Äm, lai jÅ«s projektÄÅ¡ana ProblÄma set 7, un arÄ« gala projekti, kas veida nozarÄ Standarta veids, un tÄ«rs veids. Tas ir labs dizains. 

TÄtad jÅ«s gatavojaties redzÄt, un jÅ«s pieredze, jo P komplekts 7, paradigmas, sort gada programmÄÅ¡anas domÄÅ¡anas, kas izskatÄs mazliet kaut kas lÄ«dzÄ«gs Å¡im. M modeli, C kontroliera V View. Long stÄsts Ä«ss, MVC ir tikai veids metodoloÄ£ijas, veids, kÄ padarÄ«t mÄjas lapas, jo Ä«paÅ¡i, kad jÅ«s nodot visu savu, stulba frÄze - biznesa loÄ£ika - visu savu intelektuÄlo Ä«paÅ¡umu ko sauc par kontrolieris, fails piemÄram, index.php, vai mÄs redzÄsim, quote.php, vai buy.php. 

SaistÄ«bÄ ProblÄmas komplekts 7, JÅ«su modeÄ¼i parasti satur datus, jebko, kas saistÄ«ts ar datu bÄzi, kÄ mÄs beidzot redzÄt, un savu viedokli satur estÄtiku jÅ«su vietÄ, HTML, CSS. TÄtad, mÄs jau redzÄjÄm to C maz bit, izmantojot. h failus. MÄs tieÅ¡Äm redzÄju to pirms brÄ«Å¾a ar CSS, ar faktoringu CSS stilizÄcija sÄ«kumi no mÅ«su HTML. 

TÄtad MVC ir tieÅ¡Äm tikai par zÄ«mÄÅ¡anas lÄ«nijas smiltÄ«s un saka, Interesanti, programmÄÅ¡anas kodu, lai jÅ«su MÄjas pieder, ko mÄs saucam kontrolieris. SÄ«kumi, kas saistÄ«ti ar datu bÄzi parasti nonÄk modeli. Bet jÅ«s redzÄsiet, kas ProblÄmas komplektÄ 7, mÄs apvienot C un M, lai saglabÄtu tÄ vienkÄrÅ¡i. Bet skats ir, ja visas jÅ«su HTML un estÄtika parasti iet. 

TÄtad, ko tas nozÄ«mÄ reÄlÄ izteiksmÄ? Nu, Ä¼aujiet man iedziÄ¼inÄties mÅ«su MVC direktorijÄ, kÄ Å¡Ädi. Un jÅ«s redzÄsiet vairÄk no Å¡iem apceÄ¼oja pa spec. TÄtad mvc0, man apgalvo, ka tas ir, piemÄram, versija 0 CS50 tÄ«mekÄ¼a vietnÄs. 

Viss, kas mums ir, ir daÅ¾i HTML, piemÄram, liels h1 tag, acÄ«mredzot. Un tad lodveida sarakstu. Es nekad neesmu redzÄjis sarakstu ar aizzÄ«mÄm agrÄk, bet nav liels darÄ«jumu. PieÅemsim Ätri apskatÄ«t avota kodu. IzrÄdÄs, ir NekÄrtots sarakstu ar lodÄm ir atvÄrts kronÅ¡teins ar vienu ul vai VairÄk saraksta elementi, li. TÄtad paziÅojums Å¡eit ir enkuru tag. MÄs redzÄjÄm, ka pirms brÄ«Å¾a. 

TÄtad, tas ir, kÄ es Ä«stenoti Å¡o lapu. Man divas saites, divi saraksts preces, viens ul par NekÄrtots sarakstu, un gala rezultÄtu, estÄtiski, tas ir Ä¼oti diezgan mÄjas lapÄ, versija 0 Å¡eit. Bet kas ir interesanti tagad ir, kÄ tas tiek Ä«stenota zem motora pÄrsega. 

Ä»aujiet man iet uz gedit un atvÄrt Å¡o Pats pirmais piemÄrs uzzÄ«mÄt zÄ«mÄjumu. Un mÄs apskatÄ«t to, kas ir kÄ¼Å«dains, iespÄjams, ir Å¡eit. Tagad, ja es dodos uz localhost, valsts, MVC, ievÄrosiet daÅ¾us failus. Es esmu gatavojas aicinÄt tos, lai MirklÄ«, visi kontrolieri. Bet tas ir mazliet Ä¼aunprÄtÄ«gas izmantoÅ¡anas, jo jÅ«s redzÄsiet viss ir sajaukti iekÅ¡pusÄ no tiem. 

Un Ä¼aujiet man iet iekÅ¡Ä index.php. Un mÄs redzam, burtiski, to paÅ¡u HTML. TÄtad, pat ja Å¡is fails beidzas . Php, tas nenozÄ«mÄ, ka tÄ ir ir kÄds PHP kodu. Tas var bÅ«t tikai neapstrÄdÄtas HTML, lai gan tas ir sava veida muÄ¼Ä·Ä«gi. Bet paziÅojums tur nav atvÄrts kronÅ¡teins PHP atzÄ«mÄt, izÅemot to, kas, atklÄti sakot, ir tikai tur, lai kalpotu kÄ komentÄru. Bet tas funkcionÄli nav pat tik interesanti. 

, Bet paziÅojums to. Kas ir interesanti tagad ir tas, ko izmaiÅas Å¡ajÄ lapÄ. Ä»aujiet man noklikÅ¡Ä·iniet lekcijas. Un paziÅojums URL ir par pÄrmaiÅÄm. Tagad es esmu pie lectures.php. Ä»aujiet man uz nulli. Tagad es esmu pie week0.php Un tagad Ä¼aujiet man atvÄrt Å¡os failus gedit. Ne tikai indekss, bet Ä¼aujiet man atvÄrt lekcijas. Un Ä¼aujiet man atbrÄ«voties no komentÄriem koncentrÄties uz Å¡o daÄ¼u tikai. 

Un tagad Ä¼aujiet man atvÄrt tikai vÄl viens, week0.php, mest prom komentÄrus, tikai, lai attÄ«rÄ«tu Å¡o augÅ¡u. Un tagad paziÅojums sekojoÅ¡o. DomÄjot patieÅ¡Äm veida rÅ«pÄ«gi par dizainu, un pieÅemsim to lÄ«niju uz augÅ¡u paÅ¡u, ko varÄtu darÄ«t, labÄk Å¡eit, jÅ«s domÄjat? 

KÄ es veikt nedÄÄ¼u vienu? KÄ par to. TÄtad, tas ir, kÄ es nedÄÄ¼u vienu. Es aizgÄju uz File, New, Paste, SaglabÄt, week1.php, un tad es devos Å¡eit. Un es mainÄ«ts viens - kÄda bija Å¡Ä«, viena lÄ«dz piektdienai. Es mainÄ«ja nullÄm pret vienu. Es to nomainÄ«ja pret vienu. 

Labi, tÄpÄc tagad izskatÄs pÄc maniem failiem. Ko varÄtu darÄ«t citÄdÄk? Kur ir iespÄja, varbÅ«t? TÄpÄc tur ir iespÄja sÄkt faktorings Å¡o stuff out. Ä»aujiet man atvÄrt, kÄ spoileri, par ko jÅ«s redzÄsiet P komplektÄ 7. Ja es atvÄrt, tagad index.php versijÄ pieci ar Å¡o, tas izskatÄs ceÄ¼u vairÄk mistisks, protams. 

Bet tas, tagad ir tas, ko es saukÅ¡u kontrolieris, kas ir kontrolÄt loÄ£ika manu lapu. Un jÅ«s varat veida rekonstruÄt, intuitÄ«vi, varbÅ«t, kas notiek. PirmajÄ rindÄ, tas ir nedaudz mistisks. , Bet paziÅojums, es esmu vajadzÄ«ga, piemÄram, ar asas ietver, failu ar nosaukumu helpers.php. Un tad es esmu aicinot, acÄ«mredzot, funkcija, ko sauc par apmetumu, garÄmejot divi argumenti. 

Viens no tiem ir citÄts likt pÄdiÅas beigÄs, galvenes. Un no otras puses, ir, kÄda veida datu tips ir tas, balstÄ«ta par mÅ«su sintakse agrÄk? TÄ ir saistÄ«ta masÄ«vs. KonkrÄti, tas iet titulu ar kÄdu metadatiem, kas atgÄdina man, kas tas ir, un tÄ vÄrtÄ«ba. Tad es redzu kodÄts grÅ«ti ul, tÄpÄc daÅ¾i izejvielas HTML. Bet tad es esmu atpakaÄ¼ PHP reÅ¾Ä«ma zvana funkciju apmetumu. TÄtad, pat ja jÅ«s nekad neesmu lietojis HTML vai PHP pirms, un pat ja tas izskatÄs biedÄ, kÄpÄc tas ir iespÄjams, labÄks dizains? Kas ir labÄks par to, pamatojoties uz secinÄt? 

MÄrÄ·auditorija: [dzirdams] 

SPEAKER 1: MazÄk atlaiÅ¾, ka tur ir ne vairÄk HTML tagu, ne vairÄk galvas tag, ne vairÄk Ä·ermeÅa tag katrÄ damn failÄ. TÄ vietÄ, es esmu Åemt ÄrÄ kopÄ«gais un iespÄjams nodot tos failÄ kaut kÄ saistÄ«ti lai galvenÄ. Un pats par cieÅ¡u Ä·ermeÅa tag, close HTML tagu. Tas ir iespÄjams, uz leju Å¡eit iekÅ¡Ä no kÄjenes kaut kur. Un jÅ«s redzÄsiet, kas ProblÄmas komplektÄ 7, mazliet ceÄ¼ojums caur Å¡o. 

TÄtad, kas ir priekÅ¡Ä? Viena lieta, mums nav iespÄja vÄl par ir faktiski uzglabÄt datus. Un tÄ, ko mÄs sÄksim redzÄt TreÅ¡dien, piemÄram, ir tas, ka jÅ«su vecais draugs Excel vai numuri, Ä¼auj uzglabÄt daudz datus rindÄs un kolonnÄs. IzrÄdÄs, jÅ«s varat darÄ«t, ka to, kas ir sauc datu bÄzes, programmiski. mÄnijas Un izrÄdÄs, pÄc tam, mÄs varÄtu uzglabÄt lietas, piemÄram, tas, ko jÅ«s redzÄsiet atkal P komplektÄ 7, viss lietotÄjvÄrdiem Ä·ekars un paroles, pÄdÄjais no kuriem ir faktiski Å¡ifrÄta, lÄ«dzÄ«gi kÄ tie bija P komplekts 2 ir hakeru valodÄ. Un galu galÄ, jÅ«s to Ä«stenotu, savu Etrade lÄ«dzÄ«gu mÄjas lapu, kas Ä«steno kolektÄ«vi CS50 finanses. 

Visbeidzot, kopÅ¡ esat Å¡eit apmeties tik vÄlu Å¡odien, ja jÅ«s nÄkt atpakaÄ¼ uz Å¡o daÄ¼u par universitÄtes pilsÄtiÅÄ, at 4:00 Å¡odien, mÄs jums ne tikai sniedz padomus, par tÄm SCE KonsultÄjot Fair, 4:00 PM Maxwell-Dworkin, mÄs sniegsim jums daÅ¾us Americone Dream, Cherry Garcia, Å okolÄdes Fudge Brownie, Å¡okolÄdes Chip Cookie MÄ«klas, un, kad jÅ«s Google Chunky Monkey, jÅ«s saÅemsiet to. TÄtad visi, kas gaida 4:00 PM in Maxwell-Dworkin. Tiekamies arÄ« treÅ¡dien. 

SPEAKER 2: At nÄkamo CS50, RJ guÄ¼ iekÅ¡Ä 

RJ: Mana sadaÄ¼Ä! Ha! Ak,