>> [Мусиц плаиинг]
Давид Ј Малан: У реду, добродошао назад.
Ово је ЦС50.
Ово је крај недеље седам.
И то је крај тог акцептором Хунт из проблема сет четири
да би се сећате.
Након опоравка све оне ЈПЕГ-ови особља,
сте оспорили, ако желите, да се фотографише са што више
тих људи као што можете.
Имамо гомилу поднесака у протеклих неколико недеља,
заиста, доста право пре поднева данас од којих постоје они,
ухватили овде у-- изгледа као-- Анненберг Сала у радног времена, овдје
у Ловелл Кућа са Ником.
Ево Рамон буду ухваћени на телефону.
То је било на ЦС50 ручак.
То је био Џејсон Скипинг са креативнији школски друг,
ко му је телефонирао овако.
Ми не знамо шта је то било.
>> [Лаугхтер]
>> Давид Ј Малан: Али то вреди гигабајта.
Ево Цханг, ко буквално побегао са сцене
да би избегли фотографишу један дан, али је на крају ухватио.
Ево Ник.
И овде је Алисон доле поља.
И Замила чак је пронађен у дворану такмичењу.
Дакле, ми ћемо проћи кроз Ове фотографије, схватити
који су поднели највише најраније, и награда
један Фабулоус награда, као и обећао у спец.
А такође ћемо пратити о простор који је умешан.
>> Неколико анноунцементс-- тако ручак је, опет, овај петак у 1:15 ПМ.
Ако желите да нам се придружите, РСВП на тој УРЛ овде.
Јасон се поново овде од једног од секција неколико година
назад, што се десило пасти на Ноћ вештица.
И заиста, он је обучен као Пумпкин тој години.
Ако гледате овај одељак његовог из 2011. секцији
осам, ако сте радознали, у ЦС50.тв, мислим
Ово је година у којој његов ваздух пумпа ради.
>> Ако онда гледате слично одељак у 2012,
видећете ово Јасона много спласнуо, јер одело не функционисало,
која је само да кажем овог петка, ако бих
воле да поделе бундеву са Давен и Гејб и други, РСВП на главама
на цс50.харвард.еду адресу.
Он обећава да ће бити веома забавно.
Давен, речено нам је, није уклесан Пумпкинс целог живота.
Гаврило из Бразила никада урезан бундеву за Ноћ вештица.
Дакле, бити тамо са њима док учи.
>> Семинари, меанвхиле-- тако да ускоро научити
о томе шта наша очекивања су за коначни пројекат, који у суштини
ће се своде на дизајнирања и имплементације
Већина било који пројекат од интереса за Ви, иако на основу одобрења
и смјернице из демонстратор.
Крајем семестар, уводимо број
семинара, који су изборни часови на челу наставног чике и Харварду
особље, пријатељи курса преко кампус, о разним темама које
су додирују Цоурсе је основни план и програм
али ипак примењиво, забава, и различит за потенцијалне крајње пројекте.
>> На пример, прво, ако желите да се региструју, главу тој УРЛ тамо.
А ово је постава овогодишњи семинари алоне.
Али схватите имамо десетине семинара из претходних година, а све
су повезани у менију Семинари Опција сајту курса је.
Дакле, ако размишљате о иде изван своје зоне удобности
или покупити неке нове вештине, на пример, програмирање иПхоне
Аппс са Свифт, нови језик од Аппле или Објецтиве-Ц
или Андроид апликација или програмирање [? бирамо?] сијалице, или било којим од питања
овде и више, због провера од стране регистрације.
>> Тако смо почели и закључен Понедељак са лоокинг ат ХТТП.
Тако брзо рефресхер-- ХТТП, ХиперТект Трансфер Протоцол.
Али шта то заправо значи?
Шта то заправо значи?
Да ли је то рука?
Знам да само гребање главу.
Али ти желиш да предложи шта је ХТТП?
>> Публика: Како компјутери комуницирају са [неразумљиво].
Давид Ј Малан: Пропустио сам последњи део.
Како компјутери комуницирају са--
>> ПУБЛИКА: Интернет сервери.
Давид Ј Малан: зликовца-- са Интернетом сервера, и посебно, веб сервера.
Јер опозива, постоји гомила услугама на Интернету, од којих су неке
вероватно користите свакодневно између цхат и поруке, цхат, и веб, и е-маил,
и слично.
ХТТП је само протокол који веб прегледачи
говоре у комуникацији са веб сервера, и обрнуто.
И аналогни у људски свет може бити,
Упућујем руку да се рукује неке друго људско је и он или она
признаје проширењем његова или њена рука, као.
Дакле, то је само протокол, сет конвенција.
>> А шта су то заиста конвенције?
Па, то је само своди на слање порука и назад,
као што је приказано овде.
И ту је неколико начина на које можете да пошаљете те поруке.
А можда највише заједничко је познат као гет.
Па ћемо видети контраст Да би се то пре дуго.
>> Али захтев добити од претраживача на сервер само изгледа овако.
То је гомила текста да ставља унутар виртуелне коверте.
На спољној страни тој коверти иди пар комада детаља.
Оно што треба да се настави коверат, да тако кажем,
како би добили захтев као ово од мене на веб сервер?
Да.
>> ПУБЛИКА: Ваша ИП адреса.
>> Давид Ј Малан: Моја ИП адреса У Из терену, да тако кажем,
и наравно, ИП-адреса примаоца.
Али у случају веб пакета, треба нам мало детаљније
Није довољно само да се пошаљите коверту на сервер,
јер то може бити сервер слушање за различите типове
интернет саобраћаја.
Дакле, шта још требамо Поред ИП примаоца?
Да?
>> ПУБЛИКА: Да ли је ТЦП?
Давид Ј Малан: Добро.
ТЦП--
>> ПУБЛИКА: Адреса.
>> Давид Ј Малан: Адреса, или порт, како се зове.
Затвори, али ТЦП порта број.
И ту је гомила њих.
Али сигурно највише познато требало би да временом
бити 80, што је стандардна који се користи за веб саобраћај.
И још једна позната један ће ускоро бити 443,
која се користи за сигурну веб саобраћај, УРЛ који почиње са хттпс.
>> Дакле, то је оно што се унутар тог коверти.
И гет / само значи, дај ми подразумевани веб страница.
Дај ми корен хард возити на том веб серверу.
И надамо се, веб сервер ће одговорити, ОК
и број 200, што је само Конвенција говорећи, да, сви
је заиста у реду.
Ево страница.
Тип веб странице ће се бе текст, али прецизније, ХТМЛ,
које ћемо да зароните назад у.
А Дот Дот Дот само значи, овде је ХТМЛ.
И ту смо покупи причу данас,
заправо писање ХТМЛ, ХиперТект Маркуп Лангуаге, који
је језик у коме Веб странице су писани.
То није програмски језик.
Нема функције ор петље или услова.
То је Маркуп Лангуаге, као и опет и данас,
која вам омогућава да одредите Како да се установи и стилизовати
естетски веб страница.
>> Дакле, то је један и само ми стварно страна
погледао, ако кратко, у понедељак.
И приметио неколико битне карактеристике.
Има доста отворен угао носач и затворен угао носач.
Између оних угаони носачи су речи.
И ми ћемо почети називајући те речи ознаке.
Тако отворено носач глава и затворена заграда главе
су отворене и затворене ознаке, или покретања и завршне ознаке
респективно, ХТМЛ елемента, како ћемо га назвати, назвао главом.
А исто важи и жаргон да тело у ХТМЛ и тако даље.
>> А шта је лепо је ХТМЛ-- и заиста, ми ћемо
проводе страшно мало времена на то, зато што углавном ћу смислити
ста има да се, када вас заправо имају конкретан проблем
да солве-- видећете да Бровсер је прилично глупо.
Управо ће урадиш-- не разликује цомпутер-- шта то кажем.
И тако, када имате отворен носач ХТМЛ-у самом врху
Ето, то у суштини само значи, хеј, браузер,
Овде долази веб страница написан у ХТМЛ.
>> Када види отворену заграду глава, то само значи,
Хеј, браузер, ево глава, или највиши део мог веб странице.
Када види затворени заграду глава, то само значи, хеј,
то је то за главу.
Приправности за нешто друго.
И то је нешто друго очигледно ће бити тело.
И када немате ознаку, као имате само хелло, зарез, свет,
то је само ће бити сиров текст који на крају се приказује на екрану.
>> Сада, ви ћете такође приметити удубљење овде.
Вероватно да закључи Како смо то стилизује.
Сваки пут кад отворим ознаку, да тако кажем, ја увуче.
И сваки пут кад затворим ознака, и УН-тире,
слично у духу заграда.
А иза тога, некако сам коришћења моју пресуду.
Обавештење да нисам сметало удара Унесите унутар тог титле таг.
Зашто?
Па, управо сам одлучила је изгледало мало чистач за мене, људски,
само да не смета то ради.
Дакле, опет, има неких Пресуда зове само
Као да се у Ц или било ком језику.
>> Али приметите да је ово превише увучен даје се на менталном моделу,
не претјерано компликује то.
Али дрво, зар не?
Ако мислите о веб страна, очигледно писано
овако, као лепо увучен тако,
скоро можете мислити отвореног конзоле ХТМЛ затворена заграда таг обиљезавање
корен једног чвора, породично стабло стил чвор у стилу дрвећа
смо гледали прошлог петка.
>> И заиста, имамо на овде шта ћемо назвати ДОМ, Д-О-м, документ
Објецт Модел, фенси начин да се каже дрво које представља тај ХТМЛ.
И приметите да ХТМЛ има, ми ћемо рећи, као породично стабло, двоје деце.
Са леве стране је глава.
Са десне стране је тело.
>> И баш као безумне мисли вежбе, Шеф, наравно, има колико деце
према овом структуре?
Дакле, само један, титле-- и зато имамо
стрелица иде од главе до наслова.
Дакле, то је као да те особе у породично стабло је имао само једну потомство.
И онда сам наслов цан може рећи да има превише дете.
>> Подсетимо се да је имала ХТМЛ Здраво, зарез, свет испод њега.
И ја сам једноставно извести у року Овал уместо правоугаоника само
да пренесе семантички да иако то је чвор на дрвету, да тако кажем,
то је врста фундаментално другачији.
То није ознака.
Или више исправно, то није елемент.
То је само текст чвор, ако хоћете.
Али, то су потпуно произвољне људске конвенције.
Ово је управо мој начин представља шта ћу као агрегат
позовите документ.
>> И као по страни, ствари у Супер горњег левог угла,
отворена конзола знак узвика Доц тип ХТМЛ, ово изгледа као таг,
али је глупо угао случај када да је само ту, копирати и преносити
да укаже на прегледаче Ово је ХТМЛ верзија 5.
Свет стално мења, шта је Прва линија кода у странице би требало да буде.
То само значи верзију 5.
Тако да не сасвим изгледају као и остали.
>> У реду, тако да са рекао, сада ћете ценити
Овај прилично ова глупа Таттоо неко добио.
>> [Лаугхтер]
>> Давид Ј Малан: У реду, а сада је пусти ствари Диве
да раде нешто са овим.
Ви се сећате да последњи пут Отворио сам је ЦС50 Апплианце
и ја урадио нешто као једноставно отвара гедит.
И спасио фајл чак и на Мој десктоп-- нигде специал--
као хелло.хтмл.
>> Дакле, дозволите ми да то Поново: хелло.хтмл Ентер.
И сада у овом фајлу, ја ћу само напред и понове оно што смо управо
сав-- Доц типа ХТМЛ Онда ћу урадите отворена конзола хтмл затворена држач.
А онда ћу да превентивно отварање и затварање ознаку.
Зашто?
Само да не заборавим касније.
То је само добра пракса, као и отварање и затварање витичасте одједном.
>> И шта онда дошла следећа?
Можете мислити на тетоважи.
>> ПУБЛИКА: глава.
>> Давид Ј Малан: глава.
И онда овде, ја имао титулу, мислим.
А наслов је био произвољно, Хелло, Ворлд близу наслов.
И онда овде, тело, на цоурсе-- онда затворити тело ознаку.
И онда само донекле редундантно, Имао сам исту ствар овде.
>> Тако тврдим да је ово веб страница.
То је нешто што могао сада живи на интернету,
иако наравно, то је буквално живе сада на десктопу.
Али заиста, ако се смањи гедит, Видећу на десктопу његову икону.
Иако је ово апарат, можете да урадите ово на Мац ОС
без ТектЕдит или Прозори са Бележница чак.
>> И ако одем напред и дупли клик да чак и Селецт-- добро, хајдемо
Не бирајте опцију јер Цхроме не отвара.
Идемо напред и отвори Цхроме.
А онда Цомманд-О за отворене И идите на мој десктоп
и отворити тај фајл.
Тако је браузер тумачи ХТМЛ, од врха до дна, с лева на десно.
Хеј, ево Бровсер ХТМЛ.
Ево главе.
Ево наслов.
Ево тело.
И заиста, ово је како то чини ту веб страну.
>> Али приметите УРЛ.
Нико од вас могао попети овом конкретном страницу на лаптоповима сада,
чак унутар ваше апарат преко тог УРЛ,
јер филе: // указује да заправо на мој фајл систему, мој хард диск,
не твоја.
Дакле, то није све што корисно.
>> Идемо сада крећу ка користећи обичну веб сервер.
И испоставило се да је ЦС50 Апплианце је више него само окружење у којем
можете писати Ц кода и састави и покрените га као да сте радили.
Такође је конфигурисан Особље да представља типичан веб
сервер који је на интернету, онај који можете платити
или онај који је у тзв облаку.
>> И то је покренут Стандард бесплатан опен соурце
софтвер, на пример, нешто зове Апацхе, који је можда
даље најпопуларнији веб сервер софтвер у свету
да су хиљаде сајтова данас користимо.
А такође и има софтвер као МиСКЛ,
што је сервер базе података да ћемо на крају ћемо доћи до,
која је само да кажем Ја могу почети лечење
Мој уређај као пуноправног сервера да не плаћам негде другде.
Управо живи на свом лаптоп за развој и Цонвениенце сврхе.
>> Дакле идемо напред и искористити ово.
Ја идем напред и отворити прозор терминала.
И ја ћу да наставим и мове-- ствари, прво сам
ће да бисте дошли до моје десктоп.
Ако урадим лс, има хелло.хтмл.
И ја ћу да идем напред и почнете да користите
нови директоријум имамо не користи до данас.
>> хелло.хтмл-- Идем да се креће да ../вхостс за виртуелни хостс--
више о томе у футуре-- а потом у директоријум зове лоцалхост,
што је надимак дат скоро било ког рачунара, било да је Мац, ПЦ,
или Линук рачунара, а затим посебно у директоријум који смо,
особље је већ створен за вас када сте преузели уређај под називом
јавни.
И као што јој име сугерише, ништа Ставио сам у овој фасцикли, у теорији,
ће сада бити јавности, барем људима
који имају директан повезивање на рачунар.
>> Дакле, сада пусти ме само напред и урадите цд на истом директоријум
тако да могу да видим шта је то догађа и типа ЛС.
И заиста, то је Једино тамо.
Сада, јер сам ставио ту тврдњу филе хелло.хтмл унутар директоријума
позвао јавна унутар директоријума зове лоцалхост унутар директоријума
називају вхостс, који Захваљујући ЦС50 особљу
је унапред конфигурисан да буде корен вашег веб сервера,
Ја сада могу надамо урадити.
>> Ја ћу отворити нову картицу.
И ја ћу да идем да се не филе: //.
Ја ћу користити стварни хттп / лоцалхост, који
опет, је надимак за моју сервер.
А онда ћу да идем на оно што филе име, само да буде јасно?
Где се ова прича вероватно иде?
хелло.хтмл.
>> Другим речима, желим да сада ово је мој рачунар, мој апарат,
као да је стварна сервер.
Надимак је лоцалхост.
Али мислим о лоцалхост као као Фацебоок.цом гоогле.цом, како год.
То је само мој локални назив.
А онда коначна желим је у корен хард диска, да тако кажем,
или корен веб сервера, ерго је подељено, а затим
име датотеке хелло.хтмл.
>> Дозволите ми да зумира и притисните Ентер.
И заиста, тамо је мој веб страница.
Тако да је мало другачије.
И то је само као ундервхелминг.
Ово је стара верзија.
Дозволите ми да смањи фонт назад.
Ово је стари.
Ово је нова.
Али шта се дешава у основи Сада је то ХТТП се користи.
>> Хајде да ово мало јаснија или, ако хоћете, мало компликованије.
Пусти ме на доњем десном углу углу мог апарата.
И приметите да све то време, дошло је број.
То је јединствена адреса ваше ЦС50 Апплианце.
То је приватна адреса, као што указује на 172.16,
који само значи само ви физички могу приступити овој веб сервер.
Све је фиреваллед и лепо заштићени од осталих
света због тога обраћања.
>> А сада приметио мада ако одем у Ова адреса, не у мом апарату,
али Мац ОС-- Идем да се вратим овамо.
Ово је мој Мац сада.
А сада ћу да отворим Ова верзија Цхроме овде.
И ја ћу да идем на хттп: //172.16.25 / И заборавим рест-- 133.
>> Па идем у посету из мог Мац да ИП адреса /хелло.хтмл Ентер.
И сад ја видим из мог Мац да моје ЦС50 Апплианце, ко је
ИП адреса је то број, заиста понаша
као веб сервера на Интернету.
Он нема лепо лако запамти имена попут Фацебоок.цом,
али користећи ХТТП Очигледно, иако Цхроме
је врста поједностављење свет за нас, али нас не показује ХТТП.
Али ово је заиста управо то.
Цхроме је само штеди мало кеистрокес ових дана.
И то је оно што сада видимо.
>> Дакле, то је све у реду и добро.
Али то је прилично ундервхелминг страна.
Пусти ме унутра и уради нешто мало другачије.
Дакле, да се вратимо на гедит.
И уместо да здраво, свет, хајде да стави слику.
И ја тврдио од пре-- лет ме го у мој лоцалхост Јавна.
И пусти ме да одем напред и копирање гомила фајлова од данас
из мог Дропбок фолдера у овде.
>> Сада када куцам лс, гледај на свим тим фајловима
да сам дистрибуира сајт Цоурсе у унапред данас,
од којих је још увек хелло.хтмл.
Тако да је то један.
А сећате овог блесави један од последњег времена-- готово цат.јпг.
Дозволите ми да уградите цат.јпг унутар моје веб странице.
>> Ја ћу ићи напред и да ли цат.јпг, спаси.
Дозволите ми да се вратим на Цхроме.
И дозволите ми да увећате фонта и сада поново.
Оопс, где сам ставио ово?
Стандби-- Још увек имам стари Верзија из мог десктоп Опен.
Дакле, дозволите ми да одем у моју вхост, Ми лоцалхост, мој јавни и хелло.хтмл.
Дакле, сада пусти ме само напред и кажу цат.јпг унутар тела
где желим да буде приказује и поново.
Наравно, то није тачно.
>> Тако да морам да кажем претраживачу мало више намерно оно што желим да радим.
Једноставно куцате име је очигледно није довољно.
Тако се сећате да је постојао други Таг, слике, имг скраћено.
То је само зато што људи не као тип пуне речи.
А онда можемо да урадимо извор = "цат.јпг".
>> А сада ћу да радим једна ствар другачије.
Иако сви Наши ознаке су до сада
имао тај појам почетна ознака и завршна ознака,
то не баш да смисао за слику, зар не?
Слика или нема, или нема.
И тако су људи дошли са једноставнији Конвенцијом.
Када имате ознаку да се оба почети и завршити на истом времена-- готово
може да буде празан, тако да само спеак-- стави подељено унутар тага
на самом крају.
Сада да се вратимо на мој бровсер.
Хит Освежи Проклетство, нешто није у реду.
Вероватно сте видели повремено на интернету,
чак и ако то није било твоја кривица.
То је грешка на веб сервера.
Шта одес ово изгледа да указују?
То је сломљена.
Ту слику припада.
Да?
>> ПУБЛИКА: Али то не имају приступ слици.
>> Давид Ј Малан: не имају приступ слици.
То, или још горе, можда не постоји.
Хајде да видимо да ли можемо да дијагнозу.
Подсетимо се од прошлог пута, ако у Цхроме, у уређају,
или чак на вашем Мац или ПЦ, одете на мени Девелопер
и идите на програмера Тоолс опција, што је вероватно немаш
не користе много или никад.
И ако одем на мрежу и поново учитате страницу,
хајде да ствари погледамо ХТТП захтеви који се чине.
>> Изгледа као да је хелло.хтмл заиста добро, па 200.
Али цат.јпг је 403.
Дакле, то није 404.
Филе вероватно постоји.
403 значи забрањено.
Дакле, ово је мало збуњујуће.
Ја ћу да се вратим мојој прозор терминала.
Дозволите ми да зумирате овде.
И дозволите ми да урадимо лс.
Има те исте датотеке.
>> Сада ћемо ми учинити лс-л, који вероватно си
користи пре него што се осврнемо на датотеку Величине можда и временске ознаке.
И видимо гомилу огромна информације.
Али приметити неколико детаља.
Ево хелло.хтмл у ово ред овде и овде је цат.јпг.
И то је само апарат је усер фриендли истицањем ЈПЕГ је
у љубичасте овако.
Али, оно што је још разликује поред величина датотеке и име датотеке?
>> ПУБЛИКА: [неразумљиво].
Давид Ј Малан: Да, ту је више два Р овамо.
Приметите шта је хелло.хтмл дешава.
Тако испада да је у име Ово Јавна је важно.
Све што у овом директоријуму треба да буде јаван.
Али то није довољно само да пустите датотеке тамо.
Такође је потребно да се промени режим досијеа,
промените дозволе датотека на проактивно не
бити подразумевано подешавање, а то је да само ја могу да прочитам
и пишем га, ја као власник.
Желим цео свет да сви моћи да прочитате мој досије, да тако кажем.
Прочитај само значи да је видите.
>> И заиста, као што ћете видети у проблему сет седам, то је оно што зао ових 'с.
Ове два Р Меан нека сви другде у свету и да прочитам,
Посебно сада када то је у овом директоријуму.
Дакле, најједноставнији начин да се поправи ово је идите на мој одзив и да за промену цхмод
мод и онда А + Р, потпуно, сви, сви, плус р за читање,
а затим цат.јпг Ентер.
Изгледа да ништа догодити, који обично значи добра ствар.
Дакле, ЛС-Л Поново: сад Погледајмо цат.јпг.
И Ова дозвола Изгледа да су се промениле.
Као страну, ако направите грешка и ви, на пример,
Управо сам твој-- Не знам-- есеј јавно доступни случајно,
можете да урадите супротно, цхмод А-Р.
Иако искрено, то не би требало бити у јавном директоријуму
свеједно да ли је то брига.
>> Тако да сада идемо назад у Моја прегледач и поново.
И ја ћу да кликнете мали Гхостбустерс
симбол јасно да део Екран тако да можемо да видимо нове захтеве.
И заиста, ту је Грумп Кат од раније.
Али што је још важније, технички, постоји
број 200, који значи да имамо то у реду.
У реду, тако да је све у реду и добро.
Али ми не правимо најбоље сајтове,
нити ћемо покушати превише тешко чине фанциест сајтова данас.
Али хајде да бар урадимо нешто Супер познато пре звецкање
Офф неколико других ознака.
Ваљда не само желим мачку овде.
Претпостављам да заправо желим ово мачка повезати на нешто.
>> Ја могу, на пример, нешто овако.
за сидра хреф за Хипер Референце екуалс--
и нека само урадимо нешто као ввв.гоогле.цом цлосе
цитирам затворена заграда.
А сада тражи за мачке.
Затвори сидро таг.
Дакле, ово је само једну врсту фундаментално нови детаљ.
Таг наравно, другачија.
То је име за сидро хреф или Хипер референца.
>> Али што је још важније, ту је Ова карактеристика Синтактичка овде.
То је оно што ћемо почети цаллинг Не ознака, али атрибут.
А атрибут је нешто што модификује понашање ознаке.
И ово својство, хреф, средства изменити понашање ове сидро
тако да када се кликне, иде на ову УРЛ адресу овде.
И наравно, да је УРЛ адреса је Гоогле.
>> У међувремену, шта је ово тект хере ће бити?
Па, то ће бити шта заправо људско
види као подвучени Линк, као једноставан као тај.
Па хајде да пробамо ово.
Дозволите ми да сачувате.
Још увек сам у хелло.хтмл.
Али у верзијама на мрежи, видећете стварни имена фајлова смо унапред припремљеним.
Пусти ме да идем напред и поново.
И сада је врло ундервхелминг страна и даље.
Али, ако сам лебди изнад тамо-- и то је мало мала,
али- можете видети у дну левом углу екрана,
то заиста иде на гоогле.цом.
А ако кликнем да, хоће умутити ме пут до стварног Гоогле.
>> Али приметите овде прилика за експлоатација, као страну.
Па ћемо се вратити у друго питања безбедности пре дуго.
Зато што је ово дихотомија места где идете и шта ви кажете,
можете да урадите нешто слично ово-- хттп://ввв.гоогле.цом.
У реду, а сада да сам релоад након снимања ту страницу,
Изгледа као да идем на Гоогле.
Али нема разлога да Морам да идем на Гоогле, зар не?
Ја стварно могу да идем у тако нешто бадгуи.цом, поново страницу овде.
И обавештење, још увек изгледа као Гоогле.
И само ако сам оштар Довољно да задржите овде
ја видим да чак ће се иди на другу локацију.
>> Дакле, ако сте икада стечен е-маил, а посебно
један из Паипал, или наизглед од ПаиПал
тражећи од вас да се пријавите на ваш рачун, ово
Зато никада не треба да икада кликните везе у е-пошту,
Искрено, било везе у е-поште.
Ако знате да имате стварни новац у банци или Паипал
Америке или Фиделити или било Вебсите, ручно га укуцајте.
Јер гле како је лако превари некога у представи оно
изгледа као линк.
Али то је заправо могао иди апсолутно нигде.
>> А ту је и много већи претње од овога.
У ствари, ово је мало од тангенте, али један
од најбољих које сам икада видео који је од тада затворена,
Да ли је неко водио људи да-- тако да могу рећи,
кликните овде да бисте се пријавили на ваш рачун, рачун у банци.
И то је био Банк оф тхе Вест.
>> Дакле, неко је купио ово.
И то је мало лакше да видим то у моно распоређени фонт зумира
у на 30 метара пројектора.
Али када је мала слова у Емаил да примате,
ово изгледа као банкофтхевест.цом, Не банкофтхеввест.цом,
који је неко платио $ 10 да купи.
А онда их је довело до еквивалент неког лошег сајту.
>> И видећете најбоље урадио-- заиста можемо да урадимо ово-- ако одем у стварном сајту,
банкофтхевест.цом, опет, Подсетимо од прошлог пута
да ако је то њихова веб страница и сте радознали како то ради,
сигурно да одете на Цхроме је Девелопер Тоолс.
И можете видети све ХТМЛ лепо форматиран тамо.
>> Али више до тачке, Ви цам-- хајде цлосе
ово-- можете да одете на Виев Девелопер Виев Соурце.
Зашто не само копирајте све то и онда сам
може ићи у моју малу гедит виндов овде и направити своју веб страницу.
Сачувајте ово хелло.хтмл.
И вероватно ће ово сломити, јер то није обично ово лако.
Али сада, ако ја поново свој страницу моја ЦС50 апарата и ударио Релоад,
Ок, неке ствари сломио.
Али сам прилично близу да мој сајт банкарство, зар не?
Све ово ХТМЛ--
>> [Лаугхтер]
>> Давид Ј Малан: --И не стварно-- и
Знам да је неко тамо ко би заправо кликните и ове везе.
Дакле, јасно је, неке ствари сломио.
Али то ће се водити САД у дискусију,
непотребно сада, о томе шта ЦСС, Цасцадинг Стиле Схеетс, су,
и како сте ви скидање друге ХТМЛ фајлове
и ЈПЕГ датотеке ГИФ датотеке које сајт може користити.
Али све то је остварив.
Али заиста се своди на ови врло једноставне хеуристике.
>> Дакле, сада ћемо само ским путем неколико других примера ХТМЛ
Само да вам дати осећај шта још можете да урадите.
На пример, ово је лист.хтмл.
Претпоставимо Желео сам да направим веб страницу са листом кућа у куад.
Можда користити ул ознаку за унордеред Листа затим лист итем дете
а затим поновити овер-- или листе, ратхер-- куће у питању.
>> А ако отворим ово, хајде да урадимо ово.
Идемо да се не хелло.хтмл, већ да лист.хтмл.
Проклетство.
Како да поправим ово?
То је исто питање као и раније, зар не?
Дакле, дозволите ми да урадим цхмод-- оопс-- цхмод + Р на лист.хтмл.
А сада, ако се вратим у моју бровсер и кликните на Релоад, ту је.
Дакле, ако сте икада желели да нумерисана листа, можете да урадите то.
Ако желите да будете супер фенси и да Листа наредио, не несређене листе,
промените оне ол, поново страницу, и Сада прегледач ће га броја за тебе.
>> Шта друго да радимо?
Па, ако је пар Остали-- имате дуге параграфе тект--
на пример, неки Латински текст овако--
а ви то желите у одвојеним параграфима, отворен п, близу стр за став таг.
И то поново и поново.
И ако сам сад отворим овај фајл, параграпхс.хтмл, добро, ово
се нервира.
Дакле, сада ћемо да се вратимо на мој брз, цхмод а + Р Р звезда .хтмл--
лепо мало дивља картица тако кажем.
Она би требало да поправи све ови проблеми за мене.
Идемо поново.
Постоје три параграфа.
>> А сада идемо напред и отвори једно друго.
Како о сто?
Приметићете стол изгледа мало сложеније.
Али је исто идеја-- Опен команду, отворите Таг,
отворен, отвори, близу Таг, Таг отворен.
А ово се догоди да одстоји Табле, чија граница је очигледно
ће бити дебљине 1-- год да ред меанс-- таблица, таблица
података, што значи ћелију.
И ако се вратим на мој бровсер овде и идите на табле.хтмл,
можете видети нешто овако, грозно.
Али ми ћемо доћи до тачке где можемо да
чине ствари лепше од тога.
>> Дакле, дозволите ми предвиђају за сада.
Има гомиле од више ознака.
И ХТМЛ је дивно да покупите јер, искрено, све што треба да урадите
се погледати на постојећим веб страницама са којим сте упознати.
И ти си као, ох, тако они су ово урадили естетски.
>> Или можете погледати сваког онлине ресурса како ХТМЛ функционише,
и видећете да постоји Цела вокабулар других ознака.
Али са једноставним менталном моделу сама да готово свака ознака отворите
мора да буде заиста затворен, не довољно да себе подучава
ХТМЛ после разуме ове основне идеје тагова
и атрибути и добро формеднесс да смо разговарали о,
затварање све што смо могли отворити тако да не збуњују бровсер.
Хајде сада да ово занимљивији ниво
одласком на стварни.
И идемо у мој Мац Овде, на гоогле.цом.
А сада нотице-- да урадимо ово.
Ја гонг да одем у Подешавања, Подешавања претраге.
Желим да искључите ову досадну тренутак Резултати ствар одмах, где је
почиње реагује на ваш куцање.
Хајде да урадимо ово старију школу тако заправо видимо шта се дешава.
>> Зато ћу да спасим Подешавања Гоогле овде.
А сад нотице-- ћу тражи нешто попут мачке.
И то увек ради ауто Комплетна овде, али на основу тога
људи су откуцали у прошлости.
Али погледајте шта ће се догодити.
>> У УРЛ у овом тренутку је ово, само гоогле.цом.
И технички, то је Сласх.
Гоогле Само чувања карактер а не да нас то показује.
Они су нам показују хттпс, само да будемо супер охрабрујуће да смо
на сигурном или криптована страна.
>> Дакле, дозволите ми да само напред и тражити мачке.
Сада ово има јако огромна брзо.
Погледајте дужини ове УРЛ.
Али испоставило се да је већина ових ствари у УРЛ је заправо прилично бескористан.
Ја ћу почети брисање ствари које не разумем.
Видим мачке.
Разумем мачке.
Ја не знам зашто мачке су тамо поново.
Ја стварно не знам шта је ово глупост је.
Тако да сам само ћу задржати истицање и брисање ствари
да не разумем, дестилацију УРЛ у управо ово.
>> Сада да се уђе поново.
Изгледа као да Гоогле и даље функционише.
Дакле, из неког разлога, они додајући Много ствари се њихове УРЛ би дефаулт.
Али то није стриктно потребно.
Дакле, шта је лепо у вези овога?
Па, пусти ме само напред и отвори Цхроме инспекторе.
Постоји мали миш пречица за то.
>> Идите на картицу Нетворк.
И сада пусти ме релоад Ова страница још једном.
И држим Схифт.
Узгред, бровсере имају тенденцију да кешира или сачувате
информације само ради ефикасност екипе.
Али обично, холдинг Схифт и претовар ће приморати све
да почне од почетка.
И то је оно што желим да радим овде.
>> И приметио све ово редова који се управо појавио.
Испоставило се да је у датом веб страница, можда постоји само један фајл
инволвед-- хелло.хтмл-- или тамо може бити 52, као у овом случају.
Када сам посетити гоогле.цом, Очигледно, мој бровсер
почиње 52 одвојене ХТТП захтева.
Зашто је то тако?
>> Па, погледајте шта је унутра ове веб странице горе.
Нема само текст, али има стварне слике
мачака у десно.
Постоји шарени лого овде у лево.
Има све од ових икона за микрофон и тако даље.
Има доста комада, изградње блокови, Греб комада, ако хоћете,
на овој интернет страници.
И шта ради на бровсер добијања прву датотеку, која
је ово ред овде, она је у суштини итератинг преко ХТМЛ врха
до дна, с лева на десно, у потрази за ствари као што су слике ознаке или друге ознаке
који се помињу друге фајлове и кад их види, иде и нађе их
преко ХТТП, одржива цела коверта метафора,
а затим их приказује у одговарајућа локација на веб страници.
>> Али, приметио овде ако се фокусирам на Први бацање, претрагу Цатс,
приметити да, заиста је то користи ХТТП 1.1.
И нажалост, Гоогле Цхроме сада у верзији 39
је некако утиче на опадање ствари доле и нам не показује стварну заглавља.
Али оно што је заиста послат је захтјев за не сласх, али / сеарцх? к = Цатс.
>> Сада, зашто је то важно?
Па, ја ћу закључити од тога да, ако Гоогле
подржава упите овог обрасца, зашто зар не имплементира свој претрагу
мотор ЦС50, али само предњи Енд, само графички кориснички интерфејс.
И ми ћемо препустити задњу крај, Резултати стварни претрагу Гоогле.
>> Како могу да урадим ово?
Па, пусти ме у гедит овамо.
И пусти ме да одем напред и отвори се, рецимо, нову датотеку.
И ја ћу се сачували привремено као сеарцх-0.хтмл.
И онда на крају, ми брзо ћу напред на који сам унапред припремљеним.
>> И ја ћу се брзо спремим тип доц
ХТМЛ отворена заграда хтмл затворена заграда ХТМЛ.
Онда ћу да урадим главу затвори главе отворена наслову ЦС50
Претрага уместо Гоогле претрагу.
Овде ћу имати тело, доле близу тела.
И сад ми треба ЦС50 Сеарцх.
И заправо, хајдемо изградити ово постепено.
Идем да иде напред и затворите ово и заправо ставио у мом јавном директоријуму.
Дакле, дајте ми само један тренутак.
Тражи-0.хтмл-- ћу привремено га зову сеарцх.хтмл.
Ја ћу га цхмод а + Р сеарцх.хтмл.
А сад ћу да га отворим.
У реду, тако да је било брзо.
Али циљ је био једноставно да нас до тачке
да имају овај текст филе под називом сеарцх.хтмл.
Дакле, не много да погледамо још.
Заиста, ако одем у моју бровсер, и идите на сеарцх.хтмл, то је све што је.
Али знаш шта?
Могу да будем мало одгајивача.
Прочитао сам у књизи која има наслов таг зове Х1.
И ја ћу да наставим и користи се отварају Х1 и затвори Х1.
Релоад тхе паге.
А сада је већи и смелије, Није све то интересантно,
али барем структурно занимљивији.
Али сада дозволите ми да представим још једну ознаку.
Испоставило се да има облик ознака.
И дозволите ми да затворим ту ознаку.
И испоставило се да постоји улаз ознака која
има атрибут зове тип, који је врста података на терену,
ако хоћете.
А ће бити типа текста.
А његова вредност се дешава да буде ЦС50 претрага.
Цлосе таг.
И тамо ће бити појам отварање и затварање са посебним ознакама.
>> Дозволите ми да се вратим овамо и види шта се дешава, поново.
Постаје интересантно.
Изгледа као да је текст поље.
И заправо, нисам хтео ставити вредност стигли.
Пусти ме да се вратим овде и заиста се ослободити од ове вредности да буде једноставно.
Уместо вредности, оно што сам желео да би се ово је име.
И ја не знам шта је то, па ћу се вратити на то.
>> Али испод тога, ја желим да радим инпут типе = субмит.
И ова вредност ће бити ЦС50 претрага.
Па ћемо видети зашто сам преселио вредност на то.
Када сам поново, чини ми се да сада Почеци мог сеарцх
Мотор, супер грозно, мада искрено, то је
Није далеко од онога што бацање Гоогле-ов подразумевани страна изгледа.
>> Ако одем сад овде, ја могу унети мачке и надамо кликните Сеарцх.
Али нисам сасвим готова, јер нисам спроводе,
очигледно, база података.
Нисам индексирао Веб резултате претраге.
Тако да је потребно да се ангажује да на Гоогле-у.
Дакле, како да радим ово?
>> Па, пре свега И треба додати и акција
приписују Моја форма командом је хттп://ввв.гоогле.цом/сеарцх.
И знам да само од обавезе закључити гледајући блиско
код њихове УРЛ.
А сада да претпоставите.
Шта би требало да ово поље текст вероватно бити позван, на основу тога где смо дошли
од раније?
>> ПУБЛИКА: К.
>> Давид Ј Малан:? К.
А не стварно треба питање означи испоставило се, али је заиста то К,
К за упит вероватно Уобичајено, само зато што је то
шта Лари и Сергеј дошао до пре неколико година.
Дакле, сада ћемо поново ову страницу.
То не изгледа све то другачије.
Али сада гледајте шта се дешава.
>> Ако сам тип у мачака и кликните ЦС50 Сеарцх и пусти,
приметио сам се пребацили гостовању стварног Гоогле.
Сада, Гоогле је мало нервирају у томе су
додавање додатни параметар, ако хоћете, на УРЛ.
То је све догађа аутоматски на Гоогле страни.
>> Важан део је да сам изгледа да генеришу тај захтев овде.
И заиста, то је оно што се дешава.
Када имате ХТМЛ то изгледа овако, ово
је врста веб-програмери нотација да се каже, само напред и направи образац
да када је поднет, то ће ићи на ову УРЛ адресу.
А када УРЛ адреса пружио вредности за ствари као што су к,
не иду само на ову УРЛ адресу.
Заправо, идите на питање Марк и онда К = Цатс.
Додати параметар, ХТТП параметар тако.
>> И само да будемо прецизни супер, шта се закључити овдје--
али ја ћу бити екплицит-- је да метод желим да користим
је да, уместо нешто попут Пост, који смо на крају ћемо видети.
Дакле укратко, једноставно разумевање ХТМЛ и користи неке прилично једноставне ознаке,
сада можемо почети да створи наш предњи крајњи корисник
интерфејс са претреса Мотор иза њега.
>> Али ово наравно, прилично је одвратна.
Дакле, дозволите ми да стварно отворим мало боља верзија.
Ово је један припремљен сам унапред да има неке коментаре.
Али видећете да сам прилично га поново.
Дакле, ово је већ доступан на мрежи.
И догодило се превентивно идите на хттпс само да буде једноставно.
>> А сада да се отвори следећа итерација ово.
Је верзија 1 уместо 0.
Оно што искочи на вас као мало другачије у овом примеру?
>> ПУБЛИКА: [неразумљиво].
>> Да, ту је овај текст алигн центар.
То је мало чудно овде.
Али ово је заиста ново.
И можда знате шта ће се догодити.
Ако одем у претраживачу сада и посетите сеарцх-1.хтмл,
то је готово иста ствар.
Али то је корак ближе је мало лепа.
И даље је ружно, али лепше у томе барем све је сада у центру.
>> Тако испада да је оно што користим је још један језик зове сасвим
ЦСС, Цасцадинг Стиле Схеетс.
И ЦСС, искрено, је добра о, по мом личном мишљењу,
атроциоусли дизајниран језика.
Веома је неугодно да се сетим Сви различити детаљи.
Али то је оно што стилизује Цео свету веб данас.
Ја увредио некога.
У реду.
Па хајде да се вратимо овде и види Како смо заправо користе ово.
И испоставило се, барем то је заправо прилично једноставан језик.
То је само кључна вредност паровима, некретнине и вредности, особине и вредности.
Заиста, овде је један таква имовина и вредности.
>> Једноставно коришћењем стил атрибут на мом телу таг
И то даје вредност Реч дебелог црева и неку другу реч,
или имовине и вредности, Ја могу да утичу на естетику
веб странице, а не нужно ипак структура,
али естетика њега.
И само Гооглинг около, схватам да ЦСС Цасцадинг Стиле Схеетс,
подржава имовине под називом фонт-фамили, чија вредност може да
се лево, десно, или центар, на пример.
>> Дакле, сада када сам поново Ова страница, шта ја нисам добио
је центриран страница, али и даље прилично ружно.
Идемо напред и отвори до верзије 2 Сеарцх.
А сад приметио сам урадио мало више.
Приметите да овде унутар главе таг, не може бити више од наслова.
У ствари, постоји стил ознака.
И ово је место где то постаје све мало неуредан виђење ЦСС понекад.
>> Обавештење да Изгледа да сам нешто да структурно изгледа сасвим другачије.
Али овде је име ознака желим да стилизована.
Ево су наши стари пријатељи коврџава протеза и затворене коврџава браће.
И онда је у томе имовине и њена вредност.
>> Ако сам учитати ову датотеку, сеарцх2.хтмл, Крајњи резултат је идентичан.
Али то је корак ка бољем дизајну.
Би факторинга овај ЦСС, имам не измешани са мојим ХТМЛ.
И заиста, као што ћемо видети, да могу поновну употребу ове особине и вредности.
Да сам хтео да се гомиле делови мог веб страници центриран,
Ја не морам да стиле типе = тект-алигн центар свуда.
Ја могу ставити на једном месту можда, свиђа се на врху.
>> Али ни то није најбољи дизајн.
У ствари, једна од ствари које ћете научити како сте провели више времена са
веб програмирање је да више не може модуларизе ствари и фактор ствари
Као .х фајлова нас пусти фактор ствари напоље, Свиђа хелперс.ц Пустите нас фактор ствари
Пре неколико псетс.
Слично, можда ћемо Желим да се то постигне.
>> Дакле приметити у верзији три сеарцх.хтмл имам
почистио шеф страна и само ставити
у томе, веза Таг, који супротно називу,
не даје хипервезу.
Она повезује на другу датотеку путем хреф чија је вредност у овом случају,
је потрага-3.цсс
Тако да схватим да смо брзо идемо.
Али све што радим је мало покретних ствари око.
Дозволите ми Опен Сеарцх-3.цсс.
Ту је, ништа да би их стварно.
Само копирати и преносити их у нови филе, слично као што се укључи ствари ван
у друге датотеке пре.
И резултат-- потпуно ундервхелминг--
ће бити потпуно исти.
Али крећемо товард-- не, није.
Ох, ја знам зашто.
>> Тако да се чини да је буба.
И то је у неком смислу.
Али дозволите ми да отворим своју картицу Нетворк.
Дозволите ми да поново учитате страницу.
Ах, зашто се ЦСС не примењује?
Па, ЦСС датотеку, слично, има да се свет читљив, да тако кажем.
И то такође је тренутно забрањено.
Дакле, дозволите ми направити цхмод а + Р звезде дот ЦСС-- вхоопс--
ми смо ДОТ ЦСС само Филе Ектенсион за ЦСС фајлове.
Сада да се вратимо на Моја прегледач и поново.
Ок, мало боље.
>> Сада пусти ме да радим једну ствар.
У сеарцх-4.хтмл.
Имам верзију која сам мислила био фаца, мада много више
компликовано.
Погледајмо најпре резултат.
Затворите овај да нам дају више простора.
Промените то тражи-4, Ентер.
>> А сад гомила ствари су сломљена.
Ја ћу да се вратим у мој директоријум овде.
А сада ћу да радим цхмод о + Р на филе--
јер знам да се зове екистс-- лого.гиф, која је слика.
А сада поново.
И вов-- тако сада сам прилично близу, искрено,
да воле верзију Гоогле-у 1999, и искрено, верзија Гоогле 2014,
зар не?
>> Тако да је сада ће њиховом сајту, На крају крајева, ако се тражи за мачке.
И заиста је.
Али шта ја радим другачије у овој верзији 4?
Дакле, нећемо задржавати превише на томе овде.
Ви ћете видети у проблему сет седам крају.
Али приметио сам неколико ствари.
>> Увео сам Див ознака, који је подела,
слични по духу до став ознаке.
Али, подела је као, ево правоугаони невидљиво област
екрана.
Хајде да јединствени идентификатор, фоотер, само
тако да можемо говорити о она у нашем ХТМЛ другде.
Овде је још један див странице чија ИД ће бити садржај.
То је садржај странице.
И овде је заглављу странице.
>> Другим речима, ја сам у суштини у ХТМЛ ам ментално
прегледају ову Веб страницу као три компоненте, хеадер
овде са том невидљивом правоугаоника, Садржај у средини, а затим
фоотер доле, чак и иако ми не видимо те ствари.
Зато што желим да у мојој глави паге овде, или у .ЦСС датотеци,
Ја могу да користим ову синтаксу.
>> Хеадер није ознака.
То је ИД испоставило да кроз рад #хеадер,
Ја сада могу применити један или више својства у заглављу.
Ја могу да урадим исти садржај, исто за садржај.
>> Тако, на пример, у подножју, обавештења све ове особине ја додавање.
И ја знам да постоје само за читање се на документацији за ЦСС.
Величина слова ће бити смаллер-- па нека релативна величина фонта.
Тежина ће бити храбар.
Маргин-- Како Велики број пиксела око то-- је 20 пиксела.
И то ће бити центриран.
>> Али сада, страница изгледа овако.
Ако нисам задовољан моја копија тамо,
Ја могу да урадим нешто слично црвеној боји.
И онда се то спасити, релоад, а сада сам стилизован фусноту.
Дакле, ово је само алудирајући на власт шта можете да урадите у веб страници
да промени ствари.
>> Па чак и хладнија од овога, ако желите мота около са стварним сајтовима,
Ви не можете да их трајно променити.
Али, ако ја отворим Цхроме инспектор поново
а ја не идем у лијевој страни Овде, што показује на Фацебооку ХТМЛ,
али показује на десно ханд сиде сву своју ЦСС,
можете или и мењају ствари у ходу.
Дакле, дозволите ми да само напред и урадите то.
>> Пусти ме да идем напред и контрола кликните на овај случајном реч овде,
потпише и кликните Инспецт елемент.
Цхроме веома повољно скаче Х1 ознака да је Фацебоок користи.
И приметио овде Фацебоок има мало лењо
фиксирана фонт сизе као имовина овде.
>> Дакле, добра ствар, иако је да ако сам стварно одем унутра
и кажу, ох, Фацебоок, ја то не волим 64 пиксела, сада може да промени Фацебоок.
Наравно, ми смо само да мењају лично у овом тренутку за мене.
Али то је само једна алат у нашем комплета алата
који ће нам омогућити да подесите и схватити и дијагнозу
питања у нашој веб страницама.
А ми Слично могли ићи преко Овде, што је иста ствар.
Ако заиста желите да се фенси, ја Мислим, сад стварно може да мутира страницу
и раде луде ствари.
>> Зашто је све ово корисно?
Па, на крају, ми смо хтети да буде
у стању да створи веб странице које су вођени сопственим леђима сврхе,
не само Гоогле и оутсоурцинг задњу крај тамо.
Ми заправо желимо вредност, на пример,
акције нашег претраживача приписују да не иде у неком другом,
већ да нешто слично сеарцх.пхп, где сеарцх.пхп је на нашем серверу,
не на туђе.
>> Па да се тамо, заправо треба да се уведу нови језик.
Тако да смо већ гледали једне нове језика овде, или два заиста, ХТМЛ
и ЦСС.
Али они заиста су само структурне и естетске језика.
Нису програмирање Језици по себи.
И то је отприлике толико формално Време као што ћемо потрошити на њих.
Јер ћемо почети сада транзиције у ПХП.
>> Дакле, ПХП је стварна програмски језик.
То је скрипт језик у смислу да је то
требало да буде лакши тежина него нешто попут Ц.
И то је тумачи језик, што значи да није саставио.
Дакле, у суштини, шта то значи када смо користили језик као Ц
и ми смо морали да га саставе?
Шта то значи да се саставити Ц изворног кода?
ПУБЛИКА: [неразумљиво].
Давид Ј Малан: понављати?
ПУБЛИКА: [неразумљиво].
Давид Ј Малан: Савршено.
Ит претвара у бинарни.
Ит претвара у нуле и јединице од стварног Енглески-као изворног кода.
И онда можемо да рун оне нуле и јединице
пролазећи кроз њих Процесори дуплим кликом ицон
или покретања наредбе.
>> ПХП и Питхон и Руби и Перл и ЈаваСцрипт
и гомиле друга језици су интерпретирани
Језици, који ће рећи их не саставити.
Уместо тога, ви их хранити као инпут за Програм се зове преводиоца.
И то преводилац, који је неко други написао,
чита свој изворни код врха до дна, лева на десно и само тумачи
те линије и ради оно што ви кажете.
>> Дакле, ако наиђете Линија која каже штампање,
не мора претворити принт у одговарајуће нула и јединица.
То само има ту преводиоца као велика ако услов који каже,
ако упуте програмера је штампање, а затим урадите следеће.
Тако да га тумачи само по врсти образложења
кроз оно што ви то кажете да уради.
>> И ПХП је један од ових језика.
А пре ПХП година је дизајниран управо за веб програмирање.
И то је било у почетку Веома аљкаво неуредан језика.
И заиста, постоји огромна износ лошег ПХП кода тамо.
Али сам језик сазрела током година,
толико да сада је заправо диван следећи корак
педагошки из Ц, јер је то тако проклето познато свему
сте управо видели у последњих неколико недеља.
>> Један почетни разлика видећемо је више нема главна функција.
Када почнете да пишете код, то је само ће се извршити без обзира на све,
као што ћемо видети у тренутку.
У међувремену, ево шта променљива изгледа у ПХП.
То је мало другачији, али једва.
>> У ПХП, нема јак куцања.
Има недеља куцања, који само значи да
су типови података као што су стрингс и бројева и друге ствари.
Али ти не смета прецизирајући шта више су.
ПХП га схвати због тебе.
Знак долар је само одлука да ПХП људи су годинама
Пре тако било која променљива у ПХП тек почиње са знаком долара.
То је заправо врста корисна тако скочи на вас мало.
>> Али после тога, ова је стање у ПХП.
Шта је другачије у односу на Ц?
Трицк куестион-- ништа, која је заправо веома лепо.
Боолеан изрази у ПХП-- исто.
Боолеан изрази са и Версус или, прекидачи, петље, петље, лоопс-- реду,
Ово је другачији.
>> Тако испада постоји Неколико других функција у ПХП.
Један од њих је заправо ово, која је предивно згодно.
Ако је $ бројева је низ који немаш проглашен је раније у програму,
имате ову фенси за сваки конструкт да уместо да све то
неугодно ми једнако 0, и није мање од овога, [? И ++?],
за сваки број као број, где сваки тих Доллар сигн вредности само
променљива, а други можете мислити као о И.
Можете га звати како год хоћеш.
Назвао сам га број.
Ово ће се поновити у низ бројева се зове.
И на свакој итерацији, то је ће се аутоматски ажурира
за тебе долар знак број променљива, тако да стално
имају приступ променљивој желите без никакво квадрат брацкет
нотација или индексирање у низу.
>> Осим тога, чак имамо ствари као што низови, који изгледају готово исто,
осим што је уобичајено, као што ћемо види, како у ПХП и ЈаваСцрипт
до пре инитиализе низ користећи угласте заграде.
Ц користи витичасте.
Тако да је мало другачије, иако нисмо баш користили тај трик много.
>> Али, још снажније, ПХП има асоцијативне низове,
што је фенси начин да се каже хасх табеле.
У ствари, ако желите да прогласе хасх Табела у ПХП, за разлику од ц-- колико
линија кода је било потребно да заиста примени хеш табели у Ц?
Или колико се редова кода је то узимајући да спроведе хеш табели у Ц?
Дакле, то је вероватно много, зар не?
То је неколико десетина, можда 100 или 200.
То је нетривијална.
Или се ради о бити, као ускоро ћете видети, нетривијална
да спроведе хасх табелу [Неразумљиво] и покушај.
Али у ПХП-- и искрено, ја вероватно не би требало да вам кажем
до понедељак-- у ПХП, ако желите табелу, урађено.
То је тако хасх табле-- са једном линијом кода.
И
>> Много језика то.
Забавите се са псет пет.
Дакле, много језика ово.
Они вам ове апстракције да другим људима, другим програмерима,
су створили за вас, тако да можете стајати на својим раменима
и почнете да користите идеје које су супер убедљив, као и хасх табеле и дрвећа
и труди.
Али ви не морате да имплементирати те сами ствари.
>> И тако на крају, оно што ћемо користити ПХП
је потенцијално писање програма на тзв командној линији.
Могли бисмо поново сваки програм ми смо до сада написао овај семестар,
осим можда Бреакоут који користи СПЛ, који је специфичан за Ц у овом тренутку.
Али сваки други проблем сет, свакако Марио и Цезар
и Вигенере и [? Црацк?] И надаље, ми
могао поново имплементирати у ПХП, и Вероватно мало лакше.
>> Али шта ми на крају идемо користити ПХП јесте веб програмирање.
И ми ћемо увести Следећа седмица ментални модел, парадигма се зове
ДСЦ, модели поглед контролер, који, ако сте урадили програмирањем
раније у Питхон или Рубин или другде, можете
Можда знате ове екипе са Шине и Дјанго и слично.
Али ако сте нови у И ово, видећете
да је ово заправо веома природан продужетак факторизација
и врста дизајна кода које смо
радили у Ц. Идемо сада применити неке од тих лекција за ПХП
тако да на крају, ми смо спровођење наше сајтове.
А ако си некако хипнотисани или задивљен
да ћемо да урадимо све тако брзо,
схвате да скоро сваки семестар, скоро 90%
студентских ЦС50, укључујући и оне који никада нису програмирани раније,
завршити доношење коначних пројеката који се заснивају на веб програмирање.
Па ћете видети да се враћа су високе у недељама које долазе.
Дакле, видимо се онда у понедељак.
>> СПЕАКЕР 1: А сада, Дееп Мислима Давен Фарнхам.
Хасх табеле.
>> [Лаугхтер]