[Powered by Google Translate] [Семинар - Виндовс 8 - Апп / Гаме Девелопмент са ХТМЛ5]
[Крис Боуен, Едвин Гуарин - Универзитет Харвард]
[Ово је ЦС50. - ЦС50.ТВ]
>> Хеј, сви. Моје име је Едвин Гуарин. Ово је Крис Боуен.
Ја ћу му се представити у секунди.
Ја само желим да брзо најаву.
Пре свега, сви ви ЦС50 студентима добити Виндовс 8 за бесплатно.
Дакле, ако размишљате о заправо га користите за коначни пројекат, то је твоје.
Нејт ће послати е-маил на касније за упутства.
Друга ствар је ако се одлучите да напишете Виндовс 8 апликацију за Ваш ЦС50 коначног пројекта,
ћемо да радимо неке поклона: Ксбок,
можемо бити у стању да дају далеко шкриљац, такве ствари.
Дакле, ако постоји нешто држи вас назад, пусти Цхрис или знам
како можемо помоћи да се изгради нешто заиста кул.
Дакле, хвала опет за долазак данас, а ја ћу га предати Криса.
>> Хвала, Едвин.
Хвала, свима, јер нам се придружили данас.
Ја сам Крис Боуен. Ја сам један од Едвин колега овде на североистоку.
Само сам хтео да проведем мало времена са причаш
како направити Виндовс Сторе апликацију са ХТМЛ5, ЈаваСцрипт, ЦСС и
и некако добити било каква питања можете имати о томе одговорио за вас
као да сте у потрази ка размишљате о можда да га користите за ЦС50 финала прилику.
>> То је рекао, само ћемо ронити право унутра
Идем преко слајдовима овде.
Уколико имате било каква питања, слободно ми пошаљите емаил.
Ја сам цбовен@мицрософт.цом, и ту је мој блог и моје Твиттер.
Међутим желите да ступите у контакт са мном, то је у реду.
Имам око сат времена за ствари, а ја желим да се на ваша питања у путу,
па немојте бити стидљиви о томе на питања током ове.
Они не могу да виде ко је постављао питања на снимању,
тако да ћете бити као анонимни колико желите да буде.
>> Дозволите ми да зароните право у, само вам дати брзи увод у Виндовс 8,
и показати вам неке од ствари о излозима апликација које можете размислити
као ви размишљате о развоју апликација.
Гледамо Виндовс 8. Били смо се за пар недеља сада.
Много већ снажног усвајања тамо.
Можда сте видели већ површини машине које имамо као добро.
Има један овде заправо можете да погледате овде ако си лично.
Ја стварно желим да разговарам са тобом, показати вам око мало о Виндовс 8.
Идеја са Виндовс 8, то стварно не изнесе све ствари знате о Виндовсу
у неким новим искуствима - посебно, волим ствари на површини машине са додиром,
ова врста више мобилних уређаја који су сада на тржишту,
али је такође Прозори у својој сржи.
Дакле, то значи да можете да га инсталирате на било који заиста покреће Виндовс 7,
од свог највећег троструком СЛИ гаминг риг доле за лаптоп
и својим сјајним новим других уређаја који можда покупити данас.
Они ће покренути Виндовс 8.
Ја ћу вам показати около само мало,
и сва искуства која ћете овде видети су ствари које можете да креирате.
Идеја је да ли је то додир, миш, тастатура,
шта год да је уређај сте покренули апликацију, он ће да ради одлично.
Виндовс 8 ће вам помоћи са свим тим сценаријима.
>> Ови слајдови на страну, хајде да се право на узимање поглед овде.
Дозволите ми да вам покажем моје почетном екрану. Ово је мој Почетак екран.
Само ћу вам дати мало турнеју овде.
Ја сам на не-тоуцх машину, па колико ја желим да дотакне моју лаптоп екран,
то неће учинити ништа, па ћу само дођите овде мало и показати вам.
Неке ствари можда приметити јесте чињеница да су оно што се зове ливе плочица
заправо могу анимирати, и они могу да дају информације за вас -
можда исправке на статистике за игру
или вам показати вести из неке од ранијих апликација које су овде на левој страни.
Тамо идемо. Сигуран сам да је то само позитивна и фантастично велика вест.
Овде можете видети да се заправо зове пажњу назад на апликацију, говорећи,
"Хеј, има нешто ново овде. Баците поглед. Врати се и видимо шта је ново за вас."
То се зове уживо плочица, а ви можете да урадите обавештења
или десно од саме апликације
или ако погледамо детаљније, ви ћете сазнати како да напише даљински сервис
да заиста могу гурнути информације на плочици,
што је оно што се дешава са овим вестима апликацијама.
Они заправо добијамо вести из облака и ажурирања плочица тамо
па људи знају да постоји разлог да се отвори апликацију и погледај
у шта год најновије вести у било који од ових
или ако постоји нови рецепти или нови високу оцену да победи
или пријатељ за игру или шта год на овим апликацијама.
То је нешто што би вас намамили назад унутра
Дакле, то је под напоном плочице, а то може бити особа, то може да буде сајт као добро.
Обично је то апликација.
>> Прилично све ове ствари које сам овде имају дошао из Виндовс Сторе. Ја ћу покренути то.
То је једна од апликација које добијате по дефаулту
на сваком рачунару који ради под оперативним системом Виндовс 8 је.
Можете да долазе овде да пронађете све што желите да,
од ствари које су истакнуте на игре које нисам видео раније.
Ох, вау, имамо нови флипер овде.
Можете да инсталирате овде из продавнице,
и ми ћемо разговарати о томе како да се развије ова.
Имате пуно избора у томе како сте их креирали.
Ми ћемо се фокусирати на причу о ЈаваСцрипт у ХТМЛ и ЦСС,
али кориснику, купцу апликације, није битно шта је написано унутра
Они могу да иду напред и радити са њим.
Ја сам заинтригиран овим, па морам да отворим ово горе и погледамо.
Свака апликација, укључујући и оне које можете да пошаљете и продате или поклоните бесплатно,
шта год желите да урадите у продавници, добиће почетну страницу овако.
Можете поднети са апликацијом гомила снимака екрана - ви видите неке овде -
Детаљи о апликацији, а током времена ћете акумулирати обе оцене -
они у основи су само звјездице - и критике,
који дају мало више увида.
Заправо, неко мора да откуцате нешто и рећи вам како супер си,
и да ће ићи у вашу Рејтинг одељку овамо, које нисам погледао.
Фантастично. "Неће ни отворити." Како одлично.
Па, за људе којима је то урадио отворен и трчање, изгледа да стварно уживати. [Смех]
Имајте то на уму. Интернет. Свако може да каже шта хоће о својој апликацији.
Дакле, проверите да ли радите одличан посао са њим,
проверите да ли сте као што је удобан за корисника као што можете
зато што су пар кликова далеко од пружања преглед,
и да ће се акумулирати до ваше целокупно рејтинга преглед.
И ви желите да урадите најбоље, јер ћеш бити против других апликација.
Ту ће бити хиљаде апликација већ у продавници,
и шансе су, можда постоји нешто што чини сличну функционалност на оно што радите.
Дакле, ако заиста можете издваја из гомиле, која ће бити у своју корист, наравно.
>> Ми ћемо ући у продавницу мало касније.
Ја стварно желим да се фокусира на креирање апликације.
Али кратка верзија продавнице широм света је дистрибуција,
то аутоматски је део оперативног система Виндовс 8, људи само је упалити и погледамо разне апликације овде,
имате Хаљина-Уп Стицкер књигу и све врсте различитих апликација.
Свеже Боја, ја доста користим ово - лоше, али сам га доста користе.
То ме већ показује да је поседујем.
Дозволите ми да вам покажем нешто немам - УВидеос немам као потпуно нови.
Видиш овде је бесплатан, тако да га можете инсталирати директно из продавнице.
Имате превише избора. Ви наравно можете га дати.
Можете ставити оглашавање у оквиру апликације или игре.
Такође можете наплатити за то, а ти би могао врло лако да обезбеди суђење за примену, као и
тако да можете да пустите људи да пробам за недељу или шта год желите да урадите.
То је само прилагодљив кроз портал. Ви не пишете никакву шифру за то.
Дакле, ви кажете, "Можете да користите ово за недељу дана, а онда мораш да га купи",
или можете да урадите ствари као, "Могао би да се играју прва 3 нивоа ове игре
"И онда мораш да купите да бисте приступили остатак."
Можете чак и да урадите у оквиру апликације, као и куповине, тако да могу да кажем,
"Имамо додатне авантуре или комплети за графику или ствари које су откључана -
"Више рецепата који су откључана -. Ако купите ове проширене скупове"
И ви можете да урадите да сви унутар апликације или саме игре.
Дакле, потпуно зависи од вас, ваш избор.
Има много ствари које можете да урадите у продавници,
а онда у основи си га предају до сертификације каналу.
Можемо да разговарамо о том мало касније, али то је циљ.
Ви желите да се ваше апликације свјетској видљивост у продавници овде.
>> Назад на почетном екрану овде, ја бих да вам покажем мало више.
Ако сам покренути ове апликације, дозволите ми да вам дам пример неког крос-апп функционалности овде.
Да би то урадио, ја ћу покренути Фресх Паинт.
Једна ствар коју ћете овде видети је сваки мало екрана,
сви пиксели на екрану, идите на апликацију.
Прошли су дани када имате ове границе око прозора
са пуно дугмића који су увек ту заузимају простор све време.
Сада заиста желите да побегнете од тога и само ваш садржај буде фокус.
Можемо да урадимо нешто са Виндовс приступањем друге врсте менија.
Један од њих је заправо оно што се зове трака чари,
и она излази са стране екрана.
Можете заправо зврчка са стране ако имате екран осетљив на додир,
кликнете десним кликом могли ако имате миша, постоји пречица за њега,
Увек постоји више од једног начина да се уради нешто у окружењу овде.
То доноси низ ствари које можете да урадите.
Најочигледнија је да можете да се вратите на екран Старт,
али други 4 су оно што се зове шарм.
Они су уговори који можете да прикључите у као Апп Девелопер. Они су прилично кул.
Тражи, сигуран сам да је то нешто што ћеш да урадиш,
дељење ја ћу вам показати у секунди,
и уређаја и подешавања, то су све ствари које ваш апликација може да се прикључује на
да искористи Виндовс, да кажем, "ја сам урадио свој део
"И ја желим да Виндовс подржава неку другу функционалност,
"И ја не желим да пишем много кода да се то догоди."
То је заиста предност коришћења ове функције.
Дозволите ми да вам покажем једну.
Да би то урадио, ја ћу направити нову слику.
Такође сам говорио о користећи сваки пиксел за вашу апликацију.
Подразумевано, то је оно око боја изгледа када га користите.
То је заиста само о год сте цртање, ваш садржај.
Могао бих ужасне ствари овде. Шта би требало да скрене? Не знам.
Жврљотине? Ох, сјајно. Ја могу да урадим жврљотине. Фантастично.
Турска? [Смех]
Ово је највећи апстрактна турска ћете видети.
Ја такође могу довести до оно што се зове апликација трака,
и то је заиста један од кључних начина које можете користити
да се сакрије све ствари које можда био на апликацију или игру пре
само заузимају простор све време.
Дакле, сада можете да га ставите овде, и то је заиста један од лепших искустава
са Апп бар да сам видела.
Ставите изборе овде за одабир различитих боја.
Желели смо ћурку, па ћемо ставити овде мало браон, почети мешање у неколико боја.
Ми ћемо очитате боју овде, а онда се врати овамо.
Можете почети цртање. Ту је твоја турска. Фантастично.
Ја не могу да скренем за почетак, али да то уради са тоуцхпад пред публиком је још боље.
Ово је супер.
Идеја је, међутим, све што ми је стало је овде на површини.
Рецимо да сам толико задовољан са тим да морам да га поделим са неким.
Нормално шта бисте урадили са другим верзијама Виндовса,
Ви би можда узети снимак екрана, да би урадио нешто цопи-пасте текста
или сличне ствари које желите да делите напоље,
и онда иди и отвори још једну апликацију и ставио га у њу.
Овде не морате то да радите.
Ви у ствари можете извући бар чари и рећи: "Ја желим да поделим ово."
У овом тренутку то ће вам показати све апликације
који знају како да раде са год се дели.
У овом случају то је слика, па то ће рећи, "Ја видим да имаш слику."
"Да ли желите да поделите то?" Можете видети да сам емаил угура све време.
Она признаје да је, и то ме нуди да као пречицу,
али је такође показује ми сваки апп који зна како да се носи са сликате
и радите нешто са њим.
То су све указује на Виндовс да могу то да урадим.
У овом тренутку ово је Виндовс.
Корисник бира само оно што желе да ураде са њим.
Даћу све од уобичајено ПуззлеТоуцх. Можете видети да сам створио све врсте загонетки током времена.
Узећу ПуззлеТоуцх и рећи: "Ја желим да поделим ову невероватну креацију са ПуззлеТоуцх."
То ће ићи напред и рећи: "Супер. Желите да поделите ово? Фантастиц."
"Да ли желите да направите слагалицу која је лако, средњи, шта год?"
Ја ћу направити овде средњи један.
То чини загонетку. То ће бити страшна загонетка, јер то је углавном празан.
Али то је спреман, а то је заправо вратио у другој апликацији.
Ако сам дошао овде, ја могу да га потражите и покрените га.
Сада ако ми дођите преко само мало овде, ми треба да видимо своју креацију негде.
Где сам? Какав слагалице сам направити? Јесам ли се лако?
Ох, ено је, тамо.
[Кикотање] То је лако препознатљив турска слагалица то је овде.
Али ствар коју желим да истакнем да вам, супер ствар овде
је апликације нису знали ништа једни о другима.
Они су само рекао, "Имам слику да деле, а ја знам како се носити са сликама."
А ти као програмер, не морате да пишете тај код.
Када ме неко пита да делите, ја ћу да ставим неке податке у овом малом структуру података
и ја сам готов.
Други апликација преузима, ради свој посао, а то је крај размену искустава.
То је само једна ствар коју можете да урадите - заиста, заиста моћан -
и то ће бити једна од оних ствари које могу заиста помоћи диференцирају своју апликацију
и такође ваша игра превише у продавници.
Људи ће моћи да се каже, "Ово је заиста корисно."
"Ја користим ове загонетке Цреатор све време. То је фантастично."
>> То је отприлике довољно кратак преглед шта се овде дешава.
Има пар друге функције превише да можда ћемо истаћи како идемо кроз код.
Али желим да зароните у слајдове, а за то, ја ћу да идем на Десктоп,
која је сама по себи још један живи плочица овде.
Ја могу да одем у то и, заиста, ја сам на мојим слајдовима,
али дозволите ми да вам покажем где смо заправо.
Ми смо у ствари у Десктоп моду.
Ово је стварно где оно што сам раније говорио о Виндовс носи напред
за нова искуства и сама показује.
Ово је Виндовс знаш.
Виндовс апликације називају десктоп апликације. Они раде овде.
Ако сте постојећи апликације и желите да их покренете на Виндовс 8,
Ви апсолутно могу то да урадим.
То нису исте ствари као апликација радњи, које су овде,
као свеже боје и ових НБЦ Невс апликација и такве ствари. Они ће доћи из продавнице.
Они могу прикључити на неке од карактеристика које сам вам показују
а други да ти нисам приказани још увек.
Али само имајте то на уму. Имамо подршку за обе ове ствари као добро.
Жао ми је. Да ли се нешто не приказују на екрану? Ја сам га изгубио у потпуности. То је чудно.
Ок. Хвала за то указали.
Оно што нису видели неко време је мој вам показује да десктоп је овде.
Шта је последња ствар коју сте видели? Јесте ли видели ово?
Ово је десктоп. Ви већ знате како изгледа.
Није то ништа страшно необично.
То је наш носи то искуство напред за вас и што вам омогућава да користите ствари које сте имали.
На пример, ја ћу да вам показује Висуал Студио. То је десктоп апликација.
То ће да ради у овом режиму.
То ће подржати сложеније окружење
са доста опција и такве ствари, тако да је то добра опција као десктоп апликација чини.
>> То је рекао, идемо на слајдовима за само мало
и дати вам неке уводне садржај и онда се у ствари овде кодирање.
Добра вест је да сам чуо да сте се фокусирају на много ЦСС и ЈаваСцрипт, ХТМЛ.
Све оне ствари које сте учили царри директно у израду излозима апликације.
Ствари које сте слушали о уз примену ЦСС селекторе и све те ствари
је управо оно што радите да креирате апликацију овде за продавницу.
Ми ћемо проћи кроз ове ствари мало по мало.
У суштини, ја градим на ствари које сте већ одвојили време да научите.
Ово је општи графикон од технологија које могу да користе
да апликације за Виндовс 8.
Ствари на десно, десктоп апликација, заиста оно што већ знамо.
То је ствар која је заиста Виндовс 7 свет пренет у Виндовс 8.
Све те опције пренети: Ц #, ВБ, Вин32 врста развоја.
Сјајно. Нема проблема. Нова ствар је на левој страни.
То је Виндовс Сторе апликације, то је када желим да се моја пријава жицама у Виндовс 8
користећи све те функције, да га у продавницу, и ту се стварно цоол искуство
од излозима апликације.
Да бисте то урадили, можете видети овде имаш све своје изборе са КСАМЛ, Ц + +,
Ц #, ВБ, можете да урадите ДирецтКс, такве ствари, ствари које превазилазе слајду.
Али за нас, ми ћемо да се фокусирамо на право на чињеници да ХТМЛ, ЦСС и ЈаваСцрипт
су заиста првокласна грађанин за израду апликација за Виндовс 8
и за Виндовс Сторе.
Дакле, ово је добро за све овде и људи гледају на видео
јер можете само да искористи све оне искуства које имате
и заиста везати у оно Виндовс нуди.
Ви ћете то учинити кроз скуп АПИ, који би требало да буде изненађење.
Сваки оперативни систем има своје АПИ.
Ми изложити шта Виндовс може да уради кроз оно што се зове ВинРТ.
То је скуп АПИ-ја који управо ради све за вас.
Ако је потребно да отворите фајлове, морате да користите камеру, географска, такве ствари,
они пролазе кроз оно што Виндовс може понудити.
Да бисте приступили да, имамо још мало ЈаваСцрипт да ће то да га још лакше
за вас да урадите. Доћи ћемо на то за који тренутак.
Али за сада, то је у основи ваша мапа пута.
Ствари које сте већ радили на врху неке АПИ
да вам помогне да радите са Виндовс једнака продавницу апликација.
И то је заиста о свему што треба да знате из високом нивоу.
>> Ми ћемо зароните у ствари раде са стварима сада.
Ствари које сте вероватно већ видели гомилу,
са ИЕ9 мало уназад док смо увели подршку за много, у то време,
новији стандарди у Мрежи, тако много нових функција, ЦСС
Много новог ХТМЛ, ЕЦМАСцрипт 5, што је заиста ЈаваСкрипт.
Дакле, све за то осим строгом режиму био је у ИЕ9.
Само тона ствари са ЦСС, ЦСС3, све у тамо.
И све ово носи напред у оно што радимо са Виндовс 8.
Можете користити ове ствари, а можете да користите све што је ново у ИЕ10.
Са ИЕ10 уводимо подршку за све ове ствари као добро.
Они су сви хардверски убрзан, тако да ако сте на машини која има неку врсту ГПУ,
који је вероватно прилично свака машина које сте могли добити у протеклих 8 година,
ћеш моћи да имају излаз хардверски убрзан,
визуелни излаз са ЦСС, Платно, СВГ.
Све те ствари ће ићи кроз хардверску акцелерацију
и неће бити много бржи и ефикаснији.
Кратка верзија свега овога - Нећу да идем кроз сваку ствар овде -
ако га видите на овој листи, ако то можете да урадите у ИЕ10,
ако је веб апликација која сте покренули да ради у ИЕ10,
то је нешто што можете да урадите као апликација Виндовс Сторе.
И то је углавном то. Дакле, ако се то ради у ИЕ10, то ће радити као апликација Виндовс Сторе.
То је на столу као нешто што бисте могли да користите.
>> Има овде пуно. Немамо до поноћи, па ја не могу прегледати све овде.
Али постоје неки сајтови који ће вам помоћи да схватите шта ове ствари може да уради,
и ја ћу вам показати један од њих у секунди.
Само сам хтео да истакнем неколико кључних ствари које можете да погледате.
Можда сте већ видели неке од њих у својим студијама,
али то су заиста корисне, посебно са излозима апликацијама, од стране ЦСС.
Дакле, у стању да уради трансформације и транзиције, дају предлог са анимацијом -
то су све део ЦСС сада, а сви они подржавају модерним прегледачима,
и ИЕ10 и ИЕ9 ​​додао подршку током времена за све те ствари.
И зашто му пишу сами, зашто ићи кроз све невоље раде ове ствари ручно
када сте могли да користите једноставан ЦСС трансформисати да створи 3Д ефекат за ваше апликације?
Сјајно. Тако то функционише.
Ја не могу да га било теже од тога.
Ако знате како да то урадите у ЦСС, знате како да то урадите у апликацији Виндовс Сторе.
>> Идући даље да је за распоред, ствари као што су чак Апп Сторе,
али иде и даље од тога, гледајући можда новинској апликација која те приказује чланке
или рецепти или сличне ствари, ови друге врсте функција у ЦСС су заиста корисни:
Грид, Флекбок, ЦСС Региони је више доста новог стандарда, као добро.
Ове ствари су сви ће вам помоћи да нокаутирати садржаја и проток садржаја између секција,
бити у стању да уради пагинацију и растављање речи без потребе да пишете ствари сами.
Ви само кажете, "Молим вас урадите следеће за мене,"
и као екран некретнина се разликује на различитим машинама
или као што ћете видети у једном тренутку, као што пуцкање апликацију
да имају мање количине простора на екрану, то није проблем за ЦСС.
То може искористити - Бићемо причам о медијским упитима у други -
може да се брине о стварима са репозиционирање садржаја, садржаја тече из региона
Управо са овим стварима које сте можда већ видели са веб технологије.
>> На ХТМЛ5 стране, постоје и гомила ствари
да ће бити веома корисно за вас са излозима апликацијама.
Опет, нећемо проћи кроз све ово, али они су само овде.
Дакле, ако вам је потребно да га користите, аудио-видео, ако желите да урадите проверу од облика,
геолокација, све ствари које можете да урадите у ЈаваСцрипт-са ЈаваСцрипт 5 или ЕЦМАСцрипт 5,
ИндекедДБ за локалну складиштење - то су све опције за вас.
Ако сте у потрази за одговором, само погледајте на постојећим технологијама са ХТМЛ5 и ЦСС
и ви ћете наћи одговоре лакше него што се котрља много те ствари сами.
Дозволите ми да вам покажем мало овде.
Имам сајт можемо да одемо у.
Дозволите ми да отказ из овог слајда на секунд.
>> Ако одемо на ИЕТестДриве.цом,
Нећу да радим неки демо овде.
ИЕТестДриве.цом се заиста вам показује много шта је ново са ИЕ10,
ствари које можете да урадите.
Мислим да је ово заиста корисно јер уместо читања кроз гомилу белих радова,
погледајте неколико демо снимака, а то ће вам помоћи да га ставите на вашу личну радара
о томе да ли има смисла да се технологија још уради било је више истраживања са
тако да ћете разумети, "видим шта је то за."
"Разумем шта Захтев Анимација рам ради за мене."
"Ја разумем како могу да користим региона или СВГ филтера."
Ти их види у акцији, погледајте их на пример овде,
и одлучите сами за себе, ако то ће бити корисно за вас у својим пројектима и изван
као да наставите да радите са веб технологије.
Ево ја бих вам и да погледамо.
Не мислим да ћу провести много времена у ствари ради њих.
Имамо довољно да покаже са писања кода.
Ви ћете овде видети ствари из додир ефеката на додир-игрица у том делу,
анимација, стварно брзо хардверски убрзан анимација тамо,
неке оптимизације које ћете видети у неким од ових узорака, као и,
а ту је много, много више.
Ако идете овамо и отвори мапу сајта,
ту је само смешно број узорака овде.
Можете да их све видим овде.
Ако гледате у нешто, или сте чули о нечему
а ви се питате мозда ово ће бити нешто кул да користе у апликацији,
покушајте потрази овде, а вероватно има прилично добар демо за то да се сачувате мало времена.
>> Ок? До сада неких питања за људе овде?
Ок. Ми ћемо наставити овде.
Опет, само проверите да ли се.
Они су веб стандарде, па идите на било који други излог сајтовима да знате о
и види да ли те технологије смисла за оно што покушавате да урадите.
>> Назад на слајдовима.
То је рекао, ви се креће од Веб света да заиста инсталираним локална апликација свету,
тако да постоје неке ствари да истакнем овде.
Пре свега, не постоји веб сервер укључени овде.
Нема Апач, нема ИИС покренут овде
служи до странице на удаљеном клијенту, на удаљеним агента бровсера.
У овом случају, заиста све се пакује за вас.
Ви тврдимо да као ваше апликације до продавнице, она добија сертификат,
то је у продавници, а онда људи на хиљаде ће инсталирати игру или апликацију.
Али у суштини, они га вуче доле локално на свом рачунару.
Нема потребе да се изађе на Вебу више, осим ако имате позиве које треба даљински АПИ,
и то је сасвим нормално, као и превише.
Али они неће бити у том режиму где имају да иду захтев одговор са сервера
добити следећу страну њиховог садржаја.
Тако да је рекао, постоји неколико мањих АПИ разлике. Ово су невероватно мале.
Они су вероватно да ће вас ударити у нормалном кодирању, али они су најмање документована.
Они Врста ивица предмета тамо.
>> Друга ствар истаћи је поверење разлике.
Ја само помињем ово јер само желим да будем сигуран да сам то рекао
па ако наиђете на њу касније, ви ћете мислити ", Крис је рекао нешто о томе,
"Па можда, да, у реду", а затим се вратите и ви сазнати шта је то било.
Контексти битно.
Подразумевано покушавамо да заштитимо корисника од вектора напада.
Постоје неке ствари које можете да урадите подразумевано
и неке ствари морате да промените контекст да омогући.
Док користите неке библиотеке тамо - иоу'ве већ раде са јКуери,
али ако погледате друге библиотеке тамо - можда користите неке функционалности
та врста превазилази локалну употребу, нема више динамичке интеракције
КСХР захтеви, такве ствари.
Понекад ћете можда наћи оне ће бити подразумевано онемогућена,
и у том случају, само урадите претрагу, тражити локалном и веб контексту,
а ви ћете сазнати како да решите то.
Само проверите да ли сте знали да када почнете да користите друге оквире,
који, треба да споменем, ти си савршено у стању да уради.
Дакле, ако сте пронашли неку другу оквира - Бићемо разговор о томе у другом -
за играње и желите да користите да, желите да користите неке контролне библиотеке које су тамо
а ви не желите да се напише те ствари - то је добра идеја, зар не? -
можете апсолутно да користите ове ствари.
Нема ништа држи вас назад из користећи било какве библиотеке који је заснован на ЈаваСцрипт,
ЦСС, ХТМЛ5.
Опет, ако је то нешто што можете да урадите у ИЕ10, што је јако пуно тога ових дана,
то можете да урадите.
Повуците га у вашу апликацију, референца да ЈаваСцрипт библиотека, и да га користите у вашој апликацији,
Управо имајући у виду можда ударио контекст безбедносни времена на време - не баш често.
>> А онда су карактеристике, ми ћемо ићи преко још неколико оних као идемо.
УКС ћете некако навикнути да као што видите све више и више апликација
из Виндовс Сторе.
Добићете осећај како они раде и како дизајн естетски жели да ради
преко различитих апликација и шта људи ће се користити за доживљава.
То је заиста важан део.
Уверите се да када стартујете апликацију они не треба да се прочита упутство,
које они никада нису урадили, узгред.
Они само треба да буду у стању да почне да игра са апликацијом
и то откривањем без много тешкоћа.
По лепи и држећи се пуно ових пракси,
ћеш да урадиш својим корисницима велику услугу, чинећи то лакшим.
>> Ок. Још једна ствар на АПИ страни и онда ћемо ући у ствари писања кода.
ВинЈС је да ствар коју сам укратко поменуо са том сложеном слајд
са свим тим различитим изборима које имате за израду апликација.
ВинЈС, можете мислити о томе као другара.
То је ваш пријатељ ће вам помоћи да пишете ствари брже.
То је само ЈаваСцрипт и ЦСС. Не морате да га користите. Можете да га користите.
Ако идете да се позивају у на Виндовс функције, ви ћете завршити га користите,
али ако има неких ствари као што су дизајн образаца или контрола да ли заиста не желе да користе,
желите да користите нешто друго, то је на вама.
Одлучите шта желите да користите и стилове које желите да користите.
Функције из намеспацинг и класе генерације - на вама.
Ако више волите једно или друго, то у потпуности је ваш избор. Још увек је ЈаваСцрипт и ЦСС.
Али то ће вам помоћи да урадите много ствари.
На пример, овде је подскуп шта може да уради,
ствари као што су помагање асинхрони програмирање са обећањима.
Свако од вас чуо или радио са Ноде.јс?
То је заједнички образац за рад са асинхроним програмирања.
Дакле, у основи оно што кажем је, "Иди ради несто,
"И ти ћеш да ми даш обећање да ћете се врате у мене када завршите."
То је у суштини оно што се дешава.
Тако да не замрзне свој захтев, а корисник ће и брање датотеку
или нешто се стримују доле са Веба.
УИ и даље одговара.
И ви можете да урадите да помоћу асинхроног програмирања.
Звучи смешно сложен, али то је заиста лако јер користите обећања
а ви само кажете, "Иди уради то и када завршите, позове на ову методу."
То је углавном то. То је све уграђено у ВинЈС.
То ће да буде много лакше да пишу заиста флексибилне и моћне апликације.
>> Можете видети остало овде, пуно анимација.
Вероватно једна од важнијих ствари на овом слајду су контроле.
Мислим да имам једну целину - Да, ја радим.
Ево пример само неке од контрола које можете да користите у вашим апликацијама.
То је све равно до из ВинЈС.
Нисте писања ове себе,
Ви само кажете, "Ево како ја желим да компонује своју апликацију."
"Ја ћу користити флип приказ тако да могу ићи између различитих слика."
Нисам ти показала семантичког Зоом. Ја ћу вам показати да је у секунди.
ЛистВиевс. Има ГридВиевс.
Већ сте видели мрежу као део примене продавнице,
тако да сте у могућности да користите блокове садржаја и скроловање кроз то.
Флиоут менији ћете видети с времена на време.
Апликација Бар сам вам показао са том апликацијом свеже боје као добро,
па сте видели како можете да прилагодите да стављањем Дугмад на њему
и има да се сакрију кад ти није стало да користе то.
То је заиста потпуно на вама да користи.
То су све контроле које су део ВинЈС.
Ја ћу вам показати како да направите ово за секунд, али има више него само то,
и кључна ствар је користити их ако желите, сачувате мало времена.
>> Уколико имате и друге контролне библиотеке које желите да користите, то је савршено у реду.
Ствари као што су јКуери УИ урадите много ове врсте идеје, као и,
пружајући више контроле које се протежу шта можете да урадите у ХТМЛ и ЈаваСцрипт.
Хајде да зарони унутра, већ сам рекао да. Користите оно што желите.
Само имајте на уму да можда наиђете на неки контекст питањима.
Али свакако да комбинујете и без обзира на врсту библиотека сте задовољни,
желите да научите, желите да користите, да се сачувате мало времена.
>> Хајде да причамо о алатима само на секунд.
Можете добити оно што вам је потребно да почну да раде са излозима апликацијама.
Ако ја одем напоље, ја имам превише ствари овде.
Ако одете на ову страницу, што је дев.виндовс.цом,
можете преузети све што је потребно.
Као студенти, имате приступ на више од шире јавности ради,
тако да можете добити веће крајње верзије Висуал Студио.
Едвин помиње већ можете добити Виндовс као добро.
Али генерално, за све програмере, можете да одете на овај сајт
и преузимање све што је потребно да направите захтев, а то је све бесплатно.
Дакле, постоји бесплатна верзија Висуал Студио,
постоје неки алати који ће се инсталирати поред тога -
све што је потребно да креирате и тестирате своју апликацију.
То је само када идете да објавите апликацију до продавнице
да идете да је потребно програмера налог.
Ово такође верујем да је слободан. Да ли је бесплатан за студенте, као и? >> [Гуарин] Који?
Програмер рачун, стварна подношење. >> [Гуарин] Да.
То је више добрих вести.
Ти ћеш отићи погледати ово.
То ће рећи за појединца по дефаулту то је $ 49.
Али не пријавите за то као студент.
Ми ћемо вам неке информације кроз своје програме које можете добити налог за бесплатно,
и да ће вам омогућити да онда поднесу своје апликације право горе у продавницу,
колико желите, а све то ће ускоро уследити доброте.
Дакле, то је дев.виндовс.цом.
Можете преузети алатке које вам могу затребати одавде.
А ако желите, можете добити пробну верзију Виндовса овде,
али опет, нећете морати да.
>> Други сајт - дозволите ми да истакнем ово за вас брзо - је десигн.виндовс.цом.
То је било дев.виндовс.цом.
Десигн.виндовс.цом, можете да погодите шта је то за.
То је заправо прилично пријатељски сајт. Има много добрих информација овде.
Можете да радите кроз њега.
То ће вам дати неке савете о неким стварима
који можда нисте размишљали о раније или су морали да се баве пре,
као пројектовање за додир, пројектовање за различите факторе форме,
пројектовање за могућностима Виндовс 8, ствари које сам поменуо раније
као трагања и дељење, неке ствари које ја нисам говорио о још.
Они сви наведени овде, а то је прилично добар сет корисних страница фајл
који ће вам помоћи да схватите како да направи одређену врсту примене,
како то да урадите интеракције, како се носити са УИ и УКС ваше апликације.
Ја бих препоручио да погледате ово, поготово ако сте у неком тренутку
у нади да објави апликацију у продавницу.
Идеш да желите да знате како да се направи добар апликацију
зато сам поменуо раније, ако не, ту је опет та коментара.
Људи ће бити несрећан.
Они неће моћи да пронађу ствари које они очекују на правим местима.
Нико не жели да се то деси вама.
>> Премештање напред овде, дозволите ми да затворим то доле.
Сада када знате где да се ствари, ја ћу вам показати како да заиста почнете да користите ствари.
За почетак, ја ћу вам показати ствари овде пример десктоп апликација на мом почетном екрану.
Овде можете видети Висуал Студио, можете видети спој и друге Девелопер Тоолс које имам.
Они имају мало другачији плочица.
То је зато што су десктоп апликације,
и у тим случајевима они сви ће покренути назад на мој десктоп
заиста само као аппс који сте навикли.
Дакле Прозори искуство, то је иста ствар.
Они нису, на пример, као наоружан! или ове ствари. Дозволите ми да покрене један брзо.
Заправо, овде је занимљив један.
Ово је развијен од стране студената који раде у партнерству на НЕРД.
Пун екран апликација, ова врста искуства овде.
О, добри рез екрани и све врсте забаве ствари.
Они су развили ово. Ми можда и показати целу ствар док смо у томе.
У ствари, радио сам са њима мало, дао им неке савете о стварима
зато што су они радили ЈаваСцрипт за њихову примену.
Молим вас, ја не узима заслуге за њихов рад, они урадили сав посао.
Ја сам им само дао мало савет овде и тамо,
али јесу неке велике ствари помоћу ЈаваСцрипт предњи крај
и везивање у неким физике мотора и ствари да направи доста овог рада.
Иди. Хајде да видимо да ли то ради.
Вау, то је још увек радио. Добро, добро. Али ви добијете идеју.
Пун екран апликација, заиста добро искуство.
Ово подржава не само мој миш и оловку ако имам такве ствари, али и додирнути.
Ако сам имао екран осетљив на додир, могу само да скренем на њега и настави да ради са тим.
>> Једна ствар ми није појавио, а разлог зашто сам ово горе довођење
је сам желео да имам још једну апликацију да ти покажем шта можете да урадите,
Ви заправо можете узети апликацијама у оперативном систему Виндовс и превуците их на страни екрана.
Ово се зове снаповање апликацију.
У овом случају, узео сам Инкарус и ја сам га додао на страни овде.
Она је сада у Снап приказу, а који ми омогућава да радим нешто друго, а то је примена тамо.
Већина игара ћете пронаћи ће једноставно паузирати.
То је нормално пристојна ствар, осим ако ваша игра може некако скала доле
да да мали од резолуције, као можда нека врста друштвене игре
или сличне ствари на прилици.
Али генерално, најлакше да уради и најприкладнији ствар за игре
је да паузирате апликацију.
За апликације као што су вести апликације, ако сам покренути ову једну и онда сам га снап,
видећете то заправо значајно мења у како се то представља податке за вас.
Ево то вам показује у заиста више вертикалну тигањ да информације,
али ја и даље могу користити апсолутно апликацију.
Дакле, то је још увек веома корисна.
Чињеница да је у мањем приказу ме не држи да користе те апликације. Тако мисле о томе.
То је нешто што морате да имате своје апликације учинити у извесној мери,
али то је на вама да се утврди колико функционалан ваши апликације треба да буде
у таквој мањој средини.
Дозволите ми да затворим тај један доле и вратите у где смо били овде.
>> Едвин, сте додали слику мене већ? >> [Гуарин] Да. >> [Боуен] Види то.
Видите то? Едвин додао фотографију. [Смех]
>> Хајде да се вратимо овамо у Висуал Студио. Дозволите ми да покрене ово за тебе.
Могао сам кликнуо на плочице на том почетном екрану.
То ме је вратио у Десктоп режим, а то је покретање десктоп апликацију Висуал Студио.
Ово је Виндовс који већ знате.
Ја могу да идем напред и направите пројекат овде.
Ми ћемо поново фокусирати на ЈаваСцрипт, ХТМЛ.
Ја ћу да изађем и изаберите овде под ЈаваСцрипт, Виндовс Сторе.
Постоји велики број шаблона које можете да користите.
За продуктивности, ја бих препоручио да погледамо неке од ових других оне овде
као Грид и Сплиту.
Они су заиста корисно ако правите апликацију
који ће имати ту врсту дизајна и навигације. Видећете ове доста.
Један сам вам показао је заправо инстанца Грид апликације.
Дакле, ако мислиш да ће бити прави вести апликацију или РСС читач
или нешто слично да се бави са више улазака за који желите да покаже детаље,
мислите о користећи један од ових шаблона да бисте брзо почели
и то прилагођавање одатле.
Али само тако ја могу да вам покажем све покретне делове овде
Идем да се створи празан апликацију, а онда ћемо отићи мало дубље у детаље.
Само што ту празну апликацију овде.
То ће створити цео пројекат за мене.
Ја ћу отворити ствари које желим да вам покажем по дефаулту.
Дозволите ми да увећате мало да вам покажем шта је створен за нас овде.
Ствари које идете да погледате прво су сви под називом подразумевана.
Дакле, ти ћеш тражити дефаулт.хтмл, дефаулт.јс и дефаулт.цсс.
Друга ствар да истакнем је да ми већ имамо референцу на оно што сам раније поменуо.
То је ВинЈС. Нико заправо га назива овде ово дуго име.
То је ВинЈС, Виндовс библиотека за ЈаваСцрипт.
Ако га отворите, можете видети све је овде.
Има различитих ЦСС датотеке, ту је ЈаваСцрипт.
То је ту да вам помогне.
Стварно је ту да обезбеди контролу и стилове и ствари које можете само да користите аутоматски.
Али опет, ако има ствари које желите да уместо тога користе у погледу стајлинга и других контрола,
то у потпуности зависи од вас. Ја ћу вам показати како да користите пар тих ствари одмах.
>> Назад на преко наше леве стране, дозволите ми да вам покажем подразумевани ХТМЛ страницу.
Већ сте видели ВинЈС ствари, а то је заиста све што се дешава тамо
са оне средње линије ознакама, само довођење у ЦСС подразумевано
и довођење у неколико ЈаваСцрипт фајлова из ВинЈС.
Не морате бити мајстор шта се дешава унутар тих фајлова.
Прилично је занимљиво да погледамо на њих да некако преиспита шта се дешава тамо
јер постоји прилично занимљивих средњи и напредне технике дешава тамо,
али лепа ствар је као програмери, можете само да их искористе, само их користе
а не стварно морате да бринете о томе.
И даље можете возити ауто без потребе да знате како то ради, зар не?
Дакле, то је једна од оних ствари које се овде дешава.
Постоји контрола и стилове и ствари које можете само да иде напред и коришћење
и код које можете да користите у другом без да знате шта је унутра.
Овде су ваше сопствене датотеке.
То су твоји места које можете изменити свој ЦСС
и ваша ЈаваСкрипт да се ствари ваљања.
Бићете додајући сигурно остале ЈаваСцрипт датотеке и можда других ЦСС датотеке
као ваш пројекат расте, али то је заиста само полазна тачка.
Овде је Здраво, свет еквивалент ХТМЛ, тако да смо се вратили у телу таг си.
На врху, узгред, то је ХТМЛ5 ДОЦТИПЕ,
тако да ћете препознати да из онога што сте радили.
Има пун ИнтеллиСенсе овде, као и, тако да ако радите ствари као типа у видео таг
и проширити да се, вероватно сте научили о томе
да ли је потребно да урадите резервну кодирање за видео тагове у ХТМЛ5 - или можда имате -
да обезбеди да различити претраживачи имају подршку за ваш видео.
Имамо овакве ствари широм ХТМЛ, преко ЈаваСцрипт, преко ЦСС.
То је уграђено у, а ја ћу вам показати ЦСС у секунди.
Овде можете ићи напред и почети допунама шифру, назнаке.
У ствари, пре него што се било шта, ја ћу да покренете ово и показати вам шта добијате.
Ти ћеш добити уводни екран који можете да прилагодите
и онда добијате хелло, ворлд искуство овде. То је фантастично, зар не?
Само напред и брод, зар не?
Садржај иде овде. То је основна ствар.
То само може бити боље од тамо.
Ми ћемо ићи напред и додајте у неким стварима.
Имам мало назнака ћу да копирате овде
само тако да не морате да ме гледају куцање.
Пусти ме довести до тоолбок овде, а ја ћу пин то зато ћу ово радити неколико пута.
Кутија за алат, ако нисте видели Висуал Студио, је место где идете да пронађе гомилу контрола.
Такође можете ставити код и да у њега можете поново користити.
Ево ја ћу само поп у некој другој, ништа страшно ХТМЛ напредне уопште овде.
То је само основни ХТМЛ наводи да имам улаз где могу да откуцате,
Имам дугме где могу да га поднесу, а онда имам див који је у суштини чувар места
да ја могу да користе за излаз из "Здраво, куцате ово."
То је увод у ХТМЛ пример.
Ако сам покренути ово, ми смо аутоматски добили ХТМЛ, али смо такође аутоматски добити стајлинг.
Ово је једна од важних ствари из ВинЈС.
То ће вам дати по дефаулту мало изглед и осећај да је заиста у складу
са остатком онога што Виндовс 8 ради.
Овде видите ствари као дугме.
Дугме по дефаулту у ХТМЛ не изгледа тако, али то овде не
јер постаје тај ЦСС право из тог фајла у ЦСС ВинЈС.
Ако желите да користите нешто друго, ако желите да промените то, потпуно у реду,
само напред и уради оно што желите. Али то је стандардна.
То ће бити више упознати корисницима.
И наравно то неће учинити ништа, јер ја нисам заправо телеграм до било каквог кода
да одговори на то. То је био само ХТМЛ.
Тако да може да се ослободи тога, па ћемо се вратити у нашу апликацију.
>> Дозволите ми да прелазе на нашим дефаулт.јс.
Ово изгледа прилично сложен, али то само ради неке ствари за тебе.
То је Предложени. То ће бити исти у свим својим пројектима.
Једино што ово ради је само врста пита, "Како сам овде?"
и говорећи: "Да ли покретање ову апликацију по први пут?"
"Да ли враћате апликацију од тога је суспендован?"
Неколико таквих ствари.
Заиста, наш фокус на овај фајл овде је у праву у вези овде.
У овом тренутку, ова линија кода је прилично важно.
То је заправо ће ићи и гледати кроз све своје марже,
и то ће наћи ствари које сте тражили да се претворио у контролама,
дубље контроле попут контроле клијената, попут мрежасти приказ, као потпалете
и оне друге ствари које сам вам показао на том слајду пре.
Они нису аутохтони ХТМЛ контроле.
Ви једноставно не кажу Флиоут као елемент и да га знам шта да радим.
Оно што ми заправо радимо је иста ствар која се дешава у другим врстама контроле оквира.
јКуери УИ ради исту врсту општег приступа.
Ви користите ознаке у ХТМЛ, а затим неки ЈаваСкрипт долази кроз касније и каже,
"О, ја знам шта је то. То тражи за то да се претвори у овој ствари,"
који је други више изражајан ХТМЛ-да као контрола оцене,
што је оно што ћу вам показати одмах.
Ова линија кода је обећање да каже, "Када је испунио ово обећање,
"Све што сте тражили је онда створен."
И то је то. Изгледа мало комплекс, али то је стварно исти у сваком пројекту.
Овде доле је место где можете да почнете са додавањем у било шта друго што желите да се деси,
па ћемо се на то у секунду.
>> Пре свега, треба ми мало кода који може да одговори на то
да је неко кликнуо на дугме.
Идем да иде напред и да стави овде доле.
Опет, нећу да урадите било куцање пред вама овде.
Врло основни ЈаваСкрипт само кажем када се то зове
ћемо обезбедити неке детаље о томе како смо дошли овде
а онда ћемо да урадимо неколико основних ствари.
Иди пронађете ствар у мојој страници ХТМЛ који се зове намеИнпут,
зграби га, узме своју вредност, Слап "здраво" на испред њега, а штап који доводи жица
у тај див таг који смо имали пре тога заиста нисам раније имали ништа.
Сада ћемо да нађемо ту ознаку и чине њен унутрашњи садржај једнака тој стринг.
Врло једноставно ЈаваСцрипт.
Надам се да си признајући да заиста нема ништа необично дешава овде.
То је само право горе ХТМЛ и ЈС овде.
Ако сам покренути ово сада, то је још увек неће радити ниједан посао, јер ја то нисам исповезиван
да прими догађај.
Да би то урадио, ја ћу то да урадим овде, опет враћа на моје алаткама,
кокичара га овде.
Очекујем да сте видели све овакве ствари пре него што се, па нећу га више-објасни.
Сада ћемо да одемо на хеллоБуттон.
Идемо да кажемо, "буттон, честитке."
"Овде је догађај који сте сада реагују на."
"Када неко кликне на вас, позовите ову функцију, буттонЦлицкХандлер."
И то је то функција смо управо додао право доле на дну тамо. То је то.
Дакле, сада имамо невероватно функционалну апликацију.
Мислим да ћете бити заиста импресиониран ово.
Крис. Сачекајте за то. Вау. Ок. То је невероватно. [Смех]
Али има још. Немојте га купи још. Чекај.
>> Дозволите ми да вам покажем мало више овде и изаћи из пуног екрана.
Идемо да хода пре него што покренете.
Пусти ме у ствари и показати вам мало са ЦСС.
Само по дефаулту, ако се осврнемо на страници овде,
кад год смо извукли у ове ствари од ВинЈС и добили смо уи-мрак,
у ствари, можете га променити подразумеване за коришћење апликације светло.
УИ-тамно је добро за графичке апликације као што су користећи доста слика,
ти показује много визуелног садржаја.
Ако показује доста текстуалног садржаја, УИ-светло је генерално добар избор.
Не морате да га изабере, али ја сам се пребацио на њега
и сад ви видите исту добит, исто све,
то је само користећи у основи обрнути шему овде
где је све што га црни текст на белом.
То је све добро и добро.
Дозволите ми да изађем одавде, и хајде да урадимо ствари мало више са ЦСС.
Ја ћу га вратити на мрак, јер мислим да је вероватно лакше да видите на екрану
када сам почнемо да радимо те ствари.
Ја ћу заменити телу још једном.
Идем овде. Дозволите ми да ово нуке.
Хајде да доведе у телу са класама.
Верујем да сте урадили основне селектора ЦСС и ствари као што су то већ,
тако да вероватно знате шта се овде дешава.
Само додељивање неке часове у нашој заглавље, а ми смо креирање нове див
замотати остатак те ствари које сада можемо користити за стил све заједно.
Па шта ја могу да урадим сада идем на нашу подразумевани ЦСС.
Јеси ли погледао питања медија још? Да ли сте разговарали о томе уопште?
Медији упити су део овог тренда -
или је успостављен тренд сада ствари на Интернету -
за одговорног дизајна или адаптивно,
а идеја је да се ваше апликације заиста се прилагоде на одговарајући начин
на основу онога што је уређај који они приказују на може да уради.
Дакле, ако сте на мобилном уређају, очигледно нећеш имати толико екрана некретнине
као што ће се на великом 30-инчни монитор седи са десктопа, велики рачунар тако.
Дакле, стари одговор који би да имају 5, 6 различитих верзија исте странице
и ти би отворити верзију која је подешен за тај одређени величине екрана.
Није сјајно. То је веома, веома понављају и постоји тона одржавања за то.
Сада имамо нешто што се зове ЦСС медиа упити,
и можемо да користимо ово да аутоматски детектује када постоји одређени величине
или одређене употреба вашег садржаја који се обавља.
Дакле, можете да одговорите на то и можете да кажете: "У реду, у овом случају
"Вероватно не треба ни да вам кажем шта се овде дешава."
Ово је само кажем, ако се ова апликација је пукла, као што сам вам показао раније -
га зграбио и ставио га са стране екрана -
онда хајде да урадимо следеће стил.
Стајлинг је не само о бојама и таквих ствари.
То је такође о димензионисање и маргине и паддингс и оријентација садржаја
или чак онемогућавање или омогућавање читаве делове странице
и, у том случају, ваша апликација или твоја игра као добро.
Дакле, овде можете да урадите једноставно као желите.
То не би било корисно у својим апликацијама, али време је демо,
па ћу ићи напред и само додати у основном селектор тела и кажу,
"Када сам пукла, идемо напред и уради бацкгроунд-цолор и хајде да изабере нешто."
Имаш ИнтеллиСенсе овде. Ово је заправо стварно кул.
У 2012 смо додали доста ствари за ЦСС и ЈаваСцрипт подршку и ХТМЛ.
Ви сте, наравно, има падајући ИнтеллиСенсе превише, али то није кул ствар.
Кул ствар је да имате визуелне селекторе за многе ствари као добро.
Да би могао да прође кроз и само изабрати боју,
или можете изаћи и бити још конкретнији и можете одабрати -
ово ће бити страшно. Ја стварно ћу покупити пристојан боју овде.
Пази на добит такође, узгред. То је било ваше РГБ стандардни формат.
Али, ако ја пребацити провидност, то ће прећи на селектору алфа канала овде.
Тако можете видети да, боју са суштински одсто транспарентности који имате за то
све печен у реду тамо.
Ја ћу да га задржи као 100%, а онда када сам урадио са тим, све је добро и добро.
Сада ако ја покрените апликацију и узмемо апликацију и ми га снап,
да боја позадине се аутоматски подешава
само зато што имамо неки ЦСС који каже, "Иди уради то."
Такође можете да пишете ЈаваСцрипт превише да ће учинити исту ствар
или да користите да заправо паузирате игру, радим такве ствари.
То је вероватно када ћеш користити ЈаваСцрипт.
Ти би искључите игру петљу у том тренутку.
Ти би требало мало ЈаваСкрипт јер то не би било нешто што би за ЦСС.
Али имајте на уму да је то само догађај.
Могло би се рећи, "Када је моја апликација је промењена величина,
"Хајде да видимо да ли смо пукла." И то је то.
>> Ок? Разговарао сам доста. Има ли питања до сада од тога где смо ми? Да.
[Ученик] Да ли постоји туторијал за свако добити више информација? >> Да.
Питање је, да ли постоји туторијал за ово? Само ћу га проширити на све.
Постоји неколико ствари које можете да одете. Хајде да ствари одавде.
Дозволите ми да се вратим овде.
Једна ствар коју треба истаћи јесте сама Висуал Студио има туторијале уграђене
Дозволите ми да се отарасим овога.
Ако одете и направите нови пројекат, не датотеке, Нови пројекат,
и погледати на левој страни, ту је чвор у вези овог селектор.
То ће потрајати мало. Ја сам на мом МиФи овде.
Али то ће доћи и она ће ми дати шансу да пронађу шаблоне
али, још важније, као и узорци.
Тако да можете да кликнете на ЈаваСцрипт.
То ће наћи узорке за мене. Моја резолуција је начин висок овде.
Нормално, ти би видели листу много различитих ствари овде.
Ако постоји нешто што желите да покушате, изаберете језик,
Јава овде, и рећи: "Ја не знам како да то урадите Геолоцатион."
"Ја не знам како да отворим датотеку."
"Не знам како да искористе веб камере
"Или оптимизовати за контакт или такве ствари."
Постоје узорци за све: за дељење, претраживање, апп бара,
чинећи удаљених позива на услугу, ЈСОН кодирање.
Све такве ствари постоје узорци за овде,
а они нису огромне узорке које ће вас одвести целу ноћ да раставите
само да откријете да једна ствар коју је желео да научи.
Стварно су добри. Они су мали, одмах на ствар врстама узорака.
Научио сам тону пролазећи кроз њих се,
и тако сам препоручио да много као једну ствар.
>> Још једна ствар коју треба да истакнемо превише је, наравно, показао сам ти дев.виндовс.цом,
тако да ако се вратимо на то, ви ћете видети на дну и ту је узорци овде.
Дакле, можете преузети све њих одједном, али такође има много других ресурса овде
који може да вам помогне да добијете до брзине.
>> Једна друга ствар, а ја стварно бих препоручио да пробате ово,
Ја га имам на мом блогу, али ја ћу ићи право на њега.
Ја ћу вам показати. Мој блог има ресурсе и такве ствари.
Једна од ствари које указују да је овде, ова ствар: твоја идеја. Ваша Апп. 30 Даис.
Ако кликнете на ово, то ће вас довести до заиста користан сајт.
Ово је много више од помоћи него што сте очекивали.
Ово ће бити 30 дана садржаја које у основи могу добити савете и трикове
током тог процеса као правите апликацију.
И као што не може очекивати, можете заправо га добити за игре сувише
и за телефонске апликације, такве ствари.
Дакле, у основи се пријавите за њега, а они ће бити ти шаљу савете и трикове о,
"Да ли си размишљао о томе? Да ли подржавате Снап?"
"Овде су неке смернице о томе како да се то уради добро."
"Да ли сте размишљали о подношењу у продавницу?"
"Да ли сте размишљали о томе како ћеш да продају своје апликације?"
То ће ходати кроз све ове различите ствари.
А заправо, ако сте на путу гаминг, у неком тренутку
Ви ћете почети препознајући особу разговарам са вама
јер сам стварно морао да идем у Редминт да радим оне снимљене и 2 видео тамо.
Али то је све део играчког стазе,
а ту је пуно стаза за општи развој апликација.
То се зове генерација Апп.
Ја бих дефинитивно препоручио да за вас као добро поред узорака.
>> Постоји много видео записа на локацији зове Канал 9, као добро.
То је вероватно последња ствар коју ћу препоручити као пре него што наставимо овде.
Цханнел9.мсдн.цом.
Ово је сјајно, јер ви не идете да се чита кроз тона белог папира.
То је у основи доста видеа, анимација екрана и ствари које су право на ствар.
Ја не би требало да кажем да је увек у праву на ствар. То зависи од тога ко ради причам.
Али генерално, има неких заиста то-тхе-поинт видео овде
који ће вам показати неке посебне ствари можда желите да научите или види демонстрирао.
Ту је све наше садржаја из наше конференције која се догодила пре неколико недеља
зове Буилд, и видећете да тамо.
Има Цоре технологије за Виндовс 8 утакмица. Изволи.
Био сам тамо, у ствари. Ви не можете да ме види. Био сам овде.
Али у сваком случају, то на страну, ја бих препоручио да погледамо те видео снимке.
Они су прилично корисна.
Ако сте заглављени на нешто или једноставно желите да видите шта може да уради нешто, отпусти оне горе.
>> [Гуарин] Виндовс пошта само ми је послао мејл са линком на садржај
за студенте да преузмете са шифром узорка и такве ствари. >> [Боуен] Сјајно.
Страва. Хвала, Едвин.
>> Добро. >> [Ученик] Имам једно питање. >> [Боуен] О. Да, молим те.
[Неразумљиво ученик питање] >> [Боуен] О, драго ми је да је тражио да. Да.
Питање је, да ли постоји визуелни интерфејс за мене да створе ствари?
Едвин ће вас наградити лепо за то питање.
Постоји начин да се то уради.
Треба ли то да урадим сада? Хајде да то урадимо сада.
Ја ћу да одем до њега одмах.
Заправо, да додам још једну ствар у овом демо,
а онда ћу вам показати стварну одговор.
Хтео сам да додам у мало више ЦСС овде.
Био сам мало офф на тангенти овде.
Дозволите ми да уложимо ЦСС овде да искористе
од класа које смо додали мало пре,
у заглављу, на маинЦонтент див, а затим на греетингОутпут.
Ако то урадим и покрените га, можете видети сада имамо мало другачију паддинг и маргине,
тако да су заправо нека компензација овде.
То су више ка шта ћеш очекивати од коначне полираног апликације.
Али ја само показује вам ово, јер је то право горе ЦСС.
Дакле, ствари које сте већ знали да можете користити овде да подесите садржај како желите.
Већ сте видели како да позадина промени на тај начин.
>> Ако сам назад у наш ХТМЛ одем, ја ћу додати у још једном сету ознакама,
и то је заправо ће бити контрола из ВинЈС.
Ја ћу да одем и зграби то, ознаку. Дозволите ми да будем сигуран да то радим на правом месту.
Вероватно довољно добар.
Ево управо сам додао - и ми ћемо ићи преко целог екрана, тако да можете видети целу ствар -
Додао сам ознаку за следећу див.
Див се зове ратингЦонтролДив.
Само по себи то неће урадити ништа.
Ако отворите ово у бровсер, ти би се гледа на празно, саму див.
Али због тог мистериозног линије кода који сам вам показао раније,
процес све, то ће тражити нешто што личи на ово -
подаци-победа-контрола - и то ће наћи све што је у том параметру.
То ће направити инстанцу шта год да је то указује на.
У овом случају, то је контрола цена, тако да кажем, "Молим те, иди и замени ово
"Са све што треба да урадите је да изврши контролу рејтинг."
То би могао да буде контрола Флип, то би могао да буде прстен напредак или шта год контрола желите да користите.
Сви одлазе да раде у суштини на исти начин.
Ви користите стандардне ХТМЛ5 назнаке да укаже шта желите,
и онда ћеш добити контролу на крају ово. Дозволите ми да ово раде.
Управо сам копирао да у, а сада то постаје добит ово,
који је заправо велики број ХТМЛ елемената.
То су све појединачне слике, а ту је Дивс око њих са селекторима.
Надам се да можете да видите. То је мало суптилно.
Ја могу да лебде над различитим ставкама, и то ће ми дозволити да видим рејтинг овде.
Ја могу да кликнете на њу, а она памти рејтинг, али то је све.
То није стварно ради ништа са рејтингом.
>> Једна последња ствар коју желим да вам покажем на ово
пре него што смо се пребацили у више визуелни дизајн искуство
је мало кода који могу да користим да одговори на ове ВинЈС контролама.
Пусти ме да изађем одатле, назад из пуног екрана,
и прелазе на ЈС овде за тренутак.
Ја могу то да урадим овде. Мислим да ћу заменити целу ову ствар.
Заправо, мислим да ће заменити све то, али ћемо сазнати заједно.
Ставићу ово овде. Да. Идем да избришете ово превише.
Шта да додам? Изгледа као много. То није много.
Управо сам продужио ту линију кода који сам већ говорио о раније,
и ја кажем, "Кад се све заврши, када су учињени сви моји контроле,
"Онда уради ово." Па онда покренете ову функцију зове завршен.
У овом случају, то је ствар можете да схватите.
Иди наћи ту контролу див.
Заправо, постоји једна ствар коју би требало истаћи.
Та линија је следећи заправо каже, "ја имам тај ратингЦонтролДив."
"Желим да разговарам са њим као да је прави контрола, контрола ВинЈС."
Дакле, у основи, питате за то од њега.
Кажеш, "Желим да разговарам са тобом као контрола."
А онда можете да почнете да кажете ствари као, "Ми ћемо додати слушаоца за тебе
"Па кад си променио можемо одговорити на то."
И онда можемо урадити овакве ствари. Заправо, то је стари код тамо.
Мислим да ми недостаје лепљење у још једном функцијом,
и да би стварна функција да би одговорили на контролу клијената се променила.
Дозволите ми да у поп овде доле,
ту негде.
И у овом случају, једино што је ново јесте чињеница да ћемо у
шта контрола рејтинг нам говори и тражимо оно што се зове тентативеРатинг.
Постоји гомила разних других ствари које је контрола могу да вам кажем,
и то иде контролу контролом.
То је веома једноставан. Ви ћете бити у стању да га схвати без проблема уопште.
Ја водим овај, и сад кад сам промени оцене и кликните на рејтинга,
можете видети сада је то заправо реагује на њега.
То је стављање тај рејтинг на екрану у том иначе празан див таг
испод контроле клијената.
То је магија много ствари овде.
Дакле, као што сте креирање апликација за Виндовс Сторе,
постоји тона контрола које можете само користити. Сви они раде овако.
>> Дозволите ми да вам покажем визуелни страну пројектовања за ове апликације.
Добра вест је да већ ћете имати овај алат када инсталирате све
ако одете на тај довнлоад и добијате Висуал Студио.
Ја десним кликом на ово. Нећу зоом ин
То само говори отворено у Бленд.
Мешавина је још једна алатка која ради раме уз раме са Висуал Студио
и усмерена је много више на дизајн страни ствари,
па то стварно површине алата које су оптимизоване за креирање стилова,
креирање анимација, рад са ЦСС, много ствари у таквом тону.
Ево шта би требало да буде веома занимљив и прилично очигледно одмах је гледамо у апликацији.
Надам се да још увек.
Уместо да код, који ми још увек виде на дну,
видимо стварну заступљеност апликације.
Шта више, то није само представљање апликације, заправо је апликација трчање.
И то је оно што заиста јесте лепо о мешавини.
Тим је урадио доста посла да донесе ХТМЛ и ЈаваСцрипт и ЦСС у овај алат.
Сада можете заправо, ако сте радознали, "Шта то значи? Шта могу да урадим?"
Ја заправо могу да дизајнирају на овој апликацији, иако такве ствари не постоје у мојој ознакама.
Запамтите ту контролу рејтинг? То је био само див таг.
Ова ствар, да звезда, постоји само у току рада. Како да знам да?
Има мало магије овде.
Погледајте ове муње?
Сваки пут када видите муњу, то значи да је створио нешто у току рада.
Неке Јава трчао и окренуо нешто у ово или креиран са неком логиком.
Те звезде које видите тамо су створили ЈаваСцрипт ВинЈС.
Лепа ствар је, то није важно за мене, ја још увек могу да дизајнирају,
Ја још увек могу да одем у и промените га, ја могу да сазнам шта се овде дешава,
Ја могу погледати на ЦСС, ја могу да идем напред и сазнајте зашто боја је такав какав је,
Могу почети петљају са стварима и чинећи ствари ужасно,
шта год хоћу да урадим.
Заправо, ја ћу оставити ствари на миру.
Али, можете видети овде је све ЦСС и то вам показујем овде.
Ако ја одем до тамо, то ће вам показати све што они зову Виннинг,
тако да су ЦСС правила која су најконкретнији и највећи изабран за ту ставку,
који сте вероватно већ отишао преко у својим класама,
где можете рећи постоји општа фонта који смо се примењују на све,
већ зато што је Х1 и имам боју дефинисану за Х1С,
то ће бити ова боја, а то је зато што је конкретнији од боди1.
Ово овде једна ствар вам све то показује,
и то је заиста моћна ствар као што сте добили сложенији,
се питате зашто ове ствари су такве какве јесу.
То ће вам рећи заправо, и можете одабрати било коју од ових ставки овде.
То боја није тако лоше, заправо.
Можете да их изаберете. Надам се види ово.
За све што имате на вашој апликацији, видећете целу каскаду
свега ЦСС који је могао да се примењује и да је један који је освојио,
којих је један заиста узео примат.
Они су некако досадни. Нема много дешава у неким од њих.
Ако ја одем и промени боју, онда ћете да видите ту неку Цасцадинг.
Такође можете да користите ХТМЛ и овде.
Ја могу да идем путем и измену особина ХТМЛ за све ове ствари као што желим.
Постоји само тона ствари овде.
>> Не желим да се ваше време иде кроз све овде. Само знам да је овде.
Постоји много дизајна оријентисаних функционалност која је само на располагању за вас
тако да можете остати визуелно, рад са апликацијом, а не морате да урадите много нагађања
да би сте се нормално и бициклистичка уради вратио из прегледача назад у свој дизајн,
Назад на претраживачу.
Ово је стварно кул ствари за које, и како да развијете апликацију Виндовс Сторе,
то ће вас много продуктивнији.
>> Такође ћете видети то је праћење назнаке овде и ваш ЦСС
као радите кроз различите ствари.
То је вероватно стварно тешко за вас да видите да, поготово на видео,
али то је оно што се дешава овде, и ја бих препоручио да се упознате са тим.
То ће вам уштедети много времена. То је мешавина.
Ако направите било какве промене овде, они се аутоматски ће носити уназад
у Висуал Студио.
То је исти фајл, то је све исто. Ја ћу га оставити на миру.
Имам бољи пример који желим да вам покажем.
Али, ако сам направио промену тамо и спасао га и вратио сам се у Висуал Студио, то ће рећи,
"Хеј, ти само променио нешто. Могу ли да га поново за вас?" Да.
И ви користите ту исту ствар.
То је крај тог узорка.
>> Желим да вам покажем већу крајњу узорак само да вам поглед на друге функционалности
можда мислите о како добро.
Ово је узорак апликација које можете преузети.
Ако тражите нешто што се зове Виндовс камп у кутији,
постоје неки узорци који су у то, а један од њих је Цонтосо Кувар.
Ја само могу покренути ово за тебе.
Прилагођена уводни екран. Ово је таблица Вид апликација.
Они су везани неке уобичајене податке овде. Можете се кретати кроз ово.
Можете отићи и погледати разне ствари које ће учинити да гладни у петак поподне.
Не знам. Шта се дешава да ме највише гладан?
Не знам. Само ћу да изаберем једну.
Ти иди у ове ствари. То ће вам показати рецепт.
Ви би такође могла, уместо што ћете кликнути на ставку,
можете отићи право на ту категорију садржаја, том делу садржаја.
У овом случају, можете да прочитате много лажних латинском говори вам све о овим рецептима овде
а затим идите право у одређеној рецептури.
Ово такође подржава такве ствари дељење које сам вам показао раније са сликама.
Такође можете да претражујете у ову апликацију превише.
То је врло једноставно да урадите претраживање.
У суштини, ви само добијате низ слова из Виндовса
а ви одлучите како желите да се рукује са тим претрагу.
То је неколико линија кода да се да, а онда шта урадити са њим после тога је потпуно на вама.
>> Овде су такође имају апп бар где они користе неке друге функције.
Само ћу вам рећи шта је то.
Подсетник ће користити оно што се зове обавештење здравица.
Ово је стварно згодно за пустити корисник зна када ствари догодило,
као апликација је инсталирана или нешто је завршена.
Такође је добро за игре превише.
Ако имате упоран свет или лидера одбор и сервис који је хостинг који
можда на посебном машином, те обавештења се могу послати у машину
па чак и ако корисник не користи своју игру, играјући своју игру или покренете апликацију,
они и даље могу добити обавештења о тим врстама догађаја.
Дакле, могло би се рећи, "Ваш дворац је уништен или је само око уништен."
"Врати се овамо и да га бране," или нешто слично.
Ви кликнете на обавештење, идете опет у игру, а можете да га играју.
Дакле, такве ствари могу да помогну стварно привући људе назад у вашу апликацију прилично ефикасно.
>> Ту је и подршка у овој пријави за коришћење микрофона, Веб камере,
ради видео и фотографисање.
Такође можете закачити секундарни плочица.
То је корисно ако желите да само имају плочицу која иде право на одређени садржај.
У овом случају, она иде право на овај рецепт.
Све сам напоменути Само показујем
јер је ствари које можете да мисле о коришћењу, као добро.
За највећи део, они су веома једноставан за употребу.
Само бих препоручио да би се тај узорак екплорер
и наћи узорак који може да вам показати како да то урадите.
То је прилично једноставан да би они у својим апликацијама тамо као добро.
>> Хтео сам да ти покажем нешто друго што је прилично кул овде.
Ја ћу снап ову апликацију, а ја ћу да се вратим на Висуал Студио.
Ова апликација ради. То је покренут са Висуал Студио.
Ја могу да урадим неке прилично кул ствари са тим.
Ја заправо имам опцију да изаберете елемент,
и ја могу да идем овде у ливе апликацији и ја могу да кажем,
"Питам се зашто је Време припреме мало лакши него сива самог наслова?"
Ја могу да кликну на њега.
То ће синхронизовати да врати у Висуал Студио,
и то ће ми показати тачно генерисан садржај који је резултирао у том делу УИ.
Дакле, у овом случају, то је тачка-титл и х4 двоструко конструкт,
и да вероватно нам говори шта треба да знамо, јер као х4 у том контексту,
то ће добити одређену врсту фонта.
Али ако ја и даље не знам зашто, ја могу да кликну на Траг стилова.
Ја онда могу проширити ван боју и ја могу сазнати тачно зашто да боја није боја тело
али у ствари је нешто друго.
Ово је у суштини дев алата из Интернет Екплорера
у мери доведена у Висуал Студио.
Ако сте радили са Цхроме Дев Тоолс, Паликућа, такве ствари,
оне врсте алата који су у претраживачу,
та врста функционалности је довео право у Висуал Студио
тако да не заправо имају да покрене бровсер и рад са тим алатима одвојено.
Сада имам Виндовс Сторе апликацију само ради,
и ја могу почети повлачењем поред и сазнате зашто се ствари раде оно што су.
>> Ја такође могу да урадим исто овако.
Ја могу да одем и само изабрати нешто од самог добит и сазнајте шта је то
у самој апликацији. Мислим да сам отишао по свему.
Овде сам лебди над ово. Ја могу да га изабрали.
То ће ми показати у стварном трчања апликације где је та ствар
да сам ја сада кликом на у добит.
Стварно супер ствар.
Као што покушавате да схватите шта се дешава и шта ХТМЛ-ради,
шта ЦСС ради, имајте то на уму.
Запамтите ово је овде за вас
и такође да мешавина може да ради са живом покренуте апликације.
>> Једна последња ствар коју сам желео да вам покажем ове апликације -
Узгред, то вам показује како се ствари мењају делти превише,
тако да можете гледати на оне жуте истиче.
То су ствари које су се управо променила у апликацији.
Али једна ствар. Желим да се вратим на Бленд само за секунд.
Ми ћемо отворити ово горе, отворено у Бленд, истом апликацијом, исто све.
Ја само желим да вам покажем искуство овде се не само ви сте заглављени на почетној страни
гледа на ствари Добићеш подразумевано када покренете апликацију и пустите да тамо седи.
Такође можете да укључите ову прилично малу икону овде.
То се зове Интерактивни режим.
Ви кликните на то. То ће донети свој захтев.
Ниси у Десигн моду више, тако да не идете да се кликом на ствари
да промените функционалност, али можете заправо радите са апликацијом сада.
Можете да кликнете кроз, можете да урадите шта год, доћи до рецепта који вам је стало
или категорију. Идемо у овој категорији.
Ја ћу рећи, "Добро, овде је место где желим да дизајн."
Затим кликните поново то дугме, то ће вас вратити у Десигн површину,
и сада можете да урадите све оне ствари које сам причао раније.
Ја ћу држати клик док не добијем ово изабрано, сазнати своје димензије,
сазнајте ХТМЛ за то, ЦСС за њу
за покренуту апликацију, неке касније дио пријаве.
Веома, веома корисно. Ја ћу показати ово вама.
Имајте то на уму ако сте у потрази у писање кода са ове
јер то ће вам уштедети доста муке, и то је прилично добра ствар.
То је прилично много све сам хтео да ти покажем на Бленд а у Висуал Студио за све то.
>> Сва питања на било који од ових алата?
Било шта? >> [Гуарин] ја имам ствари да дају, тако добра питања, добре ствари.
>> [Боуен смеје] Већ сам вам показао своје демо овде.
Ја ћу га ставити на страну ресурса и окренути на питања сада.
То Прва референца је да генерација апп сајт са стазе игре и апликације стази.
Пријавите се за оне.
Не морате да чекате да 30 дана да се садржај.
Можете почети иде и гледа на садржај како желите.
Ја разумем твоје временски оквири могу бити другачији него - [Смех]
Дакле, када је Хацкатхон? То је пар недеља, зар не?
Дакле, не морате да 30 дана да сачека.
Тако да, можете да се пријавите за то и онда само старт вуче садржај из ње.
Такође, Дев и дизајн центри.
И ја нисам поменуо ово, али ту је продавница докумената.
То би било за после Хацкатхон као да сте спремни да почнете подношења апликације за своје продавнице.
Постоје неке корисне смернице овде, неке смернице о томе како да се ствари у продавници,
неке заједничке теме које би вас кочити,
и то је крај тих ресурса.
>> Па шта ти је на уму? Све остало што си -
[Гуарин] Ко се размишља о ради Виндовс апликацију за ЦС50? Цоол.
[Боуен] Кул. Сјајно.
>> Сва питања у вези са стварима које сте до сада видели и како се то односи на ово?
На пример, са више времена сам могао узети игру да сам писмени
и да ради у претраживачу и некако прође кроз процес
довођења да у Висуал Студио и што је апликација Виндовс Сторе.
Потребно је више времена него што смо заиста морали да укључе и данас,
али кратка верзија је да је исти број који сте ради у прегледачу,
и ствари које сте променили су ствари које се одлучите да прикључите на Виндовс 8.
Дакле, ако желите да користите чари, ако желите да претражите или делите,
морате да направите апликацију бар да се сакрије неку функционалност на то,
то су врсте ствари које би мењају.
Али суштина вашег веб апп може остати нетакнут.
Опет, све док то ради у ИЕ10, то ће бити заиста лако лука
да би те ствари у Висуал Студио, у мешавини, а чине га апликација Виндовс Сторе.
Опет, једине ствари које треба да научите су те друге функције
који можете да користите да осветли неку апликацију, као живог плочица и оне врсте ствари.
>> Да. >> [Ученик] Моје питање је о раду мобилни.
Дакле, ако направите апликацију која ради као апликација на десктопу,
да ли је стварно лако да га пренесе на мобилни, или је ту -
Питање је, ако сам направити излозима апликацију која је заиста оптимизован за ову средину
и ја желим да га доведу у мобилном свету, о чему се ради са тим?
То, као и многа питања, увек је стално мења одговор.
Добра вест је, ако сте лепи са ХТМЛ и ЈаваСцрипт, ЦСС,
ако сте почевши од апликације Виндовс Сторе,
то ће дозволити да га доведе на Вебу
а затим користите те врсте технике, као што су питања медија и ствари,
да се прилагоде различите величине уређајима.
То је рекао, увек постоје оквири и ствари тамо
да подржавају продужење различите технологије, различите платформе.
То мења све време.
Ми такође се мењају ствари, као и гледамо ка оно што сада имамо
заправо са Виндовс Пхоне 8.
Ми имамо неке заједничке основне инфраструктуре
понудио између апликација за тим срединама.
Дакле, ствари које радите да направите апликацију Виндовс Сторе,
Много тога може да носи више у Виндовс Пхоне 8 апликације као добро.
То је опет прича у настајању, тако да неки садржај о томе на Буилд.
СДК је управо изашао пре мало. То је управо објавио пре мало.
Али, у односу на друге платформе превише,
вероватно наићи на многе цросс-платформ оквирима, као добро.
Добра вест је да ствари радите овде,
основна функционалност је равно до веб стандардне ствари.
Једине ствари које не би лако преводити су ствари које Виндовс 8 ради,
али то није изненађење, јер је то одлика Виндовс.
Нећеш наћи дељење или сличне врсте уговора о сваком другом платформи.
Дакле, то су ствари које би желели да из дизајнерске перспективе
проверите да ли имате начина да се некако апстрактно да се, тако да могу да кажем,
"Ако ја трчим на ово, ја могу то да урадим."
Ако нисам, има неких дизајн обрасце можете да користите да некако сакријем те ствари далеко.
Али имајте то на уму. Да. Извините. Само напред.
>> [Ученик] Ако ја желим да тестирам Виндовс апликацију на врху [неразумљиво]
[Боуен] Да. Ја прескочен превише још једну ствар. Да.
Ја ћу прво одговорим на ваше питање, онда ћу вам показати функцију сам заборавио да поменем.
Ми имамо неке машине доступне локално. Жао ми је.
Питање је било, како да тестирате ствари на уређајима
ако се не деси да имамо много ствари које можете изабрати?
[Гуарин] Ми вам позајмила момци, мислим, 5 или 6. Колико ти треба?
[Ученик] Имамо 4 од њих. >> Реду. Момци имам 4 скриљци да се играте са.
Дакле, дефинитивно нека сви знају, молим вас. [Смех] >> [Боуен] Страва.
То је још боље него што сам одговор да ћу ти дати.
Имамо радно време за програмере да радимо у нашој канцеларији
а сада долази ускоро на Мицрософт Сторе преко у Пру,
али Едвин је већ преузео бригу о теби.
Постоје 4 шкриљци на располагању за позајмљивање, за тестирање.
Тамо идемо. Постоји пример једне до тамо.
Тако да, апсолутно. Сјајно.
Апсолутно далеко најбољи начин да га тестирате јесте да се на уређају.
Ако се не деси да имају једну или још не желите да хода преко кампуса у снегу
да зграби један или шта год, постоји начин да то урадите ово у Висуал Студио.
Ако се вратим где сам био у овде идем, овде уместо да користите локалном рачунару,
можете да се повежете на удаљену машину, али то није оно што ја говорим овде.
Симулатор је ствар коју ћете желети да гледа у.
Ја ћу покренути ово, и стварно шта је то, у суштини то је прозор на свом систему.
Овде је заправо мој систем трчање, трчање Цонтосо,
али на начин који ми омогућава да промените неке од параметара извршења,
параметри животне средине.
Тако да могу да кажем овде, "Знаш шта?"
О. Већ сам га приказују у симулираном 27-инчни монитор са резолуцијом 2560.
Ја могу лако пасти доле и да видим шта моја пријава ће урадити са мањим екраном
или променом ДПИ подешавања или шта већ.
Дакле, на малом екрану, 10.6, шта је то да уради?
То још увек изгледа прилично добро, зар не?
Ви ћете желети да урадите ово, поготово ако сте подношење у продавницу, јер радимо
као део процеса тестирања.
А ако постоје проблеми као што су то,
онда ћете можда наићи на проблем добијања овереног за продавницу.
Али, то је део симулатора. Стварно супер. Врло лако да то уради.
Такође можете да користите функције као ротирајући га као добро.
Ја могу да кликну на дугме овде, да га ротира, види шта ће неко имати као искуство
ротирајући своју шкриљац, њихова таблета, и користећи своју пријаву са тим.
Постоје неке друге ствари као што су сувише додир емулацију и неким другим стварима,
постављање ГПС.
Ја могу да се претварам да сам на другој локацији и видети шта ми је апликација ради
кад сам се претварам да сам поново у Сијетлу или тако нешто сам.
Али то је заиста корисна функција, а то је уграђено у оба Висуал Студио и у Бленд.
Да. Ваше питање.
>> [Ученик] Ако пишете игру, нема Висуал Студио имати подршку за анимацију?
Да. Питање је око подршке анимације, нарочито са играма.
То зависи. [Кикотање]
Са ЈаваСцрипт ћу рећи вероватно има мање подршке него што је на КСАМЛ страни,
која има рокове, има сторибордови и ствари које су уграђене
За анимације ЈаваСцрипт апликације, ја не знам колико од одговора желим да вам дам.
Ја имам ресурсе на мом блогу да иду кроз много опција за оба физике анимације,
опције за ЈаваСцрипт-оријентисане игре на Виндовс 8.
Ја бих ти односи на оне.
У суштини, постоји толико много избора.
Разлог сам либећи се има толико много избора за радио анимације са ЈаваСцрипт.
То би могао бити ЦСС, могло би се Платно-базиран, то може да буде само основни ДОМ анимације,
то може бити много различитих ствари, па то стварно зависи од вашег избора.
Ако одлучите да користите нешто као Цреате.јс или лимете или других врста оквира -
Па, нисам ни сигуран да ћете бити у могућности да користите већу крајњу оквир
Утицај свиђа или Цонструцт.
То има тенденцију да генерише више кода него што ви сматрате од нуле.
Али у тим случајевима, још увек би могао користити симулатор, можете да користите окружења,
и ја имају тенденцију да само користите овај амбијент за мој тест платформи у тим случајевима
као ја у развоју игре.
Ја сам добро, посебно са Цанвас анимације,
који је вероватно најчешћи ствар.
Најбоље да ћеш вероватно наћи је у дев алати у претраживачу
и дев алати у Висуал Студио.
Врста је вијугавог одговор тамо, али надам се сам ваш одговор. Да. Ти.
>> [Ученик] Које су опције за складиштење података за Виндовс 8 апликације?
Које су опције за складиштење података за Виндовс 8 апликације Виндовс Сторе апликације?
Ваше могућности су заиста свака апликација добија свој базен локалне складиштење
за подешавања и за податке, али је исто тако смешно једноставан за коришћење роаминга складиштење,
да користе складиштење облака-бази. То је бесплатно.
Шта се дешава је да у основи изаберете другу класу и ви кажете,
"Роаминг Подешавања, Сачувај, овај скуп садржаја,"
и њихов Мицрософт рачун, све што смо потписали у као,
ће бити кључ за роминг ту информацију око.
Дакле, ако ја користим своју игру на свом лаптопу и онда да се пријавим са истог налога
и ја играм игру на површини или таблет,
који ће аутоматски лутају ту поставку и података између тих машина.
То је стандардна ствар. То је добро за одређене количине података.
Не би ставио огромну базу у оне.
За то треба да иде на друге врсте решења, као домаћин базе података у облаку,
такве ствари.
Постоје неке друге опције заједнице око других врста технологије преноса података.
Видео сам неке СКЛите опције у заједници око тамо.
Зато више и више се појављују, али то су основне ствари које би изгледају ка
за игре или апликације.
А имали сте питање у леђа превише.
>> [Ученик] У погледу мреже [неразумљиво] отпремања или преузимање датотека [неразумљиво]
[Боуен] Да ли је ваше питање како можете видети да или како можете да дебуг и тестирати га?
[Ученик] Како можете да га дебуг [неразумљиво]
Извините. Ја не могу да чујем све.
[Ученик] Како се то буба тестиран и [неразумљиво]
Сјајно. Сјајно.
Како радите са умрежавање? Како можеш да видиш шта се дешава?
Постоји много различитих одговора на ово,
али дозволите ми да вам покажем вероватно најлакши ствари овде.
Дозволите ми да се ослободим симулатору за секунд.
Само неколико опција за отклањање грешака за умрежавање.
Постоји пуно мрежни стек печена право на оба нивоа ВинРТ и из ВинЈС,
тако да можете врло лако направити КСХР, АЈАКС тип позива из игре или апликације за то.
Пре свега, ја обично користим 2 ствари.
Ја користим стварне саме алате Дев, који имају мрежни стек печене у њих.
Дозволите ми да вам покажем почетну страну Виндовс.
Ја могу донети ово горе, а заправо постоји мрежа прокси печен у ових алата овде.
Па ја могу да урадим ово, ја могу да освежите страницу, и то ће ми показати све интеракције,
укључујући АЈАКС позива на тој седници, за време трајања тог захтева је.
Ово је корисно. То ће бити веома корисно за апликације засноване на прегледачу.
За остале врсте апликација, укључујући и апликације излозима,
Ја користим алатку названу Виолиниста.
Ти ћеш добити утакмицу у одговору. [Кикотање]
Виолиниста је једноставан прокси. Мислим да могу да покажем да на вас.
То је само ГетФиддлер.цом, који, занимљиво, ја паус свој мрежни стек
ће ГетФиддлер.
Али у сваком случају, Виолиниста је написао један од ПМС на ИЕ тима,
тако да он зна шта ради.
Ово је добар прокси који можете користити за отклањање грешака мрежног саобраћаја.
Ја бих препоручио да. Питање тамо превише.
>> [Ученик] Да ли постоји једноставан начин да се интегришу улаз страног језика,
као јапански или кинески, у Виндовс апликацијама?
Ја не могу да кажем да сам урадио много тога сам, али се пече ин
Постоје опције за наравно емитује свој захтев - Жао ми је, нисам рекао на питање -
опције око глобализације, локализација садржаја,
укључујући и ствари као што су у стању да продају на различитим тржиштима
и циљати ту верзију вашег захтева за те појединачне језике
или култура или такве ствари. Апсолутно уграђене
Добили смо подршку за то за заувек,
и да носи напред у својим опцијама за Виндовс Сторе.
То можете да урадите да у самој продавници, продају у различитим тржиштима,
можете да урадите да у примени, као и превише са коришћењем ресурса за дефинисање,
"Ако сам развио за ову културу, а затим користите ове преписивања за моју текстуалног садржаја
"Или користити право на лево читаоца."
То су све део подразумеваних ВинЈС и ВинРТ АПИ. Добро питање.
>> Како радимо? Неки други?
А ако неко има питања на видео, ја цбовен @ мицрософт,
па ја сам срећан да се било који од ваших питања из будућности.
Веома - Из будућности, будући [имитира ецхо].
Дакле, ми овде. Дозволите ми врати мој контакт овде.
Дакле, само ми послати поруку, цбовен @ Мицрософт,
и ја ћу вам се јавити чим будем могао.
>> Све остало што се чудите? Да ли смо добро?
Сјајно. У реду. Хвала вам свима пуно. Ценим то. [Аплауз]
>> [ЦС50.ТВ]