>> СПИКЕР 1: У, реду добродошли назад.
Ово је ЦС50.
И то је почетак недеље девет.
И то је почетак краја Ваше време у ЦС50, у којој смо
транзиција сада, коначно, на Интернету аспект курса, где ћете
да је много тога од основа које смо извоз недељама
ипак врати у посету, или прогањају, нас.
Али сада, видећете да је то ред величине лакше
оствари одређене задатке и решавају одређене проблеме -
толико да чак и ако сте мислили одређеног проблема сета било је забавно у њиховом
свој начин, мислим да ћете наћи да је П сет 7, стр сет 8, а затим,
на крају, коначни пројекат ће бити све више задовољавајући јер ћете
сматрају да почнемо да узимамо здраво за готово Сада се ствари воле управљање меморијом, и
показивачи, и шта се дешава на испод хаубе.
И опет, тематски, током целог семестар је ово слојеви
и наношења слојева.
И сад смо некако до овде, стојећи на
раменима протеклих недеља.
>> Сада, сећам из прошлог времена које смо говорио о томе како Интернет радио.
И то је можда упрошћавање, али запамтите да
сваки рачунар на свету има ИП бави, мада је то мало
упрошћавање и даље.
И те адресе се користе за јединствено идентификују машине тако да
када пошаљете податке, или пакете, да тако кажем, они могу имати порекло
адреса и одредишна адреса.
И ти исти ИП адресе може да се користи и за добро и за зло,
пратити вас, на пример.
У ствари, свако од вас са лаптоп отворите сада, или телефон у
џеп, има ИП адресу на Харварду мрежи.
И то није све што је тешко да се корелирају то ко и где
су ових дана.
Али више о томе можда у будућности.
>> Сада Мислио сам да вратим неке сећања [? побољша] и дати вам?
још један снимак од Вам покажем Можда је познато.
Ако бисмо могли Дим светла за само неколико секунди.
Емисија Нумб3рс.
>> СПИКЕР 2: То је 32-битни ИПП4 адресу.
>> ПРЕДСЕДНИК 3: ИПП, како на интернету?
>> СПИКЕР 2: Приватна мрежа.
Да Амита приватне мреже.
Она је тако невероватна.
>> ПРЕДСЕДНИК 3: Хајде, Чарли.
>> СПИКЕР 2: То је.
Огледало ИП адреса.
Она је дозволила да гледамо шта она ради у реалном времену.
>> Звучник 1: ОК, тако пар ствари није у реду са овом сликом.
Дакле један, а ово је прихватљиво, ово је заправо
није исправна ИП адреса.
Важећа ИП адреса мора да буде бројеви од облика в.к.и.з, где је сваки од
та писма је од 0 до 255.
Али, то је у реду, јер као филмови где су лажне телефонске бројеве,
они лажирају ИП адресе.
Зар ти стварно ударио праве сервере.
>> Али, пазите, то је прегледач.
И претраживачи не почне добијање рачунар код овако.
А ако погледамо мало дубље, приметити да језик који они виде
на екрану се језик зове Циљ Ц, који је језик у
иПхоне апликације које су написане, посебно оних који се односе
бојице, као што можете видети из изворни код овде.
>> Ок, мислио сам да је то смешно.
Дакле, овај исечак кода је апсолутно нема никакве везе са оним што овај
Посебно епизода је о.
Дакле, виц је врста на људе узимајући за то одобрено.
Али, то није све што је тешко добити ови технички детаљи право.
И ја бих вас охрабрити.
И заиста, 50 може врло добро плен много ТВ емисија и филмова или сте
јер ћете наћи да је то само није могуће оно што су
раде на екрану.
Али, заиста, ово је код који сте може видети да је у иПхоне апликација
или Мац ОС апликације.
Она нема ништа уопште везе са безбедношћу.
Дакле, држати на оку за више тако забавно такве ствари.
>> Али данас смо почели да зароните у стварно дубоко у читав низ језика.
Заиста, један свеобухватни Такеаваис овог дела
Стаза није да научите како да програмирате у ПХП-у, не да уче СКЛ по себи, не
да науче ЈаваСцрипт по себи, већ да се научи како да се учи
иоурселф нове језике, јер, заиста, почнемо да се сада
Тренинг точкови ван тако да после Наравно да је крај, да не очекујем 20
страна спецификација да вам кажем како да спроводи неки програм.
Имате довољно састојака у вашој ум, и довољно алата у вашем алат
комплет, са којом би успоставила решења проблема од интереса за
сте за неке студенте групе, за неке истраживачки пројекат, или стварно нешто
од интереса за вас.
>> Дакле, у том циљу, подсетити да је то слика коју је нацртао последњи пут.
А ово је два рачунара, а клијент север, говоримо једни другима.
А протокол, језик, тако да говоре, да ова два рачунара десити
да говори се зове ХТТП.
А то је само протокол користи Рачунари за пренос података преко
Ворлд Виде Веб.
Веб је, наравно, само један сервис који ради на врху
тзв интернету.
Оно што је још један сервис доступан на врх интернету ових дана?
Неки други протокол или - шта је то?
>> ПУБЛИКА: ФТП.
>> СПИКЕР 1: ФТП.
Дакле, Филе Трансфер Протоцол је још један.
Већина вас вероватно нису га користили.
Али, већина вас вероватно користи ствари као што су Гцхат, или инстант
порука уопште, сигурно е-маил.
А они, такође, су сервиси који се покрећу врх од интернета, јер, на
Крај дана, сама интернету заиста само добили податке од тачке А до
тачке Б. И користи бројне честице себе, један од њих или два
од којих већина уопште зове ТЦП / ИП, што ће рећи да је један компјутер на
Интернет може да буде раде различите ствари, е-маил,
и интернет, и тако даље.
Гоогле ради много тога.
Па како су они јединствено услуге идентификовани, смо рекли, на рачунару
да би се заиста ради више ствари?
>> Број порта.
А ово су само произвољне људске конвенције као што је интернет 80, 443 је
кодиран веб, 25 је е-маил.
А ту је и прегршт других.
И ти бројеви су једноставно укључени у те пакете информација, они
виртуелни коверат, који заправо садржи захтев или одговор.
>> Дакле, када се вратим одговор од веб, обично, не видим ниједну
Бројеви уопште у погледу Статус код одговора.
Ти стварно не видим иза сцене
пакети који долазе назад.
Али 200 заиста значи реду.
А то значи да је све у реду.
Можда сте видели гомилу њих.
Који је вероватно најчешћи Видели сте на Интернету?
>> 404.
То само значи да датотека није пронађена.
То значи да је неко зезнуо.
Ти си тако мистипинг УРЛ, или неко други је дајући вам
неисправан УРЛ, или су избрисане датотека и УРЛ адреса је и даље
користе људи.
Дакле, било који број разлога може објаснити зашто фајл није пронађен.
И видећете, у недељама које долазе, ови остали кодови грешке, а ви ћете
искористите неке од њих.
Најгоре је 500.
Ако добијете 500 грешку у коду сте написано, мислите о томе као врсти
аналог СЕГ грешака у свет веб програмирања.
То није толико лоша.
Али, то само значи да је, негде, ти зезнуо.
Дакле, радујем се оне.
>> Али, хајде да видимо да ли можемо види ово у контексту.
Пусти ме на претраживачу овде и урадите следеће.
Дакле, ово је Цхроме, који се дешава на бити инсталирана у уређају.
Али, скоро сваки претраживач ових дана има неки еквивалент функционалности.
Ја ћу да идем горе на мени Цхроме, и идите на Тоолс, а ја ћу да идем
до Девелопер Тоолс.
И видећете да је ово мало веће отвара у дну прозора.
Још једна пречица, да будем искрен, да сам обично користе је да сам десни клик
Контрола или кликните било где на Интернету страна и само идите за преглед елемената.
И то не само да ће отворити ово за вас.
Такође ће отворити, посебно, Елементи део о
лева страна.
>> Дакле, ми смо, наравно, виде Гоогле.
Они су променили свој лого данас.
Али, ако сам на дођите овде, приметити да у елементима, можете видети
оно што се зове ХТМЛ, ХиперТект Маркуп Језик, а то је језик
да овај и све веб странице, Заиста, пишу ин
Али, то је заправо форматирана за нас много више читљиво
него што је нормално.
У ствари, ако умањите, а ја уместо тога само кликните десним или Цонтрол кликните
кликните на страници, а затим идите на Виев Страница Извор, то је оно што буквално
Гоогле је послао у моју претраживачу.
>> Дакле, нека особа или особе написао Гоогле.цом коришћењем овог изворног кода.
Већина то није ХТМЛ.
То је заправо језик зове ЈаваСцрипт, која
доћи ћемо на среду.
Али шта Цхроме, а оно што сваки претраживач може да учини за нас, је некако види
поред свих сметњи у луд синтакса, и поново убаците празан простор
за нас, па чак и синтаксе, означавали или цолоризе ствари за нас.
Дакле, ви ћете наћи да ови такозвани развојне алате уграђене у претраживачима
ће учинити ваш живот много, много лакше зато што можете да истражите, преко овог менија
интерфејс, шта је основни изворни код за
свака страница на интернету.
И заиста, ово је један од највише ефикасних начина да научите како да то урадите
нешто ново, барем ако је страница није толико сложен да се затрпати, је
за почетак цепркао је ХТМЛ, погледајте на свом такозваном ЦСС, који ћемо доћи
на мало, као, да се разумевање како да програмер
спроводи неко посебно карактеристика странице.
>> Али, више занимљив технички право Сада ће то бити то.
Ако одем на Нетворк таб, хајде да то сада јасно.
Идем да кликнете мало укрштају симбол, а затим
идите на неки други сајт.
И ја ћу да куцате на Фацебоок.цом.
Не ХТТП, ХТТПС не, не ВВВ.
Хајде да видимо шта се дешава у ствари овде.
>> Ентер.
Сада обратите пажњу на гомилу ствари само појавио у овом доњем панелу, у
додатак на веб страници појављује у врху.
Идем да се помицати горе у Мрежа картицу овде, а ја ћу да
кликните на први ред.
Оно што овај алат ће да нам открије је сваки од ХТТП захтева
само да се брзо вратио и Прелазите мој прегледач
и сервера Фацебоока.
И тако сваки од тих редова представља један такав захтев или
одговор, једна или више од Та виртуелна коверта.
Или више лежерно, то је као особа као особа, купац у
ресторан, тражећи нешто опет, и опет, и опет.
А конобар држи доноси се вратио један по један.
>> Па сад, ако сам зум у ово, приметите и то ће бити једна од ствари
да сте добродошли и да подстиче да се играју са сами, јер смо
неће проћи кроз све у детаље.
Али приметити постоји Неколико суб табс овде -
Заглавља, Преглед, одговор, Колачићи, и тајминг.
Ја ћу само да погледате заглавља за сада, јер су мали
састојци из коверте тог помаже да се подаци добију и из места.
>> Дакле, прво, дозволите ми да ово ставку, Виев Извор поред заглавља захтева.
Постоји захтев да мој прегледач, Цхроме, у овом случају, послао унутар
да виртуелна коверта.
Сећате се прошле недеље сам ручно откуцали га док
претварајући се да прегледач.
Онда је подсетио да је то сервер у потрази за домаћина зове
Фацебоок.цом.
А онда је ту мало више волшебни информације да ћемо махати
наше руке за сада.
>> Али, ако почнем да се померите надоле сада у овај прозор, пусти ме да се
одговор заглавља.
То је било оно што је у виртуелни коверат који се вратио из
Фацебоок.цом.
И ако само кликните на Виев Соурце да види сирову текст о томе,
приметити неколико ствари.
Један, Фацебоок и говори исти протокол, верзија 1.1 истих.
Дакле, то је лепо.
Али статусни код 301, преселио трајно.
>> Па, где је, дођавола, Фацебоок је отишао?
Шта је то покушава да пренесе на нас?
Па, приметите овде постоји други заглавље зове Локација.
Па зашто је Фацебоок ми каже да су они трајно преселио у том УРЛ
поред локације?
Заборавио сам на ввв.
>> Дакле, то је био мој избор.
У ствари, већина нас ретко, вероватно, упишите ввв.вхатевер.цом ових дана.
Али, испоставило се администратор система, као што су Фацебоок, може
конфигурисати своје сервере на такав начин да било Фацебоок.цом ради, или
ввв.Фацебоок.цом ради, или, заправо, свака таква префикс испред својих
домена.
Дакле, они су то урадили за нас.
И они су нас преусмеравања, вероватно за неке техничке,
Неке од маркетиншких разлога.
Они само желе да цаноницализе на ввв.Фацебоок.цом.
>> Али то није баш тако.
Ако сам дођите овде, хајде да види шта се дешава.
Овај ми прича ми преселио се трајно
хттп://ввв.Фацебоок.цом.
Па хајде да погледамо други захтев да мој прегледач шаље.
Нажалост, изгледа као Фацебоок је поново прешао, јер други
захтев, бирајући уместо тога тај УРЛ, каже да је, такође, преселио
трајно.
И дозволите ми да помицати доле на одговор заглавља.
Где је сада отишао на Фацебоок?
>> Тако ХТТПС.
Дакле, Фацебоок је сада почела, посебно у светлу тренутних
догађаји у последњих неколико месеци, а посебно Такође у последњих неколико година
да примора све своје кориснике, у добру начин, да се користи ХТТПС, што је више
обезбеди, иако не у потпуности безбедна.
И сада ми је страна, мој бровсер је ће захтевати овај трећи УРЛ адресу.
И сада, на крају, добијамо иначе невиђено 200 ОК.
>> Дакле, оно што у свету, или све ови остали редови овде.
Буквално сам откуцао једну ствар, и мој претраживач изгледа да су тражили да
20 неке чудне ствари.
Шта је то?
>> ПУБЛИКА: Скрипте?
>> СПИКЕР 1: Скрипте, тако друге фајлове написана на језику зове
Јава, која, опет, ми ћемо погледајте мало у среду.
Шта још?
Шеми стилова.
Тако нешто на језику зове ЦСС, што ћемо видети у мало.
ГИФ и ЈПЕГ, ПНГ и, и слике, и филмске датотеке - шта год веб странице
је највероватније у облику датотеке.
И тако оно што видимо на левој стране се налази све датотеке
Цхроме који је за преузимање, рекурзивно, ако хоћете, да би се
састави целину странице.
>> Дакле, оно што смо видели малопре Гоогле, ако кликнете на елементима
картици, то, наравно, је ХТМЛ, језик који компонује ову страну.
Али постоји прегршт других ствари.
Постоји логотип.
Има оних плаво-исх Иконе тамо.
А ту је и остали елементи још увек на страна да би и сами бити
посебним фајловима.
>> Дакле, оно што је лепо о претраживача је да изгледа на језику смо кренули
да почнете да пишете, или сте већ почео да пише у П сету 7, личности
где ти фајлови живе, и иде и хвата их као добро.
И ја не могу довољно да нагласим, чак мада неки то можда звучи мало
волшебни или неодољив на први поглед, учење како да програмирате
апликација за Веб, то је непроцењиве вредности да разумеју како ове
мали алати раде.
То је нешто као ГДБ попут алата, али много једноставније, на крају, да користе -
и заиста вам даје очи у шта смо узимали здраво за готово за
већ неко време.
>> Дакле, шта да радимо сада са ова информација?
Па, хајде да ствари погледамо концепти основи ХТМЛ.
А ми ћемо одложити, као што смо већ, да секције ове недеље, на проблем
сет 7 спецификацију, на неке више појединости тих језика.
Али, хајде да видимо, ако не могу да сликам слика о томе шта треба да схвате
укупна овде.
>> Дакле ХТМЛ, ХиперТект Маркуп Лангуаге, није програмски језик.
Шта то заправо значи?
Дакле ХТМЛ изгледа овако.
А неки од вас већ знају.
Неки од вас су радили ово неко време.
Али, хајде да видимо да ли можемо попунити у неким празнине као добро.
Дакле, приметите овде пар ствари.
Један, то је само текст.
Дакле, то је исто као у изворном коду Ц, или неки други језик.
>> Обратите пажњу да изгледа да буде образац овде.
Постоји удубљење, али технички Увучен је само људски
конвенција.
А претраживачи не брине да ли је ново линије и картице као што видимо тамо.
Али, приметићете да постоји симетрије овде.
Ту је оно што ћу назвати, на врху овај фајл, отворени ознака, или почетак
ознака, зове ХТМЛ.
А онда, доле, савршено постројени се, слично као што радимо са заграда,
видимо отворена заграда, напред сласх, ХТМЛ, затворена заграда.
Тако да је то одговарајући близу ознака, или завршна ознака, за ту ствар.
>> Заједно, све унутар такозвани отворени ознака и ознака у близини
компонује оно што ћемо назвати елемент.
И видећемо, у само једном тренутку, то је Заиста ми се допада чворић у дрвећу.
Јер, ако мислите о томе сада удубљење које се овде подразумева, ви
некако су, као, деду или бабу чвор зове ХТМЛ.
Колико деце би сте рекли, на основу на овој слици, ХТМЛ елемент има?
>> Дакле, вероватно два.
Једна је глава елеменат, очигледно.
И једно је тело елемент.
И зашто двоје деце?
Па, ја сам некако подразумева да, ако Имам отворену главу надимак и
близу главе таг, то је елемент.
А онда, ако постоји још једна отворена каросерија ознака и ознака близу тела, то је као
Још један елемент.
Дакле, у смислу да ако сам некако ротација Слика на својој страни, то је
као да ХТМЛ ознаку, а затим глава ознака, а затим тело ознака, и
онда неки текст, хелло ворлд, виси са тела таг самог.
>> Дакле, можемо извући слику која може да изгледа овако.
Облици су произвољне.
Али приметио да сам користио неку врсту елипса на врху да заступа
документовати себе.
Испоставило се да може бити и других ствари унутар веб странице да нисам сам
извући овде.
Дакле, ми ћемо се још виси ХТМЛ чвор искључивање тзв чвор документа.
И онда имамо главу и тело и наслов, обавештење,
што је додатно угнездио.
Нисам се трудио стављање додатну линију паузе унутрашњост наслов таг.
То је само осећао као да је све сувише мало опсирније.
Тако да сам га оставио у једном реду тамо, са отворен наслов, Хелло ворлд, близу наслов.
И онда имамо неки текст виси офф овде.
>> Дакле, ова слика ће се вратити у нама када смо ронити у ЈаваСцрипт.
И разумевање да када сте ХТМЛ писати овако, шта
је претраживач ради?
Па, не морају да брину о како се ово ради, или са којим
алгоритам, али на крају дана, када прими ХТМЛ претраживач као
да, из Фацебоок или Гоогле, он анализира је, да тако кажем, он га чита,
са нечим као фреад, одозго дно, лево-десно, и како се
схвата, ох, отворен ознаку, а затим затворите ознака, она почиње да маллоц, да тако кажем,
чвор у дрвету.
А када дође, као што смо се подразумевају овде у увлачењу,
дете чвор, то маллоцс чвор за који и везан је за дрво.
>> Тако је дрво структуре, бинарна стабла, тројни дрвеће, дрвеће и већи, да
Погледали смо се недељу или две пре, обавештење да је исти принцип
враћају нас.
А ко спроводи, шта год Цхроме тим је да је, по свој прилици имао
да примените неку врсту структуром испод хаубе.
И то се вероватно у језика као Ц или Ц + +, или ниже
Ниво језик да ћемо сада користи на врху Интернету.
>> Па сад, можда, ово ће више смисла.
Актуелне тетоважа од неког типа који би могли жалим на крају га, врсту.
У реду, у реду, тако да доста веб хумор.
То није заиста дешава преко тако добро данас.
Дакле, идемо даље.
У реду.
>> Дакле, хајде да сада погледамо на неколико примера.
Најједноставнији могући то могло бити то.
Ја ћу ићи напред и отвори у гедит датотеку под називом хелло.пхп.
И унутар овде, ја ћу брзо само то урадили, принтф, цитирам
Крај цитата, "Хелло ворлд".
>> Дакле обавештење, а ја ћу радити свој обрнуту косу црту н, Не нисам потрудио да прогласи главни.
Испоставило се, у ПХП-у, а много језика, не морате главни
функција по себи.
Потребно је само да почнете писање ваш програм.
Сада, када сам сачувајте ову датотеку, приметио сам морати да урадите следеће.
Нећу користити направи, а ја нисам намеравате да користите ПХП јека јер, за разлику од
Ц, није саставио језик.
То је оно што се зове тумачити језик, што значи да га покренете
као улаз преко другог програма позвао преводиоца.
И тај програм да чита, на врх дно, лево-десно, и не
шта год да је рекао да урадите.
>> Дакле, у овом случају овде имам једна линија која каже инт.
Дакле, када сам покренути ову изворног кода, хелло.пхп, иако програм који
деси, удобно, да се зове ПХП, тај програм ПХП да прочита
овај фајл, одозго надоле, с лева на десно, и то ће урадити оно што сам
реци то да урадим - извршење кода, и ако не признаје нешто, само
пљување га.
Дакле, ја ћу ићи напред и покретање ПХП хелло.пхп.
Ентер.
>> И то није баш оно што сам намеравао.
Па, зашто је то тако?
Па, ПХП је језик који је у ствари дизајниран да буде прилично
испреплетена са Интернета.
Приликом израде веб страница са овом језику ПХП, као што ћемо ускоро видети, ми ћемо
Желим да урадим нешто овако принт ван линије као што је овај.
>> Дакле, ја ћу да урадим ово.
Отворена заграда, упитник, ПХП, и Сада ћу само увлачење само да би
лепе ствари.
А сада ћу да урадим питање означите затворена заграда.
Дакле, овде је мало асиметрије.
Не ради то.
И то не урадите, косе црте, тако ПХП је мало другачија.
>> Али сада, ако сам реприза овај програм, ПХП хелло.пхп, сада сам
заправо добили Хелло Ворлд.
И ми ћемо видети зашто је то вредно.
Један, то ми омогућава да одредите, супер експлицитно, ово је
код, извршити ово.
И то је заиста оно што ови посебне ознаке подразумевају овде.
>> Али то такође значи да ако радим само нешто као циљ сам овде, да
значи да, буквално, да ће само се штампати без потребе да
принтф заправо позив, или штампање, или сличну функцију.
Тако ћемо се вратити на то за који тренутак.
>> Прво, хајде да то урадимо.
Унутар уређаја, имамо директоријум позвао вхостс, за виртуелну
домаћини, смањити локалном серверу, смањи јавна.
Тако да је мало опсирније, али је дуга прича Укратко, уређај није намењен
само да подржи Ц. Такође је дизајниран да подржава ПХП.
Али, то је такође дизајниран да буде веб сервера, и сервер базе података.
И то је дизајниран, и заиста конфигурисан, да подсећа на било
комерцијална веб хостинг компанија која можете да платите 5 $ месечно за,
$ 100 за месец дана.
Шта год да је сервис, то је конфигурисан да буде веома сличан
стваран свет продукциони сервер.
>> И шта то значи да се ради о Апарат је веб сервер софтвер.
Дешава се да се зове Апацхе.
То је само бесплатно, и отвореног кода, и веома популаран.
И ми смо конфигурисан Апаш знао да ако посетите одређене странице, са
Цхроме или било који бровсер унутар апарат, да гледа у овај директоријум
за фајлове који корисник тражи.
>> Другим речима, ми ћемо само напред и урадите то.
Унутар мог јавног именика, ја ћу да иде напред и направите датотеку
зове индек.хтмл.
То ми даје ту картицу.
И ја ћу ићи веома брзо и само напред и изударај
Овај програм овде.
ДОЦТИПЕ хтмл, који за сада, само Претпостављам да имате да куцате.
То је само тајанствени таг, то није заиста ХТМЛ тагове, који прописује да
Овде долази мало ХТМЛ.
>> Ја ћу ићи напред и поново оно што смо видели малопре.
Ево глава странице.
Унутар главе био је -
тако наслов.
Дакле, ми ћемо поздравити, свет.
А онда овде је тело ознака.
Дозволите ми да завршим ознаку тела.
А онда овде ја ћу рећи, само због јасноће, здраво свет.
>> Дакле, ово је, вероватно, најједноставнији могуће страница коју
може учинити да је важећа.
То је синтаксички важећа.
Све што се отворила је затворен.
Све је лепо у стилизован и увучен.
Па да видимо сада како могу да приступе ову датотеку.
>> Па, пусти ме на Цхроме овде.
И пусти ме да хттп://лоцалхост/индек.хтмл.
Дакле, шта је локални домаћин?
Па, највише било ког рачунара у свету, Линук, Мац ОС, Виндовс, има надимак
позвао локалне домаћин.
Дакле, ако сте икада желели да разговарају на ваш рачунар -
мада, чудно рефлексно -
ти си ми локални домаћин.
Без обзира на ваш стварни рачунар зове, да ли је то Давидов МацБоок
Ваздуха, или нешто више опсирније тако.
>> Дакле, ово је очигледно УРЛ адреса ће користити ХТТП да разговара са локалном серверу,
исти рачунар, апарата, и ће то тражити, само се
погоди, шта фајл?
Индек.хтмл.
Дакле, уређај је подешен на унапред да зна да ли сам ја питам
за тако нешто индек.хтмл, потражите у фасцикли под називом вхостс, у
фолдер зове лоцалхост, у фасцикли у њој се зове јавни.
То је место где све моје јавности фајлови ће бити.
Тако да ја сад идем да удари Ентер.
>> И проклети, ту је то забрањено порука, иначе познат као 403, са
нумерички код за то.
Шта није у реду овде?
Па, то није довољно да се само стави датотека у мојој фасцикли.
Треба да урадите следеће ствари.
>> Пусти ме да идем у мој директоријум вхостс, у лоцалхост, у јавности, и нека
мене да ја лс цртица.
А ту је и неколико других ствари овде ради данас.
Али приметите на левој страни, поред на индек.хтмл, видимо само један РВ.
И у прошлости, шта РВ је стајао за?
>> Само чита или пише.
Чињеница да је РВ пише на левој страни значи да, власник овог фајла, може
читају или пишу га.
Али морам да нека сви људи у свет чита ово, мада не пише.
Зато ћу да промени начин фајл, цхмод, све висе на дати
свако читање дозволу на фајл који се зове индек.хтмл.
>> А ако ја сад Ретипе ли сам црта, обавештење да, овде, још
Р-их појавио.
А за сада, иде спец у више детаља.
За П сет 7, то само значи свима сада могу читати овај фајл.
Ако се вратим у мој бровсер и сада поново, воила.
Здраво свет.
>> А ја чак могу да отворим Цхроме алат и види, баш као и са Гоогле
Фацебоок је ту је моја ХТМЛ, форматиран мало
другачије и цолоризед.
Ако одем на мрежну картицу и поново страна, приметићете да постоји добити
захтевати да Цхроме шаље на уређај.
Постоји 200 за то одређени фајл.
Дакле укратко, овако се све ове разни делови су заједно долазе.
Тако се дешава да веб сервер користимо сада није даљински,
као што су Фацебоок.
То је буквално на истом рачунару, што је сасвим у реду.
>> Дакле, шта још можемо да учинимо у веб страници?
Па, једноставно, да поветарац кроз пар ових ствари.
Али, дозволите ми да иде напред и поново Гедит са индек.хтмл.
И дозволите ми да иде напред и поздравите ЦС50, сачувајте ову датотеку, вратите се
претраживач, стварно ундервхелминг промена.
>> Али шта ако желимо да заиста линк на нешто сада?
Тако испада да имамо Линкови у ХТМЛ-а који су само ознаке
сами.
Дешава се да се зове сидро ознака. хреф једнако
хттпс://ввв.цс50.нет, ввв.цс50.нет затвори цитат, затворена заграда.
А сада да видимо шта друго следи.
>> Ја сам отворио ознаку.
Сада треба да га дам фраза попут ЦС50.
Дозволите ми да завршим ознаку.
И приметити неколико ствари.
Иако постоји та ствар загонетан овде, нисам је поновио када
затворите ознаку.
Само затворите таг само са својим именом.
И то је оно што је познато као атрибут са вредношћу.
Атрибути само изменити понашање неког таг унутар странице.
>> Дакле, ово се наводи да је хипер референца, фенси начин да се каже
УРЛ за овај сидром, за ово веза, треба да буде ЦС50.нет.
А текст који желимо да прикажемо Корисник није то сирова УРЛ адреса, већ
реч ЦС50.
>> Дакле, ако сада поново, дозволите ми увећај за јасноћа, дозволите ми да поново учитате страницу,
приметити да имамо ову стару школу плава истакао везу.
А ако пређете преко тога, а то ће бити тешко да се види, у доњем левом
рука угао екрана, приметићете да пише УРЛ адреса на коју
Ја ћу да идем.
И ако сам тамо клик, воила, Сада Правим веб страница.
И ми смо сами себе довели на почетну страницу.
>> Али, обратите пажњу шта потенцијал то нам нуди.
Безбедност је веома у моди ових дана.
Шта ако уместо тога рећи нешто попут ово, а ја уместо тога идите на, рецимо, да
види, факеЦС50.нет.
Учитајте ову страницу.
>> У реду, па приметити да још увек изгледа као да сам ће ЦС50, осим ако један мудар ока
Приметићете ћу лажне ЦС50.
Претпостављам Овај домен се не узима.
У реду, тако да није доступна.
Дакле, то је добро.
Нико заправо има ту област.
>> Али будимо мало злонамерни јер то је некако глупо.
Шта ако ово промените на Паипал.
А шта ако ми зовемо, као, ввв.паипал.бадгуи.цом,
шта год је домен.
То вероватно постоји.
Тако да сада дозволите ми да поново учитате страницу.
А овде имамо неку врсту пхисхинг напад, П-В-И-С-В-И-Н-Г, који је
смешна реч дати за напад који је покушава да се риба информацијама, или, боље
ипак, новац, од људи, преваром их на пружање информација које
они не могу другачије.
Ово изгледа потпуно читљив, зар не?
Ја мора да има линк за Паипал.цом.
У правичност, ако сам га полно означени са неким графика, можемо да изгледа
више као ПаиПал.
Зар не?
Зато што сам могао, као у страну, Ја могу да идем у Паипал.цом.
Управо смо видели како ја могу види све своје ХТМЛ.
Ја само могу да га копирате и поново естетике Паипал уместо да се иде
Олд Сцхоол овде.
Али приметите, наравно, и то је мало још увек мали, само у доњем
левом углу, као у 10 тачака фонт, видиш шта си УРЛ адреса
заправо ће водити до.
>> И тако, ако сте икада добио спам рекавши само напред, а ти си рачун
је компромитован.
Молимо кликните на овај линк и да нас обавестите лозинку како бисмо били сигурни да сте
ти, немој то икада учинити.
Ове ствари би требало да се подразумевају.
Али, то је дивно забавно, и трагично, како то чини сваке године на
се деси да неки од нуле број људи.
>> И то је лепота од пхисхинг напада.
Можете послати милион пошту.
А чак и ако је 0.01% људи заправо кликните на паипал и да вам ваш
лозинка, то је још увек не-нула број људи који су само давање
да њихов новац.
И слање е-поште, наравно, сасвим једноставан и, у суштини, слободан
ових дана.
>> Дакле, да скратим причу, предивно лепа идеја, зар не?
Пре много година, ово је био најранији интернет, омогућавајући мрежу
хипервезе између ресурса.
Али тако брзо могао да буде користи за болесне сврхе.
И е-маил, довољно је рећи, ови дана, је уграђен у ХТМЛ.
>> Па, пусти ме само једна ствар.
И ми ћемо у великој мери одложити у Члану Проблем сет седам да вам омогући да
истражују податке.
Али, дозволите ми да иде напред и до овде пар ствари.
Ја идем у и прогласе оно што се зове див, или
подела, странице.
Дозволите ми да завршим тај таг див.
>> И ја ћу да кажем горе Овде врх стране.
А онда испод тога, ја ћу да урадим нешто као још један див, затворите овај
ознака, а до дна странице.
И хајде да га спаси.
>> Дакле, хајде да се вратимо у мом досијеу.
Врло ундервхелминг.
Али, оно што се користи за подела, испод хаубе, е то је заправо
лепо структурални елемент.
То нема никакве естетике тако далеко можемо видети, осим, ​​очигледно,
стављајући ствари на новим линијама.
>> Али, погледајте, успут, само удара Унесите не престани у ХТМЛ-у као што је то
нема у Ц. Можда мислите да је то Ставићу леп велики јаз између
врху и дну странице.
Али, то је игнорисала.
Бела простор је у суштини игнорише веб странице осим прва
размак карактер, или ЦР, да кликнете на тастатури.
Ако желите више редова, ти морате да га одредите сами.
>> Дакле, ја ћу да урадим неке ствари овде да покажемо шта се дешава.
Ја ћу додати атрибут који постоји И опет, начин учите
шта приписује постоје, шта постоје ознаке, Заиста, је ОнЛине референце.
ХТМЛ је врста језика - то је није програмски језик.
То је језик за означавање - да после добрих пола сата, можда, сат са
то, сигурно ћете схватити, већина вероватно, основна идеја.
А онда Гоогле претрага далеко је све могући ознаке које могу бити
заинтересовали
И по спецификација, то је сасвим Поздрављамо и охрабрио овде.
>> Дакле, сада ћемо ми да иде напред и овако нешто.
Бацкгроунд-цолор.
И сад, ја ћу да урадим нешто попут црвене, тачка и зарез.
И ви можете да урадите у неколико различитих начина.
Ја сам некако да је откуцате као супер експлицитно могуће.
>> Али, испоставља се да је ова вредност овде оно што се зове ЦСС, Цасцадинг Стиле
Листови, што је још један језик у потпуности.
ЦСС нема никакве везе са отвори ознаке и блиске надимци.
То има везе са својствима.
>> И особине су једноставно кључна вредност парова, што само значи неку реч,
дебелог црева, а затим нека друга реч.
А ако имате више оне, или само један овде, можете га завршити са
зарез, само због јасноће.
Али то, такође, ће овде радити.
>> Шта је сад ово да радим?
Вероватно може да погоди.
Дозволите ми да иде напред и поново учитате ову страницу.
А сад стварно се заједно.
Дакле, врх моје стране је црвена.
Али, оно што је кључно је то што сам поменуо раније, то вам даје п
подела странице.
И то је заиста оно што ради.
То је у суштини дели страницу у правоугаоник који можете да
манипулишу.
>> И овај појам правоугаоника је врста убедљив у томе, ако се мисли на
највише било који сајт, вероватно има неке структуре на њега.
Већина вас вероватно ретко виђа Фацебоок страница ако сте пријављени
све време.
>> Али, на почетној страници Фацебоок, ту је неки див дуж врха.
И то не би било тако једноставно као један див, али постоји
правоугаони региону тамо.
Остатак странице је као огроман див, као много
већи правоугаони региону.
Дакле, да скратим причу, само што ови мали блокови, на
способност да модних ствари као правоугаоника, да ли је широки или уски, такође можете
потенцијално направи колона, омогућава вам да нокаутирати странице, заиста, како год
желели.
Заиста се само гребање површина овде.
>> Заиста, ако ја урадим једну другу, дозволите ми да иде напред и то стил,
бацкгроунд-цолор, урадићемо нешто попут плаве, блиским наводницима.
Хајде да то поново.
Дакле, сада постаје још ружније.
Али сада сам се некако покаже П мој сет пет вештина, зар не?
Црвена.
То ме подсећа на РГБ, Ред Греен Блуе тројке.
Па, испоставило се у веб програмирање, или веб дизајн, који је то, ми смо
још није програмиран ништа по себи, можете заправо
имате хексадецимални код.
Тако нешто нешто, нешто нешто, нешто нешто.
Дакле, можете имати шест хексадецималних карактера, или три, у неким случајевима,
и сваки од тих знакова питања мора да буде хексадецималних цифара,
нула до ф.
>> Ако желим да имам пуно црвене, и не зелена, а не црвена, шта је
Супротно од нуле када користи ХЕКС?
То је Ф.
Тако да ја могу да урадим ФФ, нула, нула, нула нула сачувати ово, а сада долазе овамо.
И ја стварно не видим промену.
Дакле, цитат завршити цитат "црвене" је очигледно синоним за све црвено,
не зелена, плава не.
У међувремену, хајде да намерно променити ово бити нешто
случајан, као АБЦДФ.
>> Хајде да видимо шта је то.
То је заиста лепо плаво, заправо, Баби Блуе.
У реду, ово су само сада нешто рандом комбинације
карактера.
Дакле, нећемо се заглибила овде.
Али опет, то говори да је прецизност да можете да почнете да
примењују - чак и ако сте веома преплављени по естетици.
У ствари, ако заиста желите да буде Импресиониран, пусти ме само напред и променити
величина фонта, на пример.
И приметио зарез, који је потребно тамо.
>> Величина слова, можемо бити само смешан Овде, 96 тачка.
Сачувај то.
Вау, то је велика величина.
У реду, тако да је веома лако.
И заправо, ви у суштини виђаш Прва веб страница сам направио
година, када сам први пут научили ове ствари.
То је врло лако направити веома грозне ствари брзо.
>> А да ли сте упознати са Ваибацк Машина на арцхиве.орг, ви
можете пронаћи све моје грозна Ундерград веб странице.
Један је Кермит тхе Фрог на фронту.
Прошао сам кроз фазу у којој сам мислио да је цоол да се позадину
црвена завеса, када сам сазнао како сте поново можете да поређате слике, и поново, и
опет, на страну попунити велика црвена завеса лепљиво.
А онда, поврх тога, био је икона да сте морали да кликнете да уђе у мој дом
страна јер је то веома у моди.
>> И онда је мој први програм који сам икада написао није био у ПХП, али у језику
зове Пеарл, је написао књигу утисака, који је стварно супер ствар која
Много људи вас очекује да се на почетну страну.
Када дођете на страницу, они желиш да се пријавите, и реците ко сте ви,
и зашто си ту.
Ово је веома 1990с стил веб дизајн.
>> Али ових дана, сигурно, ми смо долазе много даље.
И видећете, у одељку, па чак и у проблему поставили седам, од
усклађивање библиотеке ових дана, то је много лакше направити
лепше ствари брзо.
Стварно овде, ми смо само гребање Површина шта можете да урадите
стилски.
>> И, у ствари, већ, дозволите ми да нагласим да је ово већ постаје ружно, не
само естетски, већ у смислу стил од мог кода, или
дизајн мог кода.
Тренутно сам цоминглед ХТМЛ, који то су зеленкасти отворена ознаке тамо, са
ЦСС својства, која је потпуно законито.
Ово је стварно где језик води порекло.
>> Али, у интересу чистог дизајна, налик смо почели факторинга ствари
из фајлова у Ц х фајлове., нека ми у ствари практикују ту врсту
Принцип и почну да раде ово уместо тога.
Дозволите ми да стави таг стилу овде, који такође постоји у ХТМЛ, и пусти ме
навести следеће.
Дозволите ми да избришете ово.
Боја позадине ће бити црвено.
Ја ћу да избришете ово потпуности.
Идем да се отараси стила приписују, а ја ћу да јединствено
идентификује овај див са речју -
произвољно, али разумно, цитат Крај цитата "врх". И ИД је посебан
атрибута који јединствено дефинише одређени ХТМЛ елемент
да имају да ИД.
>> Ако ја сада желим да стилизованим томе, овде у шеф мојој страници, унутар
стил ознака, приметићете да Ја могу да урадим тараба топ.
И онда могу поставити пар коврџавом протеза, подсећа на Ц, а затим пустите
пасте у том стилизације мене.
И дозволите ми да иде напред и овде предвидети где ја идем са овим.
Дозволите ми да створи један за доњи див.
Дозволите ми да зграби ову грозну код од доле Овде, стави га овде, а ја ћу бити
мало више анални сада и стилизован је за само стављањем ствари на своје
линија, закључно са зарезом.
Дозволите ми да се ослободим стила таг.
>> Али ја нисам завршио.
Морам да урадим још једну ствар.
Да, ид једнако куоте Крај цитата, "дно" или шта год хоћу да ид
дај тај елеменат.
Сада, дозволите ми да се вратим овамо.
А ово је ужасна.
Ја не могу да се баве са 96 тачком.
Урадимо 24 поен.
Или можете да будете прецизнији.
Ви у ствари можете користити пиксела, ПКС, тако да ли заиста добијате жито финију
контролу над страници.
>> Узгред, то није нужно најбоља ствар ако корисници, за
приступачности разлога, желе да бити у стању да повећа величину.
Тако схватају да постоје начини да се то ствари које не морају
Тешко код све.
>> У реду, тако да је већи, тачка 24, од онога сто је подразумевана.
Али, сада је мало чистији.
И дозволите ми да искористим ову један корак даље.
Баш као и идеја о заглавља, приметили смо један корак ближе томе.
Имам фактор се, али и даље лево, у мојој страни, та ЦСС правила.
Зашто би ја желим да искористим ову један корак даље, избрише све ово, и
ставите га у посебан фајл?
>> Тако да могу да га поново, зар не?
Ово је само врста интуиције сада.
Пре него што сам тврдио да је то само узимајући ружна има стил
атрибути унутрашњост ДИВС себе.
Али, некако мислим да путем.
Како ваша страна добија дуже и дуже, ако је ви овде довео, и овде, и
овде, и овде, све те различите боје и величине фонтова, и слицним
атрибути, ваша страница је веома брзо постати неизводљив за вас.
>> Ако неко дође до вас и каже, ох, знаш шта?
Стварно бих волела да промените величину фонта по два места, што
можда морати да иде и пронађе и замени велики број линија кода.
То је много више убедљив да централизује све такве естетике овде.
Али, ако желите да поново онима естетика на више веб страница, све
више убедљив да, за пример, направите датотеку
зове са тим садржајима.
>> И дозволите ми да урадим ово.
Сачувајте овај фајл.
Ја кажем стилес.цсс, произвољно, Међутим, обични.
Ја ћу га ставити у кући Џона Харварда директоријум сада ради једноставности.
И шта ја могу да урадим у мојој веб страници је добити ослободити од стила таг заједно,
и донекле унинтуитивели, употребите везу ознака, који ти не даје везу у
хипервеза, кликне смислу, али где ја кажем веза, хреф једнако
стилес.цсс.
И однос који овај елемент је са веб странице је да служи као
Његов стил лист.
>> Па како да знам то?
Један, само прочитајте упутство, или вам Гоогле около, а ви
погледај различитих извора.
Мислим, то заиста јесте како покупити технике као што је овај, и, у складу
са овом идејом наставе себи нове језицима, опет, видећете да
постоји само коначан број ствари на било ком језику да, једном када се
их, видећете да она добија брже и брже да пишу.
Заиста, учење новог програма језик је много брже него нови
говорног језика, јер су ове ствари су много мањи и много више
прецизно дефинисане.
>> Али, ја сам нагласио мало од аномалија овде.
Зашто сам нагласио ово косу црту овде?
Зато што морам да затворим ознаку.
Требало би затворити ознаку.
И ви ћете наћи безброј ресурсе мрежи који не
неизбежно блиска ознаке.
А реално, то није стриктно неопходно за техничке и постоје
разлози стварности, претраживачи су само прилично толерантан грешака у веб
странице, на боље или на горе, али углавном горе.
>> Дакле, ово овде је само чистији начин каже нешто глупо овако,
где ако желите да отворите линк таг али близу је, стварно нема појам
садржаја за линк таг.
То само значи да учита ово филе и ставио га овде.
То је као оштар Укључи у Ц. Можете отварање и затварање ознаку одједном
у оквиру исте ознаке.
А има и других примера.
Ово није начин да се то уради, али БР ознака, за прелома редова, ако
заиста желео да постигне оно што је било покушава да пред притиском Ентер, ако
Ја кажем изричито прелом, прелом реда, прелом, прелом реда, а
затим учитајте ову страницу, сада ћете приметити да дну странице је,
заиста, много даље доле у дну странице.
Али, чак и да може да се уради много више чисто са ЦСС-ом, и са маргинама,
и са другим таквим естетским технике.
>> Дакле, за сада, су Такеаваис су ово.
У ХТМЛ-у, имамо ове ствари зове ознаке.
У ЦСС-у, ми имамо те ствари звао својства.
Можемо цомингле ова два језика, или коришћењем стил атрибут,
или стил ознака, или још најбоље, факторинг она се заједно, као ми
у проблему сет 7.
Питања, дакле, о концептуалне основе овде?
>> ПУБЛИКА: Имам једно питање.
>> СПИКЕР 1: О, извини.
>> ПУБЛИКА: Зашто се не боји -
>> СПИКЕР 1: О, у другој картици?
Ово овде?
>> ПУБЛИКА: Не, то је као -
>> СПИКЕР 1: О, то је зато што Био сам немаран.
Сам ставио фајл на погрешном месту.
Дакле, ако сам га заправо ставио овде, и ја цхмод то, све + Р за стилес.цсс, и
Сада поново учитате страницу, сада смо се врати стилизације.
И зато што су величине слова другачије, ми не видимо баш толико
бели простор.
Ми уместо да видимо шта је подразумевано је уместо тога.
Добро питање.
Да?
>> ПУБЛИКА: Зашто је веза ознака у заглављу?
>> СПИКЕР 1: Зашто је везе таг унутар заглавља -
Кратак одговор, само зато.
То је оно што је одлучено.
То је место где се иде када веза ознаке имате оно што се зове
спољашњи лист стила.
Остала питања?
>> У реду, па хајде да то урадимо.
Имамо толико забавно пред нама данас.
То је само гребање површина ЦСС.
Хајде да урадимо ово.
Хајде да овде паузу пет минута јер, по мом поште, хајде да виси у
тамо до 2:30-исх данас.
Али, ако имате да остави, то је у реду.
Али ми ћемо се крене напред после пет минута паузе.
И ми ћемо научити нешто мало о ПХП, МиСКЛ, и још много тога.
>> У реду, хајде да пробамо, сад, везати неке од ових идеја и да заједно,
кажу, наш сопствени претраживач.
Приметио сам, прилично необично, следеће.
Када сте на Гоогле.цом, ви сте обично у УРЛ попут овога овде
са ништа након дот цом.
Али ако тражи нешто тако глупо мачке, и притисните ентер, ми ћемо доћи - не
глупо, али знаш.
>> У реду, тако да приметити, на врху странице, сада, УРЛ је, наравно, променио.
И то није ништа ново за било кога од нас.
Можете кликнути на линкове и тако то се дешава на Интернету.
Али оно што је интересантно овде је следећи.
Има много места прегледна, али нека ја бацим ствари које ја не
сасвим разуме или не Заиста изгледају релевантно.
>> Дозволите ми да се отарасим овога.
Дозволите ми да се отарасим овога.
И дозволите ми да се отараси од свега овога.
И сада је приметити да мачке у УРЛ, затим са к, онда једнако
пријавите се испред ње.
Тако испада да је ово начин начин на који ради када је у питању
за улаз и излаз.
>> Дуго смо разговарали о црне кутије, зар не?
Дакле, ако је функција спроводи овде као црну кутију, потребно је улаз
и производи излаз, добро, значи којим сте дали свој допринос
Сајт је путем, често, њене УРЛ адресе.
Једноставно ставити знак питања а затим тастер једнака вредности.
А онда можда амперсендом, а затим Још једна кључна једнака вредности, онда можда
други Амперсанд, кључни једнака вредности.
Тако се прође у тастера и вредности, пара улаза.
>> Дакле, ако сам ударио Ентер сад, шта је Занимљиво је да је у вези са Гоогле-све
јурњава да сам избрисао не појављује да буде строго неопходно.
Све што је потребно да се пошаље на Гоогле-у је питање Марк К једнака мачке да се
назад неке мачке.
Па, импликација које, онда, ако се подигне гедит, ја сам почео
што овде своје претраживача у фајлу под називом сеацх0.хтмл.
>> И дозволите ми да иде напред и брисање још једна линија коју
Није требало да се види.
И сад, пусти ме у мом прегледачу, тако да се не Гоогле, и идите на
хттп://лоцалхост.
И то ће се на путу.
Зато ћемо морати да се опростимо од да за сада, помери ово овде,
Ох, сада ћемо морати да поздрави тог фајла.
>> Кад год имате фајл који се зове индек.хтмл или индек.пхп у
директоријум, ако веб сервер конфигурисан на овај начин, шта ћете
види, по дефаулту, јесте садржај који фајл него списак
директоријум, као што сам овде хтео.
Више о томе у спец.
Ви нисте видели то.
>> Дакле, то је оно што сам заправо хтео.
Али, мало пре, било је датотеке у овом фолдеру под називом
индек.хтмл и индек.пхп.
И тако је веб сервер показујући ми те фајлове.
Уместо тога, желим овај директоријум списак овде.
>> Дакле, ја ћу да идем у ЦСС и идите на сеарцх0.
А ја тврдим да то је то ће бити почетак моје конкурентне
претраживача.
И да се то уради, ја ћу да идем у Овде, у ЦСС, и отвори са
гедит, претрага 0.
Али, нажалост, постоји није много дешава овде.
Све што сам урадио било је користим наслов ознаку, која се дешава да се зове Х1, који
у суштини значи и велики смео, и то је то.
Али, начин на који можемо да пруже подршку су преко њих
ствари зове форме.
>> Дакле, дозволите ми да иде напред и отварају и затварају, превентивно, постоји образац ознака.
И дозволите ми да иде напред и учинити нешто овако.
Улаз, типа једнако текста.
А онда ћемо затворити ознаку у саме заграде.
Не треба да почне текстуално поље и заустави поље за текст.
То ће бити тамо или не.
>> А онда испод тога, хајде да Тип улаза једнака поднесе.
Сачувај то.
А сада, само ради разум брзо проверити.
Хајде да поново учитате.
>> У реду, тако да то није лоше.
То није Гоогле-ов стил, али то је прилично близу.
Постоји текст поље.
Ја могу да упишете неке ствари у, притисните Ентер, али ништа се не дешава увек.
А то је зато што нисам прецизирао акција за ову форму, да тако кажем.
Дакле, ако се вратим у облику елемента, испада, а знам да је ово само
од тога да прочитате документацију, да облик ознака има атрибут
зове радња која је УРЛ адреса странице на које сте
Желим да пошаљете формулар.
>> Заиста не мислим да имамо времена да спроведе цео задњи крај за
Сеарцх Енгине данас.
Дакле, ми ћемо само рећи, ех, иди на гоогле.цом / сеарцх.
А сада дозволите ми да затворим наводнике.
И дозволите ми да прецизира на који метод да користите иде
да се зове добити.
>> Да скратимо причу, постоје два начина, у бар, који можете да пошаљете податке
од претраживача ка серверу.
Једно је добити, и, за потребе данашњих, то само значи да у адресу.
Видиш управо питање знакова, знака једнакости, и да амперсандс
смо раније видели.
Или постоји алтернатива зове пост.
За сада је познато да после се често користи када желите да отпремите датотеке, као што су
слике и тако даље, или када желите да достави информације о кредитној картици, или
лозинке, било да се то не деси заиста има смисла, концептуално, или
безбедност мудар, да заврше у УРЛ Ваш претраживач, где Сноопинг родитељи,
или цимерке, или било ко са приступом на ваш рачунар може да види.
>> Па хајде да спасе овде.
И ја треба да урадим још једну ствар.
Није довољно само да кажу ми да поље за текст.
Морам да дам тој области је вреднују име.
Дакле, дозволите ми позајми Гоогле избор имена, К, и навести да други
атрибут не стварно стало име на Субмит дугме.
Све ми је стало подношење Оно што корисник упише ин
>> А сада ово је некако ружан.
Он само каже доставе.
Испоставило се, и ја знам то из документација, ја заиста могу да кажем
вредност једнака куоте Ункуоте "ЦС50 Сеацх, "Цлосе цитат.
Онда да поново учитате.
Па стално удара Цомманд-Р, или Контрола-Р на мојој тастатури да се освежи.
>> Сада имамо више занимљив претраживача.
То не изгледа као сасвим Гоогле-а, ипак.
Па ајде и овде да мало реда.
>> У реду, тако да сада имамо Гоогле.
Скоро смо заправо имају Гоогле.
Па сад шта ће се десити?
Идем да куцате у нешто као мачке.
И претраживач ће рашчланимо да облик који сам дефинисао.
И то ће послати кориснику да тај УРЛ.
Дакле то време, из неког разлога радознао, Имам више информација о акцијама
него о стварним мачке.
Али, то је у реду, јер смо приметили још завршио овде, К једнака мачке.
>> Дакле, да скратим причу, чини се да је прилично тривијално да се унос од корисника.
И да будем фер, ту је Бунцхес других врста поља формулара.
Постоји поља за потврду, а мало међусобно ексклузивне радио дугмад, и
Падајући менији, и још много тога.
Али, сви они су као релативно лако имплементира као
овај текст је поље.
И на крају, ми само треба да се да ли неко слуша на друге
крају линије у циљу добијања што информације обрађују, некако, и
Вратите нам наше мачке.
>> Хајде да погледамо мало више укључени пример.
Пусти ме у именику мог Вхост је, у локалним домаћин, јавност, и где сам
ставио изворни код данашње.
Све ово ће бити на курс је сајт за вас да се лимарија са.
А ако одем у фросхимс, дозволите ми да отворим до сада ове датотеке, фросхим0.пхп.
Ово је мало опсирнији, тако нећемо писати ово од нуле.
Али тек сада приметио неколико донекле познате карактеристике.
>> Један, облик ознака, различите акције.
То није пун УРЛ адреса.
Сада, очигледно је да поднесе зове регистер0.пхп јер, у тренутку,
Ја ћу научити да себи мало нешто о ПХП, програмирање
језик, јер ПХП се може користити за спроведе оно што Гоогле спроводи као
леђа крај својих претраживача.
>> Гоогле, у стварности, вероватно користи неки Питхон, неки Ц + +, и
прегршт других језика.
Али ми смо свакако могли имплементирати претрагу Резултати у ПХП ако смо хтели.
Али за сада, ми ћемо бити једноставно.
И то је заправо подсећа на један других првих сајтова сам
је година.
>> У моје време, сте се регистровали за интрамуралне спорт као бруцош аутора
попуњавањем парче папира, ходање преко дворишта, а то је спустите у
поштанско сандуче од Процтор у Вигглесвортх, а то је како сте
регистрован.
И тако је мој пројекат убрзо после ЦС50, је била да се то, што чини савршено
смислу, на Интернету, што није било као у моди тада као што је сада.
Али, све што смо требали да урадимо је створи, суштини, ХТМЛ образац.
>> И то форма изгледала отприлике овако.
Имао сам улаз за бруцош име.
Имао сам још једну потврду за ли или не желе да буду капитен, шта
њихов пол, а шта им је спаваоница.
А онда сам фиксирана у ствари као Аплеи суда, и Цанадаи,
Сиве, и тако даље.
>> Па опет, нове ознаке.
Нисам видео ово раније, нови атрибути, али прилично доступни.
Када видите пример, можете да некако позајми од те идеје и да је пад
падајућег менија за већину било шта.
Али, оно што је кључно јесте да свака од ове ствари имају имена.
И на крају ове форме, ту је субмит дугме чија етикета,
или вредност, је регистар.
>> Дакле, идемо на ову страницу.
Дозволите ми да се вратим у Дирецтори Листинг.
Пусти ме у фросхимс, и идите на фросхим0.пхп.
Дакле, то је одвратно, да будем поштен.
Тако да сам дефинитивно могао стилизовати ово са неким ЦСС, ја могу направити неке
графика, можда додати боје, и да то лепше.
Али функционално, ја бих тврде да је ово је заправо прилично комплетна.
>> Нажалост, када сам попуните ово, Дејвид, Капетане, мушкарац, ми ћемо изабрати,
рецимо Метјуз, Регистар, све што се дешава је то.
Али приметите неколико Такеаваис.
Један, који се вратио фајл који резултате, очигледно?
Дакле то је, заиста, регистер0.пхп.
Дакле, чињеница је да смо видели да акцију вредност пре тренутак за регистер0, ово
потврђује да смо заиста завршила горе у том фајлу.
>> Ово је само ружан текст.
Али приметите да је овај текст долази из локалног домаћина,
која је од апарата.
Размислите апарата као сада само веб сервер, који би могао да буде у
Научни центар.
То може бити од стварне Интернету.
Дакле, то је јавно доступан.
>> Па јасно, постоји неки начин доношења формирају инпуте поља на серверу
тако да може да уради нешто са њима.
Нажалост, регистер0 је прилично глупо.
Све што ради је одштампати низ да изгледа овако.
И то не у низ осећај да ми то знамо.
Испада да је ПХП, и много језика, имају не само бројчано
индексирани низови чији је први индекс је нула, онда један, па два, па тачка,
тачка, тачка, Н минус 1.
>> То је оно што се зове асоцијативни низ.
Асоцијативни низ је онај у коме можете сачувати кључне парове вредности где
кључ није нужно број.
То може у ствари да буде ниска, реч.
И то може да се реализује, испод хаубе, испада,
користећи структуру података познату као?
Мислио сам нешто драматично је требало да се деси -
хеш табела.
>> Дакле, хеш табела, подсетимо, они од вас ко је то урадио за П сет 6, или чак сећам
је, барем чак и ако јеси пробати, хасх табела, у нашој употреби, коришћен је за
само чувати речи.
Али заиста, ви сте складиштење кључеве и вредности.
Ако сте спроводи хеш табели за П сет 6 речник, кључеви су били
Речи се, а вредности ефективно су истините или лажне.
Да, овде, или имплицитно, Не, не овде.
>> Па, можемо да генерализујемо ту идеју.
И ми смо могли да користе веома сличне податке структура за складиштење не ниску
Сама сам у хасх табели, али Претпостављам да је у сваком од ваших хасх
табеле чворова.
А можете чак и да урадите у покушају а не само инт.
Могли сте нешто друго.
Шта ако кључ није био Маквелл, за пример, али цитат завршити цитат "име", или
цитирам "Крај цитата капетана." И унутар Ваши подаци Ц структура, ставите
вредност, не само Булов, али од вредности као цитатом Ункуоте "Давид", или
"М" или "Метјуз", и тако даље.
>> Дакле, оне исте структуре података које смо користили очигледно постоје у другим језицима.
И ја бих тврде да су ствари много, много једноставније да приступе овде.
Хајде да, у ствари, да погледамо сада у неке такве синтаксе.
>> Ја ћу да идем у ПХП директоријум.
И ја ћу да отворим бољи верзија Хелло-0 од раније.
Обратите пажњу да све што сам урадио је било додати неке коментаре.
Дакле, можемо се ослободити тог ометања.
>> И овај програм заиста штампа здраво јер сам наведен између
ознаке које желим да изврши тај код.
Сада ћемо видети за тренутак зашто је то корисно.
Али, хајде да отворимо овде још један пример.
Дозволите ми да иде напред и отвори рећи, гедит услова једне.
>> То је пут назад у време.
Али, пре неколико недеља, ја мислим, у једној недељи или две недеље, имали смо пример зове
цондитионс1.ц.
И одлучио сам да га реимплемент у ПХП, само да се некако нагласи да
ПХП, синтаксички, готово је идентична до Ц. То није велики скок
од прошле недеље на то.
>> Обратите пажњу на врху овог програма, који почиње, као и раније, са неким
Коментари који Отарасићу на као дистракција.
Обратите пажњу да сам у ПХП Режим у овом фајлу.
Дакле овим кодом, видећемо, ће се извршити.
Обратите пажњу да постоји реадлине, што је вероватно
аналогни у ПХП-у гетстринг.
Обратите пажњу на то мало другачије.
Ви у ствари брз да одредите Функција се зове читање линија, а то је
шта корисник види.
Дакле, не морате да принтф ручно.
Али, то није велика ствар.
Идем за складиштење, унутар $ н, вратите вредност овог, тако да шта год
корисник упише у њихов инт.
А ево још једна занимљивост.
Испоставило се, у ПХП-у, било коју променљиву Само треба да се префикс
са знаком долара.
Мало је досадан.
Али, обратите пажњу шта нисам урадио у ПХП.
Шта недостаје из леве руке стране знака једнакости?
>> Не помиње типа.
Дакле, ово се разликује од Ц. За боље или још горе, ПХП је лабаво
куцани језик.
Он има бројеве.
То има везе.
Она има боолеанс.
И она има неколико друге врсте података.
Али, програмер, обично не морају да брину о њима.
Добра страна је то што чини то мало лакше програму.
Можете да мислите мало мање.
Лоша страна је што такође отвара се потенцијалних бубе ако случајно
третира број као стринг стринг као број, потенцијално, али чак и
онда, ПХП, и много језика, су прилично толерантни.
Они ће користити оно што се зове имплицитно ливење.
А ако покушате да користите н у контексту бројчане ситуације, она ће
претворити шта овде ће бити ниска, јер ако корисник упише
у нешто, и добићете резултат, као и са реадлине, или да стринг,
која ће да врати стринг.
>> Али, погледајте, после пар линија, ја проверите да ли је н веће од нуле.
Дакле, ПХП ће имплицитно баци мој "Стринг" 123, или шта год корисник
типова у, у цео број.
Дакле укратко, ствари једноставно ради много више интуитивно.
Дакле, сада почети да се опустите неколико ствари које смо урадили у прошлости.
>> Многе од ових ствари је исто, ипак.
Још увек су једнако једнако.
Као страну ПХП такође је једнак једнако једнако, али више о томе, можда, у
будућност.
То је било.
Типо али два знака једнакости значи исто ствар као и раније, за поређење.
принтф значи исту ствар као и пре.
Обрнута коса црта н значи исто што и раније.
>> Па како да покренем овај програм?
Па, као и раније, ако то урадим ПХП, цондитионс1.пхп, и тип у
број попут 123.
То је позитиван број.
Ако укуцамо у 0, бирам 0.
А ако укуцамо у негативном 123, добијем назад негативан број, што је само
да кажем, синтаксички, ПХП је супер, супер слично.
>> Дакле зашто је ово сада корисно у контексту веб?
Па, хајде да се вратимо на овај фросхимс пример, који је изгледао,
поново, као ово овде.
И да заправо повуците страницу опет, који је изгледао овако.
Шта можемо да урадимо са податке које је поднео?
>> Па, дозволите ми да отворим новији верзија овога.
И видећете да је проблем комплета спецификација вас води
кроз неке од њих.
Уместо да почне од нуле, Погледајмо фросхимс3,
који ради нешто више.
>> Обратите пажњу на први, у ствари, хајде да отворимо оно што је било до 0, тако да се
шта регистар 0 је.
Приметите шта регистар 0 урадио.
Један, имам коментаре на врху.
Брисање и они фокусирају само на то.
Већина садржаја регистер0.пхп су, очигледно, на ком језику?
Само сирово ПХП.
>> Дакле најаве, ова датотека не почиње са, у овом тренутку, отворена заграда,
знак питања, ПХП.
ПХП вам дозвољава да мешају ПХП код са ХТМЛ таговима.
Али, ја сам то урадио овде унутра странице овамо.
>> Сада, опет, само да знам из гледајући у приручнику. принт_р,
Испоставило се да је принт_рецурсиве. _рецурсиве А ово је само згодан
Функција корисности је управо исписује, рекурзивно, шта год да даш.
Ако је предају низ, то ће одштампате низ.
Ако даш број, то ће штампати број.
Стране, она ниску, она ће штампа стринг.
Ако даш хеш табели, она ће одштампати хеш табели.
Не морате да пишете све те код себе.
>> Сада приметите да Улазим ПХП режим овамо.
Ја изласку ПХП режим овде.
Дакле, када веб сервер чита овај фајл одозго надоле, с лева на десно, јер
се завршава у именима фајла зове ПХП., све што није унутар ПХП тагова је
Само ће бити ражњу напоље, као сирова ХТМЛ.
Ништа страшно.
Али, чим примети веб сервер ово, то ће рећи, не би требало
испљуне, буквално, принт_р за пост.
Ја треба да изврши следеће линија кода.
>> Дакле, последње питање, онда, ове датотеке је, добро, шта је сад па ово?
Погоди.
Шта је $ _ПОСТ, вероватно?
>> ПУБЛИКА: [ИНАУДИБЛЕ]
>> СПИКЕР 1: Да, објављени подаци.
Подсетимо, хајде да помицати назад у Време за тренутак.
фросхим0, опет, изгледао овако.
Већина супер ово је само ХТМЛ.
Опет, неке ознаке нисте видела, или са којима
познајете.
Али, занимљиво је било то.
Ова линија је оно што заиста повезује је нашем регистер0.пхп фајлу.
Ја подношење путем метода пост.
А то значи да су параметри које корисник укуцава нису
ће се завршити где.
>> Неће да појављују у УРЛ.
Они и даље ће бити послата из клијент, из претраживача, на
сервера, али само преко неког другог механизам да ћемо одустати од наше руке
на за данас, али то није у адресу.
Али приметите однос сада са Пост, који, по обичају, није
мала овде.
>> Али ако ја отворим регистер0.пхп, Ја сам очигледно штампање ово.
Дакле, ово је мало чудно конвенција за именовање.
Али, оно што је лепо у ПХП је да када користе ПХП у веб контексту, не на
командне линије као ја малопре, када сте заправо га користите у мрежи
страна, у Вхост директоријум као што смо ми, ПХП ће аутоматски попунити
ствар, која је асоцијативни низ, да тако кажем, хеш табели, са
све што корисник унесе
>> Укратко, $ _ПОСТ у великим словима је Глобална променљива да ПХП управо
магично креира за вас када користе ПХП у веб контексту.
И унутар тога ставља све Имена параметара у облику који
је достављен овом фајлу и све вредности које корисник унесе
Дакле руке вам шта корисник откуцан у том облику.
>> Дакле, пре него смо добили заиста глупо излаз да само видим јер све што сам урадио
је рекурзивно одштампате овај низ.
Кључ је назив, вредност је Дејвид.
Кључ је капетан.
Вредност на.
И двоструко стрела и угао носач ту, ово је само произвољна.
Ово није број.
Ово је само ПХП начин да вам показује која је вредност неког тастера је.
>> Али сада, дозволите ми да предложи да се у фросхИМс3, то је готово идентичан
осим што тврди да овом фајлу.
И опет, ми ћемо некако само поглед на ово, само да видим неке
синтакса, али погледајте шта овај фајл ради.
Погоди само на основу линије код, који вероватно не личиш
Грчка, у извесној мери, се очигледно ради.
>> Ова датотека је некако у вези до поште, е-маил.
Дакле, шта је овај програм ради?
У овој верзији, ако бих стварно попуните овај формулар - и пусти ме да
фросхИМс3, не фросхИМс0 -
форма изгледа исто.
Дејвид, капетан, мушкарац, Спаваћа, Метјуз.
Али, ако сам поднесе ово, овај фајл је да идем на регистер3.пхп.
>> И тврдим, посматрајући је изворни код, то ће
некако подразумева емаил.
Дозволите ми да иде напред и отвори ово у већем прозору, тако да смо
видим га више чисто.
Ми смо у вхостс, локалном серверу, јавности, фросхимс.
Ја ћу да отворим другачији програма, само тако можемо
Можете видети више одједном.
>> Дакле, сада овде, приметио неколико ствари.
На врху је датотека отворена носач, знак питања, ПХП.
Затим, ту је гомила коментара, које можемо игнорисати, јесте
неинтересантна за сада.
>> Сада постоји ово.
Испоставило се да ПХП има много кода се зове захтевају.
То је веома слично у духу на језику Ц. укључују, тараба, који укључују
суштини зграби садржај неких Други фајл и само их Плопс овде,
тако да можете да их користите.
У овом случају, апарат има, преинсталиран, библиотека, бесплатно и
библиотека отвореног кода под називом ПХП Мајлер да свако може
преузимање са интернета.
Управо смо то урадили за вас.
А то значи да сада имамо е-маил функционалност на располагању.
>> Сада, приметићете неколико ствари.
Идем да потврди подношење обрасца.
Испоставило се, ПХП, има један узвик поена за оператера, не само као
Ц. Међутим, ПХП такође има функцију зове празан.
>> Празна само враћа труе ако је вредност у ствари га предати
заграде је празна, као корисник није упишите ништа унутра
Дакле, ово говори, и приметио синтакса, веома подсећа на Ц, ако
Име тастер, па име поље у форми, који је поднет преко поште, по
корисник, није да се испразни, и њихово Пол није празна у форми
добро, и своје собе у дому није празан -
али приметио Брига о капетану, Онда, шта ћемо да радимо?
>> Идем да изврши ова линија кода.
И можете мислити оваквог као маллоц, али је мало
одгајивач од тога.
Али за сада то ми даје посебан ну типа ПХП ом.
Али игнорисати нову кључну реч за данас.
>> Сада ћу да позовем функцију која се зове ИсСМТП, који каже, користи СМТП.
То је порт 25, баш као и видео прошле недеље, када је ствар бацање
порука у заштитни зид.
Порт 25 је СМТП.
СМТП значи користе маил сервер.
Који, можемо користити харвардском СМТП.фас.харвард.еду.
>> Можемо поставити од адресу да буде Џон Харварда.
Ако сам доле помицати даље, ја могу поставити адреса примаоца, само
произвољно, да буде Џон Харвард је као добро.
Дакле, он ће се сам слање е-поште.
>> Сада могу поставити тему да се регистрација.
И ја могу поставити тело на е-маил и то.
Ова линија изгледа мало загонетан, али то је само зато што има много
информација у њему.
Један, ту је тачка оператер.
Неко мора да већ знају шта тачка оператер ради.
То је спајање.
Дакле, ако желите да се ниску у ПХП, и то додати, или препенд га, да
други стринг у ПХП-у, хвала Богу да не морају да користе стрцопи и маллоц,
и све то више.
>> Ако желите да се повезати у облику ланца две жице, ко брине о меморији.
Нека ПХП цифра која се за вас.
Шта ПХП ће урадити са дот оператера Овде се само направи велики реченицу
ове линије, ова линија, Ова линија, та линија.
Запазите сада, то ће се прикључити вредности.
Дакле, е-маил да Јован Харвард иде да прими је буквално ће рећи
име, дебелог црева, нешто, а онда смо затворите ниску и повезати у облику ланца на
год корисник откуца у, затим нова линија.
>> Затим, на следећој линији Џон харвардском е-маил, то ће рећи
Капетане, Дана или ништа.
То ће рећи пол, мушко или женско.
Спаваоница ће бити Маттхевс у мом случају.
А онда приметити познато зарез на самом крају.
А онда, овде доле, обавештење, нешто криптичан даље, али опет, након
образац који ће се боље упознају након П сет 7, ако слање поште
фалсе, онда само напред и умрети.
>> Дакле, ПХП има функцију под називом Дие, који, буквално, само убија
сајт и само исписује шта год ви му кажете - њен умире
речи, да тако кажем.
И да, у случају, она ће се штампати шта је грешка Информације за
шта год се десило да крене наопако.
Дакле, да скратим причу овде, шта имамо је пример где, када корисник
доставља образац, фросхим0, фросхимс3.пхп, иде на
регистер3.пхп.
Али онда наставља регистер3.пхп извршава све ове линије.
>> Дакле, ту постоји неколико узети Проспекти.
Један, то је очигледно прилично лако, програмски, за слање е-поште,
што је добро.
Када корисници региструју за свој сајт, у овом случају, када се региструју за своје
спорт, можете пошаљи бруцош Проктор, или Џон
Харвард, у овом случају.
>> Али, то значи да можете да урадите шта?
Пошаљи е-маил од било кога на било кога.
И то је веома тачно.
Ово није тако лако учинити ако Навикли сте да користите Гмаил.
Али ако сте икада користили Еудора или Оутлоок, можете прилично рећи
сервера који сте ко желите.
И ово је место где треба да се стави на да шешир и каже, не ради то.
Али ово је доказ колико је лако је да се изврши пхисхинг напада, и
слање анонимних е-поште, а спам, уопште.
И стварно своди на Чињеница да је све што је потребно је мало
програмски приступ.
>> Узгред, мог најбољег сусрета са оглас одбор, мој бруцош,
Тада сам открио ово кул трик да, вау, можете да
пошаљете е-пошту од било кога.
И тако смо имали неки глупи Аргумент, буквално, у Маттхевс,
Међу мојим Процтор групе.
Ја се не сећам шта је био проблем.
Али хтео сам да покушам да стави до краја ове глупе расправе.
>> Зато сам одлучио да само ће послати е-маил то ми Процтор групи, претварајући се да
други момак, са чије сам мишљење не слаже, и да га се повинују
год моје мишљење је било у ова дебата.
И тако сам фалсификовао користећи ову е- техника слично у духу на то.
Али, то је заправо било лакше у то време.
Хит послати.
Он није био задовољан, нити би су оглас одбор.
>> И био сам врло брзо ухваћен у секунд јер, као што знате, да се региструјем
моје е-поруке на одређени начин.
И мада ја то радим ручно, у великим део, 15 година касније, јер сам био
трауматизовани то.
Немам потпис на мој е-маил сада.
Али у 1995, само сам имао СИГ, потпис у свом е-поште.
Тако да је ово белешка каже, Драги Процтор група, ја помирити своје мишљење
и слажем се са Давидом, тако и потписан тако, нова линија, нова линија, ДЈМ.
>> Дакле, не ради то, или, уопште, узети Предност ове технике.
Али када прављењу сајта, као што је на Ваш коначни пројекат, приликом доношења
сајт за нешто предузетничког, овако се, прагматично, можете да
левераге друге услуге на интернету поште као и онда у ствари
пошаљи ствари помоћу кода.
>> Дакле, како можемо побољшати на ово?
Па, хајде да прво брзи обилазак неке од ствари које ћете видети,
и онда погледајте пар примера.
Дакле, један, да се увери, јер летимо кроз ПХП.
И знам, у неком тренутку, мораћете да стварно почнем да пишем ово ако
већ ниси.
Схватите да је, једна, главна је врста о кроз прозор са ПХП.
Ако желите да пишете код који добија погубљен, само започнете писање га у
фајл под ПХП. све док имате отворену заграду
знак питања ПХП таг.
>> Али, то су приметили услови у ПХП.
Обратите пажњу, ово је потпуно исти слајд смо имали у једној недељи, када смо имали
услови у Ц. Услови у ПХП су структурно и
синтаксички исти.
Једина права разлика је ако имате променљиве постоје, имате оне
Долари.
>> У међувремену, Булови изрази изгледа баш овако
или-инг и-инг или заједно.
Прекидачи изгледају потпуно исто.
Шта је лепо у ПХП-у, док је у Ц, прекидачи морају да буду предмети на
примитиве као интс или слова, у ПХП Ваш случај изјаве може да буде
на читав жицама, које је стварно лепо.
Штеди вам мало времена.
Не могу да урадим у Ц
>> Ево за петља у ПХП.
То је идентичан.
Можда има неке знаке долара за променљиве.
Не морате да напоменем да нешто је инт.
Само га прогласи за знак за долар и име променљиве.
Али, за петљу је иста.
Док петља је иста.
Уради док петља је иста.
>> Ово је мало другачија.
Дакле, са ПХП, са низом, можете статички прогласи низ, као у Ц,
али ви користите угласте заграде.
У Ц, требало би да користите витичасте заграде, чак и ако је знао да је.
Али, то је заправо веома честа у ПХП да прогласи низ, у овом случају,
бројева, и позовите променљиве бројеви.
>> Променљиве себи изгледају овако.
Овде је ниска, цитирам Ункуоте "здраво свет ". Могли сте обрнуту косу црту н.
Ја једноставно не у овом случају.
>> Сада је то интересантно конструкт.
Ц нема ово.
Али ово је супер корисно.
И то ћете видети у сету 7 П Спец - за сваку творевину.
Ако желите да поновим над свим елемената низа, не морате
да се баве и $ и $ н, и + +, и све то.
Ви буквално можете рећи, у ПХП-у, овом -
за сваки број као број, тако Претпостављам да је $ бројеви
је низ бројева.
А кад кажем за сваки бројева као број, ово ће
аутоматски, као што је мој петља извршава, ажурирање, на сваку итерацију, вредност
Унутрашњост броја знак долара -
опет, и опет, и опет ходање за мене више од тог низа.
Дакле, то је само код нас спасава.
Без зарез, без + +-ов, не, ја сам, Не Н је, то је само лепо.
>> Међутим, ПХП такође има ово.
И ово је супер моћан.
И да их можете користити, руке на, у П сет 7.
И асоцијативни низ је декларисана са угластим заградама.
Али сада приметити синтаксу.
То подсећа на оно што смо видели са принт_р малопре.
Колико тастери, као мало здравог разума провере, Овај низ не изгледа да имају.
>> Тако да има два.
И ја зовем овај низ.
Али, ако то помаже, можете мислити ове као хасх табеле, или као
асоцијативни низ.
Али, то је само другачији тип низа.
И опет, различити језици имамо ово.
Ми ћемо видети нешто слично у ЈаваСцрипт, као добро.
Постоје два тастера.
Један је цитат завршити цитат, "симбол", један је цитирам "Крај цитата цену." И те кључеве
сваки има вредност.
У овом случају симбол је вредност ФБ, за Фацебоок, и цена је вредност 49, 26,
што је Фацебоок-ов стоцк цена од јутрос.
>> Дакле, оно што је корисно у вези асоцијативни низ.
Могао сам бројчано индексирани низ са само
једноставне угластим заградама.
И ја сам могао да има знак долара цитат једнако управо то.
Пусти ме заправо то.
Рецимо да сам уместо тога прогласио Овај низ тако.
То је савршено важећа, синтаксички.
Не губе било какве информације, по себи.
Ја и даље видим да је симбол ФБ, и да је цена је 49, 26..
Па зашто су асоцијативни низови убедљиве?
>> ПУБЛИКА: Не морате да памтите где сте ставили ствари.
>> СПИКЕР 1: Тачно, не морате да се сетите где сте ставили ствари.
Не морате да запамтите произвољно да је деоница је у конзолу нула,
и цене акција је у једном држачу, што је посебно опасно ако се
мењају ствари, на крају.
То је много лепше да се удружују оно што ћемо назвати метаподатака
са стварним подацима.
Ја бих тврде да је оно што ми се заиста трудимо о овде је фб и 49, 26..
Симбол и цена је метаподатака који описује податке које
заправо стало.
Али ово је само толико лакши приступ.
>> Сада, као страну која је цена коју плаћамо?
Ми смо радили ово ЦС50 у недељама.
Ова функција мора доћи на рачун.
Меморија.
Значи не само складиштење 32-битни цео број, на пример.
Ти си симбол складиштење / 0, вероватно.
Дакле, користите више меморије.
>> А шта је учинак гледа нешто у
асоцијативни низ, вероватно?
Вероватно је спорији.
Рандом приступ је лепо, посебно када можете да урадите бинарну претрагу.
Али, ако сте заправо сада желе не за бројеве, али за гудаче, ово
заиста се спроводи испод хауба, вероватно као хеш табели, где
користите било хеш табели са посебним цхаининг.
Или користите покушате да ствари чување вредности.
Дакле, можда можете да урадите константно време, али ипак морате да погледате С-И-М-Б-О-Л,
потенцијално, уместо само 32 бита да погледате нешто горе.
Па опет, те исте идеје долазе враћа се понављају у овом контексту.
>> Али опет, ПХП сада има неке супер Глобална то, испоставило се, су
асоцијативни низови.
Видели смо једну малопре, $ _ПОСТ.
И то супер Глобал има кључеве и вредности.
Наиме, тастери построје са чим?
Где су кључеви у $ _ПОСТ долазе?
Само да поновимо?
>> ПУБЛИКА: Име.
>> СПИКЕР 1: Име, где?
>> ПУБЛИКА: [ИНАУДИБЛЕ]
>> СПИКЕР 1: Име је атрибут.
Па где је, где су радили првобитно дошао?
Форма.
Дакле, ако ХТМЛ страница има ознаку обрасца, унутар којих су неки инпути, попут
поља за потврду, оквири за текст, спустите се доле менији, од којих сваки има своје име, те
имена завршавају као кључ у $ _ПОСТ, и, искрено, по том питању, $ _ГЕТ.
Ако је метод ГЕТ, иста идеја.
То је само у другом глобалном супер.
И вредности, наравно, долазе из год корисник откуцао у његовом или
њен претраживач.
>> Али, постоји неколико других.
Ту је колачић, који ћемо врати се на крају.
Али, то су ствари које знате интернет користи за нешто добро или зло.
Али, ми ћемо се вратити на то.
Сервера и дужином, а та двојица имају неки посебан програм.
>> Али, хајде да погледамо ово.
Дозволите ми да иде напред и отвори пример Тако се зове мвц0.пхп МВЦ
скраћеница за следеће.
И ми то увести раније него што је то типично, заиста, да ли пројектовање
Проблем сет 7, а такође завршних пројеката, у врсти индустрији
стандардни начин, и чист начин.
То је добар дизајн.
>> Дакле, ви ћете видети, и ви ћете искуство, у сету 7 П, парадигма, методу
за програмирање начина размишљања, који изгледа мало нешто овако.
М за модел Ц, за контролер, В за Виев.
Да скратимо причу, МВЦ је само врста методологије, начин израде
сајтова, посебно, при чему ти ставити све ваше, глупе фразе -
пословна логика -
све своје интелектуалне својине у оно што се зове контролер, фајл
као индек.пхп, или ћемо видети, куоте.пхп, или буи.пхп.
>> У контексту проблема сета 7, ваш модели обично садрже податке,
шта у вези са базом података, као што ћемо на крају види, и ваша гледишта
садрже естетику Вашег сајт, ХТМЛ, ЦСС.
Дакле, ми смо већ видели у Ц мало битни коришћењем х фајлова..
Заиста смо видели малопре са ЦСС, путем факторинга у ЦСС стилизације
ствари из нашег ХТМЛ.
>> Дакле МВЦ је заиста само о цртању линије у песку и говорећи:
Занимљиво код за програмирање сајт спада у оно што ћемо назвати
контролер.
Ствари у вези са базом података обично завршава у моделу.
Али, видећете, проблема у сету 7, ми обједињавање Ц и М да га једноставно.
Али погледај где је све ХТМЛ естетике и обично иду.
>> Дакле, шта то значи у реалним условима?
Па, пусти ме у нашу МВЦ директоријум као што следи.
И ви ћете видети више од ових обишао путем у спец.
Дакле, у мвц0, ја тврдим да је то, као, Верзија 0 од ЦС50 је сајтова.
>> Све што имамо је мало ХТМЛ, као велики Х1 таг, очигледно.
А онда нумерисана листа.
Никада нисам видео набрајања раније, али није страшно.
Хајде да брзо погледајте изворни код.
Испоставило Несређена листа мецима је отворена заграда ул са једним или
више ставке листе, Ли.
Дакле, овде је обавештење сидро ознака.
Видели смо да је малопре.
>> Дакле, ово је како сам спроводи Ова страница.
Имам два линка, два, један списак ставки УЛ несређене листе, и крај
резултат, естетски, ово је врло прилично сајт, верзија 0 овде.
Али, оно што је занимљиво је како сад ово спроводи се испод хаубе.
>> Пусти ме у гедит и отвори ово први пример да наслика слику.
А ми ћемо погледати шта је погрешна, потенцијално, овде.
Сада, ако одем у лоцалхост, јавни, МВЦ, приметићете неколико фајлова.
Ја ћу да зовем њих, за тренутак, сви контролери.
Али то је мало злоупотреба, јер видећете све је измешани
у њима.
>> И пусти ме унутра у индек.пхп.
И видимо, буквално, исти ХТМЛ.
Дакле, иако овај фајл завршава у ПХП., То не значи да треба да
имате ПХП код.
То само може бити сиров ХТМЛ, иако то је мало глупо.
Али приметите да нема отворена заграда ПХП означите, осим за то, што, искрено,
је ту само да послужи као коментар.
Али то није функционално чак и да је занимљиво.
>> Али то приметити.
Оно што је занимљиво је оно што сада промене на овој страници.
Пусти ме да кликнете предавања.
И приметити УРЛ адреса ће се променити.
Сада сам у лецтурес.пхп.
Пусти ме да кликнете нула.
Сада сам у веек0.пхп А сада да да отворим ове фајлове у гедит.
Не само индекс, али да ја отворим предавања.
И дозволите ми да се ослободим од коментара да се фокусира само на овом делу.
>> А сада дозволите ми да отворим само један, веек0.пхп, баците коментаре,
да чистим ово горе.
А сада приметити следеће.
Размишљање заиста врста пажљиво око дизајн, и хајде да га линију
се исти, шта се може урадити Боље овде, мислиш?
>> Како сам направити једну недељу?
Шта мислите о овоме.
Дакле, ово је како сам направио једну недељу.
Отишао сам до Филе, Нев, Пасте, Саве, веек1.пхп, а онда сам отишао у овде.
Променила сам једно -
шта је ово, једно до петка.
Променио сам нула до један.
Променио сам то једном.
>> У реду, тако да сада погледај мој досије.
Оно што може да се уради другачије?
Где је прилика, можда?
Дакле, постоји могућност да почне факторинг ове ствари.
Дозволите ми да отворим, као спојлер, за оно што ћете видети у сету 7 П.
Ако ја отворим, сада, у верзији индек.пхп пет ово, изгледа тако
мање јасни, признајем.
>> Али ово, сада, је оно што ћу назвати контролер то је да контролишу
Логика мојој страници.
И ви можете некако реконструисати, интуитивно, можда, шта се дешава.
У првом реду, то је мало загонетан.
Али приметио сам захтева, као и са укључују оштар, фајл под називом
хелперс.пхп.
И онда ја зовем, очигледно, функција, назива рендер, у пролазу
два аргумента.
>> Један је цитат завршити цитат, заглавље.
А други је, какав тип података је ово, на бази
на наш синтакса раније?
То је придружена низ.
Конкретно, то је доношење у наслову са неким метаподацима који подсећа
ја шта је то и његова вредност.
Онда видим фиксирана ул, па неки сирови ХТМЛ.
Али, онда сам се вратио у ПХП режиму позивање функција рендер.
Дакле, чак и ако никада нисте користили ХТМЛ или ПХП пре, и иако то изгледа
страшније, зашто је то вероватно бољи дизајн?
Шта је боље о томе, на основу закључка?
>> ПУБЛИКА: [ИНАУДИБЛЕ]
>> СПИКЕР 1: Мање сувишан да нема више ХТМЛ тагове, нема више
главе ознака, не више тело ознаке у сваком проклетом фајлу.
Уместо тога, ја сам се урачуна заједничке тачке и вероватно их ставим
у фајл на неки начин у вези на главом.
И иста ствар за блиску тело ознака, близу ХТМЛ тагове.
То је вероватно доле у од подножја негде.
И видећете, у сету 7 проблема, мало тура кроз ово.
>> Дакле, шта нас чека?
Једна ствар коју немају могућност јер је још да се заиста складиштење података.
И оно што ћемо почети да видимо Среда, на пример, је да је ваш
стари пријатељ Екцел, или бројеви, вам омогућава да складиштите пуно
података у редовима и колонама.
Испостави се да може да уради оно што је у зове база података, програмски.
Манић и испоставило се, након тога, ми ћемо бити у стању да складишти такве ствари
ово, што ћете видети у П сету 7, гомилу корисничких имена и
лозинке, други од којих су заправо кодиран, много им се свиђа
били у хакерске издање П Сет 2 екипе.
И на крају, ви ћете то спровести, сопствене еТраде-сајт као што
спроводи колективно ЦС50 финансије.
>> На крају, пошто сте овде остали овако касно Данас, ако се вратимо на овај део
кампуса, у 4:00 часова данас, ми ћемо дати вам не само савете, у СЦЕС
Саветовање сајам, у 4:00 часова у Максвел-Дворкин, даћемо вам неке
Америцоне сан, Трешња Гарсија, Чоколада Фудге Бровние, Чоколада
Цхип Цоокие Доугх, и, када вам Гоогле Здепаст мајмун, ти ово.
Дакле, све то чека у 4:00 АМ у Маквелл-Дворкин.
Видимо се у среду, као добро.
>> СПИКЕР 2: У следећа ЦС50, РЈ спава унутра
>> РЈ: Моја секција!
Ха!
О,