[Powered by Google Translate] [Семінар - Windows 8 - Распрацоўка дадатку / гульні з HTML5] [Крыс Боуэн, Эдвін Гуарин - Гарвардскі універсітэт] [Гэта CS50. - CS50.TV] 

Гэй, усё. Мяне завуць Эдвін Гуарин. Гэта Крыс Боуэн. Я дам яму прадставіцца ў секунду. Я проста хачу, каб зрабіць хуткі аб'ява. Перш за ўсё, усё, што вам CS50 студэнтаў атрымаць Windows 8 бясплатна. Так што калі вы думаеце аб фактычна выкарыстоўваючы яго для канчатковага праекта, гэта тваё. Нейт будзе адправіць па электроннай пошце пазней на інструкцыі. Другая рэч, калі вы вырашылі напісаць Windows 8 прыкладанне для вашага CS50 канчатковага праекта, мы збіраемся рабіць некаторыя прызы: Xbox, мы маглі б быць у стане даць шыфер прэч, усё ў такім духу. Так што, калі ёсць што-небудзь, што вас стрымлівае, хай Крыс ці я ведаю, як мы можам дапамагчы вам пабудаваць нешта сапраўды выдатна. Так яшчэ раз дзякуй за тое, сёння, і я буду перадаць яе з Крысам. 

Дзякуй, Эдвін. Дзякуй усім, што далучыліся да нас сёння. Я Крыс Боуэн. Я адзін з калегаў Эдвіна тут на Паўночна-ўсходзе. Я проста хацеў, каб правесці трохі часу з вамі гаворым пра як зрабіць прыкладанне Windows Store з HTML5, JavaScript і CSS і збольшага атрымліваеце якія-небудзь пытанні, вы можаце мець пра яго адказаў для вас як вы шукаеце да думаць пра магчыма выкарыстоўваць яго на працягу фіналу магчымасць CS50. 

Тым не менш, мы проста пагрузіцца цалі Я пайду да слайдамі тут. Калі ў вас ёсць якія-небудзь пытанні, не саромейцеся, дасылайце мне па электроннай пошце. Я cbowen@microsoft.com, і ёсць мой блог і мой Twitter. Аднак вы хочаце увайсці ў кантакт са мной, гэта нармальна. У мяне ёсць каля гадзіны матэрыялу, і я хачу, каб вашы пытанні ў гэтым шляху, так што не саромейцеся, якія маюць пытанні ў час гэтага. Яны не могуць бачыць, хто задае пытанні па запісе, так што вы будзеце, як ананімныя, як вы хочаце быць. 

Дазвольце мне пагрузіцца ў, проста даць вам кароткае ўвядзенне ў Windows 8, і паказаць вам некаторыя з рэчаў, аб Windows Store прыкладанняў, якія вы маглі б разгледзець як вы думаеце аб распрацоўцы дадатку. Мы глядзім на Windows 8. Мы былі на працягу пары тыдняў. Шмат моцнай прыняцця там ужо. Магчыма, вы бачылі ўжо паверхні машыны, якія ў нас ёсць, а таксама. Там адна тут на самай справе вы можаце зірнуць на, калі вы тут асабіста. Я вельмі хачу з табой пагаварыць, паказаць вам крыху аб Windows 8. Ідэя з Windows 8, гэта сапраўды вылучыць ўсе рэчы сябрам і блізкім аб Windows, у некаторых новых уражанняў - у прыватнасці, такія рэчы, як на паверхні машыны з сэнсарным, такога роду больш мабільных прылад, якія цяпер на рынку, але гэта таксама АС Windows па сваёй сутнасці. Дык значыць, вы можаце ўсталяваць яго на самай справе на ўсё, што працуе Windows 7, ад самай вялікай патройны SLI ўстаноўкі гульняў ўніз да ноўтбука і для вашых бліскучых новых іншымі прыладамі, якія вы можаце падабраць ўжо сёння. Яны будуць працаваць Windows 8. Я пакажу вам вакол толькі крыху, і ўсе перажыванні, якія вы ўбачыце тут рэчы, якія вы можаце стварыць. Ідэя складаецца ў тым, ці з'яўляецца гэта дотык, мыш, клавіятура, што прылада з'яўляецца тое, што вы працуеце прыкладання на, ён збіраецца бегчы выдатна. Windows 8 дапаможа з усімі гэтымі сцэнарамі. 

Гэтыя слайды ў бок, давайце проста атрымаць прама ў зірнуць тут. Дазвольце мне паказаць вам вакол майго хатняга экрана. Гэта мой стартавы экран. Я проста дам вам крыху тура тут. Я на не-сэнсарным машыны, так як я хачу закрануць майго экрана ноўтбука, ён не будзе рабіць нічога, так што я проста пракручваць тут трохі, і паказаць вам. Некаторыя рэчы, якія вы маглі б заўважыць гэта той факт, што гэтыя так званыя жывыя пліткі на самай справе можна аніміраваць, і яны могуць даць інфармацыю для вас - магчыма абнаўлення па статыстыцы для гульні або паказаць вам навіны з некаторых больш ранніх прыкладанняў, якія тут, на левай баку. Там мы ідзем. Я ўпэўнены, што гэта толькі станоўча і фантастычна добрая навіна. Тут можна ўбачыць, што гэта сапраўды выклік вашу ўвагу назад у дадатак, кажучы, "Гэй, ёсць нешта новае тут. Зірніце. Вярніся ў і паглядзець, што новага для вас." Гэта называецца жыць плітка, і вы можаце зрабіць апавяшчэння альбо прама з самага прыкладання або калі вы паглядзіце больш падрабязна, вы даведаецеся, як пісаць выдалены сэрвіс што на самой справе можа перадаваць інфармацыю ў плітцы, што тое, што адбываецца з гэтымі навін прыкладанняў. Яны на самай справе атрымаць навіны з воблака і абнаўлення плітку прама там каб людзі ведалі, што ёсць прычына, каб адкрыць прыкладанне і паглядзіце на ўсё, што апошнія навіны ў любы з іх або калі ёсць новыя рэцэпты або новы высокі бал, каб перамагчы ці сябар гульня або што на гэтых прыкладанняў. Гэта тое, што, каб заахвоціць вас назад цалі Дык вось жывыя пліткі, і гэта можа быць чалавек, гэта можа быць сайт, а таксама. Звычайна гэта дадатак. 

У значнай ступені ўсе гэтыя рэчы, якія я маю тут прыйшлі з Windows Store. Я запусціць гэта. Гэта адно з прыкладанняў, якія вы атрымліваеце па змаўчанні на любы машыне, на якім запушчана Windows 8. Вы можаце прыйсці сюды, каб знайсці што-небудзь вы хацелі б, ад рэчаў, якія вылучаюцца для гульняў, якія я не бачыў раней. О, нічога сабе, у нас ёсць новы пінбол тут. Вы можаце ўсталяваць іх прама тут з крамы, і мы пагаворым аб тым, як развіваць гэтыя. У вас ёсць шмат варыянтаў у тым, як вы іх стварэння. Мы будзем факусавацца на гісторыі JavaScript з HTML і CSS, але для карыстальніка, перад пакупніком прыкладання, гэта не мае значэння тое, што яна была напісана цалі Яны могуць ісці наперад і працаваць з ім. Я заінтрыгаваны гэтым, так што мне трэба адкрыць гэта і глядзелі. Кожны дадатак, у тым ліку тыя, якія вы можаце прадставіць і прадаць або аддаць бясплатна, усё, што вы хочаце зрабіць у краме, атрымае хатнюю старонку, як гэта. Вы можаце падаць са сваёй заявай куча скрыншотаў - вы ўбачыце некаторыя тут - звесткі аб праграме, і з часам вы будзеце назапашваць як рэйтынгі - яны ў асноўным проста зорны рэйтынг - і водгукі, якія забяспечваюць трохі больш разумення. На самай справе, хто-то павінен надрукаваць што-небудзь і раскажа вам, як ўзрушаюча вы, і што ўвойдзе ў Ваш Водгукі раздзеле сюды, што я не глядзеў на. Фантастыка. "Не будзе нават адкрыць." Як выдатна. Ну, для людзей, для якіх гэта зрабілі адкрыта і кіруюць, яны, здаецца, сапраўды падабаецца. [Смяецца] Майце гэта на ўвазе. Інтэрнэт. Любы чалавек можа сказаць, што яны хочуць з нагоды вашага заявы. Таму пераканайцеся, што вы робіце вялікую працу з ім, пераканайцеся, што вы робіце яго максімальна камфортным для карыстальніка, як вы можаце таму што яны пару клікаў ад прадастаўлення водгук, і што будзе назапашвацца да вашага агульнага рэйтынгу агляду. І вы хочаце, каб зрабіць усё магчымае, таму што вы збіраецеся гуляць супраць іншых прыкладанняў. Там будуць тысячы прыкладанняў ўжо ў краме, і хутчэй за ўсё, там можа быць нешта, што робіць тыя ж функцыянальныя магчымасці, што вы робіце. Так што, калі вы сапраўды можаце вылучыцца з натоўпу, што адбываецца, каб быць у вашых інтарэсах, вядома. 

Мы ўвойдзем у краме крыху пазней. Я вельмі хачу, каб засяродзіцца на стварэнні прыкладанняў. Але кароткая версія крамы складае распаўсюджванне ва ўсім свеце, гэта аўтаматычна часткай Windows 8, людзі проста звольніць яго і зірнуць на розных прыкладанняў тут, ў вас ёсць сукенка-Up налепку кніга і ўсе віды розных прыкладанняў. Свежая фарба, я выкарыстоўваю гэта шмат - дрэнна, але я выкарыстоўваю гэта шмат. Гэта паказвае мне, што я ўжо яго ўладальнікам. Дазвольце мне паказаць вам тое, што я не - UVideos ў мяне няма, як новы. Вы бачыце тут гэта бясплатна, так што вы можаце ўсталяваць яго прама з крамы. У вас ёсць выбар таксама. Вы можаце, вядома, аддаваць яе. Вы можаце змясціць рэкламу ў прыкладання ці гульні. Вы таксама можаце спаганяць за яе плату, і вы маглі вельмі лёгка забяспечыць выпрабаванне для прыкладання, а так што вы можаце дазволіць людзям паспрабаваць яго на працягу тыдня або ўсё, што вы хочаце зрабіць. Вось толькі наладжвальны праз партал. Вы не пісаць ніякага кода для гэтага. Дык вы кажаце, "Вы можаце выкарыстоўваць гэта на працягу тыдня, а затым у вас ёсць, каб купіць яго," ці вы маглі б зрабіць нешта накшталт "Вы маглі б гуляць першыя 3 ўзроўню гэтай гульні », А затым вы павінны набыць для доступу да астатніх." Можна нават зрабіць у дадатак куплі, так што вы можаце сказаць, "У нас ёсць дадатковыя прыгоды або наборы графікі або рэчы, якія будуць разблакавалі - "Больш за рэцэптаў, якія разблакавалі -. Калі вы купляеце гэтыя пашыраныя наборы" І вы можаце зрабіць, што ўсё ў межах прыкладання або самой гульні. Так, цалкам залежыць ад вас, ваш выбар. Там вельмі шмат рэчаў, якія вы можаце зрабіць у краме, а затым у асноўным вы прадставіць яго на канал сертыфікацыі. Мы можам казаць ўсё пра тое, што крыху пазней, але гэта мэта. Вы хочаце, каб вашыя прыкладання па ўсім свеце бачнасць у краме тут. 

Вярнуцца на экране Пуск тут, я хацеў бы паказаць вам крыху больш. Калі я запускаю гэтыя прыкладання, дазвольце мне даць вам прыклад некаторых функцый крос-прыкладанняў тут. Каб зрабіць гэта, я буду запускаць свежай фарбай. Адна рэч, вы ўбачыце тут кожны біт экрана, усе пікселі на экране, перайдзіце да вашаму з дадаткам. Сышлі ў мінулае тыя дні, калі ў вас ёсць гэтыя межы вакол вокнаў з вялікай колькасцю кнопак, якія заўсёды ёсць займаюць прастору ўвесь час. Цяпер вы сапраўды хочаце, каб адысці ад гэтага і проста ваш кантэнт будзе ў цэнтры ўвагі. Мы можам зрабіць што-то з Windows, шляхам доступу іншых відаў меню. Адзін з іх на самой справе тое, што называецца бар любаты, і ён выходзіць з боку экрана. Вы сапраўды можаце Фліка з боку, калі ў вас ёсць сэнсарны экран, Вы маглі пстрыкніце правай кнопкай мышы, калі ў вас мыш, ёсць спалучэнне клавіш для яго, заўсёды ёсць больш чым адзін спосаб зрабіць што-то ў навакольным асяроддзі тут. Гэта прыносіць шэраг рэчаў, якія вы можаце зрабіць. Найбольш відавочным з'яўляецца, вы можаце вярнуцца на пачатковы экран, але астатнія 4 так званыя любаты. Яны ўяўляюць сабой кантракты, можна падключыць да як распрацоўшчык прыкладання. Яны даволі халаднавата. Пошук, я ўпэўнены, што тое, што вы збіраецеся рабіць, абмену я пакажу вам у секунду, і прылады і налады, усё гэта рэчы, якія ваша прыкладанне можа падключаюцца да выкарыстоўваць Windows, каб сказаць: "Я зрабіў сваю справу "І я хачу для Windows, каб падтрымліваць некаторыя іншыя функцыі, », І я не хачу пісаць шмат кода, каб гэта адбылося." Гэта сапраўды перавага выкарыстання гэтых магчымасцяў. Дазвольце мне паказаць вам адзін. Каб зрабіць гэта, я зраблю новую карціну. Я таксама казаў аб выкарыстанні кожны піксель для вашага прыкладання. Па змаўчанні, гэта тое, што фарба дадатак выглядае, калі вы выкарыстоўваеце яго. Гэта сапраўды проста пра ўсё, што вы малюеце, ваш кантэнт. Я мог зрабіць жудасныя рэчы тут. Што я павінен зрабіць? Я не ведаю. Крамзолі? О, выдатна. Я магу зрабіць крамзолі. Фантастыка. Індычка? [Смяецца] Гэта найбольш абстрактныя індычкі вы ўбачыце. Я таксама можаце выклікаць тое, што называецца бар дадатак, і гэта сапраўды адзін з ключавых спосабаў, якія можна выкарыстоўваць схавацца ўсе рэчы, якія можна было б на вашым дадатку або гульні перад проста займаюць прастору ўвесь час. Так што цяпер вы можаце змясціць яго тут, і гэта сапраўды адзін з самых выдатных уражанняў з панэлі прыкладання, якія я бачыў. Пакладзеце выбар тут для выбару розных кветак. Мы хацелі індычку, таму мы будзем паставіць некаторыя карычневы тут, пачаць змешвання праз пару кветак. Мы возьмем прамежкавы колер тут, а затым вярнуцца сюды. Вы можаце пачаць маляваць. Там твой індычкі. Фантастыка. Я не ўмею маляваць з самага пачатку, але зрабіць гэта з сэнсарнай панэллю ў пярэдняй частцы аўдыторыі, нават лепш. Гэта з'яўляецца дзіўным. Ідэя, аднак, гэта ўсё, што мяне хвалюе гэта прама тут, на паверхні. Скажам Я так задаволены гэтым, што я павінен падзяліцца ёю з кімсьці. Звычайна тое, што вы маглі б зрабіць з іншымі версіямі Windows, вы б, можа быць, зрабіць здымак экрана, вы маглі б зрабіць некаторыя копипаст вашага тэксту ці таму падобнае, якія вы хочаце дзяліць, а затым пайсці і адкрыць іншае прыкладанне і змясціць яго ў яе. Тут вам не прыйдзецца гэтага рабіць. Вы сапраўды можаце вывесці бар хараства і сказаць: "Я хачу падзяліцца гэтым." У гэты момант ён збіраецца паказаць вам усё прыкладання якія ведаюць, як працаваць з любым ў цяперашні час сумесна. У дадзеным выпадку гэта карціна, таму ён збіраецца сказаць: «Я бачу, у вас ёсць здымак." "Вы хочаце падзяліцца гэтым?" Вы можаце бачыць, што я па электроннай пошце сам матэрыял ўвесь час. Ён прызнае, што, і гэта мяне прапаноўваючы, што ў якасці цэтліка, але гэта таксама паказвае мне ўсё ок, што ведае, як змагацца з здымкай і рабіць нешта з ім. Яны ўсе паказана ў Windows, што яны могуць гэта зрабіць. У гэты момант гэта Вокны. Карыстальнік проста выбірае тое, што яны хочуць зрабіць з ім. Я зраблю ўсё звычайна з PuzzleTouch. Вы можаце бачыць, я стварыў усе віды галаваломак з цягам часу. Я вазьму PuzzleTouch і сказаць: "Я хачу падзяліцца гэтай дзіўнай стварэнне з PuzzleTouch." Гэта будзе ісці наперад і сказаць: "Выдатна. Вы хочаце падзяліцца гэтым? Цудоўна». "Вы хочаце, каб зрабіць пазл, які лёгка, прамежкавы, што?" Я зраблю прамежкавы той тут. Гэта робіць загадку. Гэта збіраецца быць жахлівым галаваломка, таму што гэта ў асноўным пустым. Але ён гатовы, і гэта на самай справе яшчэ ў іншай праграме. Калі б я прыйшоў сюды, я магу шукаць яго і запусціць яго. Цяпер, калі мы вылучыце на ледзь-ледзь тут, мы павінны ўбачыць маё тварэнне недзе. Дзе я? Якія загадкі я зрабіў? Хіба я зрабіць гэта лёгка? О, вось яна, прама там. [Смяецца] Гэта лёгка пазнаюцца індычкі галаваломка, якая тут. Але, што я хачу паказаць вам, выдатна, што тут з'яўляецца прыкладанняў нічога адзін пра аднаго не ведаюць. Яны толькі сказаў: "У мяне ёсць здымак, каб падзяліць, і я ведаю, як мець справу з фотаздымкамі." І вы, як распрацоўшчык, вы не павінны пісаць гэты код. Калі хто-то пытаецца мяне падзяліцца, я збіраюся паставіць некаторыя дадзеныя ў гэтай маленькай структуры дадзеных і я зрабіў. Іншы дадатак бярэ на сябе, робіць сваю справу, і гэта канец абмену вопытам. Гэта ўсяго толькі адна рэч, якую вы можаце зрабіць - сапраўды, вельмі магутны - і гэта будзе адна з тых рэчаў, якія маглі б рэальна дапамагчы дыферэнцаваць сваё прыкладанне а таксама ваша гульня таксама ў краме. Людзі збіраюцца, каб мець магчымасць сказаць: «Гэта сапраўды карысна." "Я выкарыстоўваю гэтую Puzzle Creator ўвесь час. Гэта проста фантастыка". 

Гэта досыць аб з кароткага агляду таго, што тут адбываецца. Там у пару іншых асаблівасцяў таксама, што, можа быць, мы вылучым, як мы ідзем праз код. Але я хачу, каб паглыбіцца ў слайдах, і каб зрабіць гэта, я збіраюся пайсці ў Desktop, які сам па сабе іншы жывы пліткі тут. Я магу пайсці ў гэта і, вядома ж, я на слайдах, але дазвольце мне паказаць вам на самай справе, дзе мы знаходзімся. Мы на самай справе ў рэжыме Desktop. Гэта сапраўды, дзе, што я казаў раней пра Windows, несучы наперад для новых уражанняў паказвае сябе. Гэта Windows, вы ведаеце. Прыкладанні для Windows называюцца настольныя прыкладанні. Яны бягуць сюды. Калі ў вас ужо ёсць прыкладання, і вы хочаце запускаць іх на Windows 8, Вы можаце абсалютна зрабіць гэта. Гэта не адно і тое ж у якасці сховішча прыкладанняў, якія тут, як свежай фарбай і гэтых NBC News прыкладанняў і таму падобнае. Тыя, прыйдзе з крамы. Яны могуць падключыць у некаторыя з функцый, якія я паказваў вам і іншыя, якія я не паказаў вам, толькі пакуль. Але толькі майце гэта на ўвазе. У нас ёсць падтрымка абодвух гэтых рэчаў. Мне вельмі шкада. Нешта не паказвае на экране? Я страціў яго цалкам. Гэта дзіўна. Добра. Дзякуй за ўказанне на гэта. Тое, што вы не былі бачачы на ​​некаторы час гэта мой паказваючы вам, што на працоўным стале знаходзіцца тут. Што такое апошняе, што вы бачылі? Вы бачылі гэта? Гэта рабочы стол. Вы ўжо ведаеце, як гэта выглядае. Гэта нічога жудасна нязвыкла. Гэта наша правядзення такога вопыту наперад для вас і дазваляючы выкарыстоўваць тое, што вы мелі. Напрыклад, я буду паказваць вам Visual Studio. Гэта настольнае прыкладанне. Гэта будзе працаваць у гэтым рэжыме. Гэта будзе падтрымліваць больш складаныя асяроддзя з вялікай колькасцю опцый і таму падобнае, так што робіць яго добрым варыянтам у якасці настольнага прыкладання. 

Тым не менш, давайце вернемся да слайдамі для толькі трохі і даць вам некаторы ўводны змесціва, а затым патрапіць у справе кадавання тут. Добрай навіной з'яўляецца тое я чуў, вы засяродзіліся на шмат CSS і JavaScript, HTML. Усе гэтыя рэчы, якія вы так доўга вучацца несці непасрэдна ў стварэнне Windows Store прыкладанняў. Тое, што вы чулі пра з ужываннем CSS селектары і ўсе тыя рэчы, менавіта тое, што вы робіце, каб стварыць прыкладанне тут для крамы. Мы пойдзем праз гэтыя рэчы па кавалачках. У прынцыпе, я будую на рэчы, якія вы ўжо знайшлі час, каб вучыцца. Гэта агульная схема тэхналогій, якія можна выкарыстоўваць зрабіць прыкладанні для Windows 8. Матэрыял справа, настольных прыкладанняў, сапраўды тое, што мы ўжо ведаем. Гэта рэчы, якія на самай справе Windows 7 свет пераносіцца ў Windows 8. Усё з гэтых варыянтаў прасоўвання наперад: C #, VB, Win32 выгляд развіцця. Вялікі. Няма праблем. Новы матэрыял знаходзіцца на левай баку. Гэта Windows Store прыкладанні, што, калі я хачу, каб мая заява правадной у Windows 8 выкарыстоўваючы ўсе гэтыя магчымасці, атрымаць яго ў краме, і атрымаць, што сапраўды выдатна вопыт з прыкладанняў Windows Store. Каб зрабіць гэта, вы можаце паглядзець тут у вас ёсць усе вашыя выбары з XAML, C + +, C #, VB, вы маглі б зрабіць DirectX, і да таго падобнае, рэчы, якія выходзяць за рамкі слайда. Але для нас, мы збіраемся засяродзіцца прама ў на тым, што HTML, CSS, і JavaScript сапраўды першакласны грамадзянін для прыняцця заяўкі на Windows 8 і для Windows Store. Так што гэта добра для ўсіх тут і людзей, якія глядзяць на відэа таму што вы можаце проста выкарыстоўваць усе тыя перажыванні, якія ў вас ёсць і сапраўды звязаць у тое, што прапануе Windows,. Вы збіраецеся зрабіць гэта праз набор API-інтэрфейсаў, якія не павінна здзіўляць. Кожны АС мае свае API. Мы выкрыць тое, што АС Windows можа зрабіць праз тое, што называецца WinRT. Гэта набор API-інтэрфейсаў, што проста робіць усё для вас. Калі вам трэба адкрываць файлы, вам трэба выкарыстоўваць камеру, геолокации, такія рэчы, як, што, яны ідуць праз тое, што АС Windows можа прапанаваць вам. Каб атрымаць доступ да, што, у нас ёсць больш наяўнасць што адбываецца, каб зрабіць яго яшчэ прасцей для вас, каб зрабіць гэта. Мы вернемся да гэтага крыху пазней. Але на сённяшні дзень, гэта ў асноўным ваша дарожная карта. Тое, што вы ўжо рабілі зверху некаторых API, што дапаможа вам працаваць з Windows, роўна магазін праграму. І гэта сапраўды ўсё, што вы павінны ведаць, ад высокага ўзроўню. 

Мы будзем апускацца ў самай справе працуе з матэрыялам цяпер. Тое, што вы, верагодна, ужо бачылі кучу, з IE9 некаторы час таму мы ўвялі падтрымку шмат, у той час, новыя стандарты ў Web, так шмат новых магчымасцяў CSS, шмат новага HTML, ECMAScript 5, які сапраўды JavaScript. Так што ўсё для гэтага строгага рэжыму за выключэннем быў у IE9. Проста тоны матэрыялу з CSS, CSS3, усё там. І ўсе гэтыя рэчы нясе наперад у тое, што мы робім з Windows 8. Вы можаце выкарыстоўваць гэтыя рэчы, і вы можаце выкарыстоўваць усе, што новага ў IE10. З IE10 ўвядзем падтрымку ўсе гэтыя рэчы, а таксама. Яны ўсе з апаратным паскарэннем, так што калі вы на машыне, якая мае нейкую GPU, што, верагодна, у значнай ступені кожная машына, што вы маглі б атрымаць на працягу апошніх 8 гадоў, вы збіраецеся быць у стане мець апаратнае паскарэнне вываду, візуальнага вываду з CSS, Canvas, SVG. Усе гэтыя рэчы будуць праходзіць апаратнага паскарэння і, што значна хутчэй і больш эфектыўна. Кароткая версія ўсё гэта - я не збіраюся ісці праз кожную рэч тут - калі вы бачыце яго ў гэтым спісе, калі вы можаце зрабіць гэта ў IE10, калі гэта вэб-дадатак, якое вы выкарыстоўваеце, што працуе ў IE10, гэта тое, што вы можаце зрабіць, як прыкладанне для Windows Store. І гэта ў значнай ступені ён. Так што, калі ён працуе ў IE10, ён будзе працаваць у якасці дадатку для Windows Store. Гэта на стол, як тое, што вы маглі б выкарыстоўваць. 

Там вельмі шмат тут. Мы не павінны да паўночы, так што я не магу азнаёміцца ​​тут усё. Але ёсць некаторыя сайты, якія дапамогуць вам зразумець, што гэтыя рэчы могуць зрабіць, і я пакажу вам адзін з іх у секунду. Я проста хацеў бы адзначыць, некаторыя з ключавых рэчаў, якія вы маглі б глядзець на. Можа быць, вы ўжо бачылі некаторыя з іх у сваіх даследаваннях, але яны сапраўды карысныя, у прыватнасці, з Windows Store прыкладанняў, ад CSS баку. Акрамя таго, магчымасць рабіць пераўтварэнні і пераходы, забяспечыць рух з анімацыяй - яны з'яўляюцца часткай CSS зараз, і ўсе яны падтрымліваюцца сучаснымі браўзэрамі, і IE10 і IE9 дадалі падтрымку ў часе для ўсіх гэтых рэчаў. І так навошта пісаць гэта самастойна, таму прайсці праз усе непрыемнасці рабіць гэтыя рэчы ўручную калі вы маглі б выкарыстоўваць просты CSS пераўтварэнні для стварэння 3D-эфекту для вашага прыкладання? Вялікі. Вось як гэта працуе. Я не магу зрабіць гэта складаней, чым гэта. Калі вы ведаеце, як гэта зрабіць у CSS, вы ведаеце, як гэта зрабіць у дадатку для Windows Store. 

Выхад за межы, што для разметкі, такія рэчы, як нават у краме прыкладання, але выхад за межы, што, гледзячы на, можа быць, прэс-дадатак, якое паказвае вам артыкула ці рэцэпты ці таму падобнае, гэтыя іншыя віды асаблівасцяў у CSS сапраўды карысныя: Сетка, Flexbox, CSS Рэгіёны, хутчэй, даволі новага стандарту, а таксама. Гэтыя рэчы ўсё збіраемся, каб дапамагчы вам выкласці змесціва і змесціва паміж секцыямі цячы, быць у стане зрабіць разбіццё на старонкі і пераносаў без неабходнасці пісаць матэрыял самастойна. Вы проста кажаце: "Калі ласка, выканайце наступныя дзеянні для мяне", і як экран нерухомасці адрозніваецца на розных машынах ці як вы ўбачыце ў адзін момант, як вы пстрыкае заяўку мець меншае колькасць прасторы на экране, гэта не праблема для CSS. Ён можа скарыстацца - Мы вырабім размовы аб СМІ запытаў у секунду - ён можа клапаціцца аб рэчы з репозиционирование сваё ўтрыманне, бягучы кантэнт з рэгіёнаў проста з гэтымі рэчамі, якія вы, магчыма, ужо бачылі з вэб-тэхналогіі. 

На баку HTML5, ёсць таксама куча рэчаў што будзе вельмі карысна для вас з Windows Store прыкладанняў. Зноў жа, мы не будзем прайсці праз усё гэта, але яны проста тут. Так што калі вы павінны выкарыстоўваць яго, аўдыё-відэа, калі вы хочаце зрабіць праверку ад формаў, геолокации, усё, што вы можаце зрабіць у JavaScript з JavaScript 5 ці ECMAScript 5, IndexedDB для лакальнага захоўвання дадзеных - усё гэта варыянты для Вас. Калі вы шукаеце адказ, проста паглядзіце на існуючых тэхналогій з HTML5 і CSS і вы знойдзеце лягчэй адказаў, чым таго, каб згарнуць шмат таго матэрыялу самастойна. Дазвольце мне паказаць вам вакол трохі тут. У мяне ёсць сайт, мы можам пайсці. Дазвольце мне трэба выйсці з гэтага слайда на секунду. 

Калі мы выходзім у IETestDrive.com, Я не буду рабіць шмат дэма тут. IETestDrive.com сапраўды паказвае вам шмат, што новага ў IE10, рэчы, якія вы можаце зрабіць. Я лічу, што гэта сапраўды карысна, таму што замест чытання праз кучу афіцыйных дакументаў, разгледзім некалькі дэма, і гэта дапаможа вам паставіць яго на свой асабісты радара о, ці мае гэта тэхналогія сэнсу нават рабіць якія-небудзь дадатковыя даследаванні з так вы зразумееце, "Я бачу, што гэта для". "Я разумею, што запыт кадр анімацыі робіць для мяне." "Я разумею, як я мог бы выкарыстаць Рэгіёны або SVG фільтры." Вы бачыце іх у дзеянні, убачыць іх на прыкладзе тут, і вырашыць для сябе, калі гэта будзе карысна для вас у вашых уласных праектах і за яе межамі як вы будзеце працягваць працаваць з вэб-тэхналогіі. Тут я б проста заклікаю вас зірнуць. Я не думаю, што буду праводзіць шмат часу на самай справе працуе гэта. У нас ёсць дастаткова, каб паказаць з напісання кода. Вы ўбачыце тут рэчы з сэнсарных эфектаў у гульнях дакрануцца аснове ў гэтым раздзеле, анімацыя, вельмі хутка апаратнае паскарэнне анімацыі там, некаторыя аптымізацыі, якія вы ўбачыце ў некаторых з гэтых узораў, а, і ёсць многія, многія іншыя. Калі вы ідзяце сюды і адкрыць карту сайта, там проста смешна колькасць узораў тут. Вы можаце ўбачыць іх усё тут. Калі вы глядзіце на нешта, ці вы чулі пра што-то і вам цікава, можа быць, гэта будзе нешта выдатна выкарыстоўваць у дадатку, паспрабуйце звярнуцца тут, і там, напэўна, даволі добра дэма для таго, каб зэканоміць час. 

Добра? Любыя пытанні да гэтага часу для людзей тут? Добра. Мы будзем весці тут. Зноў жа, праверыць гэта. Яны вэб-стандарты, так што ісці на любыя іншыя сайты вітрыны якіх вы ведаеце і паглядзець, калі гэтыя тэхналогіі маюць сэнс для таго, што вы спрабуеце зрабіць. 

Назад да слайдамі. Тым не менш, вы рухаецеся з вэб-свету, каб сапраўды усталяванай свеце мясцовае прымяненне, так што ёсць некаторыя рэчы, каб адзначыць тут,. Перш за ўсё, няма вэб-сервер ўдзельнічае тут. Там няма Apache, няма IIS працуе тут абслугоўвае да старонкі на выдаленым кліенце, на выдалены агент браўзэра. У гэтым выпадку, сапраўды ўсё запакаваная для вас. Вы ўявіць, што ў вашым дадатку ў краму, ён атрымлівае сертыфікацыю, гэта ў краме, а затым людзі тысячамі будзе ўсталяваць гульню ці ваша прыкладанне. Але ў прынцыпе, яны пацягнуўшы яе ўніз лакальна на свой кампутар. Там няма неабходнасці выходзіць у Сетка больш, калі ў вас няма выклікі, якія патрабуюць аддаленага API, і гэта цалкам нармальна, а таксама. Але яны не збіраюцца быць у гэтым рэжыме, дзе яны павінны пайсці адказ на запыт з сервера каб атрымаць наступную старонку іх змест. Так што сказаў, ёсць некалькі нязначных адрозненняў API. Гэта неверагодна нязначныя. Яны наўрад ці трапіў вам у вашай нармальнай кадавання, але яны, па меншай меры дакументальна. Яны свайго роду крайнія выпадкі ёсць. 

Іншая рэч, варта адзначыць, з'яўляецца адрозненні давер. Я толькі кажу пра гэта, таму што я проста хачу, каб пераканацца, што я сказаў, што гэта так што калі вы сутыкнецеся з ёй пазней, вы будзеце думаць ", сказаў нешта пра гэта Крыс, "Так што, магчыма, ды і добра", а затым вярнуцца назад і высветліць, што гэта было. Кантэксты мае значэння. Па змаўчанні мы стараемся абараніць карыстача ад вектараў атакі. Ёсць пэўныя рэчы, якія вы можаце зрабіць па змаўчанні і некаторыя рэчы, якія трэба змяніць кантэкст для таго, каб. Як вы выкарыстоўваеце некаторыя бібліятэкі там - you've ўжо працуе з JQuery, але калі вы паглядзіце на іншых бібліятэк там - вы маглі б выкарыстоўваць некаторыя функцыі такога роду выходзіць за рамкі лакальнага выкарыстання, робіць больш дынамічныя ўзаемадзеяння Запыты XHR, і таму падобнае. Часам вы можаце знайсці тых, будзе адключаная па змаўчанні, і ў гэтым выпадку, проста выканайце пошук, шукаць мясцовых і вэб кантэксце, і вы даведаецеся, як выправіць гэта. Проста пераканайцеся, што вы ведалі пра тое, што, калі вы пачнеце выкарыстоўваць іншыя механізмы, які, я павінен згадаць, што ты выдатна ў стане зрабіць. Так што, калі Вы знайшлі іншыя рамкі - Мы вырабім казаць пра гэта праз секунду - для гульняў, і вы хочаце выкарыстоўваць, што, вы хочаце выкарыстоўваць некаторыя бібліятэкі кіравання, якія там і вы не хочаце напісаць, што матэрыял самастойна - гэта добрая ідэя, ці не так? - Вы можаце абсалютна выкарыстоўваць гэты матэрыял. Там няма нічога вас стрымлівае ад выкарыстання якой-небудзь бібліятэцы, у аснову JavaScript, CSS, HTML5. Зноў жа, калі гэта тое, што вы можаце зрабіць у IE10, які з'яўляецца па-чартоўску шмат у гэтыя дні, Вы можаце зрабіць гэта. Выцягніце яго ў вашым дадатку, спасылка, бібліятэка JavaScript, і выкарыстоўваць яго ў сваім дадатку, проста маючы на ​​ўвазе, вы, магчыма, ударыў кантэкст бяспекі раз у той час - не вельмі часта. 

А потым асаблівасці, мы разгледзім яшчэ некалькі з тых, як мы ідзем. UX вы ўжо часткова прывыкае да, як вы ўсё больш і больш прыкладанняў ад Windows Store. Вы атрымліваеце адчуць, як яны працуюць і як правіла дызайн эстэтычнае працаваць ў розных прыкладаннях і тое, што людзі будуць выкарыстоўваць для перажывае. Гэта сапраўды важная частка. Пераканайцеся ў тым, што, калі яны запусціць сваё прыкладанне ім не трэба чытаць кіраўніцтва, якія яны ніколі не робяць, дарэчы. Яны проста павінны быць у стане пачаць гуляць з дадаткам і высветліць гэта без адмысловай працы. Прытрымліваючыся і прытрымліваючыся многія з гэтых метадаў, вы збіраецеся зрабіць сваім карыстальнікам вялікае ласку, што робіць, што прасцей. 

Добра. І апошняе, што на баку API, а затым мы атрымаем у самай справе напісання кода. WinJS у тым, што рэч, якую я згадаў вельмі коратка з гэтай складанай слайда з усімі гэтымі рознымі варыянтамі, што ў вас ёсць для падачы заявак. WinJS, вы можаце думаць пра гэта як прыяцелем. Гэта ваш сябар, каб дапамагчы вам напісаць матэрыял хутчэй. Гэта проста JavaScript і CSS. Вы не павінны выкарыстоўваць яго. Вы можаце выкарыстоўваць яго. Калі вы збіраецеся тэлефанаваць у з асаблівасцямі АС Windows, вы ў канчатковым выніку выкарыстоўваць яго, але калі ёсць такія рэчы, як некаторых шаблонаў праектавання або кіравання, якія вы сапраўды не хочаце выкарыстоўваць, Вы хочаце выкарыстоўваць нешта яшчэ, гэта залежыць ад вас. Вырашыце, што вы хочаце выкарыстоўваць і стылі, якія вы хочаце выкарыстаць. Асаблівасці ад прасторы імёнаў і класа пакалення - залежыць ад вас. Калі вы аддаеце перавагу адзін ці іншы, гэта цалкам ваш выбар. Ён па-ранейшаму JavaScript і CSS. Але гэта будзе, каб дапамагчы вам зрабіць шмат рэчаў. Напрыклад, вось частка таго, што ён можа зрабіць, рэчы, як дапамагаючы асінхроннага праграмаванне з абяцаннямі. Любы з вас чулі або працаваў з Node.js? Гэта агульная карціна для працы з асінхроннага праграмавання. Таму ў асноўным тое, што вы кажаце, "Ідзі зрабіць што-то, »І вы збіраецеся даць мне абяцанне, што вы будзеце вяртацца да мяне, калі вы скончыце." Гэта істотна, што адбываецца. Так што вам не замярзаюць прыкладання, калі карыстальнік збіраецца і выбраць файл ці нешта ў цяперашні час цяклі з Інтэрнэту. Карыстацкі інтэрфейс застаецца працаздольным. І вы можаце зрабіць гэта з дапамогай асінхроннага праграмавання. Гэта гучыць смешна складаным, але гэта сапраўды проста таму, што вы карыстаецеся абяцанні і вы толькі што сказалі: "Ідзі зрабіць гэта, і калі вы скончыце, ператэлефанаваць гэтым метадзе." Гэта даволі шмат яго. Вось і ўсё, убудаваны ў WinJS. Гэта збіраецца зрабіць гэта нашмат лягчэй пісаць сапраўды гнуткія і магутныя прыкладання. 

Вы можаце убачыць астатнія тут, шмат анімацыі. Верагодна, гэта адзін з найбольш важных рэчаў, на гэтым слайдзе элементы кіравання. Я думаю, што ў мяне ёсць цэлае - так, я раблю. Вось прыклад таго, некаторыя элементы кіравання, якія можна выкарыстоўваць у сваіх прыкладаннях. Гэта ўсё прама з WinJS. Вы не пішу гэтыя сябе, Вы толькі што сказалі, "Вось як я хачу, каб скласці сваю заяву." "Я буду выкарыстоўваць выгляд фліп, каб я мог пайсці паміж рознымі малюнкамі." Я не паказаў вам Semantic Zoom. Я пакажу вам, што ў секунду. ListViews. Там у GridViews. Вы ўжо бачылі сетку як частка крамы прыкладання, таму магчымасць выкарыстоўваць блокі кантэнту і прагорткі праз што. Усплываючых меню вы ўбачыце час ад часу. Бар прыкладанне, якое я паказаў вам, што свежы нанясення фарбы, а таксама, так што вы бачылі, як вы можаце наладзіць, што, паставіўшы кнопкі на ім і які мае, што схавацца, калі вы не клапоціцеся, каб выкарыстоўваць гэта. Гэта сапраўды цалкам залежыць ад вас, каб выкарыстаць. Гэта ўсё элементы кіравання, якія з'яўляюцца часткай WinJS. Я пакажу вам, як зрабіць гэта праз секунду, але ёсць больш, чым проста гэта, і галоўным з'яўляецца тое, выкарыстоўваць іх, калі вы хочаце, зэканоміць час. 

Калі ў вас ёсць іншыя бібліятэкі кіравання, якія вы хацелі б выкарыстоўваць, гэта выдатна таксама. Такія рэчы, як JQuery UI зрабіць шмат такога роду ідэі, а, падаючы больш кантролю, якія пашыраюць што вы можаце зрабіць у HTML і JavaScript. Давайце паглыбімся цалі Я ўжо казаў, што. Выкарыстоўвайце тое, што вы хацелі б. Проста майце на ўвазе, што вы можаце сутыкнуцца з некаторымі праблемамі кантэксту. Але можна, вядома, змешваць і спалучаць любы від бібліятэк Вас задавальняе, Вы хочаце даведацца, вы хочаце выкарыстоўваць, каб зэканоміць час. 

Давайце пагаворым аб інструментах на секунду. Вы можаце атрымаць тое, што вам трэба, каб пачаць працаваць з Windows Store прыкладанняў. Калі я вярнуся, я занадта шмат рэчаў тут. Калі вы ідзяце на гэтую старонку, якая dev.windows.com, вы можаце спампаваць усе, што трэба. Як студэнты, у вас ёсць доступ да больш чым шырокая грамадскасць робіць, так што вы можаце атрымаць больш высокага ўзроўню версіі Visual Studio. Эдвін згадвалася вы ўжо можаце атрымаць Windows, а таксама. Але ў цэлым, для ўсіх распрацоўнікаў, вы можаце пайсці на гэты сайт і спампаваць усё, што трэба, каб зрабіць заяву, і ўсё гэта бясплатна. Так што ёсць бясплатная версія Visual Studio, Ёсць некаторыя інструменты, якія будуць устаноўлены побач з, што - усё, што трэба для стварэння і тэставанні прыкладання. Гэта толькі тады, калі вы збіраецеся апублікаваць сваё прыкладанне да крамы што вы будзеце мець патрэбу ўліковага запісу распрацоўніка. Гэта таксама я лічу, гэта бясплатна. Гэта бясплатна для студэнтаў, а? >> [Гуарин] Які? Уліковы запіс распрацоўніка, фактычнае падпарадкаванне. >> [Гуарин] Так. Гэта яшчэ адна добрая навіна. Вы паглядзіце на гэта. Гэта будзе сказаць, для чалавека па змаўчанні гэта $ 49. Але не падпісацца на што, будучы студэнтам. Мы атрымаем некаторую інфармацыю праз вашы праграмы, якія можна атрымаць уліковы запіс бясплатна, і што дазволіць вам затым прадставіць свае прыкладанні аж да крамы, столькі, колькі вам падабаецца, і ўсё, што дабра неўзабаве рушаць услед. Дык вось dev.windows.com. Вы можаце спампаваць інструменты, якія могуць спатрэбіцца адсюль. І калі вы хочаце, вы можаце атрымаць пробную версію Windows, тут, але зноў жа, вы не павінны будзеце. 

Іншы сайт - дазвольце мне адзначыць гэты для вас хутка - гэта design.windows.com. Гэта было dev.windows.com. Design.windows.com, вы можаце здагадацца, для чаго ён патрэбны. Гэта на самай справе даволі дружалюбны сайт. Там вельмі шмат добрай інфармацыі тут. Вы можаце працаваць праз яго. Гэта адбываецца, каб даць вам некалькі саветаў аб некаторых рэчах што, магчыма, вы не думалі пра да або меў справу з перш, як праектаванне для дотыку, праектавання для розных формаў-фактараў, праектавання для магчымасцяў Windows 8, тое, што я ўжо казаў як пошук і абмен, некаторыя рэчы, якія я не казаў пра яшчэ. Яны ўсе пералічаныя тут, і гэта даволі добры набор карысных старонак файлаў , Якая дапаможа вам зразумець, як зрабіць пэўны выгляд прымянення, як зрабіць ўзаемадзеянне, як змагацца з карыстацкім інтэрфейсам і UX вашага прыкладання. Я рэкамендую вам зірнуць на гэта, асабліва калі вы ў нейкі момант спадзеючыся апублікаваць прыкладанне ў краму. Вы збіраецеся хочаце ведаць, як зрабіць добрую заяўку таму што я ўжо казаў, калі вы гэтага не зробіце, ёсць тыя водгукі зноў. Людзі збіраюцца, каб быць няшчасным. Яны не змогуць знайсці тое, што яны чакаюць у патрэбных месцах. Ніхто не хоча, каб гэта адбылося з вамі. 

Забягаючы наперад тут, дазвольце мне зачыніць, што ўніз. Зараз, калі вы ведаеце, дзе атрымаць рэчы, я пакажу вам, як на самой справе пачаць выкарыстоўваць матэрыял. Для пачатку я на самай справе паказаць вам тут прыклад настольных прыкладанняў на маім экране Пуск. Тут вы можаце ўбачыць Visual Studio, вы можаце ўбачыць сумесь і іншыя інструменты распрацоўніка, што ў мяне ёсць. Яны маюць крыху іншы пліткі. Гэта таму, што яны настольныя прыкладанні, і ў тых выпадках, яны ўсё збіраецца запусціць назад у маім працоўным стале сапраўды як прыкладанні, якія вы прывыклі. Так вопыт для Windows, гэта адно і тое ж. Яны не з'яўляюцца, напрыклад, як узброены! або гэтыя рэчы. Дазвольце мне запусціць адзін хутка. На самай справе, вось цікавым. Гэта быў распрацаваны студэнтаў, якія працуюць у партнёрстве на NERD. Прыкладанне ў поўнаэкранным рэжыме, гэтыя віды вопыту тут. О, добрыя выразаць экраны і ўсе віды прышпільных рэчаў. Яны распрацавалі гэты. Мы маглі б таксама паказаць усё гэта ў той час як мы на гэта. На самай справе, я працаваў з імі трохі, даў ім некалькі саветаў аб рэчах таму што яны рабілі наяўнасць іх прымянення. Калі ласка, я не бяру да іх працы, яны зрабілі ўсю працу. Я проста даў ім трохі саветаў тут і там, але яны зрабілі некаторыя вялікія рэчы з дапамогай пярэдні канец JavaScript і звязваючы ў некаторых фізічных сістэмах і рэчаў, каб зрабіць шмат гэтай працы. Перайсці. Давайце паглядзім, калі гэта працуе. Нічога сабе, гэта ўсё яшчэ працавала. Добра, добра. Але вы зразумелі ідэю. Поўны экран дадатак, сапраўды добрае ўражанне. Гэта аказвае падтрымку не толькі мыш і ручку, калі ў мяне ёсць такія рэчы, як, што, але і дакрануцца. Калі б я быў сэнсарны экран, я мог бы проста звярнуць на яго і працягваць працаваць з гэтым. 

Адна рэч, я не паказваў, і прычына, чаму я прыношу гэта ўверх гэта я хацеў бы мець іншае прыкладанне, каб паказаць вам, што вы можаце зрабіць, Вы можаце на самой справе ўзяць прыкладанняў у АС Windows і перацягнуць іх у бок экрана. Гэта называецца прывязкі прыкладання. У гэтым выпадку, я ўзяў Inkarus і я дадаў яго ў бок тут. У цяперашні час у Прывязаць гледжання, і што дазваляе мне рабіць нешта яшчэ ў той час, што ўжыванне ёсць. Большасць гульняў вы знойдзеце будзе проста паўза. Гэта звычайна прыстойная, што трэба зрабіць, калі ваша гульня не можа нейкім чынам памяншаць да таго, што маленькі з рэзалюцыі, як, можа быць, нейкі настольныя гульні ці таму падобнае з нагоды. Але ў цэлым, прасцей за ўсё зрабіць, і найбольш прыдатным, што трэба зрабіць для гульняў з'яўляецца прыпынення працы прыкладання. Для прыкладанняў, такіх як навінавыя прыкладання, калі я запускаю гэты і тады я прывязаць яго, вы ўбачыце, што на самой справе істотна змяняе ў тым, як гэта прадстаўленне даных для вас. Тут ён паказвае вам на самай справе больш вертыкальнае панарамаванне, што інфармацыя, але я ўсё яшчэ магу абсалютна выкарыстоўваць праграму. Так што гэта яшчэ вельмі карысна. Той факт, што гэта ў меншай гледжання не ўтрымаць мяне ад выкарыстання гэтага прыкладання. Так што падумайце аб гэтым. Гэта тое, што вам трэба мець вашыя прыкладання зрабіць у некаторай ступені, але гэта да вас, каб вызначыць, як функцыянальная вашыя прыкладання павінны быць у такім меншай асяроддзя. Дазвольце мне закрыць гэтую адну ўніз і вярнуцца ў тое, дзе мы былі тут. 

Эдвін, вы дадалі фатаграфію мяне ўжо? >> [Гуарин] Так. >> [Боуэн] Паглядзіце на гэта. Бачыш? Эдвін дадаў фатаграфію. [Смяецца] 

Давайце вернемся сюды ў Visual Studio. Дазвольце мне пачаць гэта для вас. Я мог бы націснуў на плітцы на гэтым экране Пуск. Гэта вярнула мяне ў рэжым Desktop, і гэта запускае настольнае прыкладанне з Visual Studio. Гэта вокны, якія вы ўжо ведаеце. Я магу ісці наперад і стварыць праект тут. Мы зноў засяродзіцца на JavaScript, HTML. Я збіраюся выйсці і выбраць тут пад JavaScript, Windows Store. Там у шэраг шаблонаў, якія можна выкарыстоўваць. Для прадукцыйнасці, я б парэкамендаваў вам зірнуць на некаторыя з гэтых астатніх тут як грыд і Спліт. Яны сапраўды карысныя, калі вы робіце заяўку што будзе мець такі дызайн і навігацыя. Вы ўбачыце гэтыя шмат. Той, які я толькі што паказаў вам на самай справе асобнікам грыд-прыкладанні. Так што калі вы думаеце, што вы збіраецеся рабіць на прэс-дадатак або RSS Reader ці нешта ў гэтым родзе, што мае справу з мноствам запісаў, для якіх вы хацелі б паказаць дэталі, думаю аб выкарыстанні аднаго з гэтых шаблонаў для хуткага пачатку і налады яго адтуль. Але толькі так я магу паказаць вам усе якія рухаюцца часткі тут Я збіраюся стварыць пусты дадатак, а затым мы пойдзем трохі глыбей у дэталі. Я проста зрабіць гэта пустое заяву тут. Гэта збіраецца стварыць цэлы праект для мяне. Я адкрыю рэчы, якія я хачу паказаць вам, па змаўчанні. Дазвольце мне толькі павялічыць трохі, каб паказаць вам, што стварыў для нас тут. Тое, што вы збіраецеся глядзець на першы усё па імя па змаўчанні. Так што вы збіраецеся шукаць default.html, default.js і default.css. Акрамя таго, неабходна адзначыць, з'яўляецца тое, што ў нас ужо ёсць спасылкі на тое, што я ўжо казаў. Гэта WinJS. Ніхто на самай справе не называе гэта такім доўгае імя тут. Гэта WinJS, Бібліятэка Вокны для JavaScript. Калі вы адкрыеце яго, вы можаце ўбачыць усё гэта тут. Там у розныя файлы CSS, ёсць JavaScript. Гэта там, каб дапамагчы вам. Гэта сапраўды там, каб забяспечыць кантроль і стылі і рэчы, якія вы можаце проста выкарыстоўваць аўтаматычна. Але зноў жа, калі ёсць рэчы, якія вы хочаце выкарыстоўваць замест з пункту гледжання стылю і іншых элементаў кіравання, гэта цалкам залежыць ад вас. Я пакажу вам, як выкарыстоўваць пару з тых рэчаў, прама цяпер. 

Вярнуцца на на нашым левага боку, дазвольце мне паказаць вам старонку па змаўчанні HTML. Вы ўжо бачылі рэчы WinJS, і гэта сапраўды ўсё, што там адбываецца з тых сярэднія лініі разметкі, проста прыносячы ў CSS па змаўчанні і прывядзенне ў пару файлаў JavaScript з WinJS. Вам не трэба быць майстрам, што адбываецца ўнутры гэтых файлаў. Гэта даволі цікава зірнуць на іх, каб збольшага разгледзець тое, што адбываецца ў там таму што ёсць даволі цікавыя прамежкавыя і перадавыя метады, якія адбываюцца ў там, але добрая рэч, як распрацоўшчыкаў, вы можаце проста скарыстацца імі, проста выкарыстоўваць іх і на самай справе не прыйдзецца турбавацца пра гэта. Вы ўсё яшчэ можаце вадзіць машыну, не ведаючы, як гэта працуе, ці не так? Дык вось такая рэч, што тут адбываецца. Там у органы кіравання і стылі і рэчы, якія вы можаце проста ісці наперад і выкарыстоўваць і код, які можна выкарыстоўваць у секунду, не ведаючы, што там. Вось вашы ўласныя файлы. Гэта вашыя месцы, якія вы можаце змяняць свой уласны CSS і ваш уласны JavaScript, каб рэчы пракаткі. Вы будзеце дадаваць вядома іншыя файлы JavaScript і, магчыма, іншыя файлы CSS як ваш праект расце, але гэта сапраўды ўсяго толькі адпраўная кропка. Вось Прывітанне, свет эквівалент HTML, так што мы яшчэ ў цела тэга. У верхняй частцы, дарэчы, гэта тып дакумента HTML5, так вы зразумееце, што ад таго, што вы працавалі на. Там поўна IntelliSense тут, так што, калі вы робіце рэчы, як тыпу ў відэа тэга і пашырыць, што, вы, напэўна, даведаліся пра тое, што вам трэба зрабіць, рэзервовы кадаваньне для відэа тэгаў у HTML5 - ці, можа быць у вас ёсць - для таго, каб розныя браўзэры маюць падтрымку відэа. У нас ёсць такія рэчы праз HTML, праз JavaScript, праз CSS. Вось убудаваная, і я пакажу вам CSS у секунду. Тут Вы можаце пайсці далей і пачаць змяняць код, разметку. На самай справе, перш чым я нічога мяняць, я збіраюся запусціць гэта і паказаць вам, што вы атрымліваеце. Вы збіраецеся атрымаць застаўку, якія вы можаце наладзіць і тады вы атрымаеце Hello, World ўражанне тут. Гэта проста фантастыка, ці не так? Ідзем далей і карабель, які, праўда? Змесціва ідзе тут. Гэта асноўная рэч. Гэта будзе толькі лепш адтуль. Мы пойдзем далей і дадаць у некаторыя рэчы. У мяне ёсць трохі разметкі я збіраюся капіяваць сюды толькі так вы не павінны глядзець на мяне друкаваць. Адпусьці мяне выхоўваць інструментаў тут, і я буду ўскладаць гэта, таму што я буду рабіць гэта некалькі разоў. Скрыня для інструмента, калі вы яшчэ не бачылі Visual Studio, дзе вы збіраецеся знайсці кучу кіравання. Вы таксама можаце змясціць фрагменты кода ў яго, што вы можаце выкарыстоўваць. Тут я проста поп ў некаторых іншых HTML, нічога страшна перадавых наогул тут. Гэта толькі асноўныя HTML кажу, што я ёсць уваход, дзе я магу ўвесці, У мяне ёсць кнопка, дзе я магу ўявіць яго, а затым у мяне ёсць DIV, што па сутнасці запаўняльнікам што я магу выкарыстоўваць для вываду на "Прывітанне, вы друкую гэта." Гэта ўвядзенне ў HTML напрыклад. Калі я запускаю гэта, мы аўтаматычна атрымліваем HTML, але мы таксама аўтаматычна атрымліваеце стыль. Гэта адна з важных рэчаў, ад WinJS. Гэта збіраецца даць вам па змаўчанні некаторыя выглядаць і адчуваць сябе, што сапраўды адпавядае з астатняй часткай, што Windows 8 робіць. Тут вы бачыце такія рэчы, як кнопкі. Кнопка па змаўчанні ў HTML не падобны, але ён робіць тут таму што гэта становіцца, што CSS права з гэтага CSS файла ў WinJS. Калі вы хочаце выкарыстоўваць нешта яшчэ, калі вы хочаце, каб змяніць гэта, цалкам нармальна, ісці наперад і рабіць тое, што вы хацелі б. Але гэта па змаўчанні. Гэта збіраецца быць больш знаёмыя карыстальнікам. І, вядома, гэта не будзе нічога рабіць, таму што я на самой справе не злучаць любы код у адказ на гэта. Гэта было проста HTML. Так што я магу пазбавіцца ад гэтага, і мы вернемся ў наша дадатак. 

Дазвольце мне перайсці на нашых default.js. Гэта выглядае даволі складанай, але яна проста робіць некалькі рэчаў для вас. Гэта шаблонны. Гэта збіраецца быць такім жа, ва ўсіх вашых праектаў. Адзінае, гэта праробліваецца толькі збольшага пытацца: "Як я сюды трапіў?" і кажа: «Вы запуску гэтага прыкладання ў першы раз?" "Вы аднаўлення прыкладанне ад неабходнасці гэта будзе прыпынены?" Пару такіх рэчах. Сапраўды, у цэнтры нашай увагі на гэты файл тут мае рацыю наконт тут. У гэты момант, гэта адна радок кода вельмі важна. Гэта на самай справе збіраецца пайсці і паглядзець усё разметцы, і ён збіраецца, каб знайсці рэчы, якія вы прасілі, каб ператварыліся ў элементы кіравання, глыбокія элементы кіравання, як у рэйтынгавага кантролю, як у выглядзе сеткі, як ўсплываючым акне і гэтыя іншыя рэчы, якія я паказаў вам на гэтым слайдзе раней. Яны не родныя кіравання HTML. Вы толькі не кажаце ўсплывальнае як элемент і ён ведае, што рабіць. Тое, што мы на самай справе гэта тое ж самае, што адбываецца ў іншых відах рамках кантролю. JQuery UI робіць той жа самы выгляд агульнага падыходу. Вы можаце выкарыстоўваць маркіроўку ў HTML, а затым некаторыя JavaScript прыходзіць праз пазней і кажа, "О, я ведаю, што гэта такое. Тое просіць, каб гэта ператварыць у гэтай рэчы," які з'яўляецца сябрам больш выразным HTML, каб зрабіць як элемент кіравання ацэнкай, што і я пакажу вам прама цяпер. Гэты радок кода з'яўляецца абяцанне, што кажа: "Калі гэта абяцанне выканана, "Усё, што вы прасілі потым быў створаны." І гэта ўсё. Гэта выглядае трохі комплекс, але гэта сапраўды тое ж самае ў кожным праекце. Тут, унізе, дзе вы можаце пачаць дадаваць у тое, што вы хочаце, каб адбылося, таму мы вернемся да гэтага ў секунду. 

Перш за ўсё, мне трэба крыху кода, які можа рэагаваць на тое, што нехта націснуў на кнопку. Я збіраюся ісці наперад і пакласці, што ў тут. Зноў жа, я не збіраюся рабіць якія-небудзь друкаваць перад вамі тут. Вельмі просты JavaScript проста кажу, калі гэта называецца мы збіраемся быць прадастаўлены некаторыя падрабязнасці пра тое, як мы атрымалі тут а потым мы збіраемся зрабіць некалькі асноўных рэчаў. Перайсці знайсці рэч у маім HTML-старонкі, імя nameInput, схапіць яго, заняць сваё значэнне, плескачоў "прывітанне" на перад ім, і прытрымлівацца, што выніковая радок у гэтую сну тэга, які мы мелі да гэтага сапраўды не было нічога раней. Цяпер мы збіраемся, каб знайсці гэты тэг і зрабіць яго ўнутраны змест роўны гэтага радка. Вельмі просты JavaScript. Спадзяюся вы прызнаючы, што ёсць на самой справе нічога незвычайнага тут адбываецца. Гэта проста прама ўверх HTML і JS тут. Калі я запускаю гэта цяпер, гэта па-ранейшаму не збіраецца выконваць любую працу, таму што я не падлучаны яго каб атрымаць падзея. Каб зрабіць гэта, я зраблю гэта прама тут, зноў жа вяртаючыся да маёй панэлі інструментаў, з'яўляюцца яго тут. Я чакаю, што вы бачылі ўсё такога роду рэчы раней, таму я не буду больш-гэта растлумачыць. Цяпер мы збіраемся ісці атрымаць helloButton. Мы збіраемся сказаць, "Button, віншаванні." "Вось гэта падзея, якое вы зараз рэагуюць на." "Калі карыстач націскае на вас, выклікаць гэтую функцыю, то buttonClickHandler." І вось, што функцыя, якую мы толькі што дадалі прама ўніз, на дно там. Вось і ўсё. Так што цяпер у нас ёсць дзіўна функцыянальнага прыкладання. Я думаю, што вы будзеце сапраўды ўражаны гэтым. Крыс. Чакаць яго. Нічога сабе. Добра. Гэта дзіўна. [Смяецца] Але ёсць яшчэ сёе-тое. Не купляйце яшчэ. Пачакайце. 

Дазвольце мне паказаць вам крыху больш тут і выйсці з поўнага экрана. Мы збіраемся ісці да запуску. Дазвольце мне пайсці і на самай справе паказаць вам трохі з CSS. Проста па змаўчанні, калі мы азірнемся на старонцы тут, кожны раз, калі мы спыніліся ў гэтых рэчах ад WinJS, і мы атрымалі UI-цёмны, на самай справе, вы можаце змяніць яго па змаўчанні для выкарыстання святла прыкладання. ш-цёмна, што добра для графічных прыкладанняў, такіх як, выкарыстоўваючы шмат фатаграфій, Вы паказваеце шмат візуальнага кантэнту. Калі вы паказваеце шмат тэкставага кантэнту, ш-святло, як правіла, добры выбар. Вы не павінны выбіраць яго, але я перайшоў да яго і зараз вы бачыце тую ж разметку, ж усё, гэта проста, выкарыстоўваючы ў асноўным перавернутую схему тут дзе ўсё робіць яго чорны тэкст на белым фоне. Гэта ўсё добра. Дазвольце мне выйсці тут, і давайце на самай справе трохі больш з дапамогай CSS. Я паклаў яго назад на цемры, таму што я думаю, што гэта, верагодна, лягчэй ўбачыць на экране калі я пачынаю рабіць гэтыя рэчы. Я збіраюся замяніць арганізму яшчэ раз. Я пайду тут. Дазвольце мне скінуць атамную бомбу гэта. Прывядзём ў арганізме з класамі. Я лічу, што вы зрабілі асноўныя селектары з CSS і такія рэчы, як, што ўжо, так што вы, напэўна, ведаеце, што адбываецца тут. Проста прысваення некаторыя класы ў нашым загалоўку, і мы ствараем новы DIV абгарнуць астатнюю частку гэтага матэрыялу, што зараз мы можам выкарыстоўваць, каб стыль ўсе разам. Так што я магу зараз зрабіць, гэта перайсці да нашай змаўчанні CSS. Вы глядзелі на запыты сродкаў масавай інфармацыі яшчэ? Вы казалі пра тое, што на ўсіх? СМІ запытаў з'яўляюцца часткай гэтага які выходзіць тэндэнцыі - ці гэта ўсталявалася тэндэнцыя ў цяперашні час фактычна ў Інтэрнэце - для гнуткай канструкцыі або адаптыўных, і ідэя ў тым, што вашы праграмы могуць сапраўды прыстасавацца належным чынам аснове таго, што прылада, якое яны паказвалі на можа зрабіць. Так што калі вы на мабільным прыладзе, відавочна, вы не збіраецеся мець столькі экрана нерухомасці як вы будзеце на вялікім 30-цалевым маніторы, седзячы з працоўнага стала, вялікая ПК так. Так стары адказ на гэтае пытанне будзе мець 5, 6 розных версій адной старонцы і вы б адкрыць версію, якая была настроена для гэтага пэўнага памеру экрана. Не вельмі. Гэта вельмі, вельмі паўторным і ёсць тона абслугоўвання, каб зрабіць гэта. Цяпер у нас ёсць тое, што называецца CSS запыты СМІ, і мы можам выкарыстоўваць гэта, каб аўтаматычна вызначаць, калі ёсць пэўныя памеры ці некаторыя віды выкарыстання вашага кантэнту можа быць выканана. Так што вы можаце адказаць на гэта, і вы можаце сказаць: "Добра, у гэтым выпадку "Вы, верагодна, нават не трэба, каб я сказаў вам, што тут адбываецца." Гэта проста кажу, калі гэта дадатак прывязваецца, як я паказаў вам, перш чым - хапаючы яго і пакласці яго ў бок экрана - то давайце зробім наступны стыль. Стылізацыя ідзе не толькі аб колерах і ўсё ў такім духу. Гэта таксама аб памераў і палёў і і арыентацый ўтрымання ці нават ўключыць або адключыць цэлыя часткі вашай старонкі і, у гэтым выпадку, ваша прыкладанне ці ваша гульня таксама. Так вось, што вы можаце зрабіць так жа проста, як вы хочаце. Гэта не было б карысна ў вашых прыкладаннях, але гэта дэма час, так што я збіраюся ісці наперад і проста дадаць у асноўны селектар цела і сказаць, "Калі я адрэзаў, давайце ісці наперад і рабіць колер фону і давайце нешта выбраць." У вас ёсць IntelliSense тут. На самай справе гэта сапраўды выдатна. У 2012 мы дадалі шмат рэчаў для падтрымкі CSS і JavaScript і HTML. Вы, вядома, ёсць расчыняецца IntelliSense таксама, але гэта не крута. Выдатная рэч, у вас ёсць візуальныя селектары для многіх рэчаў. Такім чынам, можна прайсці і проста выбраць колер, ці вы можаце выйсці і быць яшчэ больш канкрэтным, і вы можаце выбраць - гэта будзе жахліва. Я на самой справе выбраць годны колер тут. Глядзець разметку занадта, дарэчы. Гэта ваш стандартны фармат RGB там. Але калі б я перайсці непразрыстасць, ён збіраецца перайсці на селектар альфа-канала тут. Такім чынам, вы можаце бачыць, што, колер з сутнасці адсоткаў празрыстасці, што ў вас ёсць для гэтага усе запечаны прама там. Я збіраюся трымаць яго за 100%, а затым, калі я скончу з гэтым, усё добра, і добра. Цяпер, калі я запусціць прыкладанне, і мы бярэм прыкладанне і мы прывязаць яго, што колер фону ў цяперашні час рэгулюецца аўтаматычна толькі таму, што ў нас ёсць некаторыя CSS, які кажа: "Ідзі зрабіць гэта." Вы таксама можаце напісаць наяўнасць таксама, што будзе рабіць тое ж самае або што вы маглі б выкарыстоўваць, каб фактычна прыпыніць гульню, рабіць рэчы, як, што. Гэта, напэўна, калі вы будзеце выкарыстоўваць JavaScript. Вы б выключыць гульнявой цыкл у гэтай кропцы. Вы павінны былі б некаторыя наяўнасць таму, што не было б тое, што вы б CSS для. Але майце на ўвазе, што гэта проста падзея. Можна сказаць, "Калі мой змяненні памераў акна прыкладання, "Давайце паглядзім, калі мы рэзка". І гэта ўсё. 

Добра? Я казаў шмат. Ёсць пытанні да гэтага часу ад таго, дзе мы знаходзімся? Так. [Студэнт] Ці ёсць падручнік для тых, хто атрымаць дадатковую інфармацыю? >> Да. Пытанне ў тым, ці ёсць падручнік для гэтага? Я проста распаўсюдзіць яго на ўсё. Ёсць некалькі рэчаў, якія вы можаце пайсці. Давайце на самай справе выбрацца адсюль. Дазвольце мне вярнуцца сюды. Адзінае, што варта адзначыць, гэта само па сабе Visual Studio мае падручнікі ўбудаваныя Дазвольце мне пазбавіцца ад гэтага. Калі вы ідзяце і стварыць новы праект, не файла, Новы праект, і паглядзіце на левай баку, ёсць онлайн вузел у гэтым селектары. Гэта зойме няшмат. Я на сваім MyFi тут. Але гэта будзе прыдумаць, і гэта дасць мне шанец знайсці шаблоны але і, што больш важна, ўзоры, а таксама. Так што я магу націснуць на JavaScript. Гэта збіраецца знайсці ўзоры для мяне. Маё рашэнне з'яўляецца спосабам высокай тут. Як правіла, вы ўбачыце спіс шмат розных рэчаў тут. Калі ёсць што-то, што вы хочаце паспрабаваць, выбраць мову, JavaScript тут, і сказаць: "Я не ведаю, як гэта зрабіць геолокации." "Я не ведаю, як адкрыць файл." "Я не ведаю, як скарыстацца вэб-камеры "Ці аптымізаваць для сэнсарнага ці таму падобнае." Ёсць узоры для ўсяго: абмен, пошук, прыкладанне бараў, робячы аддаленыя выклікі да службы, кадавання JSON. Усе гэтыя віды рэчаў ёсць узоры для тут, і яны не велізарныя выбаркі, якія збіраюцца ў вас ўсю ноч, каб расцягнуць проста знайсці, што адна рэч, вы хацелі даведацца. Яны сапраўды добрыя. Яны маленькія, прама да справы відаў узораў. Я даведаўся тону, праходзячы праз іх сябе, і таму я рэкамендую, што шмат як адна рэч. 

Іншая рэч, каб адзначыць, таксама, вядома, я паказаў вам dev.windows.com, так што калі вы вернецеся да таго, што вы ўбачыце на дне ёсць таксама ўзоры тут. Такім чынам, вы можаце спампаваць усе з іх адразу, але ёсць таксама шмат іншых рэсурсаў тут , Якія могуць дапамагчы вам атрымаць да хуткасці. 

Яшчэ адна рэч, і я сапраўды рэкамендую вам паспрабаваць гэта, У мяне яна ёсць у маім блогу, але я проста ісці прама да яго. Я пакажу вам. Мой блог мае рэсурсы і таму падобнае. Адна з рэчаў, каб паказаць на гэта прама тут, гэтая рэч: твая ідэя. Ваш App. 30 дзён. Калі вы націснеце на гэта, ён збіраецца прывесці вас да сапраўды папераджальным сайце. Гэта значна больш карысным, чым вы маглі б чакаць. Гэта будзе 30 дзён зместу, якое вы можаце ў асноўным атрымаць парады і рэкамендацыі на працягу ўсяго гэтага працэсу, вы ствараеце дадатак. І, як вы не можаце чакаць, вы можаце фактычна атрымаць яго для гульняў таксама і тэлефонных прыкладанняў, і таму падобнае. Таму ў асноўным зарэгістравацца ў ім, і яны збіраюцца адпраўляць вам парады і рэкамендацыі па, "Ці думалі вы пра гэта? Ці падтрымліваеце Вы Прывязаць?" "Вось некалькі рэкамендацый аб тым, як зрабіць гэта добра." "Ці задумваліся Вы аб падачы ў краму?" "Ці задумваліся Вы аб тым, як вы збіраецеся прадаваць сваё прыкладанне?" Гэта будзе ісці праз усе гэтыя розныя рэчы. А на самай справе, калі вы знаходзіцеся на гульнявым трэку, у нейкі момант Вы пачнеце прызнаючы чалавека, які гаворыць з вамі таму што я на самой справе павінен быў пайсці ў Redmint рабіць тыя і запісаныя 2 відэа там. Але гэта ўсё частка гульнявой дарожкі, і ёсць таксама поўны трэк для агульнага развіцця прыкладання. Гэта называецца Пакаленне App. Я вызначана рэкамендаваў бы, каб да вам таксама ў дадатак да узорам. 

Там вельмі шмат відэа на сайце пад назвай Channel 9, а таксама. Гэта, верагодна, апошняе, што я рэкамендую, а перш чым мы пяройдзем тут. Channel9.msdn.com. Гэта вельмі зручна, таму што вы не збіраецеся чытаць праз тон афіцыйныя дакументы. Гэта ў асноўным шмат відэа, відэаролікі і рэчаў, якія прама да справы. Я не павінен сказаць, што гэта заўсёды права на кропку. Гэта залежыць, хто робіць размову. Але ў цэлым, ёсць некаторыя відэа сапраўды да-кропцы тут , Які пакажа вам тую ці іншую рэч, якую вы, магчыма, захочаце даведацца ці ўбачыць прызначалася. Там таксама ўсе нашы кантэнту з нашай канферэнцыі, якая адбылася пару тыдняў таму называецца зборкі, і вы ўбачыце, што прама там. Там у асноўныя тэхналогіі для АС Windows 8 гульняў. Там вы ідзяце. Я быў там, на самай справе. Вы не можаце мяне бачыць. Я быў тут. Але так ці інакш, гэта ў баку, я рэкамендую вам зірнуць на тых відэа. Яны даволі карыснымі. Калі вы затрымаліся на чым-то або вы проста хочаце ўбачыць, што нешта можа рабіць, страляць тых, да. 

[Гуарин] Windows Mail проста паслаў мне электронны ліст са спасылкай на ўтрыманне для студэнтаў, каб спампаваць з прыкладам кода і ўсё ў такім духу. >> [Боуэн] Вялікі. Ўзрушаюча. Дзякуй, Эдвін. 

Добра. >> [Студэнт] У мяне ёсць пытанне. >> [Боуэн] О. Так, калі ласка. [Неразборліва студэнт пытанне] >> [Боуэн] О, я рады, што вы спыталі, што. Так. Пытанне было, ёсць візуальны інтэрфейс для мяне стварыць рэчы? Эдвін, аддасьць табе сто разоў за гэтае пытанне. Існуе спосаб зрабіць гэта. Ці павінны мы зрабіць гэта зараз? Давайце зробім гэта цяпер. Я збіраюся ісці да яе прама цяпер. На самай справе, дазвольце мне дадаць больш адной рэчы да гэтай дэманстрацыі, а затым я пакажу вам рэальную адказ. Я збіраўся дадаць ў трохі больш CSS тут. Я быў крыху не па датычнай тут. Дазвольце мне паставіць у некаторых CSS тут, каб скарыстацца з класаў, якія мы дадалі некаторы час таму, ў загалоўку, у MainContent DIV, а затым у greetingOutput. Калі я гэта зраблю і запусціць яго, вы можаце ўбачыць зараз у нас ёсць трохі некалькі іншай водступы і палі, таму ў нас ёсць на самай справе некаторыя зрушэння тут. Яны больш да таго, што вы збіраецеся чакаць канчатковага паліраванай прымянення. Але я проста паказваю вам гэта, таму што гэта прама CSS. Так што рэчы, якія вы ўжо ведаеце, вы можаце выкарыстоўваць тут, каб рэгуляваць змест, як вы хочаце. Вы ўжо бачылі, як зрабіць фон змяніць той шлях. 

Калі я вярнуся да нашага HTML, я збіраюся дадаць больш аднаго набору разметкі, і гэта на самай справе адбываецца, каб быць кантроль з WinJS. Я збіраюся пайсці і захапіць гэта, пазнаку. Дазвольце мне пераканацца, што я раблю гэта ў патрэбным месцы. Напэўна дастаткова добра. Вось я толькі што дадаў - і мы пойдзем на поўны экран так што вы можаце бачыць ўсё гэта - Я дадаў пазнаку на наступны дзіваў. Спраў называецца ratingControlDiv. Само па сабе гэта нічога не будзе рабіць. Калі вы адкрыеце гэты ў браўзэры, вы б гледзячы на ​​пусты, сам DIV. Але з-за гэтай таямнічай радку кода, што я паказаў табе, працэс усё, гэта будзе шукаць тое, што выглядае так - Дадзеныя выйгрышу-кантроль - і гэта будзе знайсці ўсе, што ў гэтым параметры. Гэта збіраецца зрабіць асобнік што б гэта ні ён, паказваючы на. У гэтым выпадку, гэта кантроль рэйтынг, таму я кажу: "Калі ласка, ідзеце і замяніць гэтую рэч "З тым, што вам трэба зрабіць, каб зрабіць кантроль рэйтынг." Гэта можа быць кантроль фліп, гэта можа быць кольца прагрэс ці што кантроль вы хочаце выкарыстаць. Яны ўсё будзе працаваць практычна гэтак жа,. Вы карыстаецеся стандартны HTML5 разметку, каб паказаць, што вы хочаце, а затым вы збіраецеся атрымаць кантроль у канцы гэтага. Дазвольце мне запусціць гэты. Я проста скапіяваў, што ў, і цяпер, калі разметка становіцца гэта, якая на самай справе даволі шмат HTML элементаў. Усе гэтыя асобныя выявы, і ёсць дзівы вакол іх з селектараў. Спадзяюся, вы зможаце ўбачыць, што. Гэта крыху танчэй. Я магу навядзіце курсор на розных пунктаў, і гэта будзе, каб дазволіць мне ўбачыць рэйтынг тут. Я магу націснуць на яе, і яна памятае рэйтынг, але гэта пра яго. Гэта на самай справе не робяць нічога з рэйтынгам. 

Той, апошняе, што я хачу паказаць вам, на гэтым перш, чым мы перайсці ў больш візуальнага вопыту праектавання трохі кода, які я магу выкарыстоўваць, каб адказаць на гэтыя элементы кіравання WinJS. Дазвольце мне выбрацца адтуль, зваротна з поўнаэкранным рэжыме, і перайсці на JS тут секунду. Я магу зрабіць гэта прама тут. Я думаю, што я замяніў усё гэта справа. На самай справе, я думаю, што ён заменіць усе гэта, але мы даведаемся разам. Я пакладу гэта тут. Так. Я збіраюся выдаліць гэта таксама. Што я магу дадаць? Гэта выглядае як шмат. Гэта не шмат. Я проста падоўжаны гэты радок кода, які я ўжо казалі раней, і я кажу: "Калі ўсё будзе зроблена, калі ўсе мае кіравання былі зробленыя, », То зрабіць гэта." Такім чынам запусціць гэтую функцыю з імем завершана. У гэтым выпадку, гэта матэрыял, які вы можаце высветліць. Знайдзі, што кантроль спраў. На самай справе, ёсць адна рэч, я павінен адзначыць,. Гэта наступная радок фактычна кажа: "У мяне ёсць, што ratingControlDiv." "Я хачу пагаварыць з ёй, як калі б гэта быў рэальны кантроль, кантроль WinJS." Так у асноўным, вы просіце, што ад яго. Вы кажаце, "Я хачу пагаварыць з вамі ў якасці кантролю." І тады вы можаце пачаць казаць такія рэчы, як: "Мы збіраемся дадаць слухача для вас "Таму, калі вы змянілі мы можам адказаць на гэта." І тады мы зможам таксама рабіць рэчы, як гэта. На самай справе, гэта стары код там. Я думаю, што мне не хапае ўстаўкі больш за адну функцыі, і гэта было б рэальнае функцыя, якая будзе рэагаваць на рэйтынгавага кантролю неабходна змяніць. Дазвольце мне поп, што ў прама тут, дзесьці вакол там. І ў гэтым выпадку, адзінае, што новым з'яўляецца тое, што мы збіраемся ў што кантроль рэйтынг кажа нам і мы просім тое, што называецца tentativeRating. Там куча розных іншых рэчаў, якія, што кантроль можа сказаць вам, і ён ідзе кантроль па кантролі. Гэта вельмі проста. Вы зможаце не зразумець гэта без праблем наогул. Я запускаю гэта, і цяпер, калі я мяняць рэйтынгі і націснуць на рэйтынгу, Вы можаце бачыць зараз гэта на самай справе адказ на яго. Гэта пакласці, што ацэнка на экране ў гэты пустым сну тэга ніжэй рэйтынгавага кантролю. Гэта магія шмат матэрыялу тут таксама. Так як вы ствараеце прыкладання для Windows Store, ёсць тона элементаў кіравання, якія вы можаце проста выкарыстоўваць. Яны ўсе працуюць, як гэта. 

Дазвольце мне паказаць вам візуальны бок праектавання для гэтых прыкладанняў. Добрай навіной з'яўляецца тое вы будзеце ўжо ёсць гэты інструмент пры ўсталёўцы ўсё калі вы ідзяце ў гэтай запампоўкі, і вы атрымаеце Visual Studio. Я магу пстрыкніце правай кнопкай мышы на гэтым. Я не буду павелічэння маштабу Гэта проста кажа Адкрыць у Blend. Сумесь з'яўляецца яшчэ адным інструментам, які працуе бок аб бок з Visual Studio і арыентаваны больш на праектнай бок рэчаў, так што гэта сапраўды паверхняў інструментаў, якія аптымізаваныя для стварэння стыляў, стварэння анімацыі, працы з CSS, шмат рэчаў у такім ключы. Вось што павінна быць вельмі цікава і даволі відавочна адразу, мы глядзім на прыкладання. Спадзяюся, мы да гэтага часу. Замест таго, каб код, які мы да гэтага часу ўбачыць на дне, мы бачым фактычнае ўяўленне прыкладання. Больш за тое, гэта не проста ўяўленне прыкладання, гэта на самай справе прыкладанне працуе. І вось што сапраўды прыемна аб Blend. Каманда прарабіла вялікую працу, каб прынесці HTML і JavaScript і CSS у гэтым інструменце. Цяпер вы можаце на самой справе, калі вам цікава, "Што гэта значыць? Што я магу зрабіць?" Я магу самай справе дызайн да гэтага з дадаткам, хоць такія рэчы не існуюць у маёй разметкі. Памятаеце, што кантроль рэйтынг? Гэта быў проста спраў тэг. Гэты матэрыял, што зорка, існуе толькі падчас выканання. Як я даведаюся, што? Там у трохі чараўніцтва тут. Паглядзець гэтыя маланкі? Кожны раз, калі вы бачыце маланку, гэта азначае, што ён быў створаны нешта падчас выканання. Некаторыя JavaScript пабег і павярнуўся нешта ў той ці стварыў гэта з некаторай логікі. Гэтыя зоркі, якія вы бачыце там былі створаны JavaScript на WinJS. Прыемна тое, гэта не мае значэння для мяне, я ўсё яшчэ магу аформіць яго, Я ўсё яшчэ магу пайсці і змяніць яго, я магу даведацца, што тут адбываецца, Я магу паглядзець на CSS, я магу пайсці далей і высветліць, чаму колер так яно і ёсць, Я магу пачаць важдацца з рэчамі і рабіць рэчы жудасна, усё, што я хачу зрабіць. На самай справе, я пакіну ў спакоі рэчы. Але вы можаце паглядзець тут гэта ўсё CSS і ён паказвае вам тут. Калі я пайду да там, ён збіраецца паказаць вам усё, што яны называюць Перамога, Такім чынам, правілы CSS, якія з'яўляюцца найбольш канкрэтным і найбольш абраны для гэтага элемента, якія вы, верагодна, ужо перайшлі ў вашых класах, дзе вы можаце сказаць, што ёсць агульнае шрыфт, мы ўжываем да ўсяго, а таму, што гэта h1 і ў мяне ёсць колер, пэўны для H1S, гэта будзе гэты колер, і гэта таму, што гэта больш канкрэтным, чым body1. Гэта адна рэч прама тут паказвае вам усё, што, і гэта сапраўды магутная штука, як вы атрымаеце больш складанай, Вы задаецца пытаннем, чаму гэтыя рэчы, як яны ёсць. Гэта будзе на самой справе сказаць вам, і вы можаце выбраць любы з гэтых элементаў тут. Гэты колер не так ужо дрэнна, на самай справе. Вы можаце выбраць іх. Спадзяюся, вы зможаце пераканацца ў гэтым. За ўсё, што ў вас ёсць у вашым дадатку, вы бачыце цэлы каскад за ўсё CSS, якія маглі б прымяняцца ў тым, што і які з іх перамагае, які на самай справе ўзялі верх. Яны з'яўляюцца свайго роду сумна. Там не шмат усяго адбываецца ў некаторых з іх. Калі я пайду і змяніць колер, то вы пачнеце бачыць некаторыя каскадирование там. Вы таксама можаце выкарыстаць HTML і тут. Я магу прайсці і змяніць HTML ўласцівасці для ўсіх гэтых рэчаў, як я хачу. Там проста тоны матэрыялу тут. 

Я не хачу, каб заняць час, прайшоўшы праз усе тут. Проста ведаю, што гэта тут. Там вельмі шмат функцыянальнасці дызайну, арыентаваных на гэта толькі для вас так што вы можаце застацца візуальна, працы з прыкладаннем, і не трэба рабіць шмат гадаць што вы павінны былі б зрабіць нармальна і веласпорт таму з браўзэра таму ў ваш дызайн, назад у браўзэр. Гэта сапраўды цікавы матэрыял для гэтага, і, як вы распрацаваць прыкладанне Windows Store, ён збіраецца зрабіць вас шмат больш прадуктыўным. 

Вы таксама ўбачыце, што яна сочыць за разметку тут і ваш CSS як вы працуеце праз розныя рэчы. Гэта, напэўна, сапраўды цяжка для вас, каб убачыць, што, асабліва на відэа, але вось што тут адбываецца, і я рэкамендаваў бы вам азнаёміцца ​​з гэтым. Гэта зэканоміць вам шмат часу. Гэта сумесь. Калі вы ўносіце ніякіх зменаў тут, яны аўтаматычна ідуць яны адвезці таму на ў Visual Studio. Гэта адны і тыя ж файлы, гэта тое ж самае ўсё. Я пакіну яго ў спакоі. У мяне ёсць лепшы прыклад, які я хачу вам паказаць. Але калі б я зрабіў змены там і выратаваў яго, і я вярнуўся ў Visual Studio, ён бы сказаў, "Гэй, ты толькі што змяніў нешта. Ці магу я перазагрузіць яго для вас?" Так. І вы выкарыстоўваеце адзін і той жа матэрыял там. Гэта канец гэтага канкрэтнага ўзору. 

Я хачу паказаць вам больш высокага ўзроўню ўзор проста каб даць вам прадстаўленне аб іншых функцыянальных магчымасцяў Вы маглі б думаць пра, як добра. Гэта ўзор дадатак, якое вы можаце спампаваць. Калі вы паглядзіце на тое, што называецца Windows, лагер у скрынцы, Ёсць некаторыя ўзоры, якія ў тым, і адзін з іх з'яўляецца Contoso Павараная кніга. Я магу проста запусціць гэта для вас. Ўласную застаўку. Гэта меркаванне Сетка праграму. Яны звязаны некаторыя карыстацкія дадзеныя тут. Вы можаце перамяшчацца праз гэта. Вы можаце пайсці і зірнуць на розныя рэчы, якія зробяць нас галоднымі ў пятніцу днём. Я не ведаю. Што збіраецца зрабіць мяне самым галодным? Я не ведаю. Я проста хачу, каб выбраць адзін. Вы ідзяце ў гэтыя рэчы. Ён пакажа вам рэцэпт. Вы маглі б таксама, замест націску на элемент, Вы можаце пайсці проста да той катэгорыі кантэнту, той частцы зместу. У гэтым выпадку, вы можаце прачытаць шмат падробленай латыні кажу вам усё аб гэтых рэцэптаў тут , А затым перайсці прама ў канкрэтнага рэцэпту. Гэта таксама падтрымлівае такія рэчы, як абмен, што я паказаў вам, перш чым з малюнкамі. Вы можаце таксама шукаць у гэтым дадатку таксама. Гэта вельмі проста зрабіць пошук. У прынцыпе, вы толькі радок тэксту з вокнаў і вам вырашаць, як вы хочаце апрацоўваць пошук з гэтым. Гэта некалькі радкоў кода, каб атрымаць гэта, а затым тое, што вы з ім рабіць пасля гэтага цалкам залежыць ад вас. 

Вось яны і ёсць прыкладанне бар, дзе яны выкарыстоўваюць некаторыя іншыя функцыі. Я проста скажу, што гэта такое. Нагадаем збіраецца выкарыстоўваць тое, што называецца апавяшчэнне тост. Гэта сапраўды зручна, што дазваляе карыстальніку ведаць, калі рэчы адбыліся, як прыкладанне было ўстаноўлена ці нешта было завершана. Гэта таксама добра для гульняў таксама. Калі ў вас ёсць пастаянны свет ці дошцы лідэраў і паслугі, які хостынг, што можа быць, на асобным кампутары, гэтыя апавяшчэння могуць быць адпраўлены ў машыну і нават калі карыстальнік не выкарыстоўвае сваю гульню, гуляючы сваю гульню ці працуе ваша прыкладанне, яны па-ранейшаму могуць атрымліваць паведамленні аб тых відаў падзей. Такім чынам, можна сказаць: "Ваш замак быў разбураны або проста аб знішчаны." "Вярніся і абараняць яе", ці нешта ў гэтым родзе. Вы націскаеце на апавяшчэння, вы адразу вярнуцца ў гульню, і вы можаце гуляць у яе. Так што тыя віды рэчаў можа дапамагчы сапраўды прыцягнуць людзей назад у дадатак даволі эфектыўна. 

Там таксама падтрымка ў гэтым дадатку для выкарыстання мікрафона, вэб-камеру, рабіць відэа і рабіць фатаграфіі. Вы таксама можаце замацаваць другасны плітку. Гэта карысна, калі вы хочаце, каб проста мець плітку, якая ідзе прама да пэўных зместам. У гэтым выпадку, ён пераходзіць права гэтага рэцэпту. Усё, што я згадаць Я толькі паказваю таму што гэта рэчы, якія вы можаце думаць аб выкарыстанні, а таксама. Па большай частцы, яны вельмі простыя ў выкарыстанні. Я проста рэкамендую вам выхоўваць гэты ўзор даследчык і знайсці ўзор, які можа паказаць вам, як гэта зрабіць. Гэта даволі проста, каб прыцягнуць вінаватых у вашых прыкладанняў там таксама. 

Я збіраюся паказаць вам нешта іншае, што гэта вельмі выдатна тут. Я зламаю гэта дадатак, і я збіраюся вярнуцца ў Visual Studio. Гэта прыкладанне працуе. Гэта працуе з Visual Studio. Што я магу зрабіць некаторыя даволі прышпільных рэчаў з гэтым. Я на самой справе ёсць магчымасць выбраць элемент, і я магу пайсці сюды, каб жывы прымянення і магу сказаць, "Я задаюся пытаннем, чаму Час падрыхтоўкі трохі светлы шэры, чым сам тытул?" Я магу націснуць на яе. Гэта будзе сінхранізаваць, што назад у Visual Studio, і ён збіраецца паказаць мне дакладна згенераваны кантэнт, які прывёў да той часткі карыстацкага інтэрфейсу. Так што ў гэтым выпадку, гэта рэч-субтытраў і h4 двайны канструкцыяй, і што, верагодна, кажа нам, што мы павінны ведаць, таму што ў якасці h4 ў гэтым кантэксце, ён збіраецца атрымаць пэўны выгляд шрыфта. Але калі я ўсё яшчэ не ведаю, чаму, я магу націснуць на Трэйс стыляў. Затым я магу пашырыць яе колер, і я магу дакладна высветліць, чаму гэта колер не колер кузава але на самой справе гэта нешта іншае. Гэта, па сутнасці сродкаў распрацоўкі ад Internet Explorer да такой ступені, былі ўвезены ў Visual Studio. Калі вы працавалі з Chrome Dev Tools, Firebug, і таму падобнае, гэтыя віды інструментаў, якія ў браўзэры, што від функцыянальнасці, было даведзена прама ў Visual Studio так што вы на самай справе не павінны запусціць браўзэр і працаваць з гэтымі інструментамі асобна. Цяпер у мяне ёсць прыкладанне Windows Store проста працуе, і я магу пачаць цягнуць яго на часткі і высветліць, чаму рэчы робяць тое, што яны ёсць. 

Я таксама магу зрабіць гэта такім чынам таксама. Я магу пайсці і проста выбраць нешта правільна з разметкі і высветліць, што гэта такое ў самым дадатку. Я думаю, што я пайшоў на ўсё. Тут я завіс над гэтым. Я магу выбраць яго. Гэта збіраецца паказаць мне, у рэальным дадатку праточнай дзе гэтая рэч з'яўляецца што я цяпер націснуўшы на ў разметцы. Сапраўды цікавы матэрыял. Як вы спрабуеце высветліць, што адбываецца і што HTML робіць, што CSS робіць, майце гэта на ўвазе. Памятаеце, што гэта тут для вас а таксама, што сумесь можа працаваць з жывым запушчанага прыкладання. 

Той, апошняе, што я хацеў паказаць вам, з дапамогай гэтага прыкладання - Дарэчы, ён паказвае вам дэльт як усё змяняецца занадта, так што вы можаце сачыць за тым жоўтымі дэталямі. Тыя рэчы, якія толькі што змянілі ў дадатку. Але адна апошняя рэч. Я хачу вярнуцца да Змяшайце хоць на секунду тут. Мы адкрыем гэтую гульню, Адкрыць у Blend, і таго жа прыкладання, той жа ўсё. Я проста хачу паказаць вам вопыт тут не проста вы затрымаліся на галоўнай старонцы гледзячы на ​​рэчы, якія вы будзеце атрымліваць па змаўчанні пры запуску прыкладання, і хай сядзяць там. Вы таксама можаце ўключыць гэтую даволі невялікі значок тут. Яна называецца Інтэрактыўны рэжым. Вы націскаеце на што. Гэта будзе выхоўваць вашага прыкладання. Ты не ў рэжыме канструктара больш, так што вы не збіраецеся быць націснуўшы на рэчы змяніць функцыянальнасць, але вы можаце працаваць з дадаткам цяпер. Вы можаце націснуць праз, вы можаце рабіць што заўгодна, дабрацца да рэцэпт, што вы клапоціцеся аб або да катэгорыі. Пойдзем у гэтай катэгорыі. Я кажу: "Добра, вось тое, дзе я хачу, каб дызайн." Затым націсніце кнопку гэтую кнопку яшчэ раз, ён прынясе вас назад ў паверхню канструктара, і зараз вы можаце рабіць усё тыя рэчы, якія я меў на ўвазе перш за. Я буду трымаць пстрычка, пакуль не атрымаю гэты абраны, даведацца яе памеры, даведацца HTML для яго, у CSS для яго для запушчанага прыкладання, некаторыя пазней частка прыкладання. Вельмі, вельмі карысна. Я пакажу вам гэта. Калі ласка, майце на ўвазе, калі вы шукаеце ў напісанні кода з гэтым таму што гэта будзе вам зэканоміць шмат клопатаў, і гэта даволі добры матэрыял. Гэта ў значнай ступені ўсё, што я хацеў паказаць вам, на Blend, і ў Visual Studio для ўсяго гэтага. 

Любыя пытанні па любой з гэтых інструментаў? Усё, што заўгодна? >> [Гуарин] У мяне ёсць матэрыял, каб выдаваць, так добрыя пытанні, добры матэрыял. 

[Боуэн смяецца] Я ўжо паказаў вам свае дэма тут. Я збіраюся паставіць яго на старонцы рэсурсаў і звярнуцца да пытанняў цяпер. Гэта першае згадванне ў тым, што сайт пакаленне App з гульнявой дарожкі і дадатку трасе. Зарэгістравацца для тых. Вы не павінны чакаць 30 дзён, каб атрымаць змест. Вы можаце пачаць рухацца і, гледзячы на ​​ўтрыманне, як вы хочаце. Я разумею вашы часовыя рамкі можа адрознівацца ад - [смяецца] Таму, калі гэта Хакатон? Вось пару тыдняў, ці не так? Так што вам не маюць 30 дзён, каб чакаць. Так што так, вы можаце падпісацца на гэта, а затым проста пачаць вымання змесціва з яго. Таксама Паннаў і дызайн-цэнтраў. І я не кажу пра гэта, але ёсць таксама крама Docs. Гэта было б для пасля Hackathon як вы будзеце гатовыя пачаць прадстаўляць свае прыкладанні для крамы. Ёсць некаторыя карысныя рэкамендацыі тут, некаторыя рэкамендацыі аб тым, як атрымаць рэчы ў краму, некаторыя агульныя праблемы, якія могуць збіць вас з панталыку, і што гэта канец гэтых рэсурсаў. 

Так што ў цябе ў галаве? Усё астатняе, што вы - [Гуарин] Хто думае аб выкананні прыкладанне для Windows для CS50? Крута. [Боуэн] Прахладны. Вялікі. 

Любыя пытанні аб рэчы, якія вы бачылі да гэтага часу, і як ён да гэтага ставіцца? Напрыклад, з вялікай колькасцю часу, я мог узяць гульню, якая я напісаў і што працуе ў браўзэры і толькі збольшага прайсці праз працэс з чаго, што ў Visual Studio і робіць яго дадатак Крама Windows. Гэта займае больш часу, чым мы на самай справе павінны былі ўключаць у сябе сёння, але кароткая версія з'яўляецца яго той жа код, што ў вас працуе ў браўзэры, і тое, што вы змяніць рэчы, якія вы вырашыце падключыць да Windows 8. Так што калі вы хочаце выкарыстоўваць любаты, калі вы хочаце знайсці ці падзяліцца, вам трэба стварыць прыкладанне бар, каб схавацца некаторую функцыянальнасць на што, гэта тыя рэчы, якія вы б змяніць. Але ў аснове вашага вэб-дадатак можа заставацца без змен. Зноў жа, да тых часоў, як ён працуе ў IE10, што гэта збіраецца быць вельмі лёгка порт давесці гэты матэрыял у Visual Studio, у Blend, і зрабіць яго дадатак Крама Windows. Зноў жа, адзінае, што вы павінны будзеце даведацца тыя іншыя асаблівасці што вы можаце выкарыстоўваць, каб асвятліць заяву, як жывы пліткі і падобныя рэчы. 

Так. >> [Студэнт] У мяне пытанне аб рабоце мабільнага. Так што калі вы зрабіць дадатак, якое працуе як дадатак на працоўным стале, гэта сапраўды лёгка перанесці яго на мабільны, або ёсць - Пытанне ў тым, калі я зраблю прыкладанне Windows Store, што на самой справе аптымізаваны для гэтага асяроддзя і я хачу давесці яго да мабільным свеце, што ўдзел с, што рабіць? Гэта, як і многія пытанні, заўсёды пастаянна мяняецца адказ. Добрай навіной з'яўляецца тое, калі вы прытрымлівацца HTML і JavaScript, CSS, калі вы пачынаеце з дадаткам краме Windows, гэта будзе, каб вы прывесці яго ў Інтэрнэце і затым выкарыстоўваць гэтыя віды тэхнікі, такія як сродкі масавай інфармацыі запытаў і рэчаў, каб адаптавацца да розных прыладам памеру. Тым не менш, заўсёды ёсць рамкі і цяпер там што падтрымка пашырэння розныя тэхналогіі, розныя платформы. Гэта ўвесь час мяняецца. Мы таксама змяніць становішча рэчаў, а таксама мы глядзім да таго, што мы маем цяпер на самай справе з Windows Phone 8. У нас ёсць некаторыя агульныя асноўныя інфраструктуры прапанаваў паміж прыкладаннямі для гэтых асяроддзях. Такім чынам, матэрыял, які вы робіце, каб стварыць прыкладанне Windows Store, шмат чаго можна перанесці ў тэлефон 8 прыкладанняў ў АС Windows, а таксама. Гэта зноў з'яўляецца новым гісторыя, так што некаторыя кантэнт аб тым, што ў Build. У SDK толькі што выйшаў некаторы час таму. Было толькі што выпусціла некаторы час таму. Але з пункту гледжання іншых платформаў таксама, вы, верагодна, сутыкнецеся з многімі рамках крос-платформенных, а таксама. Добрай навіной з'яўляецца тое рэчы, якія вы робіце тут, асноўная функцыянальнасць з'яўляецца прама вэб стандартнага матэрыялу. Адзіныя рэчы, якія не будуць перакладаць лёгка тыя рэчы, якія Windows 8 робіць, але гэта не дзіўна, таму што гэта функцыя Windows,. Вы не збіраецеся знайсці сумеснае або аналагічныя віды кантрактаў на любы іншы платформе. Так што тыя рэчы, якія вы хацелі б з пункту гледжання праектавання пераканайцеся, што ў вас ёсць спосабы роду абстрактны, што, так што вы можаце сказаць, "Калі я бягу на гэтым, я магу зрабіць гэта." Калі я не, ёсць некаторыя шаблоны праектавання, якія можна выкарыстоўваць, каб збольшага схаваць гэты матэрыял далёка. Але майце гэта на ўвазе. Так. Выбачайце. Ідзем далей. 

[Студэнт] Калі я хачу праверыць маё дадатак Windows, на вяршыні [неразборліва] [Боуэн] Так. Я прапусціў яшчэ адну рэч таксама. Так. Я адкажу на ваша пытанне, а затым я пакажу вам функцыю я забыўся згадаць. У нас ёсць некаторыя машыны, даступныя лакальна. Мне вельмі шкада. Пытанне было, як мне праверыць рэчы на ​​прыладах калі я не пашчасціла мець шмат рэчаў, каб выбраць з? [Гуарин] Мы далі вам, хлопцы, я думаю, 5 ці 6. Колькі вам трэба? [Студэнт] Мы атрымалі 4 з іх. >> Добра. Вы, хлопцы атрымалі 4 сланцы, каб пагуляць з. Так вызначана хай усё ведаюць, калі ласка. [Смяецца] >> [Боуэн] Цудоўна. Гэта нават лепш, адказ, чым я збіраюся даць вам. У нас ёсць рабочыя гадзіны для распрацоўшчыкаў, якія мы робім у нашым офісе і цяпер у бліжэйшы час у Microsoft Store больш у Пру, але Эдвін ўжо паклапацілася пра вас. Ёсць 4 сланцы, даступныя для крэдытавання, для тэставання. Там мы ідзем. Там у прыклад аднаго там. Так што так, абсалютна. Вялікі. Абсалютна безумоўна лепшы спосаб праверыць гэта павінна быць на прыладзе. Калі вы не пашчасціла мець яго яшчэ няма ці вы не хочаце ісці па кампусе ў снезе каб захапіць адзін або ўсе, што ёсць спосаб зрабіць гэта яшчэ ў Visual Studio. Калі я вярнуся ў, дзе я быў тут, тут замест выкарыстання лакальнага кампутара, вы маглі б падключыцца да выдаленай машыне, але гэта не тое, што я кажу тут. Сімулятар гэта тое, што вы, магчыма, захочаце зірнуць на. Я пабягу гэта, і сапраўды, што гэта такое, гэта па сутнасці вокны на вашай сістэме. Тут на самой справе мая сістэма працуе, працуе Contoso, але такім чынам, што дазваляе мне змяніць некаторыя параметры выканання, параметры навакольнага асяроддзя. Таму я магу сказаць тут: "Вы ведаеце, што?" О. Я ўжо гэта працуе ў мадэляваных 27-цалёвы манітор з дазволам 2560. Я магу лёгка ўпасці, што ўніз і паглядзець, што мая заява будзе рабіць з меншым экранам або шляхам змены налад DPI або любы іншы. Так на маленькім экране, 10.6, што ён збіраецца рабіць? Гэта ўсё яшчэ выглядае даволі добра, ці не так? Вы хочаце, каб гэта зрабіць, асабліва калі вы адпраўляеце ў краму, таму што мы робім як частка працэсу тэставання. А калі ёсць праблемы, як, што, , То вы можаце сутыкнуцца з праблемай атрымання сертыфікаваных для крамы. Але гэта частка трэнажора. Сапраўды выдатна. Вельмі лёгка зрабіць гэта. Вы таксама можаце выкарыстоўваць такія функцыі, як круцячы яе, а таксама. Я магу націснуць кнопку тут, яго круціць, бачыць тое, што камусьці прыйдзецца як вопыт верцяцца іх шыфер, іх таблетка, і з дапамогай прыкладання з гэтым. Ёсць і іншыя рэчы, занадта, як сэнсарны эмуляцыі і некаторыя іншыя рэчы, ўстаноўка GPS. Я магу рабіць выгляд, што я ў іншым месцы і паглядзець, што маю заяву робіць калі я раблю выгляд, што я вярнуўся ў Сіэтл ці нешта. Але гэта сапраўды карысная функцыя, і ён пабудаваны ў і да Visual Studio і ў Blend. Так. Ваша пытанне. 

[Студэнт] Калі вы пішаце гульню, робіць Visual Studio маюць ніякай падтрымкі для анімацыі? Так. Пытанне ў тым, вакол падтрымкай анімацыі, асабліва ў гульнях. Гэта залежыць шмат ад чаго. [Смяецца] З дапамогай JavaScript я скажу там, напэўна, менш падтрымкі, чым ёсць на баку XAML, які мае часовыя рамкі, мае раскадроўкі і рэчы, якія ўбудаваныя Для анімацыі на прыкладаннях JavaScript, я не ведаю, колькі з адказу я хачу даць вам. У мяне ёсць рэсурсы на маім блогу, якія ідуць праз шмат варыянтаў для абедзвюх фізікі анімацыі, Варыянты для JavaScript-арыентаваных гульняў на Windows 8. Я хацеў бы спаслацца вы да тых. У прынцыпе, ёсць так шмат варыянтаў. Прычына, чаму я саромеючыся ёсць так шмат варыянтаў для рабіць анімацыю з JavaScript. Гэта можа быць CSS, гэта можа быць палатно аснове, гэта можа быць проста асноўныя DOM анімацыі, гэта можа быць шмат розных рэчаў, так што гэта сапраўды залежыць ад вашага выбару. Калі вы вырашылі выкарыстоўваць нешта накшталт Create.js або вапны або іншых відаў рамак - Ну, я нават не ўпэўнены, што вы збіраецеся быць у стане выкарыстаць больш высокага ўзроўню, рамкі падабаецца ўздзеяння або Пабудаваць. Гэта, як правіла, генеруюць больш кода, чым вы маглі б разгледзець з нуля. Але ў гэтых выпадках яшчэ можна было выкарыстоўваць сімулятар, вы можаце выкарыстоўваць асяроддзя, і я, як правіла, проста выкарыстоўваць гэтую сераду для маёй тэставай платформы ў тых выпадках, як я займаюся распрацоўкай гульні. Я быў у парадку, асабліва з Палатно анімацыі, якія, верагодна, найбольш распаўсюджаная рэч. Лепшае, што вы збіраецеся, верагодна, знайсці гэта Сродкі распрацоўкі ў браўзэры і Сродкі распрацоўкі ў Visual Studio. Выгляд звілістай адказ ёсць, але, спадзяюся, я атрымаў адказ на сваё пытанне. Так. Вы. 

[Студэнт] Якія варыянты захоўвання дадзеных для Windows 8 прыкладанняў? Якія варыянты захоўвання дадзеных для Windows 8 прыкладанняў, Windows Store прыкладанні? Вашыя варыянты на самай справе кожнае прыкладанне атрымлівае уласны басейн лакальнага захоўвання для налады і для перадачы дадзеных, але гэта таксама недарэчна просты ў выкарыстанні роўмінгу захоўвання, выкарыстоўваць воблачнае захоўвання. Гэта бясплатна. Што адбываецца, вы ў асноўным выбраць іншы клас, і вы кажаце, "Налады Роўмінг, Захаваць, гэта пэўны набор кантэнту," і іх ўлік Microsoft, што яны ўвайшлі як, збіраецца быць ключом да роўмінгу гэтую інфармацыю вакол. Так што, калі я выкарыстоўваю сваю гульню на маім ноўтбуку, і затым я увайсці з такім жа лікам і я гуляць у гульню на паверхні або таблетку, , Якія будуць аўтаматычна перамяшчацца гэтую наладу і дадзеныя паміж гэтымі машынамі. Гэта рэч па змаўчанні. Гэта добра для пэўных аб'ёмаў дадзеных. Вы б не паставіць велізарную базу дадзеных на тых. Для гэтага вам трэба пайсці да іншых відах рашэнняў, як размешчанай базе дадзеных у воблаку, такія рэчы, як, што. Ёсць і іншыя варыянты супольнасць вакол іншых відаў тэхналогій перадачы дадзеных. Я бачыў некаторыя SQLite опцыі ў супольнасці вакол там таксама. Так больш і больш з'яўляюцца, але тыя з'яўляюцца асноўнымі рэчы, якія вы зірнуў бы на для гульні або дадатку. І ў вас быў пытанне ў спіну таксама. 

[Студэнт] З пункту гледжання сеткі [неразборліва] загрузкі або запампоўкі файлаў [неразборліва] [Боуэн] Ваш пытанне, як вы можаце бачыць, што і як вы можаце адладжваць, што і гэта праверыць? [Студэнт] Як вы можаце адладжваць яго [неразборліва] Выбачайце. Я не магу чуць усё гэта. [Студэнт] Як вы атрымліваеце гэта памылка выпрабаванні, а таксама [неразборліва] Вялікі. Вялікі. Як вы працуеце з сеткай? Як вы можаце бачыць, што адбываецца? Там у шмат розных адказаў на гэты, але дазвольце мне паказаць вам, верагодна, самыя лёгкія рэчы. Дазвольце мне пазбавіцца ад трэнажора на секунду. Проста пару параметры адладкі для сетак. Там у поўны сеткавы стэк запечаны прама ў як на ўзроўні WinRT і ад WinJS, так што вы можаце вельмі лёгка зрабіць XHR, тып AJAX званкі з гульнёй або дадаткам, каб зрабіць гэта. У першую чаргу, я аддаю перавагу выкарыстоўваць 2 рэчы. Я выкарыстоўваць фактычныя самі інструменты распрацоўніка, якія маюць сеткавы стэк выпечаны ў іх. Дазвольце мне паказаць вам хатнюю старонку Windows. Я магу пра гэта не, і там на самай справе сеткавай проксі запечаны ў гэтых інструментаў тут. Так што я магу зрабіць гэта, я магу абнавіць старонку, і ён збіраецца паказаць мне ўсё ўзаемадзеяння, у тым ліку AJAX заклікае да гэтай сесіі, для працягласці гэтага запыту. Гэта карысна. Гэта будзе вельмі карысна для прыкладанняў на аснове браўзэра. Для іншых відаў прыкладанняў, у тым ліку Windows Store прыкладанняў, Я выкарыстоўваць інструмент пад назвай Скрыпач. Вы збіраецеся атрымаць гульню ў адказ. [Смяецца] Скрыпач з'яўляецца просты проксі. Я думаю, што можна паказаць, што для вас. Гэта проста GetFiddler.com, які, што цікава, я адсочвання мой сеткавы стэк збіраецца GetFiddler. Але так ці інакш, Скрыпач быў напісаны адным з прэм'ераў у камандзе IE, так што ён ведае, што ён робіць. Гэта добры проксі, якія можна выкарыстоўваць для адладкі сеткавага трафіку. Я рэкамендаваў бы, каб. Пытанне там таксама. 

[Студэнт] Ёсць просты спосаб інтэграваць ўвод замежных моў, як японскі або кітайскі, у прыкладаннях Windows? Я не магу сказаць, што я зрабіў занадта шмат сябе, але гэта выпякаецца цалі Ёсць варыянты для вядома выпраменьваючых прыкладання - Прабачце, я не казаў, пытанне - варыянты вакол глабалізацыі, лакалізацыя кантэнту, у тым ліку рэчы, як магчымасць прадаваць на розных рынках і мэта, якая версію прыкладання для тых асобных моў ці культуры ці таму падобнае. Абсалютна убудаванага У нас было падтрымку, што для вечна, і што нясе наперад у вашыя варыянты для Windows Store. Вы можаце зрабіць гэта ў самай краме, прадаць на розных рынках, Вы можаце зрабіць гэта ў дадатку, а таксама з выкарыстаннем рэсурсаў, каб вызначыць, "Калі я распрацаваў для гэтай культуры, а затым выкарыстоўваць гэтыя пераазначэння для майго тэкставага кантэнту "Ці выкарыстоўваць справа налева чытача." Гэта ўсё частка WinJS па змаўчанні і WinRT API. Добрае пытанне. 

Як у нас справы? Любыя іншыя? І калі хтосьці на відэа ёсць пытанні, я cbowen @ Microsoft, так што я з задавальненнем адкажу на любыя вашы пытанні з будучыні. Вельмі - З будучыні, у будучыні [імітуе рэха]. Дык вось я. Дазвольце мне пакласці назад мой кантакт тут. Так што проста паслаць мне запіску, cbowen @ Microsoft, і я вярнуся да вас, як толькі змагу. 

Усё астатняе, што вам цікава? Няўжо мы добра? Вялікі. Добра. Дзякуй усім вялікае. Я цаню гэта. [Апладысменты] 

[CS50.TV]