>> ЈАСОН Хирсцххорн: Добродошли, свако, у недељу девет.
Имамо узбудљив седмица пред нама зато имамо коначан скуп проблема.
Такође имамо потпуно нови језик, Јава, да сте већ у
Усред користећи не само за ово Проблем скуп, али многи од вас ће
Вероватно га користе за финале пројекти, посебно
веб-басед завршне пројекте.
Дакле, то је оно што ћемо ићи преко данас после укратко говоримо о ресурсима,
који радимо сваке недеље.
Ми ћемо скочити у ЈаваСцрипт, а затим ћемо потрошити све секције са
руке на активност кодирања Долпхин Траинер 2К13, који је као Мадден
2013, али за делфинима и у ЈаваСцрипт.
>> [СМЕХ]
>> ЈАСОН Хирсцххорн: Па као и увек, списак ресурса за вас да проверите.
Ови ресурси су посебно важни јер следеће недеље на
Среда је квиз један, ваш други и коначна квиз у овом курсу.
Баш као квизу нула, то је 75 минута и почиње нешто после 1. ПП.
Она обухвата све од првог дана нуле овог курса, али то свакако
наглашава све што има десило од квиза један.
>> Али наравно, ми смо покривени на петљи у почетку године.
За петље се вероватно и даље ће бити део овог квиза, тако да није
као да може да игнорише све што десило пре недељу дана пет или нула квизу
јер овај курс гради о себи много.
Али свакако акценат ће бити на ствари које смо научили од недеље шест.
То укључује ПХП, ЈаваСцрипт, СКЛ на будите сигурни, а такође више напредних
структуре података са којима смо разговарали о томе у Ц. Читав низ других тема, али ми
ће расправљати да следеће недеље као што смо прегледали на квизу.
>> И такође, као и увек, ако имате било питања о квизу као што си
припрема, слободно послати их на свој начин.
Управо сада, да ли неко има било брза питања о квизу?
>> У реду.
Не треба да бринете о томе или наказа се о сада, али имајте то у
назад на уму, јер је то дешава недељу и дан од сада.
>> Коначно, ја знам да смо трчали ка крај семестра -
постоје само две секције напустили после ово - али ја сам још увек узбуђена и
жељан на повратној информацији ако имате било.
Желим да се оне Најбољи две секције икада.
Они ће вероватно бити, јер сваки секција је невероватна и најбољи икада.
Ја не знам како је то могуће, али они су сви били фантастични, ја мислим.
>> Повратне информације сам добио је утихнуо да ништа и нико од за
последњих пар недеља, па молим вас дајте ми неки повратне ако га имате.
Потребно је три минута.
Можете ми рећи добрих ствари које Хоћеш да наставим да радим или
ствари које могу да раде на.
Покушавам да будем најбољи учитељ могуће, или ја покушавам да урадим најбоље
Ја могу, али ја не могу то да урадим, ако ја не радим Знам како ви радите.
И то је тешко рећи зашто падаш спава у класи, па ме пусти
Знам након зашто је то тако.
>> Ја вам показао ову слику прошле недеље.
Ово су Теенаге Мутант Ниња Туртлес бицикл сам имао када сам био млађи,
и ми настављамо да гура вас момци без обуке точкова као што смо потопите
ти на другом језику.
Али будите сигурни, Јава, као ПХП, је веома сличан ствари које сте
учињено у прошлости.
Много логике преноси преко, ако не синтакса, тачно један-на-један.
Али опет, све од ових језика који смо прешли у протеклих неколико
недеља, иако изгледа огромна, су невероватно моћан и да ће омогућити
ви да урадите много у коначном пројекту и вероватно других сајтова које сте
код у будућности.
>> Дакле, без даљег одлагања, идемо да почнете роњење у ЈаваСцрипт.
Идемо на кратко разговарати о томе и онда заиста добити у руке-на
кодирање део овог одељка.
Тако је ЈаваСцрипт клијент-страни скриптовање језик, што значи да је
другачије него ПХП и то је другачије од Ц ЈаваСкрипт није саставио и
није се извршава на серверу.
Уместо тога, ви га учита.
Можете учитати ЈаваСцрипт страницу при учитавању веб страница, а онда се извршава
на вашем рачунару.
Што значи да можете видети све ЈаваСцрипт код који је
послао на рачунару.
>> Понекад је скраћен или кодирани А битни, шифровани мало, тако да
не може експлицитно рећи шта се дешава.
На пример, ако проверите ЦС50 или решење за особље ове седмице
Проблем сет, а ви идите на сервице.јс, приметићете да не можете заправо рећи
шта да радим од онога што смо вам дали.
Му кодиран смо мало да да мало теже.
Ипак, можете видети тачан ЈаваСцрипт фајл који ми се извршење
и наш програм је покренут на.
Дакле, то је оно што значи бити клијент-страни скриптовање језик.
>> Слично Ц и ПХП, мада, ЈаваСцрипт има за петље, ако / друго
услови, док петље.
Слично ПХП, има фореацх петља као добро.
И опет, врло сличан синтакси које смо видели у
језици који смо већ радио са.
>> Коначно, један од најбољих делова Јава, а нешто ћемо бити
раде пуно данас, а вероватно ћеш да раде много са својим П сет ако вам
нису већ искусили, ви је могу проверити све грешке које имате
у свом коду преко ЈаваСцрипт конзоли.
Гледали смо га мало прошле недеље.
Гледали смо у другачијој врсти конзоле да прегледа странице, али у
Хром, опет, можете видети распоред, ХТМЛ, документује да је ваша страница је
показујући на екрану.
Такође можете видети све ЈаваСцрипт формирају ту страницу, а можете и да, као
Рекао сам, видим све грешке у ЈаваСцрипт конзоли.
И ми ћемо доживети да више у мало када почнемо кодирање.
>> Једна ствар на уму о ЈаваСцрипт променљиве.
Као ПХП варијабли, они су лабаво-откуцан, тако да не морате да
дати им одређени тип.
У погледу обима, који је дефинисан од стране "вар" кључне речи.
Дакле, ако не ставите кључну реч испред нечега, само напишите име
променљиве, онда задатак оператер, у овом случају знак једнакости.
Ја заборављам тачку и зарез тамо, али претпостављају да постоји зарез
тамо.
>> Онда правите глобална променљива.
Ако ставите онда на "вар" кључну реч, Ви то даје неку врсту локалне
обим, да ли је то у функција или петља.
Дакле, то је једна ствар да се ноте за променљиве.
>> ЈаваСцрипт је језик.
јКуери је библиотека изграђена на врху ЈаваСцрипт језика, а ви имате
види га раније у предавању.
Топло препоручујем, ако идете да користити ЈаваСцрипт у вашем финалу
пројекат, да сте упознати јКуери.
Она чини све што желите да уради много, много лакше.
Он такође долази са дивно документација и примери да помогну да
сте почели.
Данас ћемо бити користећи јКуери као добро.
>> То, шта ја имам на овом слајду, су управо основе јКуери.
У врху ХТМЛ датотеку или год - твој индек.пхп фајл, ваш
индек.хтмл - треба да обухватају ове две линије.
То су прилично генерички линије.
Прва линија укључује јКуери ЈаваСцрипт фајл, и друга линија
укључује где год да си написао сопствени ЈаваСцрипт код.
И наравно, јер у вашем ЈаваСцрипт код вероватно сте користили
неки јКуери библиотека функција, који треба да иде после
јКуери укључивање скрипта.
Ми ћемо истражити ово поново у тренутак.
>> И коначно, у ЈаваСцрипт фајлу, Ја ово зовем један индек.јс.
То би могао бити сцриптс.јс.
Шта год да је, шта год ЈаваСцрипт фајл сте, ви уопште почнете
са ове линије кода, долар знак, отворена заграда, документ, затвори заграда,
периода, спремни, отворени заграда, функција, отворена заграда, блиски заграда, а затим
коврџава браце.
Баци свој код унутра, а затим завршити га са коврџавом браце, близу
заграда, тачка и зарез.
>> Дакле, узмите ово као дато.
Ако идете да се користи јКуери, замотајте све ваше јКуери кода унутар
ова линија кода.
А ми ћемо опет видети да у секунди.
>> Поново ћемо радити са јКуери, и молим вас да постављају питања као што идемо
данас, али да ли неко има било питања о јКуери или
Јава сада?
>> У реду.
Дакле, без даљег одлагања, представљам теби Делфин тренер 2К13.
Ја сам узбуђен због овога најновији верзија производа.
>> Ох, не!
Био сам толико узбуђен.
Хтео сам да га покаже на вас, али изгледа да ми нема
спроводи га још.
Хајде да то мало већи.
Дакле, ако сам учитати код за Долпхин Тренер - то данг.
Жао ми је, момци.
Радила сам на ово раније класе.
Мислио сам да ћу да га заврши, али претпостављам да још увек имају неке
Рад остало да се уради.
Али срећом, ви сви имате неке ЈаваСцрипт и јКуери пракса, тако
идемо напред и завршити ово заједно.
>> Мислим да сам послао ви копије ово, јер сам био узбуђен
о томе, тако да би требало да има исти код који ја имам.
Идемо у -
Данг је, момци, жао ми је.
Идемо у терминал, мада.
>> Баш као и са проблемом протекле сетови, ако имате моју -
хајде да то мало већи, превише, за вас -
ти узео зип фајл.
Ти вероватно га распаковане.
Идемо одавде.
И онда надам се, да ли се преселио у исти директоријум где сте снимили
твој проблем сет осам шифру.
И ми смо сачували у том директоријуму, тако да могу приступ је - или сви могу да приступе
код у Цхроме на нашем рачунару.
>> И опет, да се до тог кода, ви једноставно укуцајте у адреси наћи на
дно, десна страна Ваш апарат, овде доле.
Можете наћи своју ИП адресу.
Куцате да у Цхроме на вашем рачунару, а у овом случају,
пошто смо одељак девет фасцикла, имамо и додати
сласх секцију девет.
>> Пусти ме -
упс.
Ја ћу ово минимизира тако да не морати да кликнути кроз то.
>> Дакле, то је како да подесим овај код.
Већ сам то урадио већ.
Нећу да идем кроз оне кораци јер то је оно што
почетак проблема сет шетње вас кроз како да то урадите.
Зато само напред и добићете да подесите ово се у секунди, али прво да је
истражити овај код као група.
>> Хајде да видимо шта сам урадио.
Покушао сам да се већина тога урађено пре класе, али мислим да
био мало иза.
Дакле, хајде да отворимо индек.хтмл.
>> У реду.
И индек.хтмл је стварно једноставан страна јер нисам
желе да се превише луд.
Заиста сам желео да се уверим да је радио, али претпостављам да
није добио то далеко.
>> Ево глава, која долази право унутар тих ХТМЛ тагова, и ми смо приметили
пар ствари право офф палицом.
Имамо право ЦСС фајл овде и одговарајуће
локација ЦСС датотеку.
Имамо јКуери библиотеку овде, и ви ћете приметити нешто друго
о овоме.
Извор је нешто стварно, стварно дуго.
ајак.гооглеапис.цом/--
врста изгледа као УРЛ, али је не сигурно изгледати
јс / јкуери.јс.
>> А то је зато што сам одлучио да сам не желе да имају да преузмете
јКуери фајл, и превуците га и сачувајте она у својој библиотеци, и бити
одговоран за то.
Уместо тога, ја ћу узети ЈаваСцрипт фајл који Гоогле домаћини.
Дакле, Гоогле заправо домаћини број библиотеке, и јКуери, јер је то један
од најпопуларнијих, домаћини да је један као добро.
>> И зато што је то хостинг, ја не радим морате да бринете о томе, а они
ажурирање, мада када могу да ажурирају Вероватно ћу морати да промените ово
Бројеви овде.
Али то је само да се цео мој досије Систем мало мање чист.
Ја стварно не волим хостинг сви ови фајлови.
То је много лепше ако Гоогле мора да их буде домаћин за мене.
Дакле ово, опет, добија цео Јава фајл, али то је само била
хостед би Гоогле уместо на мој фајл систем на мом рачунару.
>> Ми такође видимо да ставим у две више филес долпхинс.јс и траинер.јс.
Ми ћемо погледати на оне у секунди.
И на крају, овај наслов овде.
Ко може да ми каже шта је ово код унутра ове ознаке наслова, где
да иде на мојој страни?
>> ПУБЛИКА: Као да ту ствар трака са алаткама или било шта?
>> ЈАСОН Хирсцххорн: Да, мало картица на врху прозора Цхроме.
То је место где је текст иде.
>> Унутар тела, као што можете види, не много ствари овде.
Ја имам само три дива.
Ја им дам неке легитимације, и Ставио сам мало текста унутра
Али претпостављам да је то разлог зашто ми не видим ништа преко овде.
Заправо, видимо Долпхин Траинер 2К13.
Ми видимо ТОДО.
Ја не знам одакле да долази из јер ја не видим да је овде.
Дакле, можда је то у једној од моји ЈаваСцрипт датотеке.
Ми ћемо проверити да се за секунд.
>> Може ли ми неко рећи шта то значи ИД овде?
>> ПУБЛИКА: То је начин позивања специфичан одељак у [неразумљиво]
филе?
>> ЈАСОН Хирсцххорн: Да.
То је само начин да се референце овај див.
ИД-ови су идеално јединствен.
ОК?
Тежак публика.
Дакле, ИД-ови су генерално уникатна.
Можете их дати једном одређеном елемент у вашем коду.
>> Шта ако желим да референце број елемената, да ли је то за ЦСС
стајлинг или јКуери?
Шта атрибут могу да им дам?
>> ПУБЛИКА: Класа.
>> ЈАСОН Хирсцххорн: класа, тачно.
Право.
>> У реду, тако индек.хтмл, опет, не много дешава овде.
Дакле, хајде да отворимо још једну датотеку.
Да видимо шта имам.
То је све што имам овде.
Идемо у фолдер ЈС.
Нећу да брину о ЦСС за сада.
Хајде да отворимо долпхинс.јс.
>> Упс.
Или боље -
У реду.
Дакле, долпхинс.јс, она заправо изгледа прилично слична неким кода ви
добили су у проблему сет осам.
Можете да се крећете кроз њега.
Може ли ми неко рећи, ипак, шта је ДОЛПХИНС?
То све капе ДОЛПХИНС?
Шта је то?
Који тип података је то?
>> ПУБЛИКА: Арраи.
>> ЈАСОН Хирсцххорн: То је низ.
А ми знамо да је то зато што сам низ види ове угласте заграде овде.
И неко други, што је то низ?
>> ПУБЛИКА: Објекти?
>> ЈАСОН Хирсцххорн: То је низ објеката.
И можете видети да.
А како ви знате да је то низ објеката?
>> ПУБЛИКА: Зато што имате овај дебело црево чизма између заграда?
>> ЈАСОН Хирсцххорн: Тачно.
Дакле, имам ове витичасте заграде овде, и онда можете видети зарез
раздваја различите објекти у овом низу.
А онда унутар сваког објекта, ја имам нешто дебело црево и нешто друго.
И шта је уопште тај први део, ствар са леве стране дебелог црева?
Шта то зове?
Генерички?
Како да мислимо на то?
>> ПУБЛИКА: Индекс?
>> ЈАСОН Хирсцххорн: Индекс, или вероватно генерално, кључ.
И онда на десној стране, вредност.
Дакле индекс, кључ.
Али ако говоримо о онима, ми генерално значи ствар на
левој страни.
>> На једноставан низа, опет, смо имали индексе 0.
1.
2..
3..
4..
А у делфина, ми ћемо имати делфина 0, делфини 1, 2 делфини, делфини 3,
делфини 4.
Такође имамо, у овај објекат, ми неће уопште референтне ствари.
Или ако имамо само овај објекат право овде, нећемо рећи објекат 0,
објекат 1, 2. објекат.
Идемо да кажем име објекта, или Тип објекта, дужине објекат, и тако даље.
И тако ћемо добити вредност на десној страни.
Дакле, ако смо рекли име објекта, на пример, бисмо добили ову жицу,
"Грејс."
>> Дакле, као што сте рекли мени, делфине је једноставно низ објеката.
А ви видите све објекте имају име, тип, а род.
Да ли је то исправно изговара?
Било ко?
Род?
Сјајно.
>> Дужина, тежина.
Да ли је то исправно изговара?
Мислим да је тако.
И слика, само УРЛ адреса до неке датотеке на мрежи.
И овде, ми смо затворили низ, тамо доле у ​​веома левој руци
страни мог екрана.
Дакле, то је све долпхинс.јс је.
>> О, мој Боже.
Ово објашњава.
Мислио сам да је готов све, али изглед.
Постоје сви ови тодос.
Ок, надам се да можемо радим оне заједно.
Али, хајде да прво, пре него што радимо да, управо шетња
овај број врло брзо.
>> Дакле, као што сам поменуо, видимо у веома почињу ову линију коју сам имао у
слајдови, (документ). реади (фунцтион ().
А у суштини шта то ће немој се чекати до свега у вашем
странице је учитан, па сачекајте да се то је све низ, све је добро
иди, а затим почети извршавање овај код.
Дакле, ако вам је потребно да покренете неку ПХП, ако ти треба да добијем неке слике,
шта год да је, све је код скуп и спреман да иде у индек страницу
или шта год страна је учитан, а сада ћеш почети
извршава свој код.
>> Дакле, прва ствар коју радимо је смо поставили овај низ.
И ја немам вар кључну реч тамо, па шта је
Обим овог низа?
>> ПУБЛИКА: То је глобална.
>> ЈАСОН Хирсцххорн: То је глобална, тако оцеан_арраи се може приступити из
било где у овом фајлу.
>> И онда видимо ово за петљу.
Не каже фореацх, али ово је у суштини фореацх петља.
А ово је само јавасцрипт верзија, па за сваки вар Долпхин у делфине,
шта тип података?
Иако, опет, не ЈаваСцрипт имају ови типови података пер се, шта
Тип података је делфин?
>> ПУБЛИКА: објекат.
>> ЈАСОН Хирсцххорн: То је предмет.
Одлазимо сваки објекат у низу делфинима.
Дакле овде, изгледа да сам заборавио да стави све ове делфина из наше
гигант ДОЛПХИНС мисле у оцеан_арраи, тако да би вероватно требало да урадимо
то прво.
>> А онда, нешто што се зове ово базен променљива.
Ја га постављање на нулл.
И онда ја зовем ову функцију драв_оцеан.
Ја тренирам делфина када његово слика се кликне -
Нисам то урадио - и подесите делфина бесплатно када
се кликне на дугме.
>> Дакле, то су ствари које ја треба да урадим.
Претпостављам да би требало да вам дају неки позадина на оно што сам покушао да урадим.
Дакле, ако ми овде идемо, шта сам заиста желео ово изгледа као било низ горе
овде, пре него што кажете "ТОДО" Ја Хтео табелу, у суштини, са
слике свих делфина.
А онда када кликнете на једној слици, Желео сам да га спусти у
доња половина екрана и дају ти све информације о њему, и
да би делфин у базену, делфин сте тренинг.
>> Па сам мислио да би било стварно супер.
Имате све ове делфине у океану овде, онда кликнете на једну,
и то бих у базену, и онда можете да га тренирати.
Дакле, то је оно што сам покушао да урадим.
А онда би дугме овде доле у базену, а можете да кликнете,
као, "Сет Фрее", а можете да подесите Долпхин бесплатно, а то би се вратим
у океан.
>> Дакле, то је оно што сам покушавао да створи, али опет, ја ћу требати ваша помоћ
да га створи.
Дакле, надамо се, неки од ових кључних речи или неки од ових услова ће почети
чинећи сада смисла у контексту овог програма.
>> Наставимо гледајући кроз овај фајл.
Ми то називамо функцију драв_оцеан.
То је једна и једина функција зовемо из доцумент.реади секције.
Тако зовемо ову драв_оцеан функцију, а изгледа да ствара ниску,
променљива, овде.
Нешто ставио у стрингу, додаје више ствари на ниске, додаје више
ствари од ниске, а онда ова линија кода.
Ја кажем да исписује ХТМЛ стринг.
И неко да ми објасни шта ова линија кода не?
Па, пре свега, шта који долар знак значи?
То није ПХП променљива, али оно да ли то значи знак долара?
>> ПУБЛИКА: Повезивање на ХТМЛ ИД за -
то је као да повезује са ХТМЛ код?
>> ЈАСОН Хирсцххорн: Шта је са који долар знак?
Шта да долар знак указује?
>> ПУБЛИКА: Повезивање на ХТМЛ некако?
>> ЈАСОН Хирсцххорн: Где смо видели овај долар пријавите раније у ЈаваСцрипт?
Видели смо га на предавању.
Причали смо о томе.
Шта знак долар значи?
>> ПУБЛИКА: Нешто са јКуери?
>> ЈАСОН Хирсцххорн: Управо тако.
Ово има везе са јКуери.
Овај знак долара значи да користим јКуери библиотека функција овде.
Тачно у праву.
>> Дакле, ми пишемо знак долара, а затим имамо ову отворену парен и затворен
заграда, а унутра, оно што иде унутра када користите
јКуери библиотека функција, или сте помоћу јКуери библиотеку?
Опет, видели сте ово у предавању.
Може ли неко дати ми - и ви Такође видети нешто овде.
Шта се унутар тамо?
>> Џеф, дај ми погоди.
Шта ти ово личи, # океан?
Где смо видели раније?
>> ПУБЛИКА: Да ли је библиотека или нешто?
Немам појма.
>> ЈАСОН Хирсцххорн: Па, хајде ја отворим индекс тачку -
Јок, погрешно место.
>> Дакле, видимо да имамо нешто звао океан.
Где смо видели океана # хасхтаг океан, синтакса раније?
Да?
>> ПУБЛИКА: ЦСС?
>> ЈАСОН Хирсцххорн: У ЦСС.
Зато смо желели да нешто стил, запамти бисмо ставили хасхтаг ЦСС
селектор, или хасхтаг океан, на пример, и све обликовања
да смо желели да дају на ствари са ИД океана смо унутра ставили тамо.
>> Дакле, овде унутра то није ЦСС Селектор иде у овде.
јКуери дефинише сопствену тип селектора.
Али то је иста идеја, и заправо Многи од њих преклапају са ЦСС.
Дакле, унутар тих отворених заграда, ви стави селектора, и шта год
Селектор односи се, то је оно што ћеш се користи.
>> Дакле, у овом случају, ја сам одабира ИД океан.
Ако сам имао класу -
рецимо имам класу ствари назвао "слике", и ја признајем да
много елемената, како сам референце класа ствари зове "слике?"
>> ПУБЛИКА: Мислим да је било тачка.
>> ЈАСОН Хирсцххорн: Са тачке.
Дакле, ако уместо тога сам ставио дот слике овде, да би ми дати класу
ствари зове "слике."
>> Наравно, ово је супер моћан, и можете референце много тога.
У ствари, ја могу да у основи референце свака ознака у ХТМЛ.
Дакле, ако сам хтео да урадим, тд, то је ознака које смо видели раније, када
креирање табеле.
Ви сте вероватно упознати са да из П сет седам.
У овом случају, то је заправо дешава да бисте изабрали све њих.
То ће ми дати низ од свих ТД тагова.
Али то може бити мало неодољив, па амо сада смо
ће да се држе само референцирање легитимације.
>> Дакле, шта то ради, опет, је да добије, у овом случају -
жао.
Иди овде, на индек.хтмл.
То је океан, а ИД океан референце див, тако да овај део овог
линија кода добије тај див.
>> И онда то значи тачка зовем функција, а назив који
функција је ХТМЛ.
И то је кратак за, ако сте видели пре, долар знак, документ, добити дот
елеменат по ИД, дот унутрашње ХТМЛ.
Ово је само јКуери верзија.
Дакле ХТМЛ функција само добија унутрашњи ХТМЛ.
Од тог елемента.
Па опет, ако погледамо овде, ми ћемо види нема унутрашњи ХТМЛ.
И тако, ако ја то урадио, ја бих покушава да добије ХТМЛ.
Када куцам ово, ја сам постављање ХТМЛ.
Тако сам пролазећи ову функцију на ниску, стринг који сам створио
овде, а изрека да стави унутар океана див.
Да?
>> ПУБЛИКА: Када добијете ХТМЛ, ви само добијате
копију ако то, зар не?
Ниси га уклоните.
>> ЈАСОН Хирсцххорн: Тачно.
Ако сам то урадио и хтео да би сачували у вар -
упс.
То би добили све информације које био тамо и сачувајте га у другом
променљива, направити копију.
>> ПУБЛИКА: У реду.
Имам га.
>> ЈАСОН Хирсцххорн: Тако смо створили неке ХТМЛ, сачувајте то у низу.
Ми спасити још.
Овде можете видети да Тодо стринг.
Дакле, то је вероватно где смо добијање тог ТОДО од када
идемо у нашу страницу.
А заправо, ако сам десни клик на тодо, прегледати елемент, разговарали смо о
ово прошле недеље.
Тако смо могли да видимо ХТМЛ Структура нашој страници.
>> Приметићете да овде доле -
хајде да то мало већи, превише -
имамо див ид океан овде.
Сви виде ту линију кода?
И то је оно што типови у индек.хтмл.
>> Унутар тога, ми сада видимо ово табела линија кода.
А шта то сто линија кода је, то је код нас тек убаци у
овај елемент.
И то ми унутра гледати њега, ми никада откуцани цолгроуп и тд.
То је додат за нас, јер смо урадили неке фенси ствари.
Али ви ћете приметити постоји тр, ту је див са тодо.
>> Тако да изгледа, опет, код које смо овде написали.
То је управо оно што овај линија ради.
То је узимање нашу ХТМЛ стринг и стављајући га у овај див овде.
У почетку нема ништа.
Ова страница добија учитава.
Долар знак, доцумент.реади.
Ово почиње извршавање.
Ми зовемо драв_оцеан функцију, а унутар драв_оцеан функцију узимамо
овај ХТМЛ и ставио га унутар тог див.
>> Управо смо прошли много тамо.
Да ли неко има било каква питања о томе?
Или како се то ради, или јКуери?
Јер ако разумете да, онда јКуери треба надам се
релативно лако.
Да?
>> ПУБЛИКА: Шта сте имали унутра заграде под отиску ХТМЛ
ниска, да је име ХТМЛ променљива коју
изјавили раније?
>> ЈАСОН Хирсцххорн: Ово овде?
>> ПУБЛИКА: Да
>> ЈАСОН Хирсцххорн: Да.
ПУБЛИКА: Дакле, ако је именован да нешто друго, да је нешто друго
било шта што би ставио овде.
>> ЈАСОН Хирсцххорн: Управо тако.
И то је добра ствар.
Ово је мало збуњујуће, јер Имам ХТМЛ, ХТМЛ.
Ово унутра је име мог променљива, а ово овде је
Назив функције јКуери.
>> ПУБЛИКА: Али, да би за јКуери функционишу на посао, морате му дати
неки ХТМЛ унос?
>> ЈАСОН Хирсцххорн: Управо тако.
ИЛИ морате му дати стринг.
То ће ставити у ту жицу од див или било шта друго.
Ово је само ниска.
Она не зна да је ово ХТМЛ, али очигледно да је обликујете намерно да буде
Валид ХТМЛ.
Да ли је то одговор на питање?
>> ПУБЛИКА: Да.
>> ЈАСОН Хирсцххорн: У реду.
Да?
>> ПУБЛИКА: Шта ако океан из на дугме или тако нешто?
Шта би хтмл. Уради?
Да ли би то променили Текст дугмета?
>> ЈАСОН Хирсцххорн: Дакле, питање је шта ако је из дугме?
То ће се променити унутрашњи ХТМЛ нечега.
Дакле, ако има отворену ознаку и близу ознака, он ће ставити нешто између
отварају и затварају ознака.
Ако нема отварају и затварају ознака, то неће учинити ништа.
>> ПУБЛИКА: То је буквално копија и паста ствари?
>> ЈАСОН Хирсцххорн: Да.
Она копира и пасте нешто од год променљива сам га проћи,
ниска сам га проћи, унутра оне отварају и затварају ознаке.
>> Погледајмо овде.
О, мој Боже. драв_поол зар не ништа тамо.
То је штета.
Тренирајте, вау.
У реду, тако да није много остало осим да.
>> Дакле, хајде да почнемо, и хајде да поправимо ово горе.
Ја ћу морати сви да помоћи да се то уради.
Нема ствари које многи линије кода, мислим, да пишем.
Мислим да сам ово урадио пре пар година за верзију 2К12, и тамо
не би требало да буде да многи линија кода да напише.
Није требало да бришу ту шифру.
Требао сам само да је спасио.
О, лудо.
>> У сваком случају, хајде да почнемо.
Дакле, ја сам у овом низу, или сам у то линија, а ја имам оцеан_арраи.
И ја желим да ставим све ово, све из ове датотеке, у мојој
оцеан_арраи.
Па како могу да узмем све од тамо, и стави га у
оцеан_арраи?
То је једна линија кода.
Ко може да ми ту линију кода или реците ми, имате шта да линије неку идеју
кода треба да уради?
Зашто не почнемо овде, а онда ћемо наставити да се креће по соби
одговарања на питања.
Курт?
Шта је прво?
>> ПУБЛИКА: Оцеан_арраи, носач, делфин.
Једнако делфина, држачи, делфина?
ДОЛПХИНС са великим свему.
>> ЈАСОН Хирсцххорн: У реду.
Прошетајмо кроз синтаксу.
Управо овде, ово је као фореацх петље, па то је у ствари ради пуно
ствари за нас.
И делфин је објекат.
Тако да не треба да напишем нешто као делфини, делфин, јер
делфин је сама објекат који желим.
То није индекс.
Да ли то смисла?
>> ПУБЛИКА: Да.
>> ЈАСОН Хирсцххорн: Па како радите предлаже промену кода?
Ако знамо да смо дали индекс?
>> Ох, извините.
Добар си.
Али како -
дозволите ми да поставим једно друго питање.
Ако желимо да -
хајде да заправо пишем ово.
Нема везе.
Идемо да напишем ово.
То је сјајно.
Извините.
Само сам веома збуњујуће тамо.
>> Оставимо да тамо за сада, и Вратићемо се на обуку делфина,
постављање делфина.
Хајде да прво решите овај цртеж океан функција, а ми ћемо се вратити на
да, Курт.
Али до сада, тако добро.
>> Погледајмо унутра драв_оцеан.
Линија која изгледа да буде погрешно је ово "продавница слике делфина у
океан у ХТМЛ стринга. "И у праву сад, ја као Тодо, али ја
Заиста желим да ставим делфине слике у океану.
Па шта, Ноа, да ли мислите да је Прва ствар коју треба да урадим?
Ако желим да идем кроз цео низ, што је први
ствар коју треба да урадим?
>> ПУБЛИКА: Морамо да створи за петљу.
>> ЈАСОН Хирсцххорн: за петљу.
И шта треба да за петљу изгледа?
>> ПУБЛИКА: За -
морамо да идемо кроз сваки делфина у низу океана.
Дакле, за вар Долпхин у -
можете писати океана низ?
>> ЈАСОН Хирсцххорн: Овако?
>> ПУБЛИКА: Вероватно да је у праву.
>> ЈАСОН Хирсцххорн: Да се ​​држимо то за сада, а онда ћемо
вратити на њега.
И ти ћеш бити одговоран за те линије.
Па ја имам од петље за.
Мајкл, ти си сада горе.
Шта сада да радим?
>> ПУБЛИКА: Ти би да узме складиштите слике са делфинима.
>> ЈАСОН Хирсцххорн: Па где је да чувају?
>> ПУБЛИКА: У низу делфина?
>> ЈАСОН Хирсцххорн: Ја сам сад збуњен превише о томе шта се дешава.
Хајде да видимо како можемо да урадимо дебуг ово, а онда ћу доћи
назад на вас, у реду?
Шта је еквивалент иф у ЈаваСцрипт?
Ени?
>> ПУБЛИКА: То је документ који пишу?
>> ЈАСОН Хирсцххорн: Или како може Видим нешто у
утеши доле на дну?
>> ПУБЛИКА: Цонсоле.лог.
>> ЈАСОН Хирсцххорн: Цонсоле.лог, тачно.
Па хајде да урадимо цонсоле.лог, и хајде да само стави "делфина" у, у реду?
Идеално би било ако ово ради, идемо на имати - хајде да видимо, назад у том фајлу
долпхинс.јс, било је шест делфини, тако да би требало да добије шест или нешто
надам се штампају на конзола, зар не?
То је место где смо сада, јер смо Курт је урадио линију овде, а онда смо
Ноа је учинио за петље, а ми имамо ово линија, па се надам да би требало да видимо шест
ствари штампане на конзоли.
Дакле, идемо овде, хајде да отворимо наше утеши и освежите нашу страницу.
>> У реду, тако да изгледа као видели смо шест индексе.
Нула, један, два, три, четири пет, да.
>> ПУБЛИКА: Како доћи до да страна у вашем -
>> ЈАСОН Хирсцххорн: како да добијем на ову ствар овде доле?
>> ПУБЛИКА: Не, Цхроме страна унутра [ИНАУДИБЛЕ] апарата.
Можемо видети да или не?
>> ЈАСОН Хирсцххорн: Ова Цхроме страна овде?
>> ПУБЛИКА: Да.
>> ЈАСОН Хирсцххорн: Дакле, баш као у П сету осам, ја сам отворио прозор Цхроме
на мом десктопу, на мој Мацинтосх десктоп.
А ако приметите овде овај УРЛ горе на горњи леви, који одговара овом ИП
обратити овде доле.
Дакле, да би то урадили, међутим, почетак проблема сет спецификација вас води
кроз тачно како да то урадите.
Али сам пратио то, и уместо тога од са шатл кодом, управо сам урадио
наше шифра.
>> Кул ствар је такође можемо инспекцију оцеан_арраи.
Дакле, изгледа да је оцеан_арраи низ од шест објеката, а
хајде да отворимо сваки.
Бум!
Један.
>> Тако Курт, изгледа ваш код радила савршено.
Све се почело у оцеан_арраи.
Зато што сам погрешио раније.
Али да, страшан посао.
Оцеан_арраи је тачно, и то изгледа као сада видимо да је делфин
број од 0 до 5, тако је изгледало Као индекса у низу.
Дакле, с обзиром да је знање, Мицхаел, Шта сад да радимо?
Мислите наглас.
Оно што је нешто што желимо да урадимо?
>> ПУБЛИКА: Желимо да се ЈПЕГ за сваку делфина.
>> ЈАСОН Хирсцххорн: У реду.
Дакле, како можемо референце -
како можемо добити ЈПЕГ?
Одакле да почнемо?
Где се све складишти?
>> ПУБЛИКА: У оцеан_арраи?
>> ЈАСОН Хирсцххорн: У реду.
>> ПУБЛИКА: Дакле оцеан_арраи, делфин -
>> ЈАСОН Хирсцххорн: Како ми радимо добити нешто унутра -
па ово нам даје тај објекат.
А видели смо ово раније са струк.
Па какав нотације Не морамо да користимо?
>> ПУБЛИКА: Било би тачка.
>> ЈАСОН Хирсцххорн: тачка.
И шта онда поље?
>> ПУБЛИКА: Слика?
Или то није поље -
>> ЈАСОН Хирсцххорн: Шта је то позвао долпхинс.јс?
И видите, можете погледати.
Ми само можемо да се вратимо овде.
Можемо видети оцеан_арраи, можемо да га истражују.
Како се то зове?
>> ПУБЛИКА: Тип.
Чекај.
Слика?
Рекао сам слику.
>> ЈАСОН Хирсцххорн: Слика.
Право.
Ниси звучи као да знаш шта сте говорили, мада.
Звучало је више као гуесс.
Тако да слика, тако да ће дати нам УРЛ адреса слике.
Џеф, имате питање?
>> ПУБЛИКА: Да, ја не могу да добијем оно имате на Цхроме
претраживач на мом рачунару.
Ја само добити "Унцаугхт референцу грешка, конзола није дефинисана. "
>> ЈАСОН Хирсцххорн: Немаш подесите све?
>> ПУБЛИКА: Па, ја мислим да учинио све да вам
урадио на великом екрану.
>> ЈАСОН Хирсцххорн: А ти цхмоддед све фајлове?
Да ли идете кроз цео сетуп?
>> ПУБЛИКА: Ја ћу поново покушати.
>> ЈАСОН Хирсцххорн: У реду.
Прескочио сам преко тога доста на почетак, али морате да прође кроз
цео подешавање као на почетак проблема сет спец.
Цхмод све и проверите да ли је унутра
>> ПУБЛИКА: Ја ћу ићи и проверите га.
Мислио сам да сам то урадио, али Ја ћу проверите.
>> ЈАСОН Хирсцххорн: Дакле, ово изгледа као да ће нам дати
ниска и слика.
Сјајно.
Имамо УРЛ слике.
Како ћемо сада га ставите у -
шта се дешава ако пишемо само ово, Мајкл?
>> ПУБЛИКА: То је само добија слику.
То заправо не га приказали.
>> ЈАСОН Хирсцххорн: Хајде да види шта се дешава.
Ми ћемо спасити да.
Ми ћемо га покренути овде.
Изгледа да ми не добијамо ништа.
Ако сам истражити ову табелу, изгледа унутра -
Да, изгледа да не добијају ништа.
>> ПУБЛИКА: Да ли морамо да -
>> ЈАСОН Хирсцххорн: Ово је стринг, ово код овде.
Где желим да ставим ову жицу?
>> ПУБЛИКА: Желите да стави га у океан?
>> ЈАСОН Хирсцххорн: У реду.
И овде сам стављајући стринг ХТМЛ позвао у океану.
>> ПУБЛИКА: Дакле, да ли би било долар знак, океан, ХТМЛ [ИНАУДИБЛЕ].
>> ЈАСОН Хирсцххорн: То би стави га равно у тамо.
Али шта ако ја желим да га додате у -
Већ сам ствара ниску, зар не?
Да би у океану, шта је назив тог низа?
>> ПУБЛИКА: ХТМЛ.
>> ЈАСОН Хирсцххорн: ХТМЛ.
Па шта да напишем следећи?
>> ПУБЛИКА: Једнако, једнако.
Или само једнако?
>> ЈАСОН Хирсцххорн: Шта ће десити ако ја пишем једнаки?
>> ПУБЛИКА: Неће да га подесите једнаки - или неће да -
>> ПУБЛИКА: Додели?
>> ЈАСОН Хирсцххорн: То ће га доделити, али шта ће се десити на све
који је ускладиштена у њему раније?
>> ПУБЛИКА: То ће се ослободити од њега.
>> ЈАСОН Хирсцххорн: То ће се ослободити од њега.
Па како могу да се додају на крај?
Ја бих само цопи -
>> ПУБЛИКА: Плус једнако.
>> ЈАСОН Хирсцххорн: Плус једнако, савршено.
То је потпуно тачно.
Дакле, хајде да проверимо шта то ради.
Бум!
О, мој Боже.
То је само много текста.
У реду.
>> Дакле, изгледа да имамо доста текста, али то је супер.
Момци су урадили -
Знам да је ово тешко, ово је ново.
До сада три од вас су урадили фантастичан.
>> Ок, ти си следећи.
Шта би требало да ћемо сад?
Ми очигледно не желе да играју само ниску.
Да?
>> ПУБЛИКА: Имам само једно питање.
Знате, када то урадите оцеан_арраи, делфин, у загради, није
Долпхин као асоцијативног низ у себи?
>> ЈАСОН Хирсцххорн: погрешио сам.
Делфин је индекс.
>> ПУБЛИКА: али није вар делфин у океану -
Мислим, кад сте у почетку га учитати као добро, вар делфин у делфина, није
да делфин има асоцијативни низ?
>> ЈАСОН Хирсцххорн: Овај делфин?
>> ПУБЛИКА: Да.
>> ЈАСОН Хирсцххорн: Не
Овај делфин је индекс.
>> ПУБЛИКА: У реду.
Дакле, да ли постоји делфин променљива?
Мислим, као делфина кључ у асоцијативни низ?
>> ЈАСОН Хирсцххорн: Овде?
Као, долпхин.наме?
>> ПУБЛИКА: Да, постоји као делфина дот -
као није значило Долпхин да се сваки објекат?
>> ПУБЛИКА: Да, то је оно што сам мислио.
>> ПУБЛИКА: Мислио сам да је то као делфин асоцијативни низ у делфине.
Јер ту је шест асоцијативна низови у делфини, зар не?
>> ЈАСОН Хирсцххорн: Тачно.
Начин смо ово написано Сада, то није.
>> ПУБЛИКА: Зашто је то?
>> ЈАСОН Хирсцххорн: Можемо ми то, и заправо постоји функција јКуери
зове. сваки који даје ти свака ствар.
Али ово није синтакса -
Ја погрешио раније - ову синтаксу није да је индекс.
Ово је само нам даје индекса.
Али можете да урадите знак за долар. Сваки, што је функција јКуери.
То би вам сваки сарадник низ.
Дакле, проверите да ли се.
Али то је оно што све ово код ради.
>> ПУБЛИКА: Дакле, ово прво за петљу, ја Претпостављам да ће поновити шест пута
јер имате шест индексе.
А онда други за петље, није да итератинг
иста количина времена?
>> ЈАСОН Хирсцххорн: Да.
>> ПУБЛИКА: Дакле, стварно нема - ми могао да напише први за петљу
опет, и то би радили.
Као, вар делфин у делфине?
>> ЈАСОН Хирсцххорн: Да, али ми смо Сада помоћу оцеан_арраи.
Ми смо преселили у све оцеан_арраи јер кажу ми икад желимо
да промени оно што је у долпхинс.јс, или ако желимо да манипулишемо оцеан_арраи
касније, ми не желимо да манипулишу делфини, променљива.
Желимо да манипулише копију, јер ако желимо да се нешто
напоље, овако ми само смо ће бити безбедни.
Да ли то има смисла.
>> ПУБЛИКА: Да.
>> ЈАСОН Хирсцххорн: У реду.
Дакле, Карлос, како да искористим ову жицу и чине га слика уместо тога, и добити
стварна слика?
Ви сте раније видели овај код.
Како да урадим садржи слику на страници?
>> ПУБЛИКА: Да ли је то ствар коју смо урадили у вези да ХТМЛ-плус једнако те позива цртицу
ширина, она је избрисана?
>> ЈАСОН Хирсцххорн: Ово ствари овде?
>> ПУБЛИКА: Да.
Врста.
>> ЈАСОН Хирсцххорн: не бринеш о томе.
То само почиње ХТМЛ стринг.
Ако желим да садржи слику у мојој ХТМЛ веб страница, што ознака да користим?
>> ПУБЛИКА: Не сећам се.
>> ЈАСОН Хирсцххорн: У реду.
АВИЕ, помоћи га напоље?
>> ПУБЛИКА: Да ли би било сидро, хреф, а затим га повезати?
>> ЈАСОН Хирсцххорн: Дакле, као у сидро.
>> ПУБЛИКА: Не морате да повезати га, зар не?
>> ЈАСОН Хирсцххорн: Шта ако сам управо желе да створе слику?
>> ПУБЛИКА: Било би имг, а затим срц једнака год стринг?
>> ЈАСОН Хирсцххорн: У реду, тако тако је, имг.
Карлос, ти ћеш узети га одавде.
имг скраћеница за "имиџ", и срц штандови за "извор". и треба да га дају
УРЛ или неки -
није чак УРЛ адреса.
Неки локација где да слика се чува.
Тако да знам да ће да ме е добити слика, па сад како да ставим ово све
заједно, мислио?
Имам неку синтаксу морам да поправим.
Шта тачно ми је потребно да куцате, Карлос?
>> ПУБЛИКА: Не схватам шта ви покушавате да урадите.
Дакле, ви покушавате да ставите све слике у табелу?
>> ЈАСОН Хирсцххорн: Желимо да прикажете све слике у страну.
И видели смо како ову линију кода права овде додати жице нашем ХТМЛ стринг
и штампају их овако.
Ми уместо тога желите да прикажете слике.
И ми смо схватили, Мару, рекао нам је да је ова линија кода -
па хајде да погледамо овде.
Ако смо отишли ​​и истражили, ми ћемо измените ово као ХТМЛ.
Мару, рекао је, ако радимо овакву синтаксе, добијамо слику.
Да ли то смисла?
>> То је врста ниске које Заиста желим да ставим унутра океану
роњење, не само сам текст.
>> ПУБЛИКА: [ИНАУДИБЛЕ]
>> ЈАСОН Хирсцххорн: Извините?
>> ПУБЛИКА: Не можеш само да копирате да онај који Кианна дао,
и ставио га у то -
>> ЈАСОН Хирсцххорн: Цопи то, и ставио ово овде?
>> ПУБЛИКА: Да.
>> ЈАСОН Хирсцххорн: То је близу, али постоји један проблем са овим, и
шта је то?
ХТМЛ је ниска, а ми треба да додате жице у њему.
>> ПУБЛИКА: Па онда га ставите - нах.
>> ЈАСОН Хирсцххорн: И ми имамо три - ово овде није ниска.
Како то направити низ?
Како увек бити нешто ниска?
>> ПУБЛИКА: Не знам.
>> ЈАСОН Хирсцххорн: Ако ја имам текст, како да направим то ниска?
Лике овде на овој линији овде?
>> ПУБЛИКА: Ставите их у табелу?
>> ЈАСОН Хирсцххорн: Шта је ово?
>> ПУБЛИКА: Цитат.
>> ЈАСОН Хирсцххорн: Двоструки цитати, зар не?
Двоструки наводници чини нешто ниска.
Тако да чини да ниска, а то је ниска.
Како ставити две жице заједно у ЈаваСцрипт?
>> ПУБЛИКА: Дот.
>> ЈАСОН Хирсцххорн: Није дот.
То је ПХП.
>> ПУБЛИКА: Плус.
>> ЈАСОН Хирсцххорн: Плус, баш у праву.
Дакле, плус, а онда оно што радите предлажу да радим овде?
>> ПУБЛИКА: Још један цитат.
>> ЈАСОН Хирсцххорн: Још један цитат, у реду.
Како да прекинете низ?
>> ПУБЛИКА: Још један цитат.
>> ЈАСОН Хирсцххорн: Још један цитат.
И како да ставим ову жицу заједно са овим стрингом?
Плус.
То је потпуно тачно.
Управо то урадио за нас.
Ово је савршено.
>> Дакле, сада ћемо учинити ово.
И види, имамо једну целину гомила слика.
О, мој Боже.
То су застрашујуће.
Идемо да истражују их у секунди.
Да, Ноа?
>> ПУБЛИКА: Знам да заправо не ствар, али би требало да затвориш
елементи са слике таг?
>> ЈАСОН Хирсцххорн: Могли би, ако смо хтели, затворити наш имиџ
таг тек тако.
Хајде да то рендер.
На, не, не можемо то урадити.
>> ПУБЛИКА: Ох, сломио сам.
>> ЈАСОН Хирсцххорн: Мислим да је ово је валидација, мада.
Ја не мислим да је потребно затварање коса црта.
Ок, ово је супер.
Карлос, хвала.
До сада четири вас урадили страшан посао.
>> Наравно, као што можете да видите, ми смо стварајући неку врсту табеле Бевел.
И желим те ствари да се у табели.
Па како да ставим ово ствари у табели?
Јасно је потребно још мало ХТМЛ.
Асам, какав ХТМЛ сам пропустио?
>> ПУБЛИКА: Шта радиш желимо да урадимо, ми?
>> ЈАСОН Хирсцххорн: Желим да ставим све ове слике у табели, тако да свака слика
треба да буде у једној колони табеле.
Како да кажем да је ово једна колона?
Видели сте овај код раније.
Ово је у П сет седам.
>> ПУБЛИКА: Сећам један је тр?
>> ЈАСОН Хирсцххорн: ТР је за ред.
>> ПУБЛИКА: Не знам га искључите моје срце, али сам могао да проверим.
>> ЈАСОН Хирсцххорн: Да ли неко се сећате?
>> ПУБЛИКА: тд?
>> ЈАСОН Хирсцххорн: тд, тачно у праву. тд га ставља као колону.
Дакле, ако сам ставио тамо ТД, Асам, шта ми је потребно ставим?
Шта још треба да додам?
>> ПУБЛИКА: Морате да га затворили?
>> ЈАСОН Хирсцххорн: Управо тако.
Где то иде?
>> ПУБЛИКА: Тамо?
>> ЈАСОН Хирсцххорн: Овде?
>> ПУБЛИКА: Мислим да је тако.
>> ЈАСОН Хирсцххорн: Шта је ово затварање овде?
Шта је ово?
Та плава ствар?
>> ПУБЛИКА: То је за слику.
То би требало да иде после, ја мислим.
>> ЈАСОН Хирсцххорн: Ок, тачно у праву.
Дакле, хајде да видимо шта је то урадио.
Ох, то је незгодно.
Хајде да отворимо океана, сто, сто тело, тр.
Дакле, имамо тону, али ја не видим слике.
То је чудно.
Изгледа да га је направио, али није ми показати слике.
Било који идеја зашто би то могао бити случај?
Било која мисли?
>> ПУБЛИКА: Ако се крећете доле, ви ћете их видети.
>> ЈАСОН Хирсцххорн: Боом!
Дакле, они су тамо, али то је цудно да они су скроз доле.
>> ПУБЛИКА: Они су такође све у реду.
>> ЈАСОН Хирсцххорн: И они су сви у ред, а сви су различите величине.
Дакле Асам, дај ми још једну линију кода ако ја могу да сваку слику
исте величине, а изгледа као да имам већ наведено величина ја
желе да буду.
Како могу направити сваку слику исте величине?
Дајте погодим.
>> Шта је са ове линије кода?
>> ПУБЛИКА: Можете ли направити Као константа?
>> ЈАСОН Хирсцххорн: Или где је још један постави сам могао ставити ову линију кода,
ако сам га копирате?
>> ПУБЛИКА: Скроз доле на тој истој линији?
>> ЈАСОН Хирсцххорн: У реду, хајде да стави она овде, баш у праву.
А сада да видимо шта се дешава.
О, мој Боже!
Сада изгледа као да смо почели да се нешто, а изгледа да су
све некако уклапа у табели која смо изграђена у сваком тд.
>> Такође, Асам, рецимо ја волим њихов висине да буду мало више -
ствар је висина ме баца ван, тако шта треба да подесим у њиховој висини?
Изаберите било који број.
>> ПУБЛИКА: 200?
>> ЈАСОН Хирсцххорн: 200.
Идем да покупим 100.
То је сјајно.
За стварно као 200.
Идемо!
У реду, сада то почиње да изгледа мало боље и мало организованији.
>> Било који други мисли за шта нам је потребно да уради за чување слике делфина?
Да?
>> ПУБЛИКА: Да ли су цитати, или један цитати, око вредности за
извор, висина, ширина, су они опциони?
>> ЈАСОН Хирсцххорн: Где су једноструке наводнике?
>> ПУБЛИКА: Као у неким примерима, ти ћеш имати као висине
једнако куоте "150". Да ли је то није потребно.
>> ЈАСОН Хирсцххорн: Па да погледати овде доле.
Ако кликнете на океану, иди у табели, приметићете да је овде заправо
додао оне цитате за мене.
>> ПУБЛИКА: У реду.
>> ЈАСОН Хирсцххорн: И тако сам схватио шта радимо изгледа болно споро.
Само смо написао три линије кода до сада, или четири линије кода, али
ово је у ствари процес који Ја идем кроз сваки пут желим
да овај сајт.
Линију по линију, користећи конзолу доле овде, истражујући ствари и откривањем
од корак-по-корак оно што желим да радим.
Дакле, надамо се, овај имитира за вас момци у добром, педагошки начин оно што сте
ће заправо радити када направите свој сајт.
>> Идемо даље.
Направили смо ове ствари.
Идем у ствари -
АВИЕ, имам велико питање за вас.
Не знам, идемо даље.
Идемо на "железничкој делфина када његово слика се кликне. "Како ти
предлажу пишем ту линију кодекса?
>> ПУБЛИКА: Постоји функција назвао "воз."
>> ЈАСОН Хирсцххорн: Постоји функција назвао "воз", тачно у праву.
>> ПУБЛИКА: Она очекује индекс.
>> ЈАСОН Хирсцххорн: Воз очекује индекс, тако, у реду.
АВИЕ, ово је управо резоновање да ја волим да видим.
Воз очекује индекс.
>> ПУБЛИКА: Значи идеш да имају за петљу.
>> ЈАСОН Хирсцххорн: Па, ја желим да радим када се кликне слика, тако Авие,
како да прате када слика се кликне?
Постоји неколико начина да се то уради.
То је моћ ЈаваСцрипт и јКуери, али и најтежи део.
>> ПУБЛИКА: Ако заграда, не.
Или ако заграда догађај, или нешто релативно једноставна?
>> ЈАСОН Хирсцххорн: Дакле, видели смо пар начина да се то уради у предавању.
Једна ствар је била да се, овде доле, можете да нешто као да би могао да створи
функција као на клику, или урадите нешто слично на клик.
Сви се сећате видео тако нешто?
Ти то уради унутар ХТМЛ таг.
Видим неке празна лица.
Неки људи су као, шта он говори?
>> То је у реду, јер ја мислим да је то компликованији начин да то урадите.
Ми ћемо да урадимо много лакше начин користећи јКуери.
Дакле, Авие?
>> ПУБЛИКА: Хм?
>> ЈАСОН Хирсцххорн: Ако желим да радим нешто јКуери, ја очигледно почети,
као раније, са овим знаком долара, отворено Парен, блиски парови, и дупли
цитира овде.
Сада знамо да је потребан селектор овде.
Шта селектор ти предлажем да примените за сваки појединачни слику или сваки
једну слику?
>> ПУБЛИКА: Слика?
>> ЈАСОН Хирсцххорн: То је потпуно тачно.
То ће се односити на сваки слици.
Гетс све њих.
То није ИД, то није класа, то је врста ознаке, а то ће се
добити све до једне.
>> А сад ћу да вам кажем за сада, а можете погледати више
документација на њу касније, али ово ствар се зове "на" бави догађајима.
Дакле, шта сте добили да урадите сада, а који је супер моћан, је рећи који тип
догађај тражите и шта желите да урадите када сте
примити тај догађај.
Зато ћу да вам дам мало мало код, Авие, онда
мораш да идеш, у реду?
>> ПУБЛИКА: У реду.
>> ПУБЛИКА: На - идемо да кажемо "Клик" у овом случају, који ћете
углавном користе.
Дакле, на клик, а онда ћемо прође му анонимну функцију.
И ово синтакса ћеш видети много, а надамо се да ће
писати много.
Шта ово ради је, опет, на клик нечега што се зове слике, шта год,
нешто се зове слика, идемо да покренете ову анонимну функцију.
>> Нећу му дају име.
Ја то не пролази никакве аргументе.
Ја сам само, као, стварајући ево функционише, и ево шта код
ћеш да урадиш.
То је са овом синтаксом средствима.
И такође, као што ћете приметити, изгледа веома слично овоме овде да
написао пре.
>> Ок, Авие.
Дакле, желите да позовете воз на индексу.
Да ли је то оно што желите да урадите?
>> ПУБЛИКА: Да.
>> ЈАСОН Хирсцххорн: То је?
У реду.
Хајде да видимо шта се дешава.
>> ПУБЛИКА: Чекај, ипак.
Индекс није променљива сада.
>> ЈАСОН Хирсцххорн: Дакле, индекс није променљива сада.
Не знам где си га добио од.
>> ПУБЛИКА: [ИНАУДИБЛЕ].
Дакле, да ли је потребно да прво схватите који делфин добио кликнули?
>> ЈАСОН Хирсцххорн: Одлично.
Морате да схватите који делфин добио кликнули.
Ово је дивљи пуцао у мраку.
Има ли неко идеју како могу да схватим шта делфин добио кликнуо?
Ако не, ја ћу га дати, јер ово је прилично луд.
У реду.
Дакле, хајде да одштампате преко цонсоле.лог.
>> Ова ствар.
Дакле, долар знак, отворена заграда, ово близу заграда.
Дакле, када сам кликните на ову слику, ја идем да штампате ову конзолу,
и да видимо шта се дешава.
Вратимо се овде.
Идемо да утеши.
Нема грешке, хвала богу.
>> У реду.
Ја кликнуо.
Дозволите ми да поново урадим.
Ја кликнуо ову прву слику, и то добио одштампан на конзоли,
ова линија ствари.
Идем да се користи реч "ово" много.
Ова ствар овде, ово је веома посебан, и то је тачно шта ради
АВИЕ жели то да уради.
Постаје све што је кликнули на или шта год.
Јер опет, ово се дешава селектор да се бави многим стварима, ми не
нужно знати која ствар да смо говоримо о, па желимо да схватимо
од којих ствар говоримо о преко ове синтаксе.
У овом случају у праву овде, хасхтаг океан, ми увек знамо шта смо ствар
ће говорити о, тако никада заиста потребно ово
унутар хасхтаг океана.
Увек је океан, то див.
То је ИД, само једна ствар је то могуће.
>> Али у овом случају, то се односи на много слика, у ствари, шест слике,
и тако желимо да знамо шта конкретно слика је кликнуо на.
И изгледа да је ово врста информација добијамо.
Ми се изгледа неки велики ниска, а ми смо се све ово
информације са овим.
Ми смо добили тоне и тоне и тона ствари.
јКуери је супер моћан.
Требало нам даје гомилу информација о овом конкретном ХТМЛ елемента.
АВИЕ, шта желимо да знамо о овом ХТМЛ елемент?
>> ПУБЛИКА: Нешто као ИД.
>> ЈАСОН Хирсцххорн: ИД.
Па, ми имамо извор, ширина, и висине.
>> ПУБЛИКА: Можемо да користимо извор.
>> ЈАСОН Хирсцххорн: Ми могу да користе извор.
То ће нам дати стринг, УРЛ стринг.
Шта ћемо да радимо са да када имамо то?
Како да се вратимо у наш индекс у оцеан_арраи?
>> ПУБЛИКА: Можемо упоредити је у други.
>> ЈАСОН Хирсцххорн: Тако што смо могли петља кроз сваки.
Сада смо могли петљу поново а онда упоредите то.
Замислите шта ће бити једноставнији начин, ако би могао замислити једну?
>> ПУБЛИКА: Не морате да петљи.
>> ЈАСОН Хирсцххорн: Не морате да петљи.
>> ПУБЛИКА: Само схватите делфин, [ИНАУДИБЛЕ].
>> ЈАСОН Хирсцххорн: Фигуринг шта делфин.
У реду.
Па хајде да сачувате те податке у овој Имаге Таг.
А опет, управо сада, део ових ствари је само зато што сам могао магичан
да вам показује ово први пут, али надамо се ове ствари
идете да радите.
Дакле, ово је нешто магично можете да урадите.
Можете да сачувате неки додатни метаподатака у елементу.
То се неће појавити, она неће утичу на било шта.
Можете само да га сачувате тамо.
И ја предлажем да сачувате индекс са сваке слике.
>> Дакле, начин на који се то уради је да креирате атрибут зове података црта, и
онда шта год ти име желе да га дају.
Подаци црта је посебна ствар која је дат вама, а она каже да је то
нешто корисник ће створити.
Дакле, ми стварамо ову ствар која се зове индекс, овај тастер се зове индекс.
>> А у њему, ми ћемо ставити не само једном, сваки пут, али шта урадити
ставимо у њему, Авие?
Шта се овде?
>> ПУБЛИКА: Делфин.
>> ЈАСОН Хирсцххорн: Делфин.
То није та реч.
Делфин.
И опет, ми смо већ одштампан делфина раније, да је 0, 1, 2, 3, 4, 5, и
смо уштеде које са слике.
>> Па сад, ако ја радим - и опет, штедимо тај метаподатака.
Како приступити да метаподаци?
То је са функцијом само зове "података." И треба да га положи један
и само један аргумент, који је назив ствари.
Зато ћу да одштампате ово, а онда ћу узети питања.
Али у суштини, ја кажем дај ово објекат који је кликнуо на, погледајте
у свим својим атрибутима података, и један под називом "индексиране,"
дај ми ту вредност.
>> И хајде да видимо шта се дешава када ми освежите ову страницу.
Управо оно што смо очекивали.
Опет, то је било прилично магично.
Управо смо урадили доста тамо.
Ко има било каквих питања у вези тога?
Да?
>> ПУБЛИКА: Имам само једно питање о живом код.
Можете користити као један цитат, двоструким цитат, као тамо.
>> ЈАСОН Хирсцххорн: Овде.
>> ПУБЛИКА: Да.
Да ли постоји разлог зашто радите апостроф, двоструки цитат?
>> ЈАСОН Хирсцххорн: Постоји разлог, и то иде назад на оно што Маркус
питао раније.
У овој линији, ја сам био мало боље у мом кодирање.
Хоћу ово, а то је оно што ја искрено требало да уради све
време, за ширину и висину посебно.
Погледајмо овде.
Видећете овде, да ли то видите?
Знам да је мало мала, али подаци индекс цртица је у наводницима.
Те ствари увек треба да буде у наводницима.
Вредност увек треба да бити у наводницима.
>> Али овде, ако сам двоструки цитат, који би завршити ову жицу овде,
и сад ја не бих био куцање у низу.
Тако сам се около да је управо користећи апостроф, јер један цитат
не завршава Јавасцрипт низ, али у ХТМЛ она не мари ако сте
дајући му једноструке наводнике или двоструким наводницима.
Само ћу га тумаче као двоструким наводницима.
Да ли то смисла?
Да?
>> ПУБЛИКА: Како ти то ИП адреса у дну вашег клијента?
Рудник каже да нема ИП адресу.
Да ли постоји нешто што би требало урадио у [ИНАУДИБЛЕ].
>> ЈАСОН Хирсцххорн: У вашем уређају, то нема никакве?
>> ПУБЛИКА: Да.
>> ЈАСОН Хирсцххорн: Постоји нешто можете да урадите да га поправи, али ја нисам
ће да проводе време ходања кроз који сада.
Али, ми то можемо после секцији.
>> ПУБЛИКА: Ако се вратите на конзола, зашто је
број наведен 012321?
>> ЈАСОН Хирсцххорн: конзола?
О, јер само сам кликом око дивље.
>> ПУБЛИКА: О, у реду.
Нема везе.
>> ЈАСОН Хирсцххорн: И опет, ја могу да кликну о нечему а бајиллион пута.
>> ПУБЛИКА: Имам питање о Ваш петља опет, твој за петље.
Јер знате у П сет осам, они користите другачији облик тог петље.
Дакле, они не свиђа вар и једнако 0, и мање него, оцеан_арраи.ленгтх, и + +.
Да ли су они еквивалент?
>> ЈАСОН Хирсцххорн: То је стандард за петљу.
Или да, то је за петље.
У ствари, видели смо да је то еквивалент.
>> ПУБЛИКА: Дакле, то је еквивалент на оно што сте овде урадили?
Да ли је неко сматрао боље него други?
>> ЈАСОН Хирсцххорн: Не
>> Дакле, опет, ми смо отишли преко неких ствари.
Сада смо преселили нашу зону и почео да радим неке стварно цоол
ствари које нисмо отишли ​​нужно преко у класи пре, али ће
надамо се, бити врло моћан за вас када кодирање.
>> АВИЕ, хајде да се вратимо овде.
Имам индекс делфина.
Сада оно што ми је потребно да урадим?
>> ПУБЛИКА: Треба да га тренирам.
Дакле, уместо да цонсоле.лог, те можете поставити променљива једнака то?
>> ЈАСОН Хирсцххорн: У реду.
Па?
>> ПУБЛИКА: Нисам сигуран ако могу то да урадим.
>> ЈАСОН Хирсцххорн: Па вар к једнак ово, шта год то враћа,
то ће га вратити.
Није битно.
То може да се врати било коју променљиву.
Нема типови овде.
>> ПУБЛИКА: Или сте само могли уради функцију позив.
>> ЈАСОН Хирсцххорн: Да, зашто не бих то урадио?
Само уради функцију позив.
>> ПУБЛИКА: Да.
Ставите други сет заграда.
>> ЈАСОН Хирсцххорн: Савршено.
То је потпуно тачно.
Тако да ће позвати функцију воз.
Наравно, ништа није у возу функција, па предлаже, Аксхар, оно што сам
треба да уради у функцији воза.
Дај ми мало псеудо кода.
>> ПУБЛИКА: Мислим да би требало уклонити Долпхин из оригиналне табеле.
>> ЈАСОН Хирсцххорн: А ово је све Ноју раније зашто смо копирали
га у нову низ.
Тако је, јер ми не да измените наше делфини низ јер шта ако други
Програм је да га користите или шта ако желимо да му приступите негде другде?
Ми желимо да направимо копију, и то је један ћемо да измените.
>> ПУБЛИКА: Онда поставите то у вашој новој локацији.
>> ЈАСОН Хирсцххорн: А шта радим морамо да урадимо после тога?
>> ПУБЛИКА: И онда одштампате информације о делфина.
>> ЈАСОН Хирсцххорн: То је потпуно тачно.
Ми га извадите из оцеан_арраи, ми стави га у базену, а онда скрећемо
океан у базену.
Како да уклоните делфин из оцеан_арраи?
>> ПУБЛИКА: Идеш у индексу.
О, у реду.
Користите исецање функцију.
>> ЈАСОН Хирсцххорн: У реду, тако да је у праву.
Пријало би ми исецање функцију која узима нешто из низа и
кондензује га.
То је нешто ново што нису видели раније.
Али ја заиста желим да размак тамо јер желим да одштампате
празан простор у океану.
>> ПУБЛИКА: Дакле, онда можете да подесите слику тог индекса, оцеан_арраи
индекс тачка слика.
>> ЈАСОН Хирсцххорн: У реду, оцеан_арраи, индекс.
>> ПУБЛИКА: Дот слика.
>> ЈАСОН Хирсцххорн: Дот слика.
>> ПУБЛИКА: А ти га поставити на НУЛЛ?
>> ЈАСОН Хирсцххорн: Једнако нулл.
У реду.
Дакле, ништа није било, па онда како да ставим у базену?
Константин, како ја радим стави га у базену?
Имамо ову променљиву смо се зове, зове базен, овде.
>> ПУБЛИКА: Да ли смо сад урадили екуалс оцеан_арраи индекс?
>> ПУБЛИКА: не треба да вас пребаците налог?
>> ЈАСОН Хирсцххорн: Један сек.
Да?
>> ПУБЛИКА: Да, то је било заправо добра ствар.
>> ЈАСОН Хирсцххорн: Шта се овде?
>> ПУБЛИКА: Да ли је индекс?
>> ЈАСОН Хирсцххорн: Индекс, тачно.
А шта сте ви рекли, Цонстантине, је нешто што би требало да урадимо?
>> ПУБЛИКА: Ми би можда пребаците налог.
>> ЈАСОН Хирсцххорн: А зашто би смо пребацили налог, можда?
>> ПУБЛИКА: Јер у који указати је већ нулл.
>> ЈАСОН Хирсцххорн: Дакле, то није све нулл, али смо изгубили УРЛ слике.
Да ли смо га изгубили заувек?
>> ПУБЛИКА: технички не?
>> ЈАСОН Хирсцххорн: Да смо га изгубили заувек?
>> ПУБЛИКА: Не
>> ЈАСОН Хирсцххорн: Па, где је?
>> ПУБЛИКА: У вашем оригиналном Долпхин -
>> ЈАСОН Хирсцххорн: То је у делфина, али у оцеан_арраи
ми смо га изгубили заувек.
Тако Константин, можете предложити бољи начин да се напише ову линију?
Заправо, ми, то је сачувана у базену.
Ми га имамо у базену, јер базен је објекат, зар не?
Оцеан_арраи индекс, оцеан_арраи је низ објеката.
>> Дакле, базен је објекат, а ми имамо УРЛ адреса у тамо, а доле
овде је постављен на нулл.
Тако заправо, нисмо имали Изгубио га заувек.
То је само сачуван у базену.
Али то свакако није у оцеан_арраи, и као што сте рекли, Карлос, она је у
делфини низ.
>> Дакле, ово изгледа слатко.
И онда како да нацртате океан и базен?
Марио?
>> ПУБЛИКА: Можете само да позовем драв_поол и драв_оцеан?
Па као, драв_поол, а онда -
добро, да, она не узима ништа.
>> ЈАСОН Хирсцххорн: Сјајно.
Шта драв_поол да уради?
>> ПУБЛИКА: Нацртајте базен?
>> ЈАСОН Хирсцххорн: Да, добро, шта ће да уради?
>> ПУБЛИКА: Извини.
Могао би да ураде исто ствар, као имају -
>> ЈАСОН Хирсцххорн: Држи се, идемо до тамо.
Ништа.
То ништа не одмах.
Да видимо да ли ово ради, мада.
Ко нам је дао тај код?
Аксхар и Константин Дао нам је тај код?
У реду, хајде да видимо шта се дешава.
>> Ах!
То је било тако узбудљиво.
Нестао је.
Ох, човече.
То је некако ружан.
Па, можемо да се вратимо и поправи то касније.
Питам се где је?
Ми смо га чувају у том базену променљиве.
Како могу да схватим да ли је то у том базену променљиве?
Па, опет, моћ ЈаваСцрипт, а посебно алатке које
Цхроме вас даје, је ли сада можете прегледати тај базен променљиву.
То је глобална, сећаш се?
Нисмо ставили вар кључну реч.
Дакле, ако укуцамо Унесите овде, Константин, шта ти мислиш да сам
ће добити када сам ударио Ентер?
>> ПУБЛИКА: Не знам.
>> ЈАСОН Хирсцххорн: Погоди.
>> ПУБЛИКА: Ништа?
>> ЈАСОН Хирсцххорн: Ништа, у реду.
То је била добра претпоставка, мада.
Имам објекат.
Запамтите си ми дао да линија кода.
Базен, спасио си у то променљива објекат.
И заиста, ми видимо објекат сте сачували у њему.
То је сјајно.
Можемо испитати одавде.
То је скоро као у реалном времену да ГДБ можемо погледати преко нашег кода и
схватим ствари напоље.
То је супер кул и супер моћан.
>> У реду, хајде да завршимо ово.
Хајде да скрене базен за пет минута.
Мару, дај ми линију код да скрене базен.
>> ПУБЛИКА: Могли сте још један променљива ХТМЛ, али / за.
>> ЈАСОН Хирсцххорн: Хајде да правимо врло једноставно за сада.
Хајде само да одштампате име делфин тренирамо.
>> ПУБЛИКА: И онда можете да урадите долар потпише, отворене заграде,
а затим отворен цитат.
Претпостављам фунти базен, ако то је била ствар.
Не сећам се.
>> ЈАСОН Хирсцххорн: Погледајмо уназад.
Мислим да је то ствар.
>> ПУБЛИКА: ОК, да.
А затим затворите куоте, блиски заграда . ХТМЛ, отворене заграде,
а онда претпостављам базен, као отворену конзолу 0 или тако нешто.
Затвори тачка име.
Ја не знам да ли то ради.
>> ПУБЛИКА: У реду, хајде да видимо шта се дешава.
"Не могу прочитати имовину име недефинисан. "Па опет, ево шта
ћемо да проверимо.
Идемо да истражују ово.
Урадио базен, отворени брацкет0, име..
Опет, све време радим ово, и ја сам збуњени шта се дешава, шта ради
ово упозорење значи.
Погледајмо базену.
Погледајмо базен конзоле 0, недефинисана.
Дакле, ту смо ради у нашем проблему, зар не?
Базен конзола 0 не, Очигледно, постоје.
Шта мислите да ли постоји?
>> ПУБЛИКА: Да ли је базен само предмет по себи?
>> ЈАСОН Хирсцххорн: Па, шта пише овде?
Када смо ударио Ентер на базену, шта то говори да је?
>> ПУБЛИКА: Објецт.
>> ЈАСОН Хирсцххорн: То је објекат, тако?
>> ПУБЛИКА: О, да.
Дакле, само поол.наме уместо -
>> ЈАСОН Хирсцххорн: Поол.наме даје управо оно што сте желели.
И схватам да ћу кроз ово полако и белаборинг ову тачку, али
ово је тачно како ја радим ове ствари.
Ти ћеш наићи на ове бубе током финалног пројекта, тако да се надам
ово је оснаживање да бисте могли да користите све ове алате.
То су од кључног значаја и да ће да те Супер Дупер далеко.
>> Дакле, ја не желим да се само одштампајте име.
Хајде да то буде мало мало лепше од овога.
>> ПУБЛИКА: Шта још можемо да урадимо?
>> ЈАСОН Хирсцххорн: У реду, у реду.
Ми ћемо урадити управо то.
Ух.
Момци, ви немате живота.
>> Ок, бум, га.
Изгледа добро.
Видећете, Аксхар, овде доле, смо нулл, није пронађен.
Тако да изгледа као да је и даље покушава да наћи неку слику, а то није учинио
управо оно што смо желели да урадимо.
Нећемо да идемо у то сада, али Вероватно постоји чистији начин
радим ово.
>> ПУБЛИКА: Можете ли оставити као празан простор за слику?
Као и уместо да га поставите на нулл, могли сте поставили то да воле празно
ниска или нешто?
>> ЈАСОН Хирсцххорн: Овако?
>> ПУБЛИКА: Да.
>> ЈАСОН Хирсцххорн: [ИНАУДИБЛЕ].
Није пронађено.
Дакле, постоји бољи начин да се то уради.
Ја бих предложио радим ово.
Само постављање нулл тамо.
Онда наравно, шта је ће се догодити?
То ће нестати у потпуности.
Дакле, ако смо хтели да простор и учинити да, вероватно желите да урадите нешто
овде као добро.
Идем да се ви почели.
Аксхар, дај ми ову линију од код стварно брзо.
>> ПУБЛИКА: Ако оцеан_арраи, делфин, једнако, једнако, једнако - једнако нула?
Да.
>> ЈАСОН Хирсцххорн: И шта онда?
>> ПУБЛИКА: Онда уради хтмл.
Само копирајте доњи код, стварно.
>> ЈАСОН Хирсцххорн: Цопи шта?
>> ПУБЛИКА: Можете да копирате -
>> ЈАСОН Хирсцххорн: Ово?
>> ПУБЛИКА: Да.
>> ЈАСОН Хирсцххорн: Све?
Немамо слику.
>> ПУБЛИКА: мислим на тебе могу само оставити -
Да, можете само да га затворите.
Али ја мислим да морате да подесите ширину.
>> ЈАСОН Хирсцххорн: Па, управо креирати празну колону.
У реду.
И онда у том случају, вероватно ћемо Желим да ово радим као добро.
>> Упс.
О.
Зар не раде, али нисмо узимајући ту грешку.
Хајде да видимо шта се десило овде.
>> Дакле, не постоји ништа тамо, па шта сте рекли да треба додати?
>> ПУБЛИКА: Требало би поставити ширина реда.
>> ЈАСОН Хирсцххорн: За шта?
>> ПУБЛИКА: Мислим да је 150.
>> ПУБЛИКА: Да, било је 150.
>> ЈАСОН Хирсцххорн: Ставићемо ово овде да задржи своју шифру доследан.
Али ово није један.
У реду, добро.
Објављено.
ОК?
Дакле, то је још увек иде даље.
>> ПУБЛИКА: О, позовите ширину?
>> ЈАСОН Хирсцххорн: Изгледа као ширина је 150.
Хајде да видимо.
Сада ћемо да урадимо финале, кул, моћна ствар коју сам
ћу да ти покажем.
Нећемо да завршимо овај код, али онлајн пре него што отказ, све ово
Код ће бити исправан.
Ја ћу вам пошаљи исправљену верзију са неким од мог стила после
секција, и то ће бити објављено на сајту.
Охрабрујем вас да ово истраживање и користити као референцу, али ја
Желим да вам покажем коначну алат за ово класа, а то је овде на
десно.
И гледали смо у овом прошле недеље, али сада Надам се да је мало више упознат
теби и удобан.
>> Можете динамички можете играти са ЦСС једне странице.
Ми смо заправо већ нас виде динамички играти са ХТМЛ.
Запамтите да смо урадили праву ставку Уреди као ХТМЛ?
Баш овде?
Дакле, ми смо играли динамички са ХТМЛ.
>> У конзоли, можете динамички да играте са ЈаваСцрипт-у странице.
На пример, то је важећи ЈаваСцрипт линија.
Бум, ја имам управо оно што сам желео.
Дакле, можемо динамички да се играју са ХТМЛ, динамички играју са
ЈаваСцрипт.
Сада ћемо да динамички играти са ЦСС.
>> И све то је зато што је као инстант, живи ГДБ повратне информације, и тако ви
можете знати право Нешто се пре него што да иде свој код, а можете
не знаш шта је то нешто ће изгледати.
Дакле, ово је супер дупер кул.
>> И хајде да коначно погледати на динамички играње са ЦСС.
То је овде на десно ханд сиде, елемент.стиле.
Идемо на ово.
Овде је наш елеменат.
Хајде да мало екстра ЦСС.
>> Или ми, могли бисмо му дали неки екстра ЦСС, али смо вероватно, у овом случају,
желите да промените тај атрибут.
Дакле, идемо доле на овој линији.
О, ја не могу да урадим овде.
Извините.
Едит КАО -
тако да је како сте могли да измените ЦСС.
Нећемо да измените ЦСС ово други, али ми не желимо да измените
ХТМЛ и дати му екстра атрибут.
Шта предлажете мења ово?
Мислио сам Авие имао предлог.
>> ПУБЛИКА: ширина Цол?
>> ЈАСОН Хирсцххорн: То је изгледало као то нису урадили ни ништа.
Пробајмо ЦСС.
>> ПУБЛИКА: [ИНАУДИБЛЕ] класа?
>> ЈАСОН Хирсцххорн: Он каже не ради.
То даје ту жуту ствар.
>> ПУБЛИКА: Али [ИНАУДИБЛЕ].
>> ПУБЛИКА: Зар сте подешавање ширине од слике до 150, када сте то урадили?
Као не би ли само користити ширину?
>> ЈАСОН Хирсцххорн: Да.
>> ПУБЛИКА: Али ми немамо слика више.
>> ЈАСОН Хирсцххорн: Не
Ми немамо ништа тамо.
Дакле, ми не идемо да реши специфичан проблем.
Идемо да се вратимо на Аксхар је решење, јер желим да подесите
Долпхин бесплатно за сада, или да је последњи
ствар коју желим да завршим.
Тако ћемо оставити ово овде признајући да није сасвим
тачно, и ми идемо да се вратим на то.
>> Извините.
Рекао сам да можемо динамички промените ЦСС.
Погледајмо то и уради да стварно брзо.
Дакле, ако сам прегледати овај елемент овде доле, и кажем да желим да буде плаво,
можете доћи овамо, боја, јер Знам да мења боју
нешто, а видели смо како променио је плаво.
Тако да сам ја динамички променом ЦСС.
Зар га не промени за добро, али онда Ја могу да се вратим у моју ЦСС датотеку и
променити боју објекта.
>> У реду.
То је много.
Нисмо завршили свој невероватан програм.
Дозволите ми да вам покажем то врло брзо, а онда ћемо кренути напоље.
О, где је?
Не!
Држи се.
>> Ок, па како ти се пакујемо, невероватно титла, или предње
видите, на следећи пут.
Ово је Делфин тренер 2013, и то не ради.
Сјајно.
>> [СМЕХ]
>> ЈАСОН Хирсцххорн: О!
Бум!
Шта то значи?
>> ПУБЛИКА: Ниси цхмод.
>> ЈАСОН Хирсцххорн: Нисам га цхмод.
>> ПУБЛИКА: Ред један.
>> ЈАСОН Хирсцххорн: Ох, погледај то.
У реду.
Дакле, ја имам шест делфина.
Шта се дешава?
Хајде да видимо.
Ако ја тренирам један, сада обуку Лили.
О, желим да вас ослободити, Лили.
Ето, назад у океан.
>> Дакле, то је било ове недеље.
Ако имате било каквих питања, ћемо бити напољу.
И опет, ја ћу те послати Остатак овог законика.
Хвала, момци.