[Powered by Google Translate] [Семинар - Windows 8 - Развој App / игри со HTML5] [Крис Боуен, Едвин Guarin - Универзитетот Харвард] [Ова е CS50. - CS50.TV] 

Еј, сите. Моето име е Едвин Guarin. Ова е Крис Боуен. Јас ќе нека се претстави во една секунда. Јас само сакам да се направи брзо најава. Прво на сите, сите што CS50 студенти добиете Windows 8 за слободни. Значи, ако сте размислување за всушност да го користите за вашиот конечниот проект, тоа е твое. Нејт ќе испрати е-маил подоцна за инструкции. Втората работа е ако одлучите да напишете Windows 8 стан за вашиот CS50 финалниот проект, ние ќе се прават некои рекламирање материјали: на Xbox, ние може да биде во можност да даде чеша далеку, работи како што. Па ако има нешто холдинг те враќа, нека Крис или знам Како можеме да ви помогнеме да се изгради нешто навистина кул. Па благодарение повторно за доаѓање и денес, и јас ќе го предаде на Крис. 

Ви благодариме, Едвин. Ви благодариме, на сите, што ни се придруживте денес. Јас сум Крис Боуен. Јас сум еден од колегите на Edwin тука во североисточниот регион. Сакав само да поминат малку време со тебе зборува за како да се направи Windows Store апликација со HTML5, JavaScript, и CSS и вид на се било какви прашања може да имате за тоа одговори за вас како сте во потрага кон размислување за можеби го користат за CS50 финалето можност. 

Тоа, рече, ние само ќе се нурне право внатре Јас ќе одам во текот на слајдови овде. Ако имате било какви прашања, се чувствуваат слободни да ми пратите e-mail. Јас сум cbowen@microsoft.com, и таму е мојот блог и моите Твитер. Сепак сакате да стапите во контакт со мене, тоа е во ред. Јас имам околу еден час на работи, и јас сакам да ја добиете вашата прашања во патот, па не се срамат да имаат прашања во текот на оваа. Тие не можат да се види кој е поставување на прашањата на снимање, па ќе биде како анонимен како што сакате да биде. 

Дозволете ми да се нурне во право, само ви даде брз вовед во Windows 8, и ви покаже неколку од работите за Windows Продавница апликации кои може да се разгледа како сте размислување за развој на апликација. Ние сме во потрага на Windows 8. Ние сме биле надвор за неколку недели. А многу силна усвојувањето таму веќе. Може да сте виделе веќе површината машини кои имаме, како и. Има една овде, всушност, можете да фрлите поглед на, ако си тука во лице. Јас навистина сакаат да разговараат со вас, ви покаже околу малку за Windows 8. Идејата со Windows 8, што навистина донесе напред сите работи што знаете за Windows во некои нови искуства - особено, работите се допаѓа на површината машина со допир, овие вид на повеќе мобилни уреди кои се сега на пазарот, но тоа е исто така на Windows на неговото јадро. Па тоа значи дека може да го инсталирате навистина на ништо што работи на Windows 7, од вашиот најголем трокреветни СЈН игри Риг сведува на вашиот лаптоп и на вашиот комплетно нов други уреди кои може да ги собереш и денес. Тие ќе работат на Windows 8. Јас ќе ви покажам наоколу само малку, и сите искуства што ќе видите тука се работи кои можете да се создаде. Идејата е дали тоа е допир, глувче, тастатура, без оглед на уредот е дека сте водење на вашата апликација, тоа се случува да се кандидира голем. Windows 8 ќе им помогне со сите оние сценарија. 

Овие слајдови настрана, ајде да добие право во Гледано околу тука. Дозволете ми да ви покаже околу мојот дом екран. Ова е мојот Почеток екранот. Јас само ќе ви даде малку на турнеја тука. Јас сум на не-контакт машина, па колку што Сакам да го допрам мојот лаптоп екран, тоа нема да се направи нешто, па јас само ќе дојдете овде малку и ќе покаже. Некои работи може да забележите се на фактот дека овие што се нарекува во живо плочки всушност може да ги анимира, и тие можат да обезбедат информации за вас - можеби ажурирања на статистика за игра или ви покаже вести од некои од претходните апликации кои се тука на левата страна. Таму ќе одиме. Сигурен сум дека тоа е само позитивни и фантастично голема вест. Можете да видите тука тоа е навистина повикувајќи вашето внимание назад кон стан, велејќи: "Еј, има нешто ново тука. Погледнете. Ајде назад во и да видиме што е ново за вас." Тоа се вика живо плочка, и што можете да направите известувања или директно од самата апликација или ако се погледне во повеќе детали, ќе дознаете како да се напише далечинскиот управувач услуга кои, всушност, може да им помогнам информации за плочка, што е она што се случува со овие вести апликации. Тие се всушност добивање на вести од облак и ажурирање на плочка во право, таму па луѓе знаат постои причина да се отвори апликација и да погледнам на она што најновите вести е во ниту една од овие или ако има нови рецепти или нова висок резултат да победи или пријател игра или што и на овие апликации. Тоа е нешто да ви примами назад внатре Па тоа е во живо плочки, и тоа би можело да биде лице, тоа би можело да биде веб страната, како и. Обично тоа е некоја апликација. 

Доста сите овие работи што имам тука дојде од Windows Store. Јас ќе започне тоа. Тоа е една од апликациите што ќе го добиете стандардно на било која машина што е со Windows 8. Можете да дојдете тука за да најдам ништо што би сакале, од она што се осветлени со игри кои не сум видел. Ох, wow, ние го добивме нова pinball тука. Можете да ги инсталирате овие, токму тука од продавница, и ние ќе зборуваме за тоа како да се развијат овие. Имате голем број на избори во начинот на кој можете да ги креирате. Ние ќе се фокусира во на вклучите Javascript-приказна со HTML и CSS, но на корисникот, на купувачот на стан, тоа не е важно она што беше напишано внатре Тие можат да одат напред и да работи со него. Јас сум заинтригиран од овој, па затоа треба да ја отворите оваа и да ги разгледаме. Секој стан, вклучувајќи ги и оние што ќе можат да ги достават и го продаде или подарите бесплатно, она што сакате да го направите во продавницата, ќе добие Главна страница вака. Можете да поднесете со вашата апликација еден куп на снимки на екранот - ќе видите некои тука - детали за апликација, а со текот на времето ќе се акумулира како рејтингот - тие се во основа само ѕвезда рејтинг - и осврти, кои обезбедуваат малку повеќе увид. Всушност, некој има да напишеш нешто и ќе ти кажам колку страшни сте, и дека ќе одат во вашиот Осврти дел овде, што не сум ја погледна. Фантастично. "Нема ни да се отвори." Колку голема. Па, за луѓе за кои ова не се отвори и рок, тие се чини дека навистина уживам во тоа. [Се смее] Чувајте го ова на ум. Интернет. Секој може да каже она што тие сакаат за вашата апликација. Така бидете сигурни дека сте се прави голема работа со него, бидете сигурни дека сте го прави како удобен за на корисникот како што можете да затоа што тие се неколку клика далеку од обезбедување на преглед, и дека ќе се акумулира до вашите целокупниот преглед рејтинг. И сакате да го направите вашиот најдобар, бидејќи ви се случува да биде против други апликации. Ќе има илјадници апликации веќе во продавницата, и шансите се, може да биде нешто што го прави слична функционалност на она што го правиш. Значи, ако навистина може да се издвоите од толпата, што се случува да биде да ги искористат, се разбира. 

Ние ќе дојдеме во продавница малку подоцна. Јас навистина сакате да се фокусира на создавање апликации. Но скратена верзија на продавницата е дистрибуција низ целиот свет, тоа е автоматски дел на Windows 8, луѓето само да го запалам и да погледнам во различни апликации тука, имате Облечи налепници на книги и сите видови на различни апликации. Свежа боја, јас го користам овој многу - лошо, но јас го користам многу. Тоа ме покажува Јас веќе го поседува. Дозволете ми да ви покаже нешто јас немам - UVideos немам како сосема нов. Гледате тука е слободен, па можете да го инсталирате во право од продавница. Имате избор премногу. Вие се разбира можете да го подарите. Може да се стави реклама во стан или игра. Можете исто така да им наплатат за тоа, а вие многу лесно може да обезбеди судењето за примена, како и па можете да ги споделите луѓе ја обидат за една недела или она што сакате да го направите. Тоа е само индивидуализира преку порталот. Вие не напишете било код за тоа. Така да се каже, "Можете да го користите овој за една недела, а потоа имаш да го купите" или можете да ги правите нештата како "Вие би можеле да играат првите 3 нивоа на оваа игра "И тогаш имаш да се купат за да пристапите на останатите." Можете дури и не можеше да стори во стан купува, како и, па може да се каже, "Имаме дополнителни авантури или групи на графика или работи кои се отклучи - "Повеќе рецепти кои се отклучи -. Ако купите овие продолжен поставува" И можете да го направите сите во рамките на стан или самата игра. Значи, целосно зависи од вас, вашиот избор. Има многу работи што можете да направите во продавницата, а потоа во основа си го поднесување на сертификација канал. Можеме да зборуваме за сите кои малку подоцна, но тоа е целта. Сакате да ја добиете вашата стан во светот видливост во продавница тука. 

Назад на почеток екран тука, јас би сакал да ви покажам наоколу малку повеќе. Ако јас го лансира овие апликации, дозволете ми да ви даде пример на некои крос-стан функционалност тука. Да го стори тоа, ќе започне свежа боја. Едно нешто што ќе видите тука е секој малку на екранот, сите пиксели на екранот, одете на вашиот стан. Поминаа деновите кога имате овие границите околу прозорците со многу копчиња кои се секогаш таму преземањето на просторот цело време. Сега навистина сакате да се извлечеш од тоа и само треба вашата содржина да биде во фокусот. Ние можеме да правиме работи со Windows, со пристапување други видови на менија. Еден од нив е, всушност, она што се нарекува бар уроци, и таа излегува од страна на екранот. Ти всушност може да тик од страна ако имате екран на допир, сте во право би можеле да кликнете, ако имате глушец, има кратенка на тастатурата за тоа, секогаш има повеќе од еден начин да се направи нешто во животната средина тука. Која носи голем број на работи што можете да направите. Најочигледен е да може да се врати на почеток екран, но другите 4 се она што се нарекува привлечност. Тие се договори кои може да се вклучи во, како еден стан инвеститорот. Тие се прилично кул. Барај, јас сум сигурен дека тоа е нешто што се случува да се направи, споделување јас ќе ти докажам во секунда, и уреди и подесувања, овие се сите нешта кои вашиот стан може да се вклучи во да потпора на Windows, да се каже, "Јас го направив мојот дел "И јас сакам на Windows за поддршка на некои други функционалност, "И не сакам да пишувам многу на код за да го направат тој да се случи." Тоа е навистина од корист за користење на овие функции. Дозволете ми да ви покажеме еден. Да го стори тоа, ќе се направи нов сликарство. Јас, исто така зборуваше за користење на секој пиксел за вашиот стан. По дифолт, тоа е она што бојата стан изгледа кога ќе го користите. Тоа е навистина само за она што ќе го цртање, вашата содржина. Можам да ја направам ужасни нешта тука. Што треба да се подготви? Не знам. Scribbles? Ох, одлично. Што можам да направам scribbles. Фантастично. А Турција? [Се смее] Ова е најстариот апстрактни Турција ќе видите. Јас, исто така може да донесе до она што се нарекува стан бар, и ова е навистина еден од клучните начини на кои можете да ги користите за да се скрие далеку сите работи кои можеби биле на вашиот стан или игра пред само преземањето простор цело време. Па сега можете да го стави тука, и ова е навистина еден од поубаво искуства со стан бар што сум го видел. Стави избори овде за избирање на различни бои. Сакавме Турција, па ние ќе се стави некои кафени тука, почнете мешање во неколку бои. Ние ќе мерите средно боја тука и потоа да се вратам тука. Можете да почнете да цртате. Ете ти Турција. Фантастично. Не можам да се подготви да започне со тоа, но за да го направи тоа со touchpad во пред публика е дури и подобро. Ова е неверојатна. Идејата, сепак, е сè што ми е гајле за се во право тука на површината. Да речеме јас сум толку задоволни со ова што имам да го споделам со некого. Нормално она што би направиле со други верзии на Windows, можеби ќе бидат потребни екранот, ќе направи некои копи-паста на вашиот текст или работи како дека сакате да ги споделите надвор, и потоа оди и ќе отвори друга апликација и го стави во неа. Тука вие не мора да го направи тоа. Ти всушност може да го изнесам бар привлечност и да каже, "Сакам да го споделам ова." Во овој момент тоа се случува да ви покаже на сите апликации кои знаат како да се работи со она што се дели. Во овој случај тоа е слика, па затоа се случува да се каже, "Јас тука гледам имаш слика." "Дали сакате да ги споделите тоа?" Можете да видите јас мејл мене работи цело време. Тој признава дека, и тоа е ми нудат што како кратенка, но тоа е, исто така, ми покажува секој стан кој знае како да се справи со преземање на слика и прави нешто со неа. Овие ги имаат сите е наведено на Windows што тие можат да го сторат тоа. Во овој момент тоа е Windows. Корисникот само избира она што тие сакаат да се направи со неа. Јас ќе дадам се од вообичаените од PuzzleTouch. Можете да видите Јас направивме сите видови на загатки со текот на времето. Ќе го земам PuzzleTouch и да каже, "Сакам да го споделам оваа неверојатна креација со PuzzleTouch." Тоа се случува да се оди напред и да каже, "Велики. Сакате да ги споделите оваа? Фантастично." "Дали сакате да се направи загатка што е лесно, средно, што?" Јас ќе се направи една преодна овде. Тоа го прави на загатка. Тоа се случува да биде многу лош загатка, бидејќи тоа е главно празно. Но тој е подготвен, а тоа е всушност назад во друга апликација. Ако дојдам овде, можам да го бара за него и да се започне тоа. Сега ако ние дојдете во текот на само малку тука, ние треба да се види мојата креација некаде. Каде да одам? Каков вид на мозаик никако не можев да се направи? Никако не можев да се направи тоа лесно? Ох, тоа е, во право таму. [Chuckles] Тоа е лесно препознатлив Турција загатка што е овде. Но, она што сакам да истакнам да ви, кул работа овде е Apps не знаеше ништо едни за други. Тие само рече: "Јас имам една слика да ги споделат, и знам како да се справи со слики." И ти како програмер, вие не мора да се напише дека код. Кога некој ме прашува да ги споделат, јас ќе одам да се стави некои податоци во оваа мала структура на податоци и јас сум се направи. Другите стан презема, не ја работи својата работа, и тоа е крајот на размена на искуство. Тоа е само една работа што можете да направите - навистина, навистина моќни - и тоа се случува да биде една од оние работи кои навистина би можеле да помогнат да се разликува вашиот стан и, исто така, вашата игра премногу во продавницата. Луѓето се случува да бидат во можност да се каже, "Ова е навистина корисно." "Ја користам оваа загатка творец цело време. Тоа е фантастично." 

Што е околу доволно на краток преглед на она што се случува овде. Има неколку други карактеристики исто така дека можеби ќе ја нагласи како што минуваат низ код. Но јас сакав да нурнам слајдови, и да го направат тоа, јас ќе одам да се оди на десктоп, која и самата е уште една жива плочка тука. Можам да одат во овој и, секако, јас сум на мојот слајдови, но дозволете ми да ви покаже всушност каде сме. Ние сме всушност во десктоп режим. Ова е навистина, каде што јас го кажувам пред околу Windows пренесувањето за нови искуства се покажува. Ова е Windows знаеш. Windows апликации се нарекуваат десктоп апликации. Тие работат тука. Ако имате постоечки апликации и сакате да ги работи на Windows 8, сте апсолутно може да го направите тоа. Овие не се исти нешта како продавница апликации, кои се тука, како свежа боја и овие NBC Вести апликации и работи како што. Тие ќе дојдат од продавница. Тие можат да го приклучиш во некои од карактеристиките дека сум бил Ви прикажуваат и другите дека јас не сум ти покажувал само уште. Но, само задржи дека во умот. Имаме поддршка и за овие работи, како и. Жал ми е. Е нешто не се покажува на екранот? Сум го изгуби целосно. Тоа е чудно. Во ред. Ви благодариме за посочувајќи дека надвор. Она што не се случија за време е мојот Ви прикажуваат дека на работната површина е тука. Што е последното нешто што го виде? Дали ќе видиме ова? Ова е десктоп. Веќе знаете што изгледа. Тоа не е ништо страшно необично. Тоа е нашата носејќи тоа искуство напред за вас и овозможи да го користите она што сте го имале. На пример, јас ќе ти бидат прикажани Visual Studio. Тоа е десктоп апликација. Тоа се случува да се кандидира во овој режим. Тоа се случува да го поддржи повеќе комплекс на животната средина со многу опции и работи како што, па затоа тоа е добра опција како десктоп апликација прави. 

Тоа, рече, ајде да одиме на слајдови за само малку и да ви даде некои воведни содржина, а потоа влезе во всушност кодирање тука. Добрата вест е Слушнав сте се фокусира на многу CSS и JavaScript, HTML код. Сите оние нешта што сте биле учење носат директно во правење на Windows Продавница апликации. Работите кои сте биле слух за со примена на CSS селектори и сите оние работи е токму она што го правите да се создаде некоја апликација тука за продавница. Ќе одиме преку овие работи малку од малку. Во суштина, јас сум градење на работи кои веќе се донесени во времето за да дознаете. Ова е општата шема на технологии кои можете да го користите да се направи на апликации за Windows 8. Работи на десната страна, десктоп апликации, е навистина она што ние веќе знаеме. Тоа е нешто што е навистина на Windows 7 светски пренесени во Windows 8. Сите оние опции носи напред: C #, VB, Win32 вид на развој. Одлично. Нема проблем. Новиот материјал е на левата страна. Тоа е Windows Продавница апликации, тоа е кога ќе сакате да се моето барање жичен во Windows 8 користење на сите оние карактеристики, тоа се влезе во продавница, и да добијат дека навистина кул искуство на Windows Продавница апликации. Да го направите тоа, можете да видите тука имаш сите вашиот избор со XAML, C + +, C #, VB, можете да направите на DirectX, работи како што, работите кои одат надвор од слајд. Но, за нас, ние ќе треба да се фокусираат во право за тоа дека HTML, CSS и JavaScript се навистина прва класа граѓани за изработка на апликации за Windows 8 и за Windows Store. Па ова е добро за сите тука и луѓе гледање на видео затоа што само може да потпора сите оние искуства кои имате и навистина се врзуваат во она што Windows нуди. Си оди за да се направи тоа преку збир на API-јата, која треба да биде никакво изненадување. Секој оперативен систем си има своја API-јата. Ние се изложуваат на она што Windows може да го направи преку она што се нарекува WinRT. Тоа е сет на API-јата дека само прави се за вас. Ако ви треба да се отвори додадени фајлови, треба да се користи камерата, Прецизни, работи како што, тие одат преку она што Windows да Ви понудиме. За да пристапите до тоа, имаме некои повеќе го вклучите Javascript-што се случува да се направи уште полесно за да го направите тоа. Ние ќе дојдеме до дека во еден момент. Но, за сега, тоа е во основа вашиот патоказот. Работите кои веќе сте биле прави на врвот на некои API-јата кои ви помагаат да работат со Windows еднаква на продавницата App. И тоа е навистина за сите што треба да знаеме од високо ниво. 

Ние ќе се нурне во всушност работат со работи сега. Работите сте веројатно веќе видено еден куп на, со IE9 малку назад воведовме поддршка за многу од, во тоа време, понови стандарди во мрежата, толку многу нови CSS карактеристики, многу нови HTML, ECMAScript 5, што е навистина вклучите Javascript-. Па сè за тоа, освен за строго владата беше во IE9. Само еден тон на работи со CSS, CSS3, сите во таму. И сето тоа работи носи напред во она што го правиме со Windows 8. Можете да ги користите овие нешта, и можете да го користите она што е ново во IE10. Со IE10 ќе се воведат поддршка за сите овие работи, како и. Тие се сите хардвер-забрзана, па ако сте на машина која има некој вид на графичкиот процесор, што е веројатно доста секоја машина која ќе може да се добие во изминатите 8 години, ви се случува да бидат во можност да имаат хардвер-забрзана излез, визуелна излез со CSS, платно, SVG. Сите тие работи ќе одат преку хардверско забрзување и да биде дека многу побрзо и поефикасно. Скратената верзија на сето ова - Не сум случува да поминат низ секоја работа тука - ако ти го гледаш на оваа листа, ако може да го направи тоа во IE10, ако тоа е веб стан дека сте водење која работи во IE10, тоа е нешто што можете да направите како на Windows продавницата App. И тоа е доста тоа. Значи, ако таа работи во IE10, тоа се случува да работат како на Windows продавницата App. Тоа е на масата како нешто што можете да го користите. 

Има многу тука. Ние не имаат рок до полноќ, па не можам да се видат сè овде. Но, постојат некои сајтови кои ќе ви помогнат да се разбере она што овие работи може да се направи, и јас ќе ви покажам еден од нив во една секунда. Сакав само да истакнам неколку од клучните работи што може да се погледне. Можеби веќе сте виделе некои од овие во вашите студии, но овие се навистина корисни, особено со Windows Продавница апликации, од CSS страна. Па се во можност да го стори преобразува и транзиции, да обезбеди движење со анимација - овие сите се дел од CSS сега, а тие се сите поддржани од страна на современи прелистувачи, и IE10 и IE9 се додаде поддршка во текот на времето за сите овие работи. И така зошто тоа пишуваат сами, зошто одат низ сите проблеми на тоа овие работи со рака кога можете да го користите едноставен CSS трансформира за да се создаде 3D ефект за вашата апликација? Одлично. Тоа е како тоа функционира. Не можам да го било потешко отколку што го прават. Ако знаеш како да го направи тоа во CSS, знаеш како да го направи во Windows продавницата App. 

Оди подалеку од тоа за изгледот, работи како дури и продавницата App, но оди подалеку од тоа, гледајќи можеби вести стан, што е ви покажува статии или рецепти или работи како што, овие други видови на функции во CSS се навистина корисни: Мрежа, Flexbox, CSS регионите е повеќе од релативно нов стандард, како и. Овие нешта се сите ќе ви помогнат да го нокаутирам содржина и проток содржини помеѓу секции, да биде во можност да го стори номериране и hyphenation, без да имаш за да се напише нешто себе. Можете само да се каже, "Ве молам да го направите следново за мене" и како екран на недвижен имот е различна на различни машини или како што ќе видите во еден момент, како што се распарчи апликација да имаат помали количини на простор на екранот, тоа не е проблем за CSS. Тоа може да ги искористат предностите на - we'll зборува за медиумите прашања во секунда - тоа може да се грижи за работи со позиционирање на вашата содржина, што тече содржини од регионите само со овие нешта што може да имате веќе се гледа со веб-технологија. 

На HTML5 страна, исто така има и еден куп работи тоа ќе биде многу корисни за вас со Windows Продавница апликации. Повторно, ние не ќе помине низ сите овие, но тие се само тука. Па ако ви треба да го користите, аудио-видео, ако сакате да направите проверка од форми, Прецизни, сите работи што можете да направите во вклучите Javascript-со вклучите Javascript-5 или ECMAScript 5, IndexedDB за локалните складирање - тие се сите опции за вас. Ако сте во потрага за одговор, само погледнете на постоечките технологии со HTML5 и CSS и ќе најдете полесно одговори отколку да се има да се тркалаат многу нешта себе. Дозволете ми да ви покаже околу малку тука. Јас имам еден сајт можеме да одиме. Дозволете ми да престанам од овој слајд за една секунда. 

Ако одиме надвор да IETestDrive.com, Јас не ќе се направи многу на демо тука. IETestDrive.com навистина ви ја покажува многу од она што е ново со IE10, на работи што можете да направите. Сметам дека ова е навистина корисно, бидејќи наместо на читање преку еден куп на бела хартија, погледнеме неколку демо снимки, и што се случува да ви помогне да го стави на вашиот личен радар за тоа дали технологијата го прави смисла да дури и да направи ништо повеќе истражувања со па ќе разбере "Гледам што ова е за". "Јас разбирам што Барање анимација рамка го прави за мене." "Јас разбирам како би можел да се користи регионите или SVG филтри." Можете да ги видите во акција, видете ги на пример тука, и да одлучи за себе, ако тоа се случува да бидат корисни за вас во свои проекти и пошироко како ќе продолжи да работи со веб-технологија. Еве јас само ќе ве охрабруваме да ги погледне. Јас не мислам дека ќе потроши многу време, всушност, водење на овие. Имаме доволно да се покаже со пишување код. Ќе видите тука работите од допир ефекти на допир-базирани игри во тој дел, анимација, навистина брзо хардвер-забрзана анимација таму, некои оптимизации дека ќе се види во некои од овие примероци, како и, и таму е многу, многу повеќе. Ако одите овде и се отвори карта, има само смешно број на примероци тука. Можете да ги видите тука. Ако сте во потрага на нешто или сте слушнале за нешто и сте Прашувајќи се можеби ова ќе биде нешто кул да се користи во стан, обидете се во потрага тука, и таму е веројатно доста добра демонстрација за тоа да се зачуваат некои време. 

Во ред? Било какви прашања досега за луѓе тука? Во ред. Ние ќе го носат на тука. Повторно, само провери тоа. Тие се веб стандарди, па повелете со било кој друг покажат сајтови кои знаете и види дали тие технологии смисла за тоа што се обидуваш да се направи. 

Вратете се на слајдови. Тоа, рече, ќе се движат од веб свет навистина инсталиран локална примена светот, па така постојат некои работи кои треба да се истакне тука. Прво на сите, нема веб серверот се вклучени тука. Нема Апачи, нема IIS работи тука служејќи се страници на далечен клиент, на далечинскиот управувач прелистувач агент. Во овој случај, навистина сè е спакуван за вас. Ќе ги достават дека вашата апликација во продавницата, таа добива сертификат, тоа е надвор во продавницата, а потоа луѓето од страна на илјадници, ќе се инсталира на вашиот игра или вашиот стан. Но во основа, тие си го влече надолу локално за да нивната машина. Нема потреба да се излезе на Веб веќе, освен ако имаш разговори, кои треба далечински API-то, и тоа е совршено нормално, како и премногу. Но тие не се случува да се биде во таа владата каде што тие мора да одат барање одговор од серверот за да го добиете следната страница од нивната содржина. Така што рече, има неколку помали API разлики. Овие се неверојатно мали. Тие се веројатно нема да го погоди во вашиот нормален кодирање, но тие се најмалку документирани. Тие се вид на работ случаи. 

Од друга работа вреди да се укажува е довербата разлики. Јас само се спомене тоа затоа што јас само сакам да бидете сигурни дека јас тоа го рече па ако извршувате во тоа подоцна, ќе мислат, "Крис рече нешто за ова, "Па можеби, да, во ред", а потоа можете да се врати и да дознаете што е тоа. Контексти важно. По дифолт ние се обидуваме да заштита на корисникот од вектори на нападот. Постојат некои работи што можете да направите по дифолт и некои работи што треба да се промени контекст за да се овозможи. Вие сте Користејќи некои библиотеки таму - you've веќе работат со jQuery, но ако се погледне за други библиотеки таму - вие може да се користат некои функционалност тој вид на оди подалеку од локалната практика, не повеќе динамична интеракција XHR барања, такви работи. Понекогаш можеби ќе се најдат оние ќе биде исклучен по дифолт, и во тој случај, само не од пребарувањето, погледнете за локални и веб контекст, и вие ќе дознаете како да се поправи тоа. Само бидете сигурни дека знаел за тоа како да започнете да користите други рамки, кој, јас треба да се спомене, ти си совршено способни да го направат. Па ако најдете некои други рамка - we'll се зборува за ова во секунда - за игри и сакате да го користите дека сакате да го користите некои контрола библиотеки кои се таму а вие не сакате да се напише дека работи сами - тоа е добра идеја, нели? - сте апсолутно може да го користите овој материјал. Нема ништо холдинг те враќа од користење на било каков вид на библиотека која е базирана на JavaScript, CSS, HTML5. Повторно, ако тоа е нешто што можете да направите во IE10, што е подлец на многу овие денови, можете да го стори тоа. Повлечете го во вашиот стан, референтен дека го вклучите Javascript библиотека, и го користат во вашата апликација, само имајќи го во предвид можеби ќе ја погоди безбедносниот контекст еднаш во некое време - не многу често. 

А потоа карактеристики, ќе одиме во текот на неколку повеќе од тие што одиме. На UX можете вид на ќе се навикнеш на како што гледате се повеќе и повеќе апликации од Windows Store. Ќе се добие чувство за тоа како тие работат и како дизајн естетски има тенденција да работат во различни апликации и она што луѓето ќе се користи за доживување. Тоа е навистина важен дел. Бидете сигурни дека кога тие оган до вашиот стан, тие не треба да се чита упатството, која никогаш не го сторат, патем. Тие само треба да бидете во можност да почнат да играат со вашето барање и тоа да пронајдат без многу потешкотии. Со лепење и да се почитуваат многу од овие практики, ви се случува да направите вашите корисници голема корист, правејќи дека полесно. 

Во ред. Едно последно нешто на API страна, а потоа ние ќе дојдеме во всушност пишување на код. WinJS е тоа нешто што споменав многу кусо со комплексни слајд со сите оние кои се различни избори што имаш за правење апликации. WinJS, можете да мислам на тоа како другар. Тоа е вашиот пријател да ви помогне да пишувам работи побрзо. Тоа е само да го вклучите Javascript и CSS. Вие не треба да го користам. Можете да го користите. Ако си оди за да се јавувате во Windows карактеристики, ќе заврши со користење него, но ако има нешто како некои шеми на дизајн или контроли кои навистина не сакате да го користите, сакате да го користите нешто друго, тоа е до вас. Одлучи што сакате да го користите и стилови кои сакате да ги користите. Карактеристики од Namespacing и класа генерација - зависи од вас. Ако сакате еден или на друг, тоа е сосема ваш избор. Тоа е уште JavaScript и CSS. Но, тоа се случува да ви помогне да се направи многу нешта. На пример, тука е подмножество на она што може да се направи, работи како помагање на асинхрони програмирање со ветувања. Некој од вас слушнале за или работеле со Node.js? Тоа е заедничка шема да работат со асинхрони програмирање. Значи, во основа она што си ти што зборуваш е "Оди направи нешто, "И си оди за да ми даде ветување дека ќе се врати на мене кога ќе завршиш." Тоа е во суштина она што се случува. Значи, вие не замрзне до вашата апликација, додека на корисникот ќе и подигање датотека или нешто се емитувана одредување од Интернет. Адаптери останува одговора. И можете да го направите тоа со користење на асинхрони програмирање. Звучи смешно комплекс, но тоа е навистина лесно, бидејќи сте користење ветувања и ќе речеме: "Оди направи ова и кога ќе завршиш, се јавиме на овој метод." Тоа е доста тоа. Тоа е сите се изградени во WinJS. Тоа се случува да се направи тоа многу полесно да се напише навистина флексибилен и моќен апликации. 

Можете да видите остатокот тука, многу од анимации. Веројатно една од поважните нешта на овој слајд се контроли. Мислам дека имам целина - Да, и јас. Еве еден пример на само некои од контролите кои можете да ги користите во вашите апликации. Ова е за сите право горе од WinJS. Вие не сте пишување овие се, можете само да се каже, "Еве како јас сакам да компонира моето барање". "Јас ќе го користите флип поглед да можам да одам помеѓу различни слики." Не сум ти покажувал Семантички зум. Јас ќе ви покаже дека во една секунда. ListViews. Има GridViews. Веќе сте виделе мрежа како дел од продавница апликација, па се во можност да ги користат блокови на содржината и лизгање низ тоа. Flyout менија ќе видите од време на време. Стан бар јас ви покажа со тоа свежа боја апликација, како и, па ќе видам како можете да се прилагодите дека со ставање копчиња на него и ја презеде дека прикривам кога не ти е гајле да го користат. Тоа е навистина целосно зависи од вас да го користите. Овие се сите контроли кои се дел од WinJS. Јас ќе ви покажам како да се направат овие во само една секунда, но има многу повеќе од само тоа, и клучна работа е да ги користат ако сакате, освен некое време. 

Ако имате други контролни библиотеки, кои би сакале да ја користат, тоа е совршено во ред премногу. Работи како jQuery UI направи многу на овој вид на идеја, како и, обезбедување на повеќе контроли кои се протегаат што можете да направите во HTML и JavaScript. Ајде да нурне внатре Јас веќе реков тоа. Го користите она што сакате. Само имајте на ум дека може да наиде на некои контекст прашања. Но сигурно може да се меша и натпревар секаков вид на библиотеките сте удобно со, сакате да дознаете, ќе сакате да го користите, да се зачуваат некои време. 

Ајде да зборуваме за алатки само за една секунда. Можете да добиете она што ви треба да почнат да работат со Windows Продавница апликации. Ако одам назад надвор, јас имам премногу работи тука. Ако одите на оваа страница, која е dev.windows.com, може да го симнете се што ви треба. Што се студентите, ќе имате пристап до повеќе од пошироката јавност не, па може да се добијат повисоки крајот верзии на Visual Studio. Едвин споменати веќе може да се добие на Windows, како и. Но, во принцип, за сите програмери, можете да одат на овој сајт и да ја преземете се што ви треба да се направи некоја апликација, и сето тоа е бесплатно. Па таму е бесплатна верзија на Visual Studio, постојат некои алатки кои ќе инсталира заедно за тоа - се што ви треба да се создаде и тест вашата апликација. Тоа е само кога ви се случува да ја објавите вашата апликација до продавницата дека сте ќе треба инвеститорот сметка. Тоа исто така верувам дека е бесплатно. Тоа е бесплатно за студентите, како и? >> [Guarin] Кој? Инвеститорот сметка, вистинските поднесување. >> [Guarin] Да. Тоа е уште една добра вест. Ќе треба да се погледне на овој. Тоа ќе се каже за поединечни стандардно тоа е 49 $. Но не се регистрирате за тоа како студент. Ќе добиете некои информации преку вашиот програми кои може да се добијат на сметка бесплатно, и која ќе може да потоа да го поднесете вашите апликации, па се до продавница, колку што ви се допаѓа, и сето тоа добрина наскоро ќе го следат. Па тоа е dev.windows.com. Можете да ја преземете алатки кои ќе ви требаат од тука. И ако сакате, можете да добиете Пробна верзија на Windows тука, но повторно, вие не ќе треба да се. 

На друга страна - дозволете ми да истакнам ова за вас брзо - е design.windows.com. Тоа беше dev.windows.com. Design.windows.com, може да се погоди она што е за. Тоа е всушност прилично пријателски сајт. Има многу добри информации тука. Можете да работите преку неа. Тоа се случува да ви даде некои совети за некои работи дека можеби не сте размислувале за пред или мораше да се справи со порано, како и дизајнирање за допир, дизајнирање за различни форма фактори, дизајнирање на можностите на Windows 8, работите што веќе напоменав претходно како што се пребарување и споделување, некои работи кои јас се уште не се зборуваше за. Тие се сите наведени тука, и тоа е прилично добар сет на корисни датотека страници кои ќе ви помогнат да се разбере како да се направи одреден вид на апликација, како да направите интеракција, како да се справи со UI и UX на вашата апликација. Јас би Ви препорачуваме да ги погледне во тоа, особено ако сте во некоја точка надевајќи се дека ќе ги објават барање до продавница. Ви се случува да сакаат да знаат како да се направи добра апликација затоа што веќе напоменав претходно, ако не, тука е оние коментарите повторно. Луѓето се случува да бидат несреќни. Тие не ќе бидат во можност да се најде она што тие го очекуваат во вистинските места. Никој не сака тоа да се случи да ви. 

Се движат напред тука, дозволете ми да се затвори таа надолу. Сега дека знаете каде да го добиете нешта, јас ќе ви покаже како да се, всушност, да започнат со користење нешта. За да започнете, јас, всушност, ќе ви покаже тука еден пример на десктоп апликации на мојот Почеток екранот. Овде можете да видите на Visual Studio, можете да видите Blend и други алатки за развој, кој го имам. Тие имаат малку поинаква плочка. Тоа е затоа што тие се десктоп апликации, и во оние случаи тие се сите случува да започне назад на мојот десктоп навистина само како апликации кои сте навикнати да. Па на Windows искуство, тоа е иста работа. Тие не се, на пример, како вооружените! или овие работи. Дозволете ми да започне еден брзо. Всушност, тука е интересна. Ова беше развиена од страна на студентите работат во партнерство на nerd. Полн екран апликации, овие видови на искуства тука. Ох, убаво намалување екрани и сите видови на забава нешта. Тие развија ова. Ние како добро би можеле да се прикаже целата работа додека сме во него. Всушност, работев со нив малку, им даде некои совети на работите затоа што тие го прават JavaScript за нивната примена. Ве молам, јас не сум земање кредит за нивната работа, тие не целата работа. Јас само им даде малку совети тука и таму, но тие не некои големи нешта со користење на пред да го вклучите Javascript крајот и врзување во некои физика мотори и работите да се направи многу на ова дело. Одите. Да видиме дали тоа функционира. Леле, тоа сепак работел. Добро, добро. Но ќе го добиете идеја. А полн екран стан, навистина добро искуство. Ова е поддршка не само мојот глушец и пенкало ако имам нешта како тоа, но, исто така, го допре. Ако имав екран на допир, јас само може да привлече кон него и продолжи да работи со тоа. 

Едно нешто што не покажа, и причината зошто сум доведување на овој горе е сакав да имаме уште едно стан да ти го покажам она што можете да направите, вие всушност може да потрае апликации во Windows и повлечете ги на страна на екранот. Ова се нарекува кршење на апликацијата. Во овој случај, јас сум преземат Inkarus и сум го додава на страна тука. Таа сега е во Snap поглед, и дека ми дозволува да се направи нешто друго, додека таа апликација е таму. Повеќето игри што ќе најдете ќе едноставно пауза. Тоа е нормално пристоен работа да се направи, освен ако вашата игра некако може да ја намалите оној мал за резолуција, како можеби некаква одбор игри или работи како што по повод. Но, во принцип, најлесната работа да се направи и најсоодветниот нешто да се направи за игри е да го паузирате апликација. За апликации како вести апликации, ако јас започне оваа една, а потоа го прибере, ќе видите дека всушност се менува значително во тоа како е презентирање на податоци за вас. Еве тоа е ви покажува во навистина повеќе вертикална пан таа информација, но јас се уште може апсолутно ја користите апликацијата. Така, тоа е сè уште многу корисни. Фактот дека тоа е во помал поглед не ме чува од користење на овој стан. Така што мислам за тоа. Тоа е нешто што треба да имате на вашите апликации направи до некој степен, но тоа е до вас за да се утврди како функционална вашите апликации треба да бидат во оној вид на помали животната средина. Дозволете ми да се затвори таа долу и се врати во, каде што бевме тука. 

Edwin, ќе додаде слика на мене веќе? >> [Guarin] Да. >> [Боуен] Погледни го тоа. Види тоа? Едвин додаде слика. [Се смее] 

Да се ​​вратиме овде во Visual Studio. Дозволете ми да започне оваа за вас. Можев да го кликнале на плочка на која Почеток екранот. Тоа ме врати во десктоп режим, и тоа е отворањето на десктоп апликација на Visual Studio. Ова е Windows, кои веќе знаете. Јас може да оди напред и да се создаде проект. Ние ќе се фокусираат повторно го вклучите Javascript, HTML код. Одам да се излезе и да изберете до тука под вклучите, Windows Store. Има голем број на шаблони кои можете да го користите. За продуктивноста, јас ќе Ви препорачуваме да ги погледне некои од овие другите оние тука како мрежа и Сплит. Тие се навистина корисно ако сте прави апликација што се случува да имаат таков вид на дизајн и навигација. Ќе ги видите овие многу. Оној јас само ви покажа, всушност, на пример на мрежата апликација. Значи, ако мислите дека ви се случува да се прави вести стан или RSS читач или нешто слично, која се занимава со многу записи за кои сакате да се покаже детали, се размислува за користење на еден од овие шаблони да започнете брзо и тоа со измената од таму. Но, само за да можам да ви покаже на сите подвижни делови тука Одам да се создаде празно стан, а потоа ќе одиме малку подлабоко во детали. Јас сум само одлуки кои празно апликација овде. Тоа се случува да се создаде целиот проект за мене. Ќе ви отворам работите кои сакам да ви покажам од стандардните. Дозволете ми да зумирате малку да ти го покажам она што е создаден за нас овде. Работите кои ви се случува да се погледне во прв се сите именувани стандардните. Па ви се случува да се погледне за default.html, default.js и default.css. Од друга работа да се истакне е дека ние веќе имаат референца за она што веќе напоменав претходно. Ова е WinJS. Никој всушност го нарекува овој долго име тука. Тоа е WinJS, на Windows библиотека за JavaScript. Ако го отворат, може да се види сето тоа е тука. Има различни CSS фајлови, има вклучите Javascript-. Тоа е таму за да ви помогнеме. Тоа е навистина таму за да обезбеди контроли и стилови и работи кои само може да се користи автоматски. Но, повторно, ако има работи што сакате да го користите, наместо во однос на стил и други контроли, тоа е целосно зависи од вас. Јас ќе ви покажам како да се користи неколку од тие работи сега. 

Назад во текот врз нашата левата страна, дозволете ми да ви покаже стандардно HTML страница. Веќе сте виделе нешто WinJS, и тоа е навистина сето тоа се случува таму со оние средината линии на Селектирај, само ги носат во CSS стандардно и доведување во неколку JavaScript датотеки од WinJS. Вие не треба да биде господар на она што се случува во внатрешноста на оние датотеки. Тоа е прилично интересно да се погледне во нив да се вид на видиш што се случува таму бидејќи таму е прилично интересен средно и напредни техники случува таму, но убаво нешто е како програмери, можете само да ги искористат предностите од нив, само да ги користат и навистина не мора да се грижите за тоа. Сеуште можете да се вози автомобил без да знаете како тоа функционира, нели? Значи тоа е вид на нешто што се случува овде. Има контроли и стилови и работи кои само може да оди напред и употреба и кодот кој можете да го користите во вториот, без да се знае што е таму. Еве свој датотеки. Овие се твоите места кои можете да ги менувате вашите сопствени CSS и свој JavaScript за да добиете нешта тркалање. Ќе биде додавањето секако други JavaScript датотеки и можеби и други CSS фајлови како вашиот проект расте, но ова е навистина само појдовна точка. Тука е Здраво, свет еквивалентни на HTML, па ние сме назад во телото таг. На врвот, патем, тоа е HTML5 DOCTYPE, па ќе признае дека од она што сте биле на работа. Има целосна IntelliSense тука како добро, па ако ги правите нештата како тип во видео таг и да ги прошират дека надвор, веројатно сте научиле за фактот што треба да направите резервен план кодирање за видео тагови во HTML5 - или можеби имаш - да се осигура дека различни прелистувачи имаат подршка за вашиот видео. Имаме вакви работи низ HTML, преку вклучите Javascript-, преку CSS. Кој е изграден, а јас ќе ви покаже CSS во секунда. Тука можете да одите напред и да почне менување код, Селектирај. Всушност, пред да промени ништо, јас ќе одам да ја извршите оваа и ќе покаже она што го добивате. Си оди за да се добие поздравниот екран кој можете да се прилагодите и тогаш ќе го добиете Здраво, свет искуство тука. Тоа е фантастично, нели? Оди напред и да брод тоа, нели? Содржина оди овде. Тоа е основната работа. Тоа само може да се добие подобро од таму. Ние ќе одиме напред и да го додадете во некои работи. Јас имам малку Селектирај Одам да го копирате тука само така вие не мора да ме види пишување. Пушти ме донесе до алатникот тука, а јас ќе се утврди ова, бидејќи јас ќе се прави ова неколку пати. Лента со алатки, ако не сте го виделе на Visual Studio, е местото каде што ви се случува да најдете еден куп на контролите. Можете исто така да се стави кодот фрагменти во тоа што можете да повторна употреба. Еве јас само ќе поп во некое друго HTML, ништо страшно напредни во сите тука. Тоа е само основен HTML велејќи дека имаат влез, каде што може да пишувате, Имам едно копче каде што може да го поднесе, а потоа имам div тоа е во суштина случаеви која можам да користам да излез "Здраво, го напишете ова." Тоа е интро на HTML пример. Ако јас ја извршите оваа, ние автоматски се HTML, но ние исто така автоматски се стајлинг. Ова е една од важните работи од WinJS. Тоа се случува да ви даде стандардно некои изгледаат и се чувствуваат дека е навистина во согласност со остатокот од она што Windows 8 се прави. Тука ќе видите нешта како копче. Копчето стандардно во HTML не изгледа како тоа, но тоа не тука затоа што тоа е добивање дека CSS десно од кои CSS датотека во WinJS. Ако сакате да го користите нешто друго, ако сакате да го промените тоа, сосема во ред, оди напред и да направи она што вие сакате. Но, тоа е стандардно. Тоа се случува да биде повеќе запознаен за корисниците. И, се разбира, ова не ќе направи нешто, бидејќи јас всушност не жица до било каков вид на код да се одговори на тоа. Тоа беше само HTML. За да можам да се ослободи од тоа, и ние ќе се врати во нашата апликација. 

Дозволете ми да ги префрлиме на нашиот default.js. Ова изгледа прилично комплексна, но тоа е само прави неколку работи за вас. Тоа е boilerplate. Тоа се случува да биде иста во сите ваши проекти. Единственото нешто што оваа го прави е само вид на се прашуваат: "Како ми дојде тука?" и рече: "Дали сте за лансирање овој стан за прв пат?" "Дали сте за продолжување на стан да имаат тоа да биде суспендиран?" Неколку работи како што. Навистина, нашиот фокус на оваа датотека, тука е во право за тука. Во овој момент, и оваа линија код е прилично важно. Тоа е, всушност, ќе одат и да бараат преку сите ваши Селектирај, и тоа се случува да се најде она што сте го замоли да се претвори во контроли, подлабоко контроли како контрола рејтинг, како мрежа видите, како flyout и оние други работи кои ви покажа на што слајд порано. Тие не се мајчин HTML контроли. Ти едноставно не каже flyout како елемент и да го имаат знаат што да прават. Она што ние всушност направите е истото што се случува во другите видови на контрола рамки. jQuery UI прави на ист вид на општиот пристап. Го користите ознаки во HTML, а потоа некои JavaScript доаѓа преку подоцна и вели: "О, јас знам што е тоа. Тоа е барање за ова да се претвори во овој материјал," кое е поинакво поизразени HTML да го направи како рејтингот контрола, што е она што јас ќе ти докажам токму сега. Оваа линија код е ветување дека, велејќи: "Кога се исполни ова ветување, "Сето она што сте го побарале има тогаш се создал." И тоа е тоа. Тоа изгледа малку комплексна, но тоа е навистина исти во секој проект. Овде е местото каде што можете да почнете додавајќи во што било друго што сакате да се случи, па ние ќе се вратам на тоа во една секунда. 

Прво на сите, ми треба малку на кодот кој може да одговори на тоа дека некој кликне на копчето. Одам да се оди напред и да се стави дека во овде долу. Повторно, јас не одам да се направи било пишување во пред вас тука. Многу основни вклучите Javascript-само велејќи дека кога ова се нарекува ние ќе треба да се обезбедат некои детали за тоа како влеговме тука а потоа ние ќе направи неколку основни работи. Да најдеме нешто во мојот HTML страница, која е именувана nameInput, го имате тоа, да ги преземе неговата вредност, шлаканица "Здраво" на предниот дел на неа, и се држи што резултира низа во таа div таг што го имавме пред тоа навистина не треба ништо порано. Сега ние ќе треба да се најде дека таг и го направи својот внатрешен содржина е еднаква на онаа низа. Многу едноставна вклучите Javascript-. Се надевам дека сте признавајќи дека има навистина ништо необично се случува овде. Тоа е само право горе HTML и ЈС тука. Ако јас ја извршите оваа сега, тоа е се уште нема да направи било која работа, бидејќи јас не го жичен до да добијат на настанот. Да го направите тоа, јас ќе го направи тоа право овде, повторно се враќаат во мојата Лента со алатки, никнуваат тоа тука. Очекувам сте виделе сето тоа вид на работи пред тоа, па јас не ќе го над-објасни. Сега ние ќе треба да одам да купам helloButton. Ние ќе каже, "копче, алал да му е." "Тука е настан што сега се реагира за да". "Кога некој ќе кликне на вас, јавете оваа функција, buttonClickHandler." И тоа е тоа функција ние само додаде десно надолу на дното таму. Тоа е тоа. Па сега имаме еден неверојатно функционална апликација. Мислам дека ќе биде навистина импресиониран од тоа. Крис. Чекај за неа. Wow. Во ред. Тоа е неверојатно. [Се смее] Но има уште. Не го купат уште. Чекаат. 

Дозволете ми да ви покаже малку повеќе тука и да излезе од цел екран. Ние ќе одиме пред да се кандидира. Дозволете ми да одат во и всушност ви покаже малку со CSS. Само по дифолт, ако ние се погледне назад на страница тука, кога ние се повлече во овие работи од WinJS и добивме UI-темно, Всушност, можете да го промените на зададените вредности за користење светло апликација. UI-темно е добро за графички апликации како со користење на многу слики, сте покажува многу визуелни содржини. Ако сте покажува многу текстуална содржина, на графичката околина осветленост е генерално добар избор. Вие не треба да го изберат, но јас сум вклучен за да го и сега сте гледањето на истиот Селектирај, исто сè, тоа е само користење во основа е превртена шема тука каде што сè е што го прави црн текст на бела. Тоа е добро и добро. Дозволете ми да излезе тука, и ајде да всушност се направи малку повеќе со CSS. Јас ќе ја ставам назад на темно, бидејќи мислам дека тоа е веројатно полесно да се види на екранот кога ќе почнете да правите овие работи. Одам да го замени тело уште еднаш. Јас ќе одам тука. Дозволете ми да nuke ова. Ајде да се донесе во телото со часови. Верувам сте го направиле основните селектори со CSS и работи како што веќе, така што веројатно знаете што се случува овде. Само давање некои класи на нашите насловот, и ние сме создавање на нов div да заврши на остатокот од тие работи што ние сега да ги користите за стил сите заедно. Значи она што можам да направам сега е да отидете во текот на нашата стандардна CSS. Дали сте го погледна кон медиумските прашања уште? Дали сте разговарале за тоа на сите? Медиумите прашања се дел од оваа појавни тренд - или тоа е воспоставен тренд сега, всушност, на веб - за одговора дизајн или прилагодливи, а идејата е дека вашите апликации навистина можат да се приспособат соодветно врз основа на она што уредот дека тие се се прикажани на може да се направи. Значи, ако сте на мобилен уред, очигледно ти си нема да имаат колку екран на недвижен имот како ќе на голем 30-инчен монитор седи со десктоп, голем компјутер слично. Па старата Одговорот на тоа би било да има 5, 6 различни верзии на истата страница и ти би се отвори верзија која беше tuned за одредени големината на екранот. Не и одлично. Тоа е многу, многу повторливи и има еден тон на одржување да го направите тоа. Сега имаме нешто што се нарекува CSS медиумите прашања, и можеме да го користиме ова автоматски да детектира кога има одредени големини или одредени начини на користење на вашите содржини кои се направени. Па можете да одговори на тоа и може да се каже, "Океј, во овој случај "Вие најверојатно не ни треба да ти кажам што се случува овде." Ова е само велејќи дека ако оваа апликација е купени, како што ви покажа пред - грабање тоа и тоа ставање на страна на екранот - тогаш ајде да го направите следново стил. Стил не е само за бои и работи како што. Тоа е, исто така, за големината и маргини и paddings и ориентации на содржината или дури и оневозможување или овозможување целата делови на вашата страница и, во овој случај, вашиот стан или вашата игра, како и. Па тука можете да го направите едноставно како што сакате. Ова не би било корисно во вашите апликации, но тоа е демо време, па јас ќе одам да се оди напред и само додадете во основните селектор тело и да каже, "Кога сум купени, ајде да одиме напред и да направите позадина бои и ајде да се избере нешто." Имаш IntelliSense тука. Ова е всушност навистина кул. Во 2012 година додадовме многу работи за CSS поддршка и JavaScript и HTML. Сте се разбира доби паѓачката IntelliSense премногу, но тоа не е кул работа. Кул работа е што имаш визуелна селектори за многу работи, како и. Па може да се оди преку и само изберете боја, или можете да излезат и да биде дури и повеќе специфични и можете да изберете - ова ќе биде страшно. Јас всушност ќе ги собереш пристоен боја тука. Види Селектирај премногу, патем. Тоа е вашата RGB стандарден формат таму. Но, ако јас се префрлат на транспарентноста, тоа се случува да ги префрлиме на селекторот алфа канал тука. Така можете да видите дека бојата со суштина проценти транспарентност што имате за тој сите печени право во таму. Одам да се задржи како 100%, а потоа кога сум се направи со тоа, се е добро и добро. Сега, ако јас се кандидира на стан и го земеме стан и ние го прибере, дека бојата на позадина се подесуваат автоматски само затоа што имаме некои CSS која се вели: "Оди направите тоа." Можете исто така да се напише го вклучите Javascript-премногу дека ќе го прават истото или дека можете да го користите за да всушност паузирате играта, ги правите нештата како што. Тоа е веројатно кога ќе ја користи JavaScript. Ќе се исклучи играта јамка во тој момент. Ќе треба некои JavaScript, бидејќи тоа нема да биде нешто што би CSS за. Но, имајте на ум тоа е само настан. Може да се каже: "Кога моето барање е променета, "Да видиме ако ние сме купени." И тоа е тоа. 

Во ред? Сум бил зборува многу. Дали има прашања досега за тоа каде сме ние? Да. [Студент] Дали постои туториал за секој да добијам повеќе информации? >> Да. Прашањето е, дали има туториал за тоа? Јас само ќе го прошири и на сè. Постојат неколку работи што можете да отидете. Ајде всушност бегаме од тука. Дозволете ми да се вратам овде. Една работа е да се истакне е Visual Studio себе има упатства изграден внатре Дозволете ми да се ослободи од тоа. Ако одите и да се создаде нов проект, не на датотеката, нов проект, и се погледне на лева страна, таму е онлајн јазол во овој селектор. Тоа се случува да се земе малку. Јас сум на мојот MyFi тука. Но тоа се случува да дојде и тоа се случува да ми даде шанса да се најде шаблони но исто така и, уште поважно, мостри, како и. За да можам да кликнете на вклучите Javascript-. Тоа се случува да се најде примероци за мене. Мојата резолуција е начин високо тука. Нормално, ќе видите листа на многу различни работи тука. Ако има нешто што сакате да се обидете, изберете јазик, Го вклучите Javascript-тука, и велат: "Не знам како да го направите Прецизни." "Не знам како да ја отворам датотеката." "Не знам како да ги искористат предностите на веб камера "Или се оптимизира за допир или такви работи." Постојат примероци за сè: за споделување, пребарување, стан барови, правење далечински повици на услугата, JSON кодирање. Сите оние видови на нештата постојат примероци за тука, и тие не се големи примероци кои ќе ве однесе цела ноќ да се повлече, освен само да се најде дека една работа што сакав да научат. Тие се навистина добри. Тие се мали, право на точка видови на примероци. Научив еден тон со одење преку овие себеси, и така јас препорачувам дека многу како една работа. 

Друга работа е да се истакне премногу е, се разбира покажав што dev.windows.com, па ако се вратиме на тоа, ќе видите на дното таму е исто така на примероци тука. Па можете да преземете сите нив одеднаш, но има исто така многу други ресурси тука што може да ви помогне да добиете до брзина. 

Една друга работа, и јас навистина би Ви препорачуваме да се обиде ова, Сум го доби на мојот блог, но јас само ќе одат право кон него. Јас ќе ви покажам. Мојот блог има ресурси и работи како што. Една од работите да се истакне е во право тука, ова нешто: својата идеја. Вашиот стан. 30 дена. Ако кликнете на ова, тоа нема да ве донесе до навистина од голема помош сајт. Ова е многу повеќе корисни отколку што би очекувале. Ова ќе биде 30 дена од денот на содржина која што во основа може да се добијат совети и трикови во текот на тој процес, како сте создавање на стан. И како што не може да се очекува, можете да всушност го добие за игри премногу и за телефонски апликации, работите се допаѓа. Значи, во основа се регистрирате за тоа, и тие ќе ти бидат испраќање совети и трикови за тоа, "Дали сте размислувале за тоа? Дали го поддржувате Snap?" "Еве некои упатства за тоа како да го направи тоа добро." "Дали сте размислувале за поднесување до продавница?" "Дали сте размислувале за тоа како ви се случува да го продаде вашата апликација?" Тоа се случува да одат низ сите овие различни нешта. А всушност, ако сте на игри песна, во одреден момент ќе започне признавање на лице да разговараат со вас бидејќи јас всушност мораше да оди на Redmint да се направи тие и се евидентираат 2 видеа таму. Но тоа е само дел од гејминг песна, и таму е исто така полн песна за општа стан развој. Тоа се вика генерација App. Јас дефинитивно би препорачуваме дека на вас, како и во прилог на примероците. 

Има многу видеа на сајтот наречен Канал 9, како и. Тоа е веројатно последното нешто што ќе им препорачаат како и пред да преминеме на тука. Channel9.msdn.com. Ова е одлична затоа што не си оди за да биде за читање преку тони на бела хартија. Тоа е во основа многу видеа, screencasts и работите кои се во право до точка. Јас не треба да се каже дека е секогаш во право до точка. Тоа зависи кој го прави зборуваме. Но, генерално, има некои навистина на-на-точка видеа тука која ќе ви покажам некои посебни нешто што можеби ќе сакате да дознаете или ја видите demoed. Таму е исто така на сите наши содржини од нашата конференција што се случи пред неколку недели наречен изгради, и ќе видите дека право таму. Има основни технологии за Windows 8 натпревари. Таму да одите. Јас бев таму, всушност. Вие не може да ме види. Јас бев овде. Но во секој случај, тоа настрана, јас би Ви препорачуваме да ги погледне овие видеа. Тие се прилично корисни. Ако ти се залепи на нешто или пак само сакате да видите што нешто може да се направи, оган на оние до. 

[Guarin] Windows Mail само ме испрати е-маил со линк до содржината за студентите да го симнете со примерок код и работи како што. >> [Боуен] Велики. Страшни. Ви благодариме, Едвин. 

Добро. >> [Студент] Имам едно прашање. >> [Боуен] О. Да, ве молам. [Нечујни студент прашање] >> [Боуен] О, Мило ми е што праша тоа. Да. Прашањето беше, е таму визуелен интерфејс за мене да се создаде нешта? Едвин ќе ве наградат удобно за тоа прашање. Постои начин да го направите тоа. Ние треба да го правиме сега? Да го сториме тоа сега. Одам да се оди на тоа токму сега. Всушност, дозволете ми да го додадете во уште една работа на оваа демо, а потоа јас ќе ви покаже вистински одговор. Јас требаше да го додадете во малку повеќе CSS тука. Бев малку надвор на тангенти тука. Дозволете ми да го стави во некои CSS тука за да ги искористат предностите на класи кои додадовме пред малку, на насловот, на mainContent div, а потоа и greetingOutput. Ако го направам тоа и да ја стартувате тоа, вие може да се види сега имаме малку поинаква баласт и маржи, па ние имаме всушност некои неутрализира тука. Овие се повеќе кон она што ви се случува да се очекува на конечна полиран апликација. Но јас сум само покажува ова за вас, бидејќи тоа е право горе CSS. Значи она што веќе знаете можете да го користите тука за да се приспособат на содржината, како сакате. Веќе сте виделе како да се направи позадина промени на тој начин. 

Ако одам назад до нашите HTML, јас одам да го додадете во уште еден сет на Селектирај, и ова всушност ќе биде контрола од WinJS. Одам да одам и зграпчувам ова, етикета. Дозволете ми да бидете сигурни дека јас сум тоа го правам во право место. Веројатно доволно добро. Тука сум само додаде - и ќе одиме на цел екран, па можете да ја видите целата работа - Јас додадов етикета за следните div. На div се нарекува ratingControlDiv. Со самото тоа нема да направам ништо. Ако го отворите ова во прелистувачот, ќе се гледа во празно, div себе. Но, бидејќи на таа мистериозна линија на кодот кој ви покажа пред, процесот на краиштата, тоа се случува да се погледне за нешто што личи ова - податоци-победа-контрола - и тоа се случува да се најде она што е во тој параметар. Тоа се случува да се направи еден пример на што и да е тоа е се покажува кон. Во овој случај, тоа е контрола рејтинг, па јас сум велејќи: "Ве молам одете и да ја замени оваа работа "Со она што ви треба да направите за да се направи контрола рејтинг." Тоа може да биде флип контрола, тоа би можело да биде на напредокот прстен или што контрола сакате да го користите. Тие се сите нема да работат во суштина ист начин. Сте со користење на стандардни HTML5 Селектирај да се покаже она што го сакате, а потоа ви се случува да се добие контрола на крајот на ова. Дозволете ми да ја извршите оваа. Јас само копирани дека во, и сега што Селектирај станува ова, кој е всушност прилично голем број на HTML елементи. Овие се сите поединечни слики, и таму е Divs околу нив со селектори. Се надевам дека ќе може да се види тоа. Тоа е малку суптилни. Можам да лебдиш во текот на различни предмети, и тоа се случува да ми дозволат да го видиш рејтинг овде. Можам да кликнете на неа, а тоа се сеќава на рејтинг, но тоа е за тоа. Тоа не е навистина прави ништо со рејтинг. 

На едно последно нешто што сакам да ти го покажам на овој пред да се префрлат во повеќе визуелен дизајн искуство е малку на кодот кој можам да ги користите за да одговори на овие WinJS контроли. Дозволете ми да излезе од таму, назад надвор од цел екран, и ги префрлиме на ЈС тука за секунда. Што можам да направам ова право тука. Мислам дека ќе го замени целата оваа работа. Всушност, мислам дека тоа ќе ги замени сите на тоа, но ние ќе дознаеш заедно. Јас ќе го стави ова тука. Да. Одам да го избришете ова е премногу. Што никако не можев да додадете? Тоа изгледа како многу. Тоа не е многу. Јас само продолжи таа линија на кодот кој јас веќе разговаравме за пред тоа, и јас велам, "Кога сè е направено, кога биле направени сите мои контроли, "Тогаш го стори тоа." Па тогаш ја извршите оваа функција наречена завршен. Во овој случај, ова е нешто што може да дознаам. Оди најдете дека div контрола. Всушност, постои една работа што треба да се истакне. Дека следната линија е, всушност, велејќи: "Јас имам што ratingControlDiv." "Сакам да разговарам со него како да е вистинска контрола, WinJS контрола." Значи, во основа, ти си прашува за тоа од него. Си ти што зборуваш, "Сакам да разговарам со тебе како контрола." А потоа можете да започнете да зборувам нешта како: "Ние ќе го додадете на слушателот за вас "Значи, кога сте смени можеме да одговориме на тоа." А потоа ние, исто така, може да се прават работите вака. Всушност, тоа е стариот код таму. Мислам дека јас сум недостасува вметнување во уште една функција, и дека ќе биде вистински функција која ќе одговори на рејтинг контрола се менува. Дозволете ми да pop дека во право долу тука, некаде околу таму. И во овој случај, единственото нешто што е ново е фактот дека ние сме одат во она што за контрола на рејтинг ни кажува и бараме она што се нарекува tentativeRating. Има еден куп на различни други работи кои таа контрола да ви кажам, и тоа оди контрола од страна на контрола. Тоа е многу јасна. Вие ќе бидете во можност да го дознаам никакви проблеми она. Трчам ова, и сега кога ќе се промени на рејтингот и кликнете на рејтинг, можете да видите сега тоа е всушност одговор на тоа. Тоа е ставање дека рејтинг на екранот во кои инаку празни div таг под контрола на рејтинг. Тоа е магијата на многу нешта тука. Па како сте создавање на апликации за Windows Store, има еден тон на контроли што само може да се користи. Сите тие работат како оваа. 

Дозволете ми да ви покаже визуелната страна на дизајнирање за овие апликации. Добрата вест е што веќе ќе ја имаат оваа алатка кога ќе го инсталирате се што ако одите на кои Превземи и да добиете Visual Studio. Јас да десен клик на ова. Јас нема да зумирате внатре Тоа само вели Отвори во мешавина. Мешавина е уште една алатка која работи рамо до рамо со Visual Studio и се фокусира многу повеќе на дизајн од страна на нештата, така што навистина површини алатки кои се оптимизирани за создавање на стилови, креирање на анимации, кои работат со CSS, многу работи во тој вид на вена. Тука она што треба да биде многу интересен и прилично очигледни веднаш е ние сме во потрага по стан. Се надевам дека ние се уште се. Наместо да гледате код, што ние се уште го гледаат на дното, сме сведоци на вистински застапеност на апликацијата. Што повеќе, тоа не е само претстава на стан, тоа е всушност стан работи. И тоа е она што навистина е убаво за мешавина. Тимот има направено многу работа да се донесе HTML и JavaScript и CSS во оваа алатка. Сега можете да всушност, ако сте љубопитни, "Што значи тоа? Што можам да направам?" Јас всушност може да се дизајнира на оваа апликација, иако вакви работи не постојат во мојата Селектирај. Се сеќавам дека рејтинг контрола? Тоа беше само една div таг. Овој материјал, таа ѕвезда, постои само на извршувањето. Како да знам тоа? Има малку магија овде. Види овие молња завртки? Во секое време да видите молњата, тоа значи дека тој е создаден од нешто за време на извршувањето. Некои го вклучите Javascript-се стрча и се сврте нешто во овој или создадени со некои логика. Оние ѕвезди кои ќе се видиме таму беа создадени од страна JavaScript преку WinJS. На убаво нешто е, тоа не е важно за мене, јас се уште може да го дизајн, Јас се уште може да оди и да ја промените тоа, можам да дознаете што се случува тука, Јас може да се погледне на CSS, јас може да оди напред и да дознаете зошто бојата е начинот на кој таа е, Јас може да започне Месинг со работите и правење на работите ужасно, што сакам да го направам. Всушност, јас ќе си работи сам. Но може да се види тука тоа е сите CSS и тоа ви покажува тука. Ако одам до таму, тоа се случува да ви покаже сето она што тие го нарекуваат победа, така што правилата CSS кои се најспецифичните и повеќето избрани за таа ставка, кои сте веројатно веќе помина во текот на вашиот класи, каде што може да се каже дека е општо фонт дека ние сме се однесуваат на сè, но бидејќи ова е H1 и имам боја дефинирани за h1s, тоа се случува да биде оваа боја, и тоа е затоа што тоа е повеќе специфични од body1. Оваа една работа, токму тука сето тоа ви покажува, и тоа е навистина моќно како можете да добиете повеќе комплекс, си се прашувам зошто овие работи се такви какви што се. Тоа всушност ќе ти кажам, и можете да изберете било која од овие ставки тука. Дека бојата не е толку лош, всушност. Можете да ги изберете. Се надевам дека може да се види тоа. За сето она што го имате на вашата апликација, може да се види во целина каскада на сите CSS што би можело да се примени на тоа и кој е победа, кој всушност го зеде предност. Овие се вид на здодевни. Таму не е многу случува во некои од овие. Ако одам и промена на бојата, тогаш ќе започнете да гледате некои каскадни таму. Исто така можете да го користите HTML и тука. Јас може да оди преку и менувате HTML својства за сите овие работи како што сакате. Има само тони работи тука. 

Не сакам да се земе вашето време со одење преку сè овде. Само знам дека е тука. Има многу на дизајн-ориентирана функционалност која е само достапни за вас па можете да останете визуелни, работа со апликацијата, и не треба да се направи многу на погодување дека ќе треба да направите нормално и возење на велосипед се врати од пребарувачот назад во вашиот дизајн, назад кон интернет прелистувачот. Ова е навистина кул работи за тоа, и како да се развие на Windows продавницата App, тоа се случува да направи да се многу попродуктивни. 

Вие исто така ќе видите дека тоа е следење на Селектирај тука и вашиот CSS како си работат преку различни нешта. Тоа е веројатно навистина тешко за вас да се види дека, особено на видео, но тоа е она што се случува тука, и јас би Ви препорачуваме да се запознаат со тоа. Тоа ќе ви заштеди многу време. Тоа е мешавина. Ако се направи никакви промени тука, тие автоматски се случува да се носат назад во текот со Visual Studio. Тоа е истиот додадени фајлови, тоа е исто сè. Јас ќе го остават на мира. Имам подобар пример што сакам да ви покажам. Но, ако не сум направил промена има и зачувани него и се вратив во Visual Studio, тоа би рекол, "Еј, ти едноставно ги променија нешто. Може ли да ја превчитате за вас?" Да. А ти си со користење на истите работи таму. Тоа е крајот на тој конкретен примерок. 

Сакам да ви покажам повисоки крајот примерок само за да ви даде поглед на други функционалност може да се размислува за, како и. Ова е примерок стан, што може да го симнете. Ако барате нешто што се нарекува на Windows Камп во кутија, постојат некои примероци, кои се во тоа, а еден од нив е Contoso готвач. Јас само може да работи за вас. Прилагодено поздравниот екран. Ова е координатната мрежа апликација. Тие го обврзан некои сопствени податоци овде. Можете да се движите низ ова. Можете да одите и да погледнам во различни работи кои ќе ни прават гладни во петок попладне. Не знам. Она што се случува да се направи мене најмногу гладни? Не знам. Јас сум само ќе се избере еден. Да одите во овие работи. Таа ќе ви покаже рецепт. Можете да, исто така, наместо кликнување на ставка, можете да одите право на таа категорија на содржината, дека дел од содржината. Во овој случај, ќе можете да прочитате многу лажни Латинска сите ти го кажувам за овие рецепти тука и потоа оди право во одредени рецепт. Ова исто така поддржува работи како споделување дека ви покажа пред со слики. Можете исто така да пребарувате во оваа апликација. Тоа е многу лесно да се направи пребарување. Во суштина, ти си само добивање на серија на текст од Windows и да одлучите колку сакате да се справи пребарување со тоа. Тоа е неколку линии на код за да се добие тоа, и тогаш што правиш со него, по тоа е целосно зависи од вас. 

Тука тие исто така имаат еден стан, бар каде што тие се користат некои други функционалност. Јас само ќе ти кажам што е тоа. Потсетник се случува да го користите она што се нарекува тост известувањето. Ова е навистина корисна за најмување на корисникот знаат кога работите се случи, како апликација беше инсталирана или нешто беше завршена. Тоа е исто така добар за игри премногу. Ако имате постојана светот или лидер одбор и услуга, која е хостинг дека можеби на посебна машина, оние известувања може да бидат испратени во една машина па дури и ако корисникот не е користење на вашата игра, игра својата игра или водење на вашиот стан, тие се уште може да се добие известувања за оние видови на настани. Па може да се каже, "Вашиот замокот е уништена или е само за уништени." "Да се ​​вратам тука и да го брани тоа", или нешто слично. Кликнете на известувањето, да одите право назад во игра, и можете да го играат. Па оние видови на нештата може да им помогне навистина привлече луѓе назад во вашиот стан прилично ефикасно. 

Има исто така, поддршка во оваа апликација за користење на микрофон, веб камера, прави видео и преземање на слики. Можете исто така да се утврди средно плочка. Тоа е корисно ако сакате само да имаат плочка што оди право на одредени содржини. Во овој случај, тоа оди право на овој рецепт. Сè што сум се спомене Јас сум само покажува затоа што тоа е она што ќе може да се размислува за користење, како и. За најголем дел, тие се многу едноставни за употреба. Јас само би Ви препорачуваме да се донесе до тој примерок истражувач и да се најде примерок кој може да ви покаже како да го направите тоа. Тоа е прилично лесно да се донесат оние во вашите апликации таму, како и. 

Јас требаше да ти покажам нешто друго што е прилично кул тука. Јас ќе се распарчи оваа апликација, и јас одам да се врати во Visual Studio. Оваа апликација се извршува. Тоа е водење од Visual Studio. Што можам да направам некои прилично кул работи со тоа. Јас всушност имаат опција да изберете елемент, и можам да одам во текот тука за да во живо апликација и можам да кажам, "Јас сум се прашувате зошто е Подготовка Време малку полесни сива отколку самиот наслов?" Можам да кликнете на неа. Тоа се случува да ги синхронизирате дека назад во Visual Studio, и тоа се случува да ми го покаже токму генерирана содржина, што резултираше во тој дел од корисничкиот интерфејс. Значи во овој случај, тоа е точка-поднаслов и H4 двојно конструкција, и дека веројатно ни кажува она што треба да знаете, бидејќи како H4 во тој контекст, тоа се случува да се добие одреден вид на фонтот. Но, ако јас се уште не знам зошто, не можам да кликнете на Рута стилови. Тогаш можам да се прошири надвор боја и можам да дознаете зошто токму таа боја не е боја на каросеријата но всушност е нешто друго. Ова е суштина на dev алатки од Internet Explorer, до степен донесе во Visual Studio. Ако сте работеле со Chrome Dev алатки, светулка, работи како што, оние видови на алатки кои се во прелистувачот, таков вид на функционалност е доведена во право во Visual Studio така да не всушност треба да започне интернет пребарувач и да работат со овие алатки поединечно. Сега имам Windows продавницата App само трчање, и можам да започне повлекување на тоа, освен и изнаоѓање зошто работите се прави она што се. 

Јас, исто така може да го направи тоа на овој начин исто така. Јас може да оди и само изберете нешто уште од самиот Селектирај и да дознаете што е тоа во самата апликација. Мислам дека сум качил од сè. Еве јас сум лебди над ова. Можам да го изберете. Тоа се случува да ми го покаже во вистински трчање апликацијата каде што нешто е дека јас сум сега кликнување на во Селектирај. Навистина кул работи. Како сте се обидувам да дознаам што се случува и она што HTML е тоа, она CSS прави, да ги задржи ова на ум. Се сеќавам ова е тука за вас и, исто така, кои се вклопуваат можат да работат со жив трчање апликација. 

На едно последно нешто што сакав да ти покажам со оваа апликација - Патем, тоа ви покажува делти како работите се промени премногу, па може да се види за оние жолта нагласува. Тоа се работи кои едноставно ги променија во пријавата. Но едно последно нешто. Сакам да се вратам да се вклопуваат само за една секунда тука. Ќе се отвори овој горе, Отвори во Слеј, истиот стан, исто сè. Јас само сакам да ви го покаже искуство тука не е само сте заглавени на почетната страница гледање на нештата ќе добиете стандардно кога ќе ја стартувате на стан и нека седат таму. Исто така можете да го вклучите оваа убава мала икона до тука. Таа се вика интерактивен режим. Ќе кликнете на тоа. Тоа се случува да се донесе до вашата апликација. Вие не сте во Дизајн на владата повеќе, па вие нема да биде кликнување на работите да се промени функционалност, но всушност можат да работат со примена сега. Можете да кликнете преку, можете да правите што, да добијат на рецепт дека се грижите за или на категорија. Ајде да одиме во оваа категорија. Ќе речете, "Океј, тука е местото каде што сакате да го дизајн." Потоа ќе кликнете на тоа копче повторно, тоа ќе ви донесе назад во Дизајн површина, а сега можете да го направите сите овие работи кои јас зборувам за пред. Јас ќе задржи кликнување додека не го добие овој избрани, да дознаете неговите димензии, дознаете HTML за него, CSS за тоа за водење на апликации, некои подоцна дел од апликацијата. Многу, многу корисни. Јас ќе се покаже ова за вас. Ве молиме да го држи во умот ако сте во потрага во писмена форма код со ова затоа што тоа е нема да те спаси многу нерви, и е доста добри нешта. Тоа е доста на сите што сакав да ти го покажам на Blend и во Visual Studio за сето тоа. 

Било какви прашања на било кој од овие алатки? Нешто воопшто? >> [Guarin] Имам нешто да им даде надвор, па добри прашања, добри нешта. 

[Боуен се смее] Јас веќе ви покажа моето демо тука. Одам да го стави на страната на ресурси и да се сврти на прашања сега. Дека првата референтна е дека Генерација App сајт со играта песна и стан патеката. Регистрирај се на Facebook за нив. Вие не треба да чекаат 30 дена за да се добие содржина. Можете да почнете да оди и да гледа во содржината, како сакате. Јас разбирам вашата временски рамки може да биде различно од - [се смее] Значи, кога е Hackathon? Тоа е неколку недели, нели? Значи, вие не имаат 30 дена да чекаат. Така да, можете да се регистрирате за тоа, а потоа само започне повлекување на содржината надвор од неа. Исто така Дев и Центрите дизајн. И јас не се споменуваат ова, но таму е исто така на Магазин Docs. Ова ќе биде за по Hackathon како ќе бидете подготвени да започне испраќањето на вашиот апликации за продавница. Постојат некои корисни насоки тука, некои насоки за тоа како да се работи во продавница, некои заеднички прашања кои можат да ви патување до, и тоа е крајот на овие средства. 

Значи она што е на вашиот ум? Нешто друго што - [Guarin] Кој е размислување за правење на стан Windows за CS50? Кул. [Боуен] Кул. Одлично. 

Било какви прашања во врска со работи кои не сте виделе досега и како таа се однесува на ова? На пример, со повеќе време би можел да земе игра која имам напишано и која работи во прелистувачот и само вид на се минува низ процесот за покренување на кој во Visual Studio и што го прави на Windows продавницата App. Потребно е повеќе време отколку што навистина мораше да вклучуваат денес, но скратена верзија е тоа е исто код кој се извршува во прелистувачот, и она што ќе се смени се работите кои ќе одлучат да го приклучиш во Windows 8. Значи, ако сакате да го користите уроци, ако сакате да пребарувате или споделување, треба да се создаде еден стан, бар да се скрие далеку некои функционалност врз кои, тоа се видови на нешта што може да се промени. Но суштината на вашиот веб-стан може да останат непроменети. Повторно, се додека таа работи во IE10, тоа се случува да биде навистина лесно порта да се донесе што работи во Visual Studio, во мешавина, и да го направи Windows продавницата App. Повторно, единствените работи што ќе треба да научат и оние други карактеристики кои можете да ги користите за да го осветли некоја апликација, како живо плочка и оние видови на нештата. 

Да. >> [Студент] Моето прашање е во врска со работењето мобилен телефон. Значи, ако направиме еден стан, што работи како стан на десктоп, тоа е навистина лесно да се пренесе на мобилен, или постои - Прашањето е, ако јас се направи Windows Продавница стан, што е навистина оптимизиран за оваа средина и јас сакам да го донесе на мобилен свет, она што се вклучени со тоа го прават? Дека, како многу прашања, секогаш е постојано се менува одговор. Добрата вест е ако сте држејќи се со HTML и JavaScript, CSS, ако сте почнуваат од Windows продавницата App, тоа се случува да ви го донесе на веб а потоа ги користат овие видови на техники, како медиа прашања и работи, да се прилагодат на различна големина уреди. Тоа, рече, секогаш има рамки и работи таму дека поддршката проширување на различни технологии, различни платформи. Која го менува цело време. Ние сме, исто така, менување на работите, како и ние со нетрпение кон она што го имаме сега всушност излезе со Windows Телефон 8. Имаме некои заеднички основни инфраструктури понудени помеѓу апликациите за оние средини. Па нешто што го правиш да се создаде Windows продавницата App, многу од тоа може да го носи целиот во Windows Телефон 8 апликација, како и. Дека повторно е нова приказна, па има некои содржини за тоа на се изгради. На пакети само излезе пред малку. Тоа беше само објавен пред малку. Но во однос на други платформи премногу, најверојатно работи во многу крос-платформа рамки, како и. Добрата вест е нешто што го правиш тука, основни функционалност е право горе веб стандард нешта. Единственото нешто што не би го преведе лесно се работите дека Windows 8 се случи, но тоа не е изненадување, бидејќи тоа е карактеристика на Windows. Вие не сте ќе најдете споделување или слични видови на договори за секоја друга платформа. Значи тоа се работите кои вие би сакале да од дизајн перспектива бидете сигурни дека ќе имаат начини да се вид на абстрактна дека за да можете да се каже, "Ако јас се кандидирам за ова, можам да го направите тоа." Ако не сум, има некои шеми на дизајн можете да го користите да се вид на кријат дека работи настрана. Но, имајте го тоа на ум. Да. Жал. Оди напред. 

[Студент] Ако сакам да се тестира мојот Windows стан на врвот на [нечујни] [Боуен] Да. Јас прескокнаа уште една работа премногу. Да. Јас ќе ви одговорам на вашето прашање, а потоа јас ќе ви покажам функција јас заборавив да се спомене. Ние имаме некои машини достапни на локално ниво. Жал ми е. Прашањето беше, како можам да се тестираат работи на уреди ако не се случи да имаат едночудо работи кои треба да се изберат? [Guarin] Ве позајми момци, мислам, 5 или 6. Колку ви е потребно? [Студент] Добивме 4 од нив. >> Океј. Вие момци доби 4 лист да се позанимавам со. Значи дефинитивно нека секој знае, те молам. [Се смее] >> [Боуен] Прекрасно. Тоа е дури и подобар одговор отколку што требаше да ви даде. Имаме канцеларија часа за програмери кои тоа го правиме во нашата канцеларија а сега доаѓа наскоро на Microsoft Магазин над на Pru, но Едвин веќе ги презела грижата за вас. Постојат 4 лист на располагање за давањето во заем, за тестирање. Таму ќе одиме. Има еден пример на еден таму. Така да, апсолутно. Одлично. Апсолутно далеку од најдобар начин да го тестира е да се биде на уредот. Ако не се случи да имаат еден уште или не сакате да се шетаат низ кампусот во снегот за да го дофати една или што и да, постои начин да го направите ова назад во Visual Studio. Ако одам назад во местото каде што беше тука, тука, наместо користење на локална машина, можете да се поврзете со далечински машина, но тоа не е она што јас зборувам за овде. Симулаторот е нешто што можеби ќе сакате да се погледне во. Јас ќе ја извршите оваа, и навистина она што е, тоа е во суштина прозорец на вашиот сопствен систем. Тука е всушност мојот систем работи, работи Contoso, но на начин кој ми овозможува да промените некои од извршувањето параметри, на еколошки параметри. Па можам да кажам тука, "Знаеш што?" Ох. Јас веќе се извршува во симулирани 27-инчен монитор на 2560 резолуција. Јас лесно може да се намали дека надолу и да видиме што моето барање не би го направил со помал екран или со промена на DPI подесувања или whatever. Па на мал екран, 10,6, што е тоа ќе го направи? Дека се уште изгледа прилично добро, нели? Ќе сакате да го направите ова, особено ако сте се потчинува на продавницата, бидејќи тоа го правиме како дел од процесот на тестирањето. И ако има проблеми како што, тогаш можеби ќе наиде на проблем добивање уверение за продавница. Но тоа е дел од симулаторот. Навистина кул. Многу лесно да го направите тоа. Исто така можете да го користите функции како ротирачки тоа како добро. Можам да кликнете на копчето за тука, го ротираат, да видиме што некој ќе мора како искуство ротирачки нивните чеша, нивните таблета, и користејќи ја вашата апликација со тоа. Постојат некои други работи, како допир емулација и некои други работи, поставување GPS. Можам да се преправам дека сум на друга локација и да видиме што моето барање не кога јас се преправам дека сум назад во Сиетл или нешто слично. Но, тоа е навистина корисна карактеристика, а тоа е изграден во двете Visual Studio и во мешавина. Да. Вашето прашање. 

[Студент] Ако сте пишување игра, се Visual Studio имаат каква било поддршка за анимација? Да. Прашањето е околу анимација поддршка, особено со игри. Тоа зависи. [Chuckles] Со JavaScript јас ќе кажам дека е веројатно помалку поддршка од таму е на XAML страна, која има временски рамки, има storyboards и работи кои се градат внатре За анимации вклучите Javascript-апликации, не знам колку од одговорот Сакам да ви даде. Имам ресурси на мојот блог, кои одат низ многу опции за двете физика анимации, опции за да го вклучите Javascript-ориентирана игри на Windows 8. Јас би ви се однесуваат на нив. Во суштина, има толку многу избори. Причина јас сум премислување е има толку многу избори за вршење анимации со вклучите Javascript-. Тоа може да биде CSS, тоа би можело да биде платно-базирани, тоа би можело да биде само основните ДОМ анимации, тоа би можело да биде многу различни нешта, па тоа навистина зависи од вашиот избор. Ако одлучите да се користи нешто како Create.js или вар или други видови на рамки - Па, јас не сум сигурен ни дека си оди за да биде во можност да користи повисоко крајот рамка сакале влијание или Конструирај. Што има тенденција да се произведуваат повеќе код отколку што може да се разгледа од нула. Но, во тие случаи, се уште може да се користи симулатор, можете да го користите на животната средина, и јас имаат тенденција да се само користење на оваа средина за мојот тест платформа во оние случаи како што јас сум развој на игри. Сум бил во ред, особено со платно анимации, што е најверојатно најчестиот нешто. Најдобрите ви се случува да најверојатно најде е dev алатки во прелистувачот и dev алатки во Visual Studio. Вид на меандрирањето одговор таму, но се надевам дека ќе имаме вашиот одговор. Да. Вас. 

[Студент] Кои се складирање на податоци опции за Windows 8 апликации? Кои се складирање на податоци опции за Windows 8 апликации, Windows Продавница апликации? Вашите опции се навистина секоја апликација добива свој базен на локалните складирање за поставки и за податоците, но тоа е, исто така, смешно лесно да се користи роаминг за складирање, да го користите облак-базирани складирање. Тоа е бесплатно. Што се случува е дека во основа се избере друга класа и да се каже, "Роаминг Settings, Зачувај, ова особено збир на содржина" и нивните Мајкрософт сметка, она што тие го потпишаа во што, се случува да биде клучот за роаминг таа информација наоколу. Значи, ако јас го користам вашата игра на мојот лаптоп и тогаш јас се логирате со истиот пристап и јас ја играат играта на површина или таблета, кои автоматски ќе шета дека поставување и податоци помеѓу тие машини. Тоа е стандардно работа. Тоа е добро за одредени количини на податоци. Вие не би се стави огромна база на податоци во нив. За тоа треба да одат на други видови на решенија, како домаќин база на податоци во облак, работи како што. Постојат некои други опции заедница околу други видови на податоци технологии. Сум видел некои SQLite опции во заедница околу таму. Така се повеќе и повеќе се појавуваат, но оние кои се основните работи кои ќе се погледне кон за игра или стан. И сте имале прашање во задниот премногу. 

[Студент] Во однос на мрежата [нечујни] качувањето или симнувањето датотеки [нечујни] [Боуен] Дали вашето прашање како може да се види тоа или како може да debug дека и тоа тест? [Студент] Како може да го debug [нечујни] Жал. Не можам да слушам сето тоа. [Студент] Како да добиете тоа бубачка тестирани и исто така [нечујни] Одлично. Одлично. Како ви се работат со вмрежување? Како може да се види она што се случува? Има многу различни одговори на ова, но дозволете ми да ви покаже веројатно најлесниот работи тука. Дозволете ми да се ослободи од симулатор за една секунда. Само неколку дебагирање опции за вмрежување. Има целосна мрежа магацинот печени право во двете ниво WinRT и од WinJS, така да многу лесно да се направи XHR, AJAX тип повици од вашата игра или апликација да го стори тоа. Првенствено, се трудам да се користи 2 работи. Јас го користам вистински dev се алатки, кои имаат мрежа магацинот печени во нив. Дозволете ми да ви покажеме на Windows Главна страница. Јас може да донесе овој горе, и таму е всушност мрежа прокси печени во овие алатки тука. За да можам да го направите ова, можам да се освежи страница, и тоа се случува да ми го покаже на сите интеракции, вклучувајќи AJAX повици за таа седница, за времетраењето дека барањето е. Ова е корисно. Тоа се случува да биде многу корисно за интернет пребарувач-базирани апликации. За други видови на апликации, вклучувајќи Windows Продавница апликации, Јас го користам алатка наречена свирач. Сте ќе треба да се игра во одговор. [Chuckles] Свирач е едноставен прокси. Мислам дека може да се покаже дека за вас. Тоа е само GetFiddler.com, кој, интересно е доволно, јас сум следење мојата мрежа магацинот ќе GetFiddler. Но во секој случај, свирач е напишана од еден од премиерите на IE тим, па тој знае што прави. Ова е добар пример дека можете да го користите за дебагирање мрежниот сообраќај. Јас би го препорачал тоа. Прашање таму премногу. 

[Студент] Дали постои лесен начин да се интегрираат странски јазик за внесување, како јапонски или кинески, во Windows апликации? Не можам да кажам сум направил премногу од него себе, но тоа се пече внатре Постојат опции за се разбира емитуваат вашата апликација - Извинете, не реков на прашањето - опции околу глобализацијата, локализација на содржината, вклучувајќи ги работите како да бидат во можност да го продаде во различни пазари и наведете дека верзија на својата апликација за оние индивидуални јазици или култури или такви работи. Апсолутно изграден внатре Имавме поддршка за тоа за засекогаш, и дека носи напред во вашиот опции за Windows Store. Можете да го направите во продавницата себе, се продаде во различни пазари, можете да го направите во примената, како и премногу со користење на ресурси за да се дефинира, "Ако јас сум развиен за оваа култура, потоа ги користат овие отфрлања за мојата текстуална содржина "Или да користите десно кон лево читателот." Тие се сите дел од стандардната WinJS и WinRT API-јата. Добро прашање. 

Како правиме ние? Сите други? И ако некој на видео има прашања, јас сум cbowen @ Мајкрософт, па јас сум среќен да се земе било кој од вашите прашања од иднината. Многу - од иднината, иднина [мимика ехо]. Па тука сум јас. Дозволете ми да го стави назад мојот контакт тука. Па само ме пратите белешка, cbowen @ Мајкрософт, и јас ќе се вратам на вас веднаш штом ќе може. 

Нешто друго што си се прашувам? Дали сме добри? Одлично. Во ред е. Ви благодарам на сите многу. Јас го ценат. [Аплауз] 

[CS50.TV]