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