Tip:
Highlight text to annotate it
X
>> ТОМАС Реимерс: Здраво, свима.
Зовем се Томас Реимерс.
>> МИКЕ РИЗЗО: И ја сам Мике Ризо.
>> ТОМАС Реимерс: Ми смо два ЦС50с ТС.
И данас смо водећи семинар о ЈаваСцрипт и ЦСС за веб апликације.
Уколико желите да пратите, линк је тамо.
А да ли желите да га ставите горе на рачунар на кратко?
>> Постоји веза.
То је мали сајт, који има везе са сви ресурси да ћемо бити
указујући вам данас и такође има много корисне информације написао нас
прочитајте више у дубину када се вратите, а ви покушавате да се сетим шта
тачно кажемо, шта сте били говори о, и тако даље.
>> МИКЕ РИЗЗО: У реду.
Дакле, хајде да почнемо.
>> ТОМАС Реимерс: Дакле, желите да почнете?
У реду.
>> МИКЕ РИЗЗО: Да.
Дакле, ми смо прво хтели да почну са широким преглед о интернету и
филе врста при дизајнирању сајтова.
Иако ова презентација ми желимо да ући у ЈаваСцрипт много много
касније, желели смо да почнете са Само, некако, као поглед из птичје перспективе
од чега је сајт и како да размишљају о пројектовању
сајт за почетак.
>> Дакле, ви момци, у овом тренутку - са њом је петак вече - треба да има
поднела свој ЦС50 финансије Проблем поставља.
Надамо се, да је био добар укус онога веб програмирање могу бити.
Али овде ми желимо да, некако, дају ти други укус, као и.
>> ТОМАС Реимерс: Дакле, само да подсетимо шта дешава, када куцате у УРЛ-у
Ваш веб претраживач, УРЛ адреса које добија погледао у компјутеру.
И рачунар је повезан на други рачунар,
који је домаћин тај сајт.
У реду, тако да када одете на гоогле.цом, ти си повезан са једном од Гоогле-
рачунари, који има датотеке за гоогле.цом.
>> То онда тражи одређену датотеку.
Дакле, ако идете на -
Ја не знам -
екампле.цом / индек.хтмл или / тест.хтмл, идете да тражите
то специфичан фајл.
А веб сервер иде да га врати на вас.
>> Затим, када прође кроз тај фајл -
Једном сте рачунар добија да фајл - то ће да почне
да направите веб страницу.
Тако сада има ХТМЛ фајл, која је врста као
Структура веб странице.
ХТМЛ датотека такође може референце ЦСС датотеке, које дефинишу
стил веб странице.
>> ЈаваСцрипт фајлова, који дефинише интеракција са веб странице.
Имаге фајлови, који су само слике.
А можда су повезане са другим ХТМЛ датотеке, које затим можете посетити.
>> МИКЕ РИЗЗО: У реду, одлично.
Дакле, ви имате све, можда, мукотрпно подесите своју локалну домаћина
на виртуелној машини.
И то само, некако, је локална домена који рачунар домаћин само
за вас на сопствену ИП адресу.
>> Дакле, у оквиру које, онда можете да додате до ње сопствене веб странице.
Мислим, у ЦС50 финансија, требало би да имате додато неколико ХТМЛ страница, који су,
врста, умотан у ПХП омоту.
Али на крају, шта ваш ПХП странице су оутпуттинг је ХТМЛ.
>> Али размишљање назад на самом почетку од псет, морали смо да подесите
дозволе за све, зар не?
Дакле, ово само у основи омогућава нам који могу да читају, пишу, и евентуално
извршава сваки од фајлова.
Тако ћемо да радимо брзо - Хм?
>> ТОМАС Реимерс: Значи идемо да уради брзи демо.
Дакле, само да вас подсетим, када сте повезали на Гоогле компјутер -
ко -
и питати за фајл, рачунар прво треба да се уверите да сте овлашћени
да заправо видите тај фајл или прочитали да филе јер ви не можете само питам
за било које датотеке на том рачунару, зар не?
То би био безбедносни ризик.
>> Дакле слика на системе које користимо, као што су ово ЦС50 апарата, имају три
опште људи који могу да имају Дозволе за нешто.
Први је стварни власник поменутог фајла.
Друга је група која фајл припада.
Нећемо да се фокусира превише на то.
И последња ствар је, некако, као свет или као и сви остали који су је
није специфичан за тај фајл и не имате права власништва над њом.
>> Дакле, ако имамо власник, група, а затим свет.
А онда, за сваку од ових група, ви може имати једну од три дозвола,
ОК, или више њих.
Можете да сте прочитали дозволе.
Можете имати привилегије.
И ви можете имати извршити дозволе.
>> Дакле, у погледу стварних типовима датотека, прочитајте дозвола је као заправо читање
садржај датотеке.
Право дозвола је писање да је рекао датотека.
Извршава дозвола ради филе као да радите када покренете неку од
Ваш ЦС50 пројекте.
>> Дакле, када размишљамо о датотекама као када треба да прочитате ХТМЛ
фајл, који треба да буде свет читљив, зар не?
По свој прилици, такође власник жели да би могли да уређујете тај фајл.
Дакле, власник ће морати читају и пишу дозволе.
Они стварно не треба извршити.
>> Група, идемо на лечење Исто као у свету за сада.
Дакле, они треба прочитане дозволе.
Али они не треба писати или изврши дозволе.
А сада, ако мислимо да вратимо некадашњи ПСЕТс, што схватимо је ова врста
од изгледају као бинарни, зар не?
1 означава да.
0 за не.
И ми заправо може превести ово у бинарни.
>> Дакле, 110 у бинарном би 6.
100 ће бити 4..
Исто је и са светом.
Дакле, број који ће добити за дозволе за то би било 644.
>> МИКЕ РИЗЗО: А ако мислите да врати када цхмодед нешто, ја верујем
они су дали у проблему сет Пример где можете да урадите
нешто слично цхмод 644 а затим име датотеке.
644 тада, сада можете видети директно одакле то долази.
Дакле, надам се да то чини мало јасније.
>> И онда за тебе типа јасноће -
ох иеах, овде је то поново.
Дакле, 600 онда би само бити пример ми смо одустали овде где власник има
прочитајте и привилегије док група и свет немају никакве дозволе
за приступ датотеци.
>> ТОМАС Реимерс: И онда имамо брзи Списак заједничких дозвола.
Дакле директоријуме, хоћеш да заправо цхмод 711.
Брзи страну - за директоријум да имају извршна дозвола значи бити у стању
да отворите именик.
Слике, ЦСС, ЈаваСцрипт, ХТМЛ потребе 644 јер, у суштини, свет
потребе читати дозволе.
>> И ПХП, који сте видели иако нећемо говорити о томе
строго се обично цхмодед са Дозвола 600 јер је покренути са
дозволе власника.
Барем на апарату.
>> МИКЕ РИЗЗО: Па ако не конкретно одредите који тип фајла
желите у ствари постављању до ове презентације -
смо имали проблем са овим јер све није цхмодед исправно -
ћеш добити, некако, Забрањено грешка да сајт
нема заправо немају дозволу приступити без обзира на фајл
желите да приступите.
И наравно, да могу да се фиксирају - као у проблему сет - променом
дозволе на одговарајући начин.
>> ТОМАС Реимерс: И последњи коментар за брзо локални развој је - ми
донео ово, али ми смо само хтели да га опет довести до -
ако питате за сервер - па локални хост, на пример, цом или шта год. -
и не одредите одређену датотеку, фајл који је ваш рачунар иде
да питам за се зове индек.хтмл.
Или ако то не постоји, индек.пхп.
>> Цоол.
Дакле, то је само рекапитулација свега, надам се, да смо покривени у
секција, и предавање, и до сада у ЦС50.
А сада ћемо да проговори о посебно библиотеке.
ЈаваСцрипт и ЦСС библиотеке за веб апликације.
>> Дакле, један од разлога зашто брзо смо библиотеке је програмирање -
има доста проблема у програмирање, који држе ничу
опет, и опет, и опет.
Можда ћете приметити да много сајтова треба способност да имају пад доле
менији, на пример, или треба способност да имају веома стандардну дугме
стил, који не може бити Најлакше.
Сада када почнете да се у ХТМЛ, ви схватају да дугмад могу заправо
изгледају заиста ружно ако вам не ради ништа.
>> Дакле, многи људи су писани назива библиотеке.
И у том контексту, они су такође назива оквири.
Идемо на коришћење два наизменично.
А шта су они у суштини је Премаде делови кода -
или ЦСС или ЈаваСцрипт -
да одузме доста Теам имате у кодирање.
>> Дакле, они унапред дефинишу гомилу предмета или унапред дефинисати гомилу функција за
Случај Јавасцрипт-а, који можете позвати касније.
А онда можете, некако, добити приступ овом коду без
има да уради било шта.
Пример библиотеке био је ЦС50.Х. То је била библиотека смо дали теби вратим
у недељу једном, што је омогућило да урадите ствари као што су то и Затамњена ГетСтринг
без потребе да пишу било сами код.
>> МИКЕ РИЗЗО: У реду.
Дакле овде, баш као што смо морали да укључе у нашој ц датотеке разликује
библиотеке, ми такође треба укључити у наш ХТМЛ датотека различите библиотеке.
На пример, ако бисмо желели да укључе специфичан ЈаваСцрипт библиотека овде,
можда, онај који смо написали сами како је локално домаћин
називају сцрипт.јс, само смо користите ову нотацију.
>> Дакле, имамо типа скрипта екуалс ЈаваСцрипт извор једнаки
ЈаваСцрипт.јс.
А ако мислите назад у свој ЦС50 Проблем финансије сет, ако погледао у
хеадер.пхп у фолдеру Обрасци, Требало је да видите
неке од ових укључени.
Дакле, овај први - скрипте -
је укључујући ЈаваСцрипт библиотека.
Укључујући ЦСС библиотека је мало другачија.
>> Ево, уместо сценарија таг треба линк ознаку.
А онда, тип текст ЦСС је мало другачија.
Не морате увек да укључују Рел стила.
Али ја мислим да је, генерално, добра пракса.
>> И на крају, ХРЕФ, који сте вероватно видели у својим АТАГс за повезивање
у различитим везама само прецизира линк где да пронађу.
На пример, ако бисмо желели да повежу другачије библиотека - рецимо -
који је живео у стилес.цсс.
И ми смо желели да се повежу да је то у домаћин на Интернету, ми бисмо копирали то.
А онда га налепите у било шта имамо овде уместо тога.
>> ТОМАС Реимерс: У реду, надамо се момци су већ упознати
како да повежете са ЦСС.
Морао си да се то уради на последња браон скуп.
Јава, неки од вас можда имају неко искуство са.
Неки од вас не може.
>> Дакле, за сада, знам да ЈаваСкрипт фајл је веома слично као у ЦСС датотеку
осећај да можете да повежете са њом или да је можете укључити интерно.
И то вам омогућава да сцрипт ствари.
И ми ћемо вас провести кроз Мало ЈаваСцрипт касније.
>> Дакле, користећи библиотеку -
када сте га укључен, то је као једноставно као буквално зове
функције или додавање цласс имена њега.
Последња ствар коју желим да причам о библиотеци у смислу -
и то је више од Техничка напомена -
је опен соурце лиценцирање.
Дакле, када сте пронашли те стварне библиотеке, можда мисли на
питања као што су да ли је у реду да сам само користећи код туђу, посебно
јер то је нешто што смо веома много Рекао сам ти да не радим у овом курсу.
>> Дакле, у случају изворног лиценцирања отвореног, Много програмера -
након што сам написао библиотеку, које они мисле могли бити
помоћи другим људима -
ће га објавити на Интернету и дати му дозволу.
А лиценца у основи каже да сам овим давање дозвола за друге
људи да користе овај комад софтвера са следећим врстом
одредбе.
>> Укључили смо везу за добар сајт за да вам помогне да разумеју лиценце у
случају да наиђете на њих.
Заједничке одредбе су ствари као што су Ви сте добродошли да користе мој библиотеку тако
док ми дати кредит.
Ви сте добродошли да користе мој библиотеку тако дуго као када се ломи
ти ме не криви.
Ви сте добродошли да користе мој библиотеку тако дуго као га не користите да зарадите новац
за себе.
То су врсте заједнички одредбе.
>> За овај ЦС50 финалног пројекта, они не би требало да буде супер јер релевантне
пројекти који ви користимо су вероватно радије, некако, познат.
Али када ствари иду у свет и почните да користите библиотеке, који
може или не може бити као и реализован као неке од више популарних оне смо
ће бити кроз иде.
Лепо је бити у стању да разумеју те лиценце и да
разумеју шта они значе.
И да се вратим.
>> МИКЕ РИЗЗО: У реду.
Дакле, сада се креће на примерима стварне ЦСС.
У овом тренутку до сада, да би могао нисам наишао ово.
Али можда сте га срели у ваш свакодневни живот, где се нешто
да изгледа један начин на једном претраживачу можда неће изгледати исто
начин у другом прегледачу.
>> Ово се назива прегледач компатибилност.
И све то постаје још и више проблема, посебно као
претраживачи узети више и више слободе да имплементирају ствари као што желе.
Тако да се превазиђе да, постоји заправо велика библиотека зове Нормализе.ЦСС.
>> ТОМАС Реимерс: укључено смо везу.
У овом тренутку, то је корисно ако имате свој лаптоп у ту
гледа на сајту.
И дајемо ти ово право Сада једноставно зато ЦС50 финале
Пројекат се заправо дешава у питам вас да га спроведе
слично и преко бровсера.
>> Дакле, само да би у задњем делу глава, ово је дивна библиотека
јер ће, на неки начин, стандардизовати ствари.
У Фирефок, нешто може да покаже као један пиксел са леве стране.
А онда Цхроме може да одлучи да заправо шта си мислио 10 пиксела
на лево.
И ви желите да стандардизује ово.
Нормализуј ће заправо раде стварно добро посао водећи рачуна да ваш сајт
Изгледа исто преко претраживача.
>> МИКЕ РИЗЗО: Дакле, ако бисмо желели да управо кликните на линк заиста брзо и шоу
ви шта то личи, те Можете га преузети користећи
гигант Довнлоад дугме.
Или сам вам да прочитате више о томе кликом на овај линк у нижи
десном углу.
>> ТОМАС Реимерс: А ако сте стварно кликните Реад Море тамо -
кликните на извор на ГитХуб -
Ви заправо ћете видети опен соурце лиценцу о ЛИЦЕНСЕ.мд тамо.
И ви ћете овде видети је Веома популаран МИТ лиценца.
Опет, ако сте прочитали кроз текст, моћи ћете да га пронађете на сајту
смо означен пре и бити у стању да разумети га без потребе да чита
кроз правни жаргон.
>> МИКЕ РИЗЗО: У реду, одлично.
Дакле, то је нормализовати.
Хтели смо да ти дам да стварно брзо.
О, да ли имате неко питање?
>> ПУБЛИКА: Дакле, када сте га преузели, можете само пратите тај код да они имају
под дугме Преузми?
>> ТОМАС Реимерс: Да, тако када преузимате -
>> МИКЕ РИЗЗО: Ох, то је велика ствар.
Дакле, питање је како да ми заправо га преузети?
Дакле, ако смо кликните на линк, видимо да је заправо појављује
у изворном коду.
Дакле, да би то урадили, оно што смо могли немој се само изаберите ставку Сачувај као.
Сачувај Као и да треба довести до датотеке.
И онда можемо одабрати да сачувате она као нормализе.ЦСС.
А онда ћеш морати да га повежете на -
>> ТОМАС Реимерс: исти ти начин везу у било којој другој фајл.
А када га повежете на, што је супер о Нормализе је заправо ће
побринути за све тешко раде по себи.
Што значи да не морате да додате неке часове.
>> Не морате да урадите нешто чудно.
То ће нормализовати без тебе ради ништа даље.
Да, морате да га укључе.
Гоогле Цхроме не реагује.
>> Само брзо у страну -
Приметио сам да смо скочио у ово.
Остатак ове презентације је ће бити брз преглед.
Истраживање библиотека.
>> У суштини, шта су они.
Шта они раде.
Како су корисни.
Како сте могли да их спроведе.
Ако желите да почнете да тражите на њих, Следећи заједно, и кроз читање
их, ја бих веома охрабрити да.
>> Алтернативно, ви сте добродошли и да се започели преузимање их и укључујући
их у видику само да видим шта они изгледају или оно што они раде, ако имате
ваш лаптоп испред себе.
Ако не, ви сте добродошли да слушање нама разговара.
Идемо да говоримо.
И ми смо имали времена на крају, надам се ми заправо ћу вам показати у
шта су неки од ових библиотека изгледају.
>> МИКЕ РИЗЗО: Кул.
У реду, тако да сада хајде да разговарамо о Фонт Авесоме.
>> ТОМАС Реимерс: па Фонт Страшан је стварно уредан сајт, посебно за оне
од нас који су мање уметнички талентован.
Игнорисање име Фонт Авесоме, даје ви гомила икона, које су
веома корисна.
Дакле, много пута ћете имплементирати ицон можда желети као фина к СО
да можете да затворите нешто.
>> Или можда желите неку врсту дугме Едит оловком цртеж као
сви остали има.
И то је када сте сазнали да цртање те иконе може бити
веома досадан и тежак.
Фонт Авесоме - ако сте заиста идите на сајт -
даје вам много икона под иконе на врху.
Да, само врх.
То ће вам дати пуно икона за бесплатно.
>> Дакле, овде видимо да имамо ствари као што су астериск, барови, муња,
календар, буба, књига, и тако даље.
Ово може бити веома корисно.
Начин на који укључују ово је укључите буквално ЦСС фајл.
И након што сте укључени у ЦСС датотеку, шта можете да урадите је да креирате
ознака назива И. Ит сатандс за ицон са класе ФА
стоји за Фонт Авесоме.
И онда, шта год хоћеш класа.
>> Дакле, ако сам желео икону тог плуса квадрат овде, ја бих дао
она класа ФА.
А онда ФА цртица цртица плус квадрат.
>> МИКЕ РИЗЗО: Кул, у реду.
>> ТОМАС Реимерс: И онда, последњи ЦСС библиотека желимо да се кроз смо
покушавајући да га задржи на минималан ЦСС библиотеке, јер ми не схватају
наслов ове презентације је ЈаваСцрипт Библиотеке.
Али ми смо мислили да можемо као увести вас у другим библиотекама
док смо разговарали о библиотекама.
>> То је Гоогле Веб Фонтс.
А шта Гоогле Веб Фонтс вам омогућава да урадите је да додате фонтове на вашем сајту,
који је заиста једноставан начин да се направи лепа и да се направи разлика свој сет
од свих осталих је ако има лепо фонта или ако има леп
колекција фонтова.
Гоогле Веб Фонтс је лепо за разлику од других библиотеке у смислу да је
заиста вођена инсталација.
>> Дакле, ако пратите линк, то је гоогле.цом / фонтс, ја верујем.
Ако пратите то, те може одабрати свој фонт.
Можете изабрати на левој страни од дебљина, нагиб, и тако даље.
А онда, када сте одабрали један, можете да кликнете брзо коришћење.
Управо тамо.
Доле десно кутије.
>> А онда, идите доле.
Пре свега, они вам то ЦСС потребно је да се заиста повежете са њим.
То је тамо.
Можете само да копирате и налепите да унутра
И лепа ствар у вези овога је Ви заправо не треба ни да
преузимање фајла.
>> Шта ће то урадите је да ће да се повежете са Гоогле верзију њега.
Дакле, вратимо се шта то значи.
То значи да када корисник преузима датотеку -
преузима ваш ХТМЛ страница - ваш ХТМЛ страна ће референтним ову датотеку.
>> Дакле, ваш рачунар ће се видети, Ох, то је била домаћин на гоогле.цом а
него на тхеирсите.цом.
Пусти ме питати Гоогле за тај фајл.
И онда, то ће укључити готово као да је
део свог сајта.
>> ТОМАС Реимерс: Кул.
А када је укључите, тада се укључити га у ЦСС, то вам даје
стварна линија.
Дакле, ви поставите породицу имовине фонт једнак име фонта.
>> МИКЕ РИЗЗО: У реду.
Дакле, ми смо управо завршили са ЦСС.
А неки од вас можда мисли, добро, ми смо имали неке ЦСС на ЦС50 финансија.
Али ЦСС библиотека је боотстрап.
Ми заправо укључују боотстрап мало касније под ЈаваСцрипт јер са
Боотстрап ЦСС библиотека такође долази са пуно ЈаваСцрипт-те
Боотстрап или Твиттер - који је Боотстрап -
користи за управљање свим њиховим ЦСС.
>> ТОМАС Реимерс: Да ли неко има било питања до сада око ЦСС-у уопште?
Ми смо добри?
Страва.
>> МИКЕ РИЗЗО: Страва.
>> ТОМАС Реимерс: Па креће на ЈаваСцрипт.
>> МИКЕ РИЗЗО: Па смо хтели да разговарамо о јКуери за почетак.
Да ли је неко чуо за јКуери пре или користити га?
Да, пар?
Дакле, ако сте само радите са пореклом Јава, ви ћете се наћи
куцање доста дугих селектора много.
Дакле, оно што ради је јКуери пружа леп омот за ЈаваСцрипт
језик који вам омогућава да лако изаберете и манипулишу различите елементе
у оквиру Доцумент Објецт Модел за веб страница или ДОМ, који мислим
ви сте чули у предавање у овом тренутку.
>> ТОМАС Реимерс: Ако нисте чули то или ако нисте гледали предавање
ипак, Објецт Модел документ је основи како ствари су представљени.
Дакле ХТМЛ врста изгледа као дрво када сте заправо извући.
Имате ХТМЛ елемент на врху.
Имате главу и тело.
>> А онда, у оквиру које имају све остало.
То се назива ДОМ -
Доцумент Објецт Модел.
Дакле, модел који представља објекте у Документ је једноставан начин да се размишља
о томе.
А један од великих ствари о јКуери је то заиста чини попречно
да и манипулисао елементи унутар то невероватно једноставан.
>> Тако једноставно, у ствари, да већина ЈаваСцрипт библиотеке или ако не
Већина, велика већина оних видећете заправо захтевају јКуери тако
да они могу да се покренути једноставно јер ако нисте имали јКуери, те
би губили много времена покушавајући да схватите како да изаберете одређени
елементи и како да радим и друге ствари.
И друга велика ствар о јКуери је да је крст прегледач компатибилан.
>> Па сетите се кад смо рекли да нису сви претраживачи имплементира
ствари на исти начин?
Ово важи чак и у ЈаваСцрипт.
А један од великих ствари о јКуери је да ће то детектовати
претраживач и детектују одговарајући начин.
>> Дакле, ако вам је потребно да изаберете један елемент, Интернет Екплорер може рећи да си
треба да урадим на овај начин.
Фајерфокс може рећи тачан начин је овуда.
јКуери није брига.
Када кажете да изаберете јКуери елеменат ће схватити како је то
требало да то уради у оквиру претраживача корисник је тренутно у, а затим урадите
то тако.
>> МИКЕ РИЗЗО: Дакле, хајде да не причамо о томе употреба јКуери мало.
Баш као и ПХП, јКуери има посебан склоност за знак долара.
Дакле, ви ћете наћи да је било јКуери -
добро, не све.
Можете понекад може да замени долар потписати са речју јКуери.
Али генерално, само зато што је краћи, кад год видите јКуери бити
користи то ће бити са знаком долара.
>> Дакле, овде смо само показује почетак Селектор елемент у ДОМ.
Ево, имамо знак долар следи отвореним заградама, а затим цитата.
И унутар наводника ићи наше селекторе за различите елементе.
Баш као у ЦСС, морали смо да селекторима бити у стању да стил различите елементе
у оквиру странице.
Те различите селектори транслате тачно у јКуери и ЈаваСцрипт,
за највећи део.
>> Дакле, овде имамо дот фоо.
Дакле, ако се сећате из предавања, тачка само значи класу.
Тако смо одабиром елемент са класе ФОО.
Дакле, ако ја одем напред и отвори наше ЈаваСцрипт конзола овде заиста брзо
само га показати, ако сам само укуцајте знак долара, видимо да је то неки
функција која долази горе.
И то је само дефинисан јКуери.
>> ТОМАС Реимерс: За оне од вас непознато, конзола је алат
у оквиру Цхроме, који вам омогућава да, у основи, покрените ЈаваСкрипт на
тренутна страна.
То ћете наћи невероватно корисно када сте заправо ви и отклањање грешака
треба да буде као, шта је струја вредност неке глобалне променљиве или шта
је нешто друго?
То је нешто као ГДБ са изузетком да ли заиста могу
манипулишу елементе на страници са то на много лакши начин.
И такође не, у основи, проверите у са вама пре него што то чини било шта.
>> Дакле, док, ГДБ можда као, ви сте сигурни да желите да покренете следећи корак?
Конзола је у прави.
Дакле, као што је веб страница и пружање радиш шта год да ради,
Савет је такође покренут уз њега.
И ви можете ставити приписати код у да конзола, која ће
се ради на страници.
>> МИКЕ РИЗЗО: Па да уђу у конзолу, Претпостављам да би требало укратко
помињемо како да се то уради.
У последњих проблемима које могу да имају половне Хром је елемент инспекцију
функције или поглед страна извор -
и они су доступни само право Кликом на страници или специфичног
елемент и раде или инспекцију елемент или поглед страна извор.
Ми такође могу да приступе ЈаваСцрипт конзола директно
избора испитати елемент.
Па онда само ударио конзола на десној страни.
>> Алтернативно, могли сте и отишли у горњи десни угао,
који је одсечен на овом екрану где има три хоризонталне шипке.
А ви идите доле до алата и онда ЈаваСцрипт конзола
овде где могу да виде -
барем на Виндовс -
Пречица је контрола Схифт Ј. Па онда ако смо хтели да изаберете елемент
у оквиру ове странице, као што сам показао пре, радимо долар знак отворене паренс
а затим цитира.
>> Занимљиво је, генерално, једнокреветне и двокреветне цитати цитати су
изменљив.
Дакле, многи људи користе само један цитати јер су брже да куцате
него наводницима јер ви не урадите Треба да држите Схифт.
Зато ћу само то да урадим одмах.
>> Зато желим да изаберете нешто са класе.
Контејнер, само зато што знам да је то нешто што је на наше
Веб страна сада.
И ја ударио Ентер.
И можемо да видимо да је то изабрана.
Дакле, то показује, да је она вратио тај објекат.
Дакле, то је основни избор.
Ако бисмо хтели да га заправо манипулише, ти би нешто да позове
на том избору, који ми ћемо ући у касније.
>> ТОМАС Реимерс: Дакле, само да погледате да више у дубину, ово се не разликује
од функцијских позива смо направили у Ц. Име функције овде је
мало чудно.
То је знак за долар.
То је само име функције.
Нема ништа посебно о томе.
>> Имамо отворене заграде.
Затим, имамо један аргумент, који у овом случају се дешава да се ниска,
који је селектор за њега.
И онда, ми имамо наше затворена заграда.
То је то.
>> Није то знатно другачије.
Мада, то не изгледа веома чудно.
И то може да буде, на неки начин, је спорна указују на много људи.
>> МИКЕ РИЗЗО: Па слично, ако смо хтели да изаберете неки елемент који има ИД,
Сада желимо да изаберете од ИД уместо класе.
Било би слична ствар где смо Управо радим на нагли знак за ИД.
Зато смо овде сви избора елементи који имају бар ИД.
>> ТОМАС Реимерс: И ово се протеже.
То ЦСС продужава.
Баш као у ЦСС, можете да изаберете све везе, које имају класе фоо.
Ево, то је иста ствар.
>> Можете да урадите а.фоо, који би изабрали све везе са класном ФОО.
Можете да урадите оштар бар, који би изаберите везу са ИД баром и тако
и тако даље.
Сваки селектор ЦСС је валидан јКуери селектор.
>> МИКЕ РИЗЗО: Да.
У реду, тако да сада идемо у мало манипулације које можемо учинити са
наш јКуери.
Дакле јКуери има одређену врсту од нотације где смо само искористили
тачка на крају.
И можете мислити ово као у Ц како смо имали различите Структуре.
И да иду у те Структуре, ти би користите тачку да уђу у њих.
>> То је, некако, слична ствар.
Тек сада имамо функције у ово селектор који можемо назвати на њему.
Дакле овде, први пример можете видети је селектор ЦСС.
И у суштини, оно што ради је примењује првог елемента ЦСС на ово
ствар коју сте изабрали -
ово елемент који сте изабрали -
са вредношћу тог.
>> ТОМАС Реимерс: Па лако превод да би, ако јКуери, у основи,
само узео фоо.
А онда у ЦСС рекао, црвена боја и близу.
То је иста идеја.
Шта се то ради је то изабрано сви елементи фоо.
А онда примењени.
Рецимо, боја имовина једнака је црвено.
>> МИКЕ РИЗЗО: Слично, можемо такође мења стварни садржај који је
показујући на ХТМЛ странице, који је стварно цоол, јер то значи да
веб странице сада може бити потпуно динамичан и не морају да буду статички
да одштампате помоћу ПХП на самом почетку
страна се учита.
Дакле овде, ако смо хтели да мењају стварна ХТМЛ-странице, ми смо сада би
позовите ХТМЛ функцију, која онда само умеци шта год да прецизирају у
да елемент који смо изабрали.
Дакле, овде смо одабиром елемент са трла класе и онда кажу да је то ХТМЛ
сада је здраво свет.
>> ТОМАС Реимерс: И када мислите о шта су корисне апликације
ово, ово је један ЦСС, прва ствар која можете да почнете да мислите о је
у смислу чак падајуће меније.
Могао би да почну да раде ствари као што, када корисник лебди над горњем делу
од падајући, желите да се доњи део видљив.
Зар не?
>> Дакле, у ЦСС, имамо својства да направи нешто видљиво.
Ствари као што су дисплеј дебелог нико би га невидљивим.
Приказ блок би га видљивим.
Или чак и ако желите да идете једноставније, те такве ствари једнакима видљивости
видљив, а видљивост је једнако сакривен.
>> А ти би могао почети да спроведе ствари као падајуће меније право
након што прође кроз идеју о томе како можете да схватите када се то отвори,
који ћемо добити кроз врло кратко.
Али, можемо почети да видимо примене ово.
У сличном смислу, ако сте били да покушате и спроводе, рецимо, за ћаскање
мотор и желите да се мало Облачићу дошао кад год сте
добила нову поруку, када добијете нова порука, можете направити мало
Облачићу доћи до мењањем ХТМЛ-странице, зар не?
Додавањем тај додатни облачића са додатним текстом у тамо.
Да?
>> ПУБЛИКА: Дакле, ви би ово уградите у ХТМЛ код у врста као
[ИНАУДИБЛЕ]?
>> МИКЕ РИЗЗО: Тачно.
Да, ми ћемо доћи до да у мало.
Да, то је слично мало на ПХП.
Не баш слично.
>> Добар разлика да је оно што овај је заправо уређивање када измените
страна јер то неће бити уређивање стварну датотеку која се
чувају на серверу, јер свет не би требало да има дозволу
да измените своје фајлове.
Ово је само изменити оно што је на страници и шта се приказује у оквиру
прегледач.
Дакле, ако сте били да после поново учитате страницу, кажу, брисање нешто као ми
видимо можемо да урадимо са уклоните позив, да би се онда поново појавити ствар.
>> ТОМАС Реимерс: Дакле, један начин да се размишља о ово је ако сам рачунар и
Мајк је, на неки начин, сервер.
Шта ће се десити је да ћу се питајте Мике, хеј, могу ли добити копију
Ова веб страница?
А он ће ми дати копију.
>> Не, то није оригинална ствар.
То је само копија.
И онда би било као, ох, има овде ЈаваСкрипт.
Јасно, ја треба да измените страна да буде овако.
И ја уређивање свој примерак.
>> Али то се не врши стварна копија.
А ако бих га поново питати Освежите страницу, -
хеј, да имам још једну чисту копију -
он ће ми дати још један чист примерак.
И онда, ја ћу да урадим исту ствар као, ох, ово ЈС овде да каже
да измените ово.
И ја ћу да наставим да радим то.
>> МИКЕ РИЗЗО: Па стварно цоол ствар да можете да урадите са јКуери је
заправо додати различите врсте анимације на вашој страни.
Ја не знам да ли сте икада видели где Ви покушавате да је попуните формулар
мрежи и не попунити ствари исправно.
Тако мала ствар клизи доле на врху и каже да
нису урадили исправно.
Покушајте поново.
А онда, можда чак и само клизи горе.
>> Испоставило се да је изграђен у јКуери функције да би све то
анимација заиста, заиста лако.
Дакле, прво је бледи од функција, које
можете позвати на нешто.
И то је начин да се промени од ЦСС који елемент у анимираном начин.
Дакле, без обзира што је потребно елемент ви називате то избледи на.
А онда, полако мења се непрозирности док она иде потпуно транспарентан.
>> ТОМАС Реимерс: Други популаран један се клизе, који ће
нешто се појављују тако да клизне надоле.
Дакле, у случају падајућег менија, Опет, када смо научили како да се открију
када ово је лебдела изнад, само да кажем ово дно
део клизе доле сада.
И онда, чини се по спуштању.
>> МИКЕ РИЗЗО: А онда, ако имате само нека врста анимације у виду да
јКуери не нужно обезбедити.
На пример, рецимо јКуери не дају ти са слајда
доле и горе слајд.
Па, рецимо да желите да померите нешто са леве стране, или у од
Право врста као ЦС50 насловна страна ради кад год
идете на новој плочи.
Ти би онда вероватно морати да имплементира га сами користећи
анимирати функцију унутар јКуери.
>> Тако слично, само анимирати.
А онда, у њему је потребно речник од различитих вредности
да ли би требало да прође.
Дакле овде, ако смо хтели да анимирају елемент фоо тако да њена ширина или
проширује или уговори за 80 пиксела, зависности од тога шта је то тренутно јесте.
Ми само би проћи као да Аргумент у њему.
>> Анимирање и неке друге аргументе да га прође, на пример,
брзина анимације да ли желите да га дам.
И да се то уради, само бих брзо Гоогле јКуери анимирати.
А онда, доносећи ову страницу, можете да видим да има гомила другачији
својства да можете да га прође.
>> А ја вам и - кад год можете доћи на нешто што ви не
знам или само желите да сазнате више о Посебно метод који можете да позовете
о нечему -
само Гоогле. јКуери је изузетно добро документована.
И често пута има много примери да они пружају за вас.
Ако померите надоле -
скроз доле -
да можемо да користимо, као добро.
>> Опет, када програмер заправо иде кроз невоље писања
библиотека, они обично желе неко да га користите.
Тако ће уз бити документација.
И да документација може бити обично наћи на страници пројекта, који је
Зато смо вам дали тај оригинални сајт у почетак, који вас повезује са
пројектне странице тако можете видим ту документацију.
>> Типично, страна пројекат у случају од [ИНАУДИБЛЕ], он вам је рекао
имена класе.
У случају ЈаваСцрипт, даје ти име функције.
Узгред, ако дођите до врха, брз страни напомена о функцијама је
кад год видим неку функцију имплементиран овако са тешко
заграде у средини, то значи да та имовина је опционално.
Само главе горе.
Видео сам много питања о томе.
>> Дакле, овде видимо да анимате узима својства
као неопходан аргумент.
А све остало је опционално.
Бочни напомена -
можете мислити о томе, врста од, као ман странице.
Ман странице су документација за Ц и за многе друге ствари, као и.
>> МИКЕ РИЗЗО: Дакле, ми смо научили како да променити другачији ЦСС на страници,
анимирају га, и уклонити додати ХТМЛ.
Али једна од заиста најмоћнији ствари о ЈаваСцрипт
а посебно јКуери -
оно што вам омогућава да урадите је да одговорите различити елементи које се дешавају.
На пример, овде имамо догађај руковалац.
И то само значи кад год то догађај деси, ми то средити у
одређени начин.
>> Дакле овде, генерички јКуери догађај руковалац је тачка на.
А онда, прва ствар коју сте дали је оно што би требало догађај
се слуша за.
Дакле овде, то је клик да чекамо.
>> ТОМАС Реимерс: Алтернативно, ви имате на лебдење, који је веома популаран један.
Дакле, вратимо се мојој падајућег менија идеје.
Ти би имао један на топ ховер.
А онда можете да промените то.
>> МИКЕ РИЗЗО: Тачно.
А онда, када се то деси, то је само извршава ову функцију да ми га дају
као аргумент и да она упозорава здраво или ћао.
>> ТОМАС Реимерс: Дакле, у случају Јава, ово је место морамо да
уклонити себе из Ц. Можемо заправо узети функције као аргументе.
А има и много стварно комплексне начина да то урадите.
Идемо да се промовише на један начин, који је можете дефинисати
функционише тамо.
>> Дакле, када питате за неку функцију као параметар, ти си само у основи
ће дефинисати функцију на лицу места.
А начин на који дефинишемо функцију у ЈаваСцрипт вам је
буквално кажу функцију.
Тада, обично, име функције.
Али ми никада идемо на референтне ова функција поново.
Тако да смо га оставили безимен.
>> Тада заграде, онда коврџава протезе, а затим код у то.
Дакле, ми разумемо ову конзерву бити мало збуњујуће.
Тако да смо вам дати општи облик шта догађај руковалац изгледа
испод, који је на догађајима.
А онда, ваш код унутар тога.
>> МИКЕ РИЗЗО: Да ли постоје Питања о томе?
То може бити мало збуњујуће Први пут га видим.
>> ТОМАС Реимерс: Ви заправо желе да отвори фајл и показати им неке
јКуери сада?
>> МИКЕ РИЗЗО: Да, хајде да урадимо то.
У реду.
>> ТОМАС Реимерс: Дакле, сада смо у апарату.
И шта смо урадили јесте да смо узети слобода стварања како је индек.хтмл
фајл, који се повезује са ЈаваСцрипт фајл.
И можемо отворити -
Да.
Па, то ради две ствари.
>> Први је што се повезује са ЈаваСцрипт датотека.
И ми ћемо видети да се овде.
Ми видимо да у глави ХТМЛ документ, посебно.
Тако ћете видети да тамо смо, у основи, кажу СРЦ,
што је скраћеница за извор.
И то је УРЛ адреса.
>> Дакле, овде можете да кажете да сте укључени јКуери.
И ми смо такође укључене скрипте.
Други начин да се укључи ЈаваСцрипт је да можете укључити инлине скрипте
ознака као што смо на дну, где је каже тип скрипта је текст ЈаваСцрипт.
>> Зато што ми кажемо, слушај, ми смо о да укључи скрипту.
И тип тог писма је ЈаваСцрипт, што је врста текста.
Врло једноставно.
>> МИКЕ РИЗЗО: Па ово, некако, добија се Ваше питање о томе како укључити
ЈаваСцрипт у нашим фајловима, јер кад смо је ПХП, радимо овако нешто.
А онда, имамо ПХП функције - Рецимо акција уради
нешто са тим -
иде тамо.
Међутим, сада имамо Тхе Сцрипт ознаке да ми га дати, који су заправо
део самог ХТМЛ јер није фолира као ХТМЛ фајл свиђа
је у ПХП, јер ако ви у ствари иду у и погледајте извору странице,
видећете ове скрипте ознаке тамо са ЈаваСцрипт повезан са
их у томе.
>> Па онда, ако смо хтели да напиши нешто ЈаваСцрипт -
рецимо само да смо желели да промените тело јер сада немам
било које друге ознаке које сам заиста могу измените поред тела.
Рецимо само да сам хтео да промените ЦСС тога.
Дакле, идемо напред и промена боје тога да црвене.
>> Тако сам сачувајте датотеку.
Хајде да се вратимо на нашој веб страници, освежи, и он то ради аутоматски
јер није изгледало као да је чекао уопште, јер нисмо слушали
за догађај или било шта слично.
>> ТОМАС Реимерс: Дакле, ако се вратимо на то филе посебно - у ХТМЛ
филе - шта ћеш да видим је да имамо -
запамтите да ово је препун, врста, хронолошки.
Дакле, имамо прву главу. она учитава ове две датотеке.
Онда идемо на телу.
И видимо хелло свет.
Тако смо рендер хелло свет.
>> И онда последња ствар коју имамо је имамо скрипту ознаку.
Тако да покреће скрипту ознаку зато што је не говори да чекају шта.
И то је најосновније начин да покренете ЈаваСцрипт.
>> Уз то је рекао, можете ставити скрипту означите у заглављу само
да покаже ову тачку?
И рун то.
Идемо да приметити да је нису променили боју.
И то је један од проблема ЈаваСцрипт је да су ствари напуњен
у хронолошком реду.
>> Дакле, у време када је тај број је покренут, одабрали смо -
вратимо -
тело ознака.
Тело ознака још увек не постоји, јер ЈаваСцрипт је у складу са ХТМЛ.
Дакле прегледач је као изаберите тела.
Не постоји таква ствар још.
Тако можемо игнорисати да.
И ми наставимо.
>> И онда смо дефинисали тело ознаку.
Али то никад не ажурира.
Дакле, када сте спровођења скрипту ознаке, проверите да ли сте поставите
након тела ознаке.
Следећи слајд.
>> МИКЕ РИЗЗО: У реду.
Тако да смо нешто променили.
Али то не изгледа као да је одговорила на нас уопште, јер то је само врста
учинио га чим учита страницу.
Тако сада, уместо да ради ово, зашто не можемо додати управљач догађаја.
>> Дакле, хајде да урадимо нешто телу поново.
И рецимо да то радимо на -
кликните.
Ми ћемо додати функцију.
>> Томас Реимерс: Хајде да промена то је опет боја на црвено.
Зашто не?
>> МИКЕ РИЗЗО: Да, хајде да промена његова 'боја на црвено поново.
У реду.
Дакле, хајде да поново учитате страницу.
У реду, видимо -
као што се очекује, она не укључује увек црвено.
Али онда можемо да идемо напред и кликните на њега.
>> ТОМАС Реимерс: И то се окрену црвено.
>> МИКЕ РИЗЗО: И то чини Рудети као што је очекивано.
>> ТОМАС Реимерс: И можемо да видимо како можемо почети да гради веома основни
интеракција.
Друге ствари које би желели да урадите је, ако не желимо да се тело
црвена боја, хајде да ХТМЛ позадина црвена боја.
Само тако је то исти ЦСС.
>> А када смо га променити, можемо видети ово веома драматичан ефекат промене
цела страна.
Па опет, ако сте имплементацији ствари, можете имати једну компоненту
која је требало да се кликне на.
Рецимо дугме Екит и цео друга компонента,
који би требало да одговори.
Дакле, ти би уклонили прозор кад се то деси.
>> МИКЕ РИЗЗО: У реду.
Само као пример -
нисте добили да виде ово раније -
Само ћу вам показати како то изгледа волим кад ми нешто сакрити.
Тако ћу ићи напред и не клизи горе.
>> ТОМАС Реимерс: Желите да замотати да у Тип став пре тога?
>> МИКЕ РИЗЗО: У реду.
Да, зашто не урадимо то управо тако можемо га изабрати мало више.
>> ТОМАС Реимерс: па да дајте јој класу.
>> МИКЕ РИЗЗО: Да.
У реду, да видимо.
Уместо да изаберете стварног тело Сада, ја ћу само изаберите све са
класа здраво, које овде можемо само једну ствар.
Дакле, не би требало да бринеш о томе.
>> Па ја ћу га освежити.
Ја ћу ићи напред и кликните на њега.
И то, на неки начин, јесте чудно Слиде се ствар, која не изгледа да
атрактивна.
Генерално, они не изгледају лепо.
Претпостављам, ово - за неке Разлог - није.
Само ћу направити Фаде Оут тако можете погледати на то превише.
Много лепше.
>> А онда, ако сам отвори ЈаваСцрипт утеши поново и ми желимо да видимо шта
изгледа кад смо га фаде ин
Сада, ја само позовем избледети у на њега.
И она бледи назад унутра
>> Слично томе, могли бисмо заправо такође проћи Аргумент да бледи или фаде оут,
који је, некако, брзина од тога.
Дакле, идемо напред и рећи ми желимо она се полако бледи унутра
Тако да претпостављам да и даље изгледало прилично брзо.
Али то је био спорији него раније.
>> ТОМАС Реимерс: А ако желите да пронађете Више информација о овим стварима, опет,
само идите на јКуери документацији, које смо вам дали, и прочитајте
кроз њих.
Они документују своје функције невероватно добро.
>> МИКЕ РИЗЗО: У реду.
Претпостављам да се вратимо на ово.
И можемо да причамо о нашој последњој страници.
Па, можемо да завршимо са боотстрап.
А онда ћемо га отворити за поједина питања.
А ако ви имате неке идеје које желите да покушате да баци горе и види
ако можемо да их спроводе у ЈаваСцрипт брзо.
>> Дакле, стварно брзо око боотстрап, који је аутоматски укључена у
твој последњи проблем постављен у ЦСС фолдеру и заправо повезан са у вашем
хеадер.пхп.
Дакле, могли сте је додао да наставу су дефинисани унутар боотстрап на њега.
И то би аутоматски стилизован те ствари сходно томе.
>> ТОМАС Реимерс: Дакле боотстрап је веома магична ствар развијен од стране људи
на Твиттер.
И оно што је требало да уради је -
пре сајтови су били заиста тешко направити изгледају лепо, поготово када смо имали
много заједничких компоненти.
Дакле, много дугмади на Веб изгледао исто.
>> Много текстуалних поља може се изјавити изгледају боље од стандардног текста
поље вероватно знате из стварно стари сајтова или стварно лоше направљен
сајтова, који само изгледају као буквалан текстуалне кутије без било ком облику текста
сенка или било какав лепо контуре.
Дакле, шта је урадио боотстрап је то рекао, добро, Имамо пуно заједничких стилова.
Зашто не направити један заједнички скуп ЦСС и заједнички скуп ЈаваСцрипт како
добро, што може да стил као што је и који може дати људима ствари као кап
доле меније, који се дају људима ствари као што су модалс.
>> Модални је оно што се појављује на следећој страни кад год је то строго говорећи
нешто, што инхибира даље интеракција до тебе
интеракцију са њом.
Нешто овако је, да ли си сигуран желите да избришете ово?
Ви не можете учинити ништа друго док ви кажете да или не.
>> Требало је све ово и то је упаковано заједно и рекао, идемо.
Људи сада могу да користе ово.
А можете га наћи преко у гетбоотстрап.цом.
Је аутоматски укључени у твој последњи проблем сет.
И ви сте више него добродошли да користите га на завршном пројекту.
А ако желите да пратите да повезати да се боотстрап.
>> Ви ћете овде видети је Боотстрап ЦСС сајт.
Видећете Боотстрап.
А ако дођете доле, видећете како да га преузмете, како да
инсталирајте га, и тако даље.
>> МИКЕ РИЗЗО: И ви такође можете, интересантно је, да је прилагодите на
бити каква год тема који желите.
Ја знам да је то нешто што сам урадио за мој Коначна пројекат када сам узео класу
био је прилагодите.
Другачија верзија Боотстрап да имао другачији боја и
различити облици неких различите ствари.
Зато сам вам и да се играју са тим.
То је врста забаве да раде.
>> ТОМАС Реимерс: Гледајући на врху Опет, то је веома сличан Фонт
Страшан сајт.
Много документације ће почети да изгледа као када сте
Доста тога видели.
Дакле, овде имамо ЦСС компонента овог.
И ви ћете видети како је могу обликовати ствари.
Дакле, ако кликнете на столовима, на пример, можете одмах направити
табела прилично једноставним додавањем класа сто на њега.
>> Исте ствари за дугмад.
Ако сте једноставно додате класе и БТН БТН дефаулт или БТН примарни, можете
добити било који од ових тастера са овим готових стилова.
А онда, ако сте у потрази за нешто сложенији него једноставно
Рестилинг шта В већ имају, преко на Јава картица преко горњем ми
имају гомилу компоненти.
>> Дакле, овде имамо прелаза, модалс, падајућим листама, картице, и описе алатки.
Тоолтип је оно што се појављује под вашом миша када пређете на нешто.
Поповерс, упозорења, дугмад, склапање хармонике је оно
они обично зову.
Карусел, који Флип преко попут слике.
>> Дакле, то су компоненте од Боотстрап.
Ја бих вам и да високо иди погледај их.
Постоји ЈаваСкрипт компонента и ЦСС компонента.
Слободно их користите као хоћеш.
Нећемо да идемо превише у њих јер осећамо документацију
је заиста добро урађено.
И да.
Да ли имате било каквих питања у вези тога?
>> МИКЕ РИЗЗО: Дакле, као што су заиста брзо стране, дизајн овог веб странице које
брзо смо саставили за ово је презентација
заправо ради коришћењем боотстрап.
Као што можете видети, када кликнемо на ово различите картице, ми смо заправо никада
остављајући ову тренутну индек.хтмл страну.
Дакле, оно што смо различити Дивс у оквиру овог индек.хтмл.
А онда, кад год смо кликните другачији картици, то је само мења
који нечија приказивање.
>> Тако да их у складу са тим положајима, мења ХТМЛ странице, тако да
картица струја је означена као активна тако то другачије и изглед појављује
стварно лепо.
>> ТОМАС Реимерс: Значи да је све урађено без нас писања скоро сваки ЦСС.
Ми такође видимо заглавље на врху, које су боје од нас.
Али стварни стављајући га на врх стране и прављење
то померање је боотстрап.
И онда чак и за другу библиотеку - ово није једна смо разговарали о томе, али један
можете Гоогле-ако желиш.
Ово се назива преттифи.јс.
И то ће синтаксе истакне свој код за вас користећи и ЦСС и ЈаваСцрипт.
>> Последња ствар коју желим да причам о томе пре него што вас пустите напоље у
свет да погледате библиотекама да схватим како да их користе и да, надам се,
прочитајте документацију и пронађете оно што потребно је како пронаћи библиотеке.
Дакле, прво је што смо управо ће да гура Гоогле.
Иди Гоогле.
>> То је буквално оно што радимо када смо Потребно је да урадите нешто што је Гоогле.
Да ли постоји ЈаваСцрипт библиотека која ми омогућава да манипулише временом у
користан начин?
Дакле, ако ја знам да неки корисник стварање налог овде, и то је
тренутно време, како могу израчунати разлика са да без потребе да
израчунати га се?
Дакле, ово је заправо уобичајена ствар, ЈаваСцрипт библиотека време.
И овде ми Момент.јс-- најпопуларнији.
>> Ако треба библиотеку да манипулише нешто као боја да би могли да
генерисати гомилу насумичних боја -
евентуално, да генерише стил или нешто -
могли бисмо нешто попут Гоогле- ЈаваСцрипт библиотека боја.
И ја сам сигуран да ће се појавити са хиљаду и један од њих.
Ви сте добродошли да прочитате кроз њих.
>> Дакле, већина ствари - када сте их наћи - ће бити домаћин на једном од
сајтови који домаћин број.
Они су неколико популарних оне.
Најпопуларнији, по сада, је гитхуб.цом.
А ако идете на ГитХуб то је заправо где је домаћин Нормализуј.
Дакле, ако желите да се вратите на то.
Покажите им да.
>> МИКЕ РИЗЗО: И то је заправо где ово је превише домаћин, ако сте приметили.
>> ТОМАС Реимерс: Да.
Дакле, ако идете преко да се нормализује и идите на ГитХуб.
Да ли је то?
>> МИКЕ РИЗЗО: Та мала мачка ствар је симбол ГитХуб.
>> ТОМАС Реимерс: О.
Дакле ГитХуб користи метод назван Гит за чување кода.
Да ли ви не знате шта је то или она вас плаши, то је у реду.
Не морате да знате шта је Гит јер ГитХуб има дугме Преузми
у доњем десном углу.
>> Други корисна ствар знати о ГитХуб је већина производа
ће имати ме читају.
А ако немају сајт, прочитајте ми ћемо говорити о томе како сте
инсталирајте га, како да га користите, шта је то ради, и тако даље, и тако даље, и тако даље.
Оно што смо у основи били хода кроз вас.
>> МИКЕ РИЗЗО: Прекидам интернета.
>> ТОМАС Реимерс: То је у реду.
Последње две ствари које смо желели да говоре о -
смо разговарали о Гит -
је решавање проблема.
А ова није толико релевантан за финални производ као што је
када изађете 50.
А када наиђете на производе спровођење библиотеке или спровођење
свој пројекат, идете да имате питања или сте
ће тражити питања.
>> Опет, Гоогле ит.
То је буквално оно што радимо.
Ово ће звучати глупо.
Али буквално, ми то Гоогле.
И опет, једна од првих ствари обично ћете наићи на је
стацковерфлов.цом, који је диван Питање и одговор призор.
>> То је дивно и зато што можете поставите питања и тражити
одговори, али и због тога што већ има много
пре насељена тамо садржаја.
Дакле, обично када Гоогле-програмирање питање у први
пар хитова можда сте већ покренули у њега током твој проблем сетовима.
>> А онда, заиста последња ствар кратак је ЈСФИДДЛЕ, који је - данас имамо
радили доста посла са ХТМЛ ЦСС и ЈаваСцрипт.
ЈСФИДДЛЕ је веб апликација, која у основи омогућава вам да понесете ХТМЛ, ваш
Јава дно лево, и Ваш ЦСС врх праву.
И онда то може створити брз рендер од га и видите како реагује.
То је веома корисно када људи покушавају да урадите као доказ концепта
ово је како би урадите падајући мени.
Можда брзо открили или шта год.
>> МИКЕ РИЗЗО: Па идемо напред и кликните на ово.
Куицк Ноте -
а, пре него што смо били ради на клик.
Испада ЈЦореи Кореја такође има изграђен у клик догађај руковалац који се
користи само зато што си фигурес ће желети да урадите много ствари
када желите да кликнете нешто.
>> Слично томе, она такође има лебди.
Али да бисте добили пун обим оне, погледајте јКуери
документација и уради то.
Урадио сам нешто глупо овде.
>> ТОМАС Реимерс: Па ја имам стварно брзо Програм управо овде, који каже
дугме на клик.
Онда имамо за петљу.
За и је мање од 404.
Само ће се појавити ове поруке упозорења.
>> МИКЕ РИЗЗО: А шта је било код 404 је стајао за ХТМЛ?
Да ли се ико сећа?
Није пронађен, десно.
Цхроме је додао овај уредан ствар где можете -
>> ТОМАС Реимерс: Зато што људи као Мајк почео да радим ово много и
досадне корисника, који омогућава да видите информације.
>> МИКЕ РИЗЗО: Да.
>> ТОМАС Реимерс: Да ли имате било каквих питања о овоме, о ЈаваСцрипт
библиотеке, библиотеке, или проналажење шта веб девелопмент изглед
као у стварном свету?
Ми Понестаје против времена.
Тако да нисам сигуран да ћемо да имају времена да спроведе
осим ако је то стварно брзо.
Да ли смо добро?
>> МИКЕ РИЗЗО: Анитхинг ви желели да видимо заиста брзо у, као, два
минута или мање?
>> ТОМАС Реимерс: Све можемо појаснити?
Како написати у -
>> ПУБЛИКА: [ИНАУДИБЛЕ]?
>> МИКЕ РИЗЗО: Да, тако то је -
>> ТОМАС Реимерс: Можете само да удари Контрола-У на сајту.
>> МИКЕ РИЗЗО: О, нисам знао.
>> ТОМАС Реимерс: Ја мислим, да.
Контрола-У. Да.
>> МИКЕ РИЗЗО: О, па то је код за сајт.
Али ако заиста желите да преузмете наш датотеке и све, она је домаћин
на гитхуб.цом
>> ТОМАС Реимерс: сласх моје име -
Томас Реимерс - коса црта ЦС50 цртица Семинар.
>> МИКЕ РИЗЗО: А можете наћи све тамо.
>> ТОМАС Реимерс: То је оно што ГитХуб изгледа, успут.
Па опет, кад видите отворени извор пројекат, обично, они ће бити прочитана
ми тамо да можете да прочитате.
А ако се вратите, ви ћете приметити да имате довнлоад зип, који ће
омогућавају вам да преузмете извор код да укључи
производ у вашој ствари.
>> МИКЕ РИЗЗО: Да, и ако ми само кликните на индек.хтмл заиста брзо -
>> ТОМАС Реимерс: Ви ћете овде видети је изворни код за наш веб сајт.
>> МИКЕ РИЗЗО: Такође, заборавила сам да гура у праву пре са великим столом она
укључени, али такође постоји табела од цхмодс да смо укључени
Само за вашу јасноће.
Али ако дођите сви пут доле да се дно, нисмо заправо чине веома
много са ЈаваСцрипт ствари уопште са овим.
То је искључиво од свега остало што смо имали.
>> Дакле, хвала вам момци за долазак и слушање.
Надамо се да је ово заиста корисно.
Ако имате било какав ЈаваСцрипт вези питања или само желе да разговарају о
шта се свиђа оно друге цоол ствари можете да урадите са ЈаваСцрипт, волели би
да разговарам са тобом.
>> ТОМАС Реимерс: Ако имате питање о вашем пројекту или ако то може бити
релевантно, ми ћемо вероватно остати овде мало после тога.
Али осим тога, имају добар викенд.
>> МИКЕ РИЗЗО: Да, уживајте.
Видимо се момци.
>> ТОМАС Реимерс: Видимо се.