1 00:00:00,000 --> 00:00:02,420 [Powered by Google Translate] [Seminar - Windows 8 - App / Game Development koos HTML5] 2 00:00:02,420 --> 00:00:05,090 [Chris Bowen, Edwin Guarin - Harvard University] 3 00:00:05,090 --> 00:00:07,350 [See on CS50. - CS50.TV] 4 00:00:07,350 --> 00:00:10,290 >> Hei kõigile. Minu nimi on Edwin Guarin. See on Chris Bowen. 5 00:00:10,290 --> 00:00:12,310 Ma lasen tal tutvustada ennast teise. 6 00:00:12,310 --> 00:00:14,100 Ma tahan lihtsalt teha kiire teadaanne. 7 00:00:14,100 --> 00:00:18,340 Esiteks kõik te CS50 õpilased saavad Windows 8 tasuta. 8 00:00:18,340 --> 00:00:23,150 Seega, kui olete mõelnud tegelikult kasutavad seda oma lõpliku projekti, see on sinu. 9 00:00:23,150 --> 00:00:25,740 Nate saadab talle hiljem juhiseid. 10 00:00:25,740 --> 00:00:32,850 Teine asi on see, kui te otsustate, et kirjutada Windows 8 app oma CS50 lõplik projekt, 11 00:00:32,850 --> 00:00:35,870 me teeme mõned meened: Xbox, 12 00:00:35,870 --> 00:00:38,870 me võiksime olla võimeline andma kiltkivi ära, midagi sellist. 13 00:00:38,870 --> 00:00:42,460 Nii et kui on midagi, hoiab sind tagasi, las Chris või ma tean 14 00:00:42,460 --> 00:00:45,010 kuidas me saame aidata teil luua midagi tõeliselt lahe. 15 00:00:45,010 --> 00:00:48,580 Nii Tänan tulevad täna, ja ma selle üle, et Chris. 16 00:00:48,580 --> 00:00:50,500 >> Aitäh, Edwin. 17 00:00:51,000 --> 00:00:52,740 Aitäh, kõigile, sest meiega täna. 18 00:00:52,740 --> 00:00:55,800 Ma olen Chris Bowen. Olen üks Edwin kolleegid siin Northeast. 19 00:00:55,800 --> 00:00:58,310 Tahtsin veeta natuke aega sa räägid 20 00:00:58,310 --> 00:01:03,730 kuidas teha Windows Store taotluse HTML5, JavaScripti ja CSS 21 00:01:03,730 --> 00:01:07,310 ja liiki saa midagi küsimustele võite olla umbes see vastas teie jaoks 22 00:01:07,310 --> 00:01:12,920 kui otsite suunas mõtlema võibolla kasutada seda CS50 finaali võimalus. 23 00:01:12,920 --> 00:01:14,980 >> See tähendab, et me lihtsalt sukelduda õigus sisse 24 00:01:14,980 --> 00:01:17,190 Ma lähen üle slaidid siia. 25 00:01:17,190 --> 00:01:19,440 Kui sul on küsimusi, võid vabalt saata mulle e-mail. 26 00:01:19,440 --> 00:01:23,460 Olen cbowen@microsoft.com, ja seal on minu blogi ja minu Twitter. 27 00:01:23,460 --> 00:01:26,330 Kuid sa tahad saada ühendust minuga, see on hea. 28 00:01:26,330 --> 00:01:30,110 Mul on umbes tund asju, ja ma tahan, et saada oma küsimustele mööda teed, 29 00:01:30,110 --> 00:01:33,720 nii ei ole häbelik umbes võttes küsimusi ajal. 30 00:01:33,720 --> 00:01:36,470 Nad ei saa aru, kes küsib küsimusi Salvestamise 31 00:01:36,470 --> 00:01:39,090 et sa pead olema nii anonüümne kui sa tahad olla. 32 00:01:39,090 --> 00:01:42,780 >> Lubage mul sukelduda õigus, vaid annab sulle kiire sissejuhatus Windows 8, 33 00:01:42,780 --> 00:01:47,400 ja näitan sulle mõned asjad umbes Windows Store apps, et sa võiksid kaaluda 34 00:01:47,400 --> 00:01:49,530 kui sa mõtled arendada taotluse. 35 00:01:49,530 --> 00:01:52,660 Otsime Windows 8. Me oleme välja paar nädalat nüüd. 36 00:01:52,660 --> 00:01:55,810 Palju tugev vastuvõtmist seal juba. 37 00:01:55,810 --> 00:01:59,800 Võib-olla olete näinud juba Surface masinaid, mis on meil samuti. 38 00:01:59,800 --> 00:02:03,730 Seal on üks üle siin tegelikult võite võtta pilk, kui sa siin oled isiklikult. 39 00:02:03,730 --> 00:02:07,530 Ma tõesti tahan sinuga rääkida, näitan sulle ümber natuke Windows 8. 40 00:02:07,530 --> 00:02:10,759 Idee Windows 8, see tõesti ei tuua kõik asjad tead Windows 41 00:02:10,759 --> 00:02:16,840 mõningaid uusi kogemusi - eriti asju pinnale masin touch, 42 00:02:16,840 --> 00:02:20,000 Sellised rohkem mobiilseid seadmeid, mis on praegu turul, 43 00:02:20,000 --> 00:02:22,360 aga see on ka Windows keskmes. 44 00:02:22,360 --> 00:02:25,850 Nii et see tähendab, et saate installida see tõesti on midagi, mis töötab Windows 7, 45 00:02:25,850 --> 00:02:30,770 Teie suurim triple SLI gaming rig maha oma sülearvuti 46 00:02:30,770 --> 00:02:36,200 ja oma uhiuut muud seadmed, mis sa võiksid kiirenemist täna. 47 00:02:36,200 --> 00:02:38,450 Nad kestab Windows 8. 48 00:02:38,450 --> 00:02:40,530 Ma näitan sulle ümber natuke, 49 00:02:40,530 --> 00:02:44,670 ja kõik kogemused, mis te näete siin on asju, mida saab luua. 50 00:02:44,670 --> 00:02:47,760 Mõte on selles, kas see on touch, hiir, klaviatuur, 51 00:02:47,760 --> 00:02:51,870 mis iganes seade on see, et sa kasutad oma taotluse, et see saab käivitada suur. 52 00:02:51,870 --> 00:02:55,180 Windows 8 on aidata kõiki neid stsenaariume. 53 00:02:55,180 --> 00:02:59,600 >> Need slaidid kõrvale, lihtsalt saada paremale võttes pilk siin. 54 00:02:59,600 --> 00:03:03,270 Las ma näitan sulle ümber mu koju ekraani. See on minu Start ekraanil. 55 00:03:03,270 --> 00:03:05,810 Ma lihtsalt annan sulle natuke tour siin. 56 00:03:05,810 --> 00:03:09,610 Ma olen mitte-touch masin, nii palju kui ma tahan puudutada oma sülearvuti ekraani, 57 00:03:09,610 --> 00:03:13,400 ta ei tee midagi, nii et ma lihtsalt kerida siin natuke ja näitab teile. 58 00:03:13,400 --> 00:03:17,950 Mõned asjad võite märgata, on asjaolu, et need nn live plaadid 59 00:03:17,950 --> 00:03:21,470 tegelikult saab animeerida, ja nad võivad anda teavet teile - 60 00:03:21,470 --> 00:03:24,750 võibolla uuendused statistika mäng 61 00:03:24,750 --> 00:03:30,970 või näitan sulle uudis mõnest varasema apps, mis on siin vasakul pool. 62 00:03:30,970 --> 00:03:35,350 Niimoodi. Ma olen kindel, et see on ainult positiivne ja fantastiliselt hea uudis. 63 00:03:35,350 --> 00:03:38,450 Näete siin see on tõesti helistamise tähelepanu tagasi app, öeldes: 64 00:03:38,450 --> 00:03:43,010 "Hei, seal on midagi uut siin. Heitke pilk. Tulge ja vaadake, mis uudist teile." 65 00:03:43,010 --> 00:03:45,320 Seda nimetatakse live plaat, ja mida saate teha, teated 66 00:03:45,320 --> 00:03:47,070 kas otse taotluse ise 67 00:03:47,070 --> 00:03:52,220 või kui te võtate pilk täpsemalt, saate teada, kuidas kirjutada serveri teenus 68 00:03:52,220 --> 00:03:54,340 mis võib tegelikult push teabe plaat, 69 00:03:54,340 --> 00:03:56,520 mis on see, mis toimub nende uudised apps. 70 00:03:56,520 --> 00:04:00,080 Nad tegelikult saada uudiseid pilv ja ajakohastamine plaat seal 71 00:04:00,080 --> 00:04:03,710 et inimesed teavad, et see on põhjus, et avada rakendus ja heita 72 00:04:03,710 --> 00:04:06,950 ükskõik mis viimased uudised on, et kõigil nende 73 00:04:06,950 --> 00:04:10,060 või kas seal on uusi retsepte või uus rekordite võita 74 00:04:10,060 --> 00:04:13,560 või sõbrale mängides või mis iganes nende taotluste kohta. 75 00:04:13,560 --> 00:04:15,550 See on midagi, mis ahvatleb sind tagasi sisse 76 00:04:15,550 --> 00:04:18,640 Nii et live plaadid, ja see võib olla isik, võib see olla kodulehel samuti. 77 00:04:18,640 --> 00:04:20,790 Tavaliselt on see rakendus. 78 00:04:20,790 --> 00:04:25,320 >> Päris palju kõik need asjad, mis mul siin on tuli Windows Store. Ma käivitada seda. 79 00:04:25,320 --> 00:04:27,890 See on üks taotlusi, et sa saad vaikimisi 80 00:04:27,890 --> 00:04:30,350 iga masin, mis jookseb Windows 8. 81 00:04:30,350 --> 00:04:33,040 Võite tulla siia, et leida midagi, mida sa tahaksid, 82 00:04:33,040 --> 00:04:37,240 asju, mis on esile tõstetud, et mängud, mida ma ei ole varem näinud. 83 00:04:37,240 --> 00:04:39,440 Oh, vau, meil on uus pinball siin. 84 00:04:39,440 --> 00:04:41,580 Võite installida need siinsamas poest, 85 00:04:41,580 --> 00:04:43,420 ja me räägime, kuidas arendada neid. 86 00:04:43,420 --> 00:04:45,670 Teil on palju valikuid, kuidas sa neid tekitada. 87 00:04:45,670 --> 00:04:49,020 Me keskenduda JavaScript lugu HTML ja CSS, 88 00:04:49,020 --> 00:04:52,790 aga kasutajale, ostjale app, see ei ole oluline, mis see oli kirjutatud sisse 89 00:04:52,790 --> 00:04:54,670 Nad võivad minna ja tööd teha. 90 00:04:54,670 --> 00:04:57,870 Mind paeluvad see üks, nii et ma pean selle avada ja vaadata. 91 00:04:57,870 --> 00:05:02,310 Iga app, sealhulgas need, mida saate esitada ja müüa või ära anda tasuta, 92 00:05:02,310 --> 00:05:06,240 mida iganes sa tahad seda teha poes, saavad kodulehekülg niimoodi. 93 00:05:06,240 --> 00:05:10,750 Võite esitada oma taotluse hunnik ekraanipilt - näete mõned siin - 94 00:05:10,750 --> 00:05:15,970 Täpsemat infot taotluse ja ajas teid koguneda nii hinnet - 95 00:05:15,970 --> 00:05:19,020 nad põhiliselt just tärnide - ja ülevaateid, 96 00:05:19,020 --> 00:05:20,690 mis pakuvad natuke rohkem arusaamist. 97 00:05:20,690 --> 00:05:24,380 Tegelikult keegi ei kirjuta midagi ja öelda, kuidas awesome sa oled, 98 00:05:24,380 --> 00:05:29,300 ja mis läheb teie kommentaare lõik siin, mida ma ei ole uurinud. 99 00:05:29,300 --> 00:05:33,890 Fantastiline. "Kas isegi mitte avada." Kuidas suur. 100 00:05:33,890 --> 00:05:39,000 Noh, inimesed, kelle jaoks see ei avatud ja kestab, nad tunduvad tõesti nautida. [Naerab] 101 00:05:39,000 --> 00:05:43,770 Pea seda meeles. Internet. Keegi ei saa öelda, mida nad tahavad oma taotluse. 102 00:05:43,770 --> 00:05:45,780 Seega veenduge, et te teete väga head tööd ta, 103 00:05:45,780 --> 00:05:49,030 veenduge, et te teete seda mugav kasutajale kui saate 104 00:05:49,030 --> 00:05:52,720 sest nad on paar klõpsab eemale andes ülevaate, 105 00:05:52,720 --> 00:05:55,870 ja et koguneda kuni teie üldine ülevaade reiting. 106 00:05:55,870 --> 00:05:58,990 Ja sa tahad teha oma parim, sest te ei kavatse olla vastu muid rakendusi. 107 00:05:58,990 --> 00:06:01,830 Tekib tuhandeid apps juba poe 108 00:06:01,830 --> 00:06:06,880 ja võimalused on, seal võib olla midagi, mis ei sarnane funktsionaalsus, mida sa teed. 109 00:06:06,880 --> 00:06:12,740 Nii et kui te tõesti seista välja tõrjuda, et see saab olema teie eelis, muidugi. 110 00:06:12,740 --> 00:06:15,300 >> Me saame poodi natuke hiljem. 111 00:06:15,300 --> 00:06:17,090 Ma tõesti tahan keskenduda luua apps. 112 00:06:17,090 --> 00:06:20,760 Aga lühike variant kauplus on ülemaailmne levik, 113 00:06:20,760 --> 00:06:25,430 see automaatselt osa Windows 8, inimesed lihtsalt tule see üles ja kui heita pilk eri apps siin 114 00:06:25,430 --> 00:06:29,070 teil on dress Up Sticker Book ja igasuguseid erinevaid rakendusi. 115 00:06:29,070 --> 00:06:33,690 Fresh Paint, ma kasutan seda palju - halvasti, kuid ma kasutan seda palju. 116 00:06:33,690 --> 00:06:36,080 See näitab, et mul on juba sinu oma. 117 00:06:36,080 --> 00:06:41,280 Las ma näitan sulle midagi, mida ma ei ole - UVideos mul ei ole nagu uhiuus. 118 00:06:41,280 --> 00:06:43,660 Näed siin see on tasuta, nii et saate installida otse poest. 119 00:06:43,660 --> 00:06:46,430 Sul on võimalus valida ka. Võite muidugi ära anda. 120 00:06:46,430 --> 00:06:49,660 Võid panna reklaami app või mäng. 121 00:06:49,660 --> 00:06:54,770 Võite küsida seda, ja sa võiksid väga kergesti ette kohtuprotsess ning taotluse 122 00:06:54,770 --> 00:06:58,220 nii et sa ei lase inimesed proovida nädala või mida iganes sa tahad teha. 123 00:06:58,220 --> 00:07:01,540 See on lihtsalt kohandatav portaali kaudu. Sa ei saa kirjutada mingi koodi eest. 124 00:07:01,540 --> 00:07:03,990 Nii et te ütlete: "Te saate seda nädal ja siis sa pead seda osta," 125 00:07:03,990 --> 00:07:07,130 või võid teha asju nagu: "Sa võiksid mängida esimest 3 taset see mäng 126 00:07:07,130 --> 00:07:09,820 "Ja siis sa pead ostma pääseda puhata." 127 00:07:09,820 --> 00:07:12,310 Sa võid isegi teha in-app ostud ka, nii et sa ei saa öelda, 128 00:07:12,310 --> 00:07:17,880 "Meil on veel seiklusi või komplekti graafika või asju, mis on lukustamata - 129 00:07:17,880 --> 00:07:21,430 "Retseptid, mis on lukustamata - kui ostate neid laiendada komplekti." 130 00:07:21,430 --> 00:07:24,260 Ja seda saab teha, et kõik rakenduse sees või mäng ise. 131 00:07:24,260 --> 00:07:26,070 Niisiis, täiesti sinust, sinu valik. 132 00:07:26,070 --> 00:07:28,070 Seal on palju asju, mida saate teha, et hoida, 133 00:07:28,070 --> 00:07:31,660 ja siis põhimõtteliselt sa esitades selle sertifitseerimine kanal. 134 00:07:31,660 --> 00:07:35,380 Me võime rääkida kõike seda veidi hiljem, kuid see on eesmärk. 135 00:07:35,380 --> 00:07:40,410 Sa tahad, et su app maailmas nähtavamaks poes siin. 136 00:07:40,410 --> 00:07:44,170 >> Tagasi Start ekraani siia, ma tahan teile näidata ümber natuke rohkem. 137 00:07:44,170 --> 00:07:50,580 Kui ma käivitada need apps, lubage mul anda teile näide mõned piiriülese app funktsionaalsus siin. 138 00:07:50,580 --> 00:07:53,070 Selleks, et ma käivitada Fresh Paint. 139 00:07:53,070 --> 00:07:55,550 Üks asi, mida sa näed siin on iga bit ekraani 140 00:07:55,550 --> 00:07:58,040 kõik pikslid ekraanil, minge oma app. 141 00:07:58,040 --> 00:08:01,990 Möödas on päevad, kui teil on neid piire ümber akende 142 00:08:01,990 --> 00:08:05,120 kus on palju nuppe, mis on alati olemas, võttes ruumi kogu aeg. 143 00:08:05,120 --> 00:08:09,430 Nüüd sa tõesti tahad saada eemale ja lihtsalt oma sisu olema fookuses. 144 00:08:09,430 --> 00:08:13,710 Me ei saa teha asju koos Windows pääsedes muud liiki menüüsid. 145 00:08:13,710 --> 00:08:16,840 Üks neist on tegelikult see, mida nimetatakse amuletid bar, 146 00:08:16,840 --> 00:08:18,870 ja see väljub pool ekraani. 147 00:08:18,870 --> 00:08:21,270 Võite tegelikult Flick küljelt kui teil on puutetundlik, 148 00:08:21,270 --> 00:08:24,840 võid paremklõps, kui teil on hiir, seal Näppäinoikotietä see, 149 00:08:24,840 --> 00:08:29,490 seal on alati rohkem kui üks võimalus teha midagi keskkonna siin. 150 00:08:29,490 --> 00:08:31,680 See toob välja mitmeid asju, mida saate teha. 151 00:08:31,680 --> 00:08:33,870 Kõige ilmsem on see saate tagasi minna Start ekraanil 152 00:08:33,870 --> 00:08:36,780 aga teised 4 on nn võlusid. 153 00:08:36,780 --> 00:08:41,059 Need on lepingud, mida saab pistik nagu app arendaja. Nad on päris lahe. 154 00:08:41,059 --> 00:08:43,340 Otsi, ma olen kindel, et see on midagi, mida sa tegema hakkad, 155 00:08:43,340 --> 00:08:44,950 jagamine ma näitan teile teiseks 156 00:08:44,950 --> 00:08:48,450 ja Devices and Settings, need on kõik asjad, mis teie app saab pistik 157 00:08:48,450 --> 00:08:51,960 võimendada Windows, et öelda: "Ma olen oma osa 158 00:08:51,960 --> 00:08:54,700 "Ma tahan Windows toetada mõned muud funktsioonid, 159 00:08:54,700 --> 00:08:56,750 "Ja ma ei taha, et kirjutada palju koodi, et muuta see juhtub." 160 00:08:56,750 --> 00:08:59,480 See on tõesti kasu, kasutades neid funktsioone. 161 00:08:59,480 --> 00:09:01,340 Las ma näitan sulle ühte. 162 00:09:01,340 --> 00:09:05,170 Selleks, et ma teen uue maali. 163 00:09:05,170 --> 00:09:08,240 Olen ka rääkinud, kasutades iga piksli oma app. 164 00:09:08,240 --> 00:09:11,850 Vaikimisi on see, mida värvi app välja näeb, kui te kasutate seda. 165 00:09:11,850 --> 00:09:14,960 See on tõesti peaaegu mida iganes sa joonistamine, oma sisu. 166 00:09:14,960 --> 00:09:20,850 Ma võiks teha kohutavaid asju siin. Mida tuleks teha? Ma ei tea. 167 00:09:20,850 --> 00:09:23,110 Scribbles? Oh, tore. Ma võin teha kritseldusi. Fantastiline. 168 00:09:23,110 --> 00:09:25,130 Türgi? [Naerab] 169 00:09:25,130 --> 00:09:28,500 See on kõige abstraktne Türgi näed. 170 00:09:28,500 --> 00:09:31,780 Võin ka tuua, mida nimetatakse app bar, 171 00:09:31,780 --> 00:09:33,850 ja see on tõesti üks peamisi viise, mida saab kasutada 172 00:09:33,850 --> 00:09:37,210 peita kõik asjad, mis oleks võinud olla teie app või mängu enne 173 00:09:37,210 --> 00:09:39,570 vaid asumist ruumi kogu aeg. 174 00:09:39,570 --> 00:09:43,270 Nüüd võite panna see siia üles, ja see on tõesti üks ilusam kogemusi 175 00:09:43,270 --> 00:09:46,380 app riba, mis ma olen näinud. 176 00:09:46,380 --> 00:09:48,800 Pane valikuid siin valiku erinevaid värve. 177 00:09:48,800 --> 00:09:54,310 Tahtsime Türgi, seega panen natuke pruuni siin alustada segamist paar värve. 178 00:09:54,310 --> 00:09:58,790 Võtame vahepealne värv siia ja siis siia tagasi. 179 00:09:58,790 --> 00:10:02,990 Te võite alustada joonistamine. Seal on oma kalkuniliha. Fantastiline. 180 00:10:02,990 --> 00:10:07,660 Ma ei saa teha, et alustada, kuid teha seda koos touchpad ees publik on veelgi parem. 181 00:10:07,660 --> 00:10:09,640 See on fantastiline. 182 00:10:09,640 --> 00:10:13,030 Idee on aga kõik, mis ma hoolin on siin pinnal. 183 00:10:13,030 --> 00:10:17,060 Oletame, et ma olen nii rahul, et ma pean seda jagada kellegagi. 184 00:10:17,060 --> 00:10:19,680 Tavaliselt, mida sa teeksid teiste versioonide Windows, 185 00:10:19,680 --> 00:10:22,900 siis oleks võib-olla võtta Ekraanipilt, siis teeksin mõned copy-paste oma teksti 186 00:10:22,900 --> 00:10:24,950 või asju, mida soovite jagada, 187 00:10:24,950 --> 00:10:27,260 ja siis minna ja avada teises rakenduses ja pane see sinna. 188 00:10:27,260 --> 00:10:28,630 Siin te ei pea seda tegema. 189 00:10:28,630 --> 00:10:32,400 Võite tegelikult tuua välja võlusid bar ja öelda: "Ma tahan, et jagada seda." 190 00:10:32,400 --> 00:10:35,000 Siinkohal läheb näidata teile kõik apps 191 00:10:35,000 --> 00:10:38,080 et tead, kuidas töötada mis iganes on jagatud. 192 00:10:38,080 --> 00:10:41,590 Sel juhul on see pilt, nii et see saab öelda: "Ma näen, et sul on pilt." 193 00:10:41,590 --> 00:10:45,590 "Kas sa tahad, et jagada seda?" Näete ma kirjuta ise asju kogu aeg. 194 00:10:45,590 --> 00:10:49,420 Ta tunnistab, et, ja see pakub mulle, et otsetee 195 00:10:49,420 --> 00:10:53,270 aga see on ka näitab mulle iga app, et teab, kuidas tulla toime pildistamist 196 00:10:53,270 --> 00:10:55,520 ja midagi sellega. 197 00:10:55,520 --> 00:10:57,890 Need on kõik näidatud, et Windows et nad saavad seda teha. 198 00:10:57,890 --> 00:10:59,240 Sel hetkel on see Windows. 199 00:10:59,240 --> 00:11:01,680 Kasutaja lihtsalt valib, mida nad tahavad teha. 200 00:11:01,680 --> 00:11:06,610 Ma teen oma tavapärast ja PuzzleTouch. Näete Olen loonud kõikvõimalikke mõistatusi ajas. 201 00:11:06,610 --> 00:11:11,790 Ma võtan PuzzleTouch ja öelda: "Ma tahan jagada seda imelist loomingut PuzzleTouch." 202 00:11:11,790 --> 00:11:16,670 See saab minna ja öelda: "Hästi. Sa tahad jagada? Fantastiline." 203 00:11:16,670 --> 00:11:19,260 "Kas sa tahad teha puzzle, mis on lihtne, vahe, mis iganes?" 204 00:11:19,260 --> 00:11:20,800 Ma teen vahepealse siin. 205 00:11:20,800 --> 00:11:24,890 See muudab puzzle. See saab olema kohutav puzzle sest see on enamasti tühi. 206 00:11:24,890 --> 00:11:28,100 Aga see on valmis, ja see on tegelikult tagasi teine ​​taotlus. 207 00:11:28,100 --> 00:11:32,360 Kui ma siia tulema, võin otsida seda ja käivitada see. 208 00:11:32,360 --> 00:11:38,100 Nüüd, kui me kerin natuke siin peaksime nägema mu looming kusagil. 209 00:11:38,100 --> 00:11:42,930 Kust ma minna? Millist puzzle ma tegema? Kas ma oleks lihtne? 210 00:11:42,930 --> 00:11:46,110 Oh, siin see on, just seal. 211 00:11:46,110 --> 00:11:49,550 [Chuckles] See on kergesti äratuntav Türgi puzzle, mis siin on. 212 00:11:49,550 --> 00:11:52,360 Kuid asi, mida ma tahan juhtida teie tähelepanu, lahe asi siin 213 00:11:52,360 --> 00:11:54,710 Kas apps ei tea midagi üksteisele. 214 00:11:54,710 --> 00:11:58,740 Nad ainult ütles: "Mul on pilt, et jagada ja ma tean, kuidas tulla toime pilte." 215 00:11:58,740 --> 00:12:01,420 Ja sina kui arendaja, sa ei pea kirjutama, et kood. 216 00:12:01,420 --> 00:12:05,350 Kui keegi küsib minult, et jagada, ma panen mõned andmed selle väikse andmestruktuur 217 00:12:05,350 --> 00:12:06,740 ja ma olen teinud. 218 00:12:06,740 --> 00:12:10,990 Teine app võtab üle, ei oma asi, ja see lõpuks kogemuste jagamine. 219 00:12:10,990 --> 00:12:14,550 See on lihtsalt üks asi, mida saate teha - tõesti võimas - 220 00:12:14,550 --> 00:12:17,570 ja see saab olema üks nendest asjadest, mis võib tõesti aitab eristada oma app 221 00:12:17,570 --> 00:12:20,090 ja ka oma mängu ka poest. 222 00:12:20,090 --> 00:12:22,220 Inimesed hakkavad olema võimeline ütlema: "See on tõesti kasulik." 223 00:12:22,220 --> 00:12:25,430 "Ma kasutan seda puzzle looja kogu aeg. Ta on fantastiline." 224 00:12:25,430 --> 00:12:30,490 >> See on umbes piisavalt lühike ülevaade sellest, mis siin toimub. 225 00:12:30,490 --> 00:12:33,670 Seal on paar muid funktsioone ka, et äkki me esile kui me minna läbi koodiga. 226 00:12:33,670 --> 00:12:37,710 Aga ma tahan, et sukelduda slaidid, ja mida teha, et ma lähen minema Desktop, 227 00:12:37,710 --> 00:12:40,940 kes on ise teise live plaat siin. 228 00:12:40,940 --> 00:12:43,840 Ma ei hakka seda ja, jumala eest, ma olen slaide, 229 00:12:43,840 --> 00:12:46,320 kuid lubage mul teile näidata tegelikult, kus me oleme. 230 00:12:46,320 --> 00:12:48,460 Oleme tegelikult Desktop režiimis. 231 00:12:48,460 --> 00:12:52,580 See on tõesti, kui see, mis ma ütlesin enne Windows edasikandmise 232 00:12:52,580 --> 00:12:54,850 uutele kogemustele näitab ise. 233 00:12:54,850 --> 00:12:56,450 See on Windows tead. 234 00:12:56,450 --> 00:12:59,730 Windows rakendusi kutsutakse desktop apps. Nad töötavad siin. 235 00:12:59,730 --> 00:13:02,730 Kui olete olemasoleva apps ja soovite käivitada neid Windows 8, 236 00:13:02,730 --> 00:13:04,710 saab absoluutselt seda teha. 237 00:13:04,710 --> 00:13:07,590 Need ei ole samad asjad nagu poest apps, mis on seal, 238 00:13:07,590 --> 00:13:12,240 nagu Fresh Paint ja need NBC News apps ja asjad niimoodi. Need tulevad poest. 239 00:13:12,240 --> 00:13:14,450 Nad võivad pistik mõned omadused, et ma olin näidatakse teile 240 00:13:14,450 --> 00:13:16,620 ja teised, et ma ei ole näidanud sulle veel. 241 00:13:16,620 --> 00:13:21,460 Aga seda meeles pidama. Meil on toetus nii need asjad samuti. 242 00:13:21,460 --> 00:13:27,000 Vabandust. Kas midagi ei näita ekraanil? Ma kaotasin ta täielikult. See on imelik. 243 00:13:29,000 --> 00:13:31,000 Okei. Täname juhtides selle välja. 244 00:13:31,000 --> 00:13:34,770 Mida sa ei ole näinud mõnda aega on minu näitab, et töölaud on siin. 245 00:13:34,770 --> 00:13:37,540 Mis on viimane asi, mida sa nägid? Kas sa nägid seda? 246 00:13:37,540 --> 00:13:39,490 See on töölaual. Sa juba tead, kuidas see välja näeb. 247 00:13:39,490 --> 00:13:42,070 See on midagi väga ebatavaline. 248 00:13:42,070 --> 00:13:46,940 See on meie, kes seda kogemust edasi teile ja lastes teil kasutada asju, mis sul oli. 249 00:13:46,940 --> 00:13:50,460 Näiteks, ma näidata teile Visual Studio. See on töölaua rakendus. 250 00:13:50,460 --> 00:13:52,600 See hakkab kulgema selles režiimis. 251 00:13:52,600 --> 00:13:54,960 See saab toetada keerulisemas keskkonnas 252 00:13:54,960 --> 00:14:01,470 palju võimalusi ja asju, nii et see muudab hea valik, kuna desktop app. 253 00:14:01,470 --> 00:14:04,810 >> See tähendab, et lähme slaidid natuke 254 00:14:04,810 --> 00:14:09,720 ja teile mõned sissejuhatavad sisu ja siis satuvad tegelikult kodeerimine siin. 255 00:14:09,720 --> 00:14:14,070 Hea uudis on, et ma kuulsin, et sul on keskendunud palju CSS ja JavaScript, HTML. 256 00:14:14,070 --> 00:14:18,110 Kõik need asjad, mida olen õppimise carry otse muuta Windows Store apps. 257 00:14:18,110 --> 00:14:22,920 Asju, mida olen kuulnud, mida saadakse CSS valijad ja kõik need asjad, 258 00:14:22,920 --> 00:14:27,180 just see, mida teha, et luua taotlus siia poodi. 259 00:14:27,180 --> 00:14:29,640 Me läheme läbi neid asju vähehaaval. 260 00:14:29,640 --> 00:14:34,130 Põhimõtteliselt ma toetudes asju, mis teil juba on võtnud aega, et õppida. 261 00:14:34,130 --> 00:14:36,520 See on üldine skeem tehnoloogiaid, mida võiks kasutada 262 00:14:36,520 --> 00:14:38,790 teha taotlusi Windows 8. 263 00:14:38,790 --> 00:14:42,840 Stuff on õigus desktop apps, on tõesti see, mida me juba teame. 264 00:14:42,840 --> 00:14:46,840 See kraam, mis on tegelikult Windows 7 maailma ülekantud Windows 8. 265 00:14:46,840 --> 00:14:51,920 Kõik need võimalused kanda: C #, VB, Win32 liiki arengut. 266 00:14:51,920 --> 00:14:54,450 Suur. See pole probleem. Uued asjad on vasakul servas. 267 00:14:54,450 --> 00:14:58,220 See on Windows Store apps, siis ma tahan, et mu taotlus traadiga Windows 8 268 00:14:58,220 --> 00:15:02,300 kasutades kõik need omadused, saada see pood, ja saada, et väga lahe kogemus 269 00:15:02,300 --> 00:15:05,260 Windowsi pood rakendusi. 270 00:15:05,260 --> 00:15:10,350 Selleks, et näed siin on sul kõik oma valikuid, XAML, C + +, 271 00:15:10,350 --> 00:15:14,100 C #, VB, mida võiks teha, DirectX, asju, asju, mis lähevad kaugemale slide. 272 00:15:14,100 --> 00:15:18,650 Aga meie, me ei kavatse keskenduda õigus sellele, et HTML, CSS ja JavaScript 273 00:15:18,650 --> 00:15:22,890 on tõesti esimese klassi kodanik tegemise taotluste Windows 8 274 00:15:22,890 --> 00:15:24,960 ja Windows kauplus. 275 00:15:24,960 --> 00:15:27,950 Nii et see on hea kõigile siin ja inimesed vaadates video 276 00:15:27,950 --> 00:15:30,760 sest sa ei saa lihtsalt ära kõiki neid kogemusi, et teil on 277 00:15:30,760 --> 00:15:33,900 ja tõesti lips, milliseid Windows pakub. 278 00:15:33,900 --> 00:15:37,870 Sa lähed teha läbi kogumi APIs, mis ei tohiks olla üllatus. 279 00:15:37,870 --> 00:15:39,920 Iga OS on oma APIs. 280 00:15:39,920 --> 00:15:43,530 Me paljastada, mida Windows saab teha läbi, mida nimetatakse WinRT. 281 00:15:43,530 --> 00:15:46,370 See on kogum API, mis lihtsalt teeb kõike teile. 282 00:15:46,370 --> 00:15:51,650 Kui teil on vaja avada faili, peate kasutama kaamera kindlale asju, 283 00:15:51,650 --> 00:15:55,700 nad lähevad läbi, mida Windows saab pakkuda teile. 284 00:15:55,700 --> 00:15:59,370 Et pääseda sellele, et meil on veel mõned JavaScript, et läheb muuta see veelgi lihtsam 285 00:15:59,370 --> 00:16:02,510 teil seda teha. Me saame selle kohe. 286 00:16:02,510 --> 00:16:04,060 Aga nüüd, et on põhimõtteliselt oma tegevuskava. 287 00:16:04,060 --> 00:16:06,770 Asju, mida sa oled juba teinud peal mõned APIs 288 00:16:06,770 --> 00:16:11,280 , mis aitavad teil töötada Windows võrdub poe app. 289 00:16:11,280 --> 00:16:14,210 Ja see on tõesti umbes kõik, mida pead teadma, on kõrgel tasemel. 290 00:16:14,210 --> 00:16:17,370 >> Me sukelduda tegelikult töötavad kraam nüüd. 291 00:16:18,940 --> 00:16:21,950 See, mida te olete ilmselt juba näinud kamp, 292 00:16:21,950 --> 00:16:26,760 koos IE9 veidi aega tagasi tutvustasime toetust palju ajal, 293 00:16:26,760 --> 00:16:30,340 uuemad standardid Web, nii palju uusi CSS omadused, 294 00:16:30,340 --> 00:16:34,380 palju uusi HTML, ECMAScript 5, mis on tõesti JavaScript. 295 00:16:34,380 --> 00:16:38,090 Seega kõik selle välja arvatud range režiim oli IE9. 296 00:16:38,090 --> 00:16:42,290 Just ton kraami CSS, CSS3, kõik on seal. 297 00:16:42,290 --> 00:16:45,300 Ja kõik see kraam viib edasi sellest, mida me teeme koos Windows 8. 298 00:16:45,300 --> 00:16:49,350 Võite kasutada neid asju, ja mida saab kasutada kõike, mis on uus IE10. 299 00:16:49,350 --> 00:16:54,640 Mis IE10 tutvustame toetust kõik need asjad samuti. 300 00:16:54,640 --> 00:16:59,340 Nad on kõik riistvara-kiirendatud, nii et kui sa oled masin, mis on mingi GPU, 301 00:16:59,340 --> 00:17:04,190 mis on ilmselt päris palju iga masina, võid saada viimase 8 aasta jooksul, 302 00:17:04,190 --> 00:17:07,609 sa lähed, et oleks võimalik saada laitteistokiihdytetylle väljund, 303 00:17:07,609 --> 00:17:11,770 visuaalne väljund CSS, Canvas, SVG. 304 00:17:11,770 --> 00:17:14,339 Kõik need asjad lähevad läbi riistvarakiirendi 305 00:17:14,339 --> 00:17:16,060 ja et palju kiiremaks ja tõhusamaks. 306 00:17:16,060 --> 00:17:20,440 Lühiversioon kõik see - Ma ei lähe läbi iga asi siin - 307 00:17:20,440 --> 00:17:23,200 kui sa näed seda selles nimekirjas, kui vähegi võimalik tee seda IE10, 308 00:17:23,200 --> 00:17:25,650 kui see on web app, et näed, mis töötab IE10, 309 00:17:25,650 --> 00:17:28,640 see on midagi, mida saate teha, kui Windows Store app. 310 00:17:28,640 --> 00:17:33,100 Ja see on päris palju see. Nii et kui see töötab IE10, et see saab töötada Windows Store app. 311 00:17:33,100 --> 00:17:36,370 See on laual, kui midagi, mida võiks kasutada. 312 00:17:36,370 --> 00:17:40,510 >> Seal on palju siin. Me ei pea keskööni, nii et ma ei saa vaadata kõike siin. 313 00:17:40,510 --> 00:17:44,060 Aga seal on mõned saidid, mis aitavad teil mõista, mida need asjad saab teha, 314 00:17:44,060 --> 00:17:45,520 ja ma näitan sulle ühte neist teine. 315 00:17:45,520 --> 00:17:48,410 Ma lihtsalt tahtsin rõhutada, mõned olulised asjad, mida sa võiksid vaadata. 316 00:17:48,410 --> 00:17:51,560 Võib-olla olete juba näinud mõnda neist oma õpinguid, 317 00:17:51,560 --> 00:17:56,610 kuid need on tõesti kasulik, eriti Windows Store apps alates CSS pool. 318 00:17:56,610 --> 00:18:02,420 Nii on võimalik teha teisendusi ja üleminekud pakuvad motion animatsioon - 319 00:18:02,420 --> 00:18:07,010 need on kõik osa CSS nüüd, ja nad kõik toetavad kaasaegsete brauseritega, 320 00:18:07,010 --> 00:18:11,370 ja IE10 ja IE9 lisanud toetus aja jooksul kõiki neid asju. 321 00:18:11,370 --> 00:18:15,220 Ja miks kirjutada seda ise, miks minna läbi kõik hädas nende asjade käsitsi 322 00:18:15,220 --> 00:18:19,970 kui sa võiksid kasutada lihtsat CSS muuta, et luua 3D oma taotluse? 323 00:18:19,970 --> 00:18:22,740 Suur. See, kuidas see toimib. 324 00:18:22,740 --> 00:18:24,530 Ma ei tee seda raskemaks, kui see. 325 00:18:24,530 --> 00:18:28,330 Kui tead, kuidas seda teha CSS, sa tead, kuidas seda teha Windows Store app. 326 00:18:28,330 --> 00:18:32,080 >> Minnes kaugemale, et skeem, asjad isegi poodi app, 327 00:18:32,080 --> 00:18:35,350 aga mis läheb kaugemale vaadates võib-olla uudis app, mis on, mis näitab teile artiklid 328 00:18:35,350 --> 00:18:40,160 või retseptide või asju, need muud liiki funktsioone CSS on tõesti kasulik: 329 00:18:40,160 --> 00:18:45,610 Grid, Flexbox, CSS Piirkonnad on rohkem suhteliselt uus standard samuti. 330 00:18:45,610 --> 00:18:51,190 Need asjad on kõik läheb, et aidata teil välja panema sisu ja voolu sisu osade vahel, 331 00:18:51,190 --> 00:18:55,470 oleks võimalik teha pagination ja poolitamise et pole vaja kirjutada asju ise. 332 00:18:55,470 --> 00:18:57,500 Sa lihtsalt öelda: "Palun tehke järgmist minu jaoks" 333 00:18:57,500 --> 00:19:00,850 ja ekraani kinnisvara on erinev erinevate masinatega 334 00:19:00,850 --> 00:19:03,850 või kui näete hetkel kui sa snap taotlus 335 00:19:03,850 --> 00:19:07,920 väiksemaid summasid ruumi ekraanil, see pole probleemiks CSS. 336 00:19:07,920 --> 00:19:11,160 Seda saab ära kasutada - Eks me räägime meedia päringuid teine ​​- 337 00:19:11,160 --> 00:19:15,880 see suudan asju repositsioneerimine sisu, voolav sisu piirkonnad 338 00:19:15,880 --> 00:19:21,240 ainult need asjad, mida te võib-olla juba näinud web tehnoloogia. 339 00:19:21,240 --> 00:19:25,470 >> On HTML5 poolel on ka hunnik asju 340 00:19:25,470 --> 00:19:28,140 mis on väga kasulik teile Windows Store apps. 341 00:19:28,140 --> 00:19:30,980 Jällegi, me ei lähe läbi kõik need, kuid nad lihtsalt siia. 342 00:19:30,980 --> 00:19:35,470 Nii et kui teil on vaja seda kasutada, audio-video, kui sa tahad teha valideerimine alates vormid 343 00:19:35,470 --> 00:19:40,570 kindlale kõik asjad, mida saate teha JavaScripti JavaScript 5 või ECMAScript 5, 344 00:19:40,570 --> 00:19:44,070 IndexedDB kohalike ladustamine - need on kõik võimalused teie jaoks. 345 00:19:44,070 --> 00:19:49,300 Kui otsite vastust, lihtsalt otsida olemasolevate tehnoloogiate HTML5 ja CSS 346 00:19:49,300 --> 00:19:53,880 ja leiad kergemini vastuse, kui oleks vaja rullida palju seda kraami ise. 347 00:19:53,880 --> 00:19:55,510 Las ma näitan sulle ümber natuke siin. 348 00:19:55,510 --> 00:19:57,920 Mul site saame minna. 349 00:19:57,920 --> 00:20:01,590 Las ma lõpetan siit slide teise. 350 00:20:01,590 --> 00:20:06,450 >> Kui me minema IETestDrive.com, 351 00:20:06,450 --> 00:20:08,960 Ma ei tee palju demo siin. 352 00:20:08,960 --> 00:20:14,360 IETestDrive.com tegelikult näitab teile, palju, mida uut on IE10, 353 00:20:14,360 --> 00:20:16,220 asjad, mida saate teha. 354 00:20:16,220 --> 00:20:19,130 Leian, et see on tõesti kasulik, sest selle asemel, et lugeda läbi hunnik lühiülevaated 355 00:20:19,130 --> 00:20:23,020 vaadata mõned demod ja et läheb, et aidata teil panna see oma isikliku radar 356 00:20:23,020 --> 00:20:26,620 kas tehnoloogia on mõtet isegi teha rohkem teadusuuringuid 357 00:20:26,620 --> 00:20:29,070 nii saad aru, "Ma näen, mis see on." 358 00:20:29,070 --> 00:20:32,780 "Ma saan aru, mida taotlus Animation Frame teeb minu jaoks." 359 00:20:32,780 --> 00:20:36,900 "Ma saan aru, kuidas ma võiks kasutada regioonide või SVG filtrid." 360 00:20:36,900 --> 00:20:40,190 Näed neid tegutsemas, neid näha näiteks siin, 361 00:20:40,190 --> 00:20:44,930 ja otsustada ise, kui see saab olema kasulik teile teie enda projekte ja kaugemale 362 00:20:44,930 --> 00:20:47,840 nagu te jätkuvalt koos web tehnoloogia. 363 00:20:47,840 --> 00:20:49,900 Siin ma lihtsalt kutsun teid üles võtma pilk. 364 00:20:49,900 --> 00:20:52,880 Ma ei usu, et ma kulutama palju aega tegelikult töötab neid. 365 00:20:52,880 --> 00:20:56,030 Meil on piisavalt, et näidata kirjalikult koodi. 366 00:20:56,030 --> 00:21:01,640 Näete siin asju touch mõju puudutada baasil mänge selle osa, 367 00:21:01,640 --> 00:21:06,050 animatsioon, tõesti kiire laitteistokiihdytetylle animatsioon seal, 368 00:21:06,050 --> 00:21:11,230 mõned optimeerimisest et näete mõned neist proovidest samuti, 369 00:21:11,230 --> 00:21:12,770 ja seal on palju, palju rohkem. 370 00:21:12,770 --> 00:21:15,330 Kui te lähete üle siin ja avada saidi kaart, 371 00:21:15,330 --> 00:21:19,070 seal on lihtsalt naeruväärne proovide arv siin. 372 00:21:19,070 --> 00:21:20,690 Näete neid kõiki siin. 373 00:21:20,690 --> 00:21:22,900 Kui otsite midagi, või olete kuulnud midagi 374 00:21:22,900 --> 00:21:25,850 ja sa ei tea, võib-olla oleks see midagi lahedat kasutada app, 375 00:21:25,850 --> 00:21:31,720 proovida vaadata siin ja seal ilmselt päris hea demo see säästa ennast mõnda aega. 376 00:21:31,720 --> 00:21:35,980 >> Okei? Kõik küsimused nii kaugele inimesed siin? 377 00:21:35,980 --> 00:21:39,620 Okei. Me jätkata siin. 378 00:21:39,620 --> 00:21:41,920 Jällegi, vaid vaadata, et välja. 379 00:21:41,920 --> 00:21:45,450 Nad on veebi standardeid, et minna mõne muu presentatsioon saite, et sa ei tea 380 00:21:45,450 --> 00:21:50,550 ja vaata, kas need tehnoloogiad mõtet, mida sa üritad teha. 381 00:21:50,550 --> 00:21:53,190 >> Tagasi slaidid. 382 00:21:53,190 --> 00:22:00,290 See tähendab, et sa liiguvad Web maailm tõesti paigaldada kohalik rakendus maailmas 383 00:22:00,290 --> 00:22:01,850 nii seal on mõned asjad meelde siin. 384 00:22:01,850 --> 00:22:03,690 Esiteks pole veebiserveri kaasatud siin. 385 00:22:03,690 --> 00:22:06,120 Pole Apache, pole IIS töötab siin 386 00:22:06,120 --> 00:22:10,170 teenindavad up lehekülgi serveri kliendi serveri brauseri agent. 387 00:22:10,170 --> 00:22:13,000 Sel juhul on tõesti kõik on pakitud üles teile. 388 00:22:13,000 --> 00:22:16,630 Sa märgivad, et kui teie taotlus poodi, siis saab tõestatud, 389 00:22:16,630 --> 00:22:22,190 see läbi poest, ja siis inimesed tuhandete kaupa paigaldab oma mängu või teie app. 390 00:22:22,190 --> 00:22:24,780 Aga põhimõtteliselt, nad tõmmates maha kohapeal nende masin. 391 00:22:24,780 --> 00:22:29,080 Ei ole vaja minna välja Web enam, kui teil on üks kõne, mis on vaja serveri API, 392 00:22:29,080 --> 00:22:31,790 ja see on täiesti normaalne, samuti liiga. 393 00:22:31,790 --> 00:22:35,330 Aga nad ei kavatse olla, et režiim, kus nad peavad minema taotluse vastust server 394 00:22:35,330 --> 00:22:37,910 saada järgmisele lehele oma sisu. 395 00:22:37,910 --> 00:22:41,380 Nii et öelda, seal on mõned väikesed API erinevusi. Need on väga väikesed. 396 00:22:41,380 --> 00:22:46,850 Nad on ebatõenäoline tulistavad oma normaalse kodeerimine, kuid nad vähemalt dokumenteeritud. 397 00:22:46,850 --> 00:22:50,030 Nad omamoodi serva juhtudel. 398 00:22:50,030 --> 00:22:53,370 >> Teine asi väärib märkimist, on usaldus erinevusi. 399 00:22:53,370 --> 00:22:58,070 Ma ainult mainin seda, sest ma lihtsalt tahan veenduda, ma ütlesin seda 400 00:22:58,070 --> 00:23:01,580 nii et kui sul tekib hiljem, peate mõtlema, "Chris ütles midagi selle kohta, 401 00:23:01,580 --> 00:23:04,890 "Võib-olla, jah, olgu," ja siis tagasi minna ja sa teada, mis see oli. 402 00:23:04,890 --> 00:23:06,480 Konteksti küsimus. 403 00:23:06,480 --> 00:23:11,450 Vaikimisi püüame kaitsta kasutaja vektorite rünnaku. 404 00:23:11,450 --> 00:23:13,400 On teatud asjad, mida saate teha, on vaikimisi 405 00:23:13,400 --> 00:23:16,130 ja teatud asju, mida tuleb muuta seoses võimaldada. 406 00:23:16,130 --> 00:23:19,860 Nagu te kasutate mõned raamatukogud seal - Sa oled juba töötanud koos jQuery, 407 00:23:19,860 --> 00:23:23,650 aga kui sa vaatad teiste raamatukogude seal - sa võid olla kasutades mõned funktsioonid 408 00:23:23,650 --> 00:23:28,000 selline ületab kohaliku korra ei dünaamilisem koostoimed 409 00:23:28,000 --> 00:23:30,360 XHR taotluste asjad niimoodi. 410 00:23:30,360 --> 00:23:33,090 Mõnikord võite leida need on vaikimisi välja lülitatud, 411 00:23:33,090 --> 00:23:37,790 ja sel juhul lihtsalt ei otsi, otsima kohalike ja veebi kontekstis 412 00:23:37,790 --> 00:23:39,560 ja saate teada, kuidas määrata seda. 413 00:23:39,560 --> 00:23:42,580 Lihtsalt veenduge, et te ei teadnud, et te hakkate kasutama teiste raamistike 414 00:23:42,580 --> 00:23:45,720 mis ma peaks mainima, et sa oled täiesti võimeline tegema. 415 00:23:45,720 --> 00:23:49,290 Nii et kui sa leiad mõne teise raamistiku - Eks me räägime sellest teises - 416 00:23:49,290 --> 00:23:54,000 mängu-ja soovite kasutada seda, mida soovite kasutada teatud kontrolli raamatukogudes, mis on seal 417 00:23:54,000 --> 00:23:57,990 ja sa ei taha, et kirjutada, et asju ise - see on hea mõte, eks? - 418 00:23:57,990 --> 00:23:59,560 võite täiesti kasutada seda kraami. 419 00:23:59,560 --> 00:24:03,660 Et miski ettevõttest sulle tagasi, kasutades mis tahes raamatukogu, mis on põhineb JavaScript, 420 00:24:03,660 --> 00:24:05,380 CSS, HTML5. 421 00:24:05,380 --> 00:24:09,740 Jällegi, kui see on midagi, mida saate teha IE10, mis on Heck on palju nendel päevadel, 422 00:24:09,740 --> 00:24:11,220 te ei saa seda teha. 423 00:24:11,220 --> 00:24:14,800 Tõmba see oma app, viidates, et JavaScript raamatukogu, ning kasutada seda oma taotluse, 424 00:24:14,800 --> 00:24:19,880 lihtsalt meeles pidada, võite lüüa julgeoleku kontekstis üks kord samal ajal - mitte väga sageli. 425 00:24:19,880 --> 00:24:24,150 >> Ja siis funktsioone, me läheme üle mõned neist, nagu me minna. 426 00:24:24,150 --> 00:24:27,500 UX sa omamoodi harjuda nagu näete rohkem ja rohkem rakendusi 427 00:24:27,500 --> 00:24:29,250 Windows Store. 428 00:24:29,250 --> 00:24:33,870 Sa saad tunda, kuidas nad töötavad ja kuidas disain esteetiline kipub töö 429 00:24:33,870 --> 00:24:37,720 erinevate rakenduste ja mida inimesed kasutatakse tekkinud. 430 00:24:37,720 --> 00:24:39,660 See on tõesti oluline osa. 431 00:24:39,660 --> 00:24:42,460 Veenduge, et kui nad tule üles oma app nad ei pea lugema manuaal, 432 00:24:42,460 --> 00:24:44,300 mida nad ei tee, mida teed. 433 00:24:44,300 --> 00:24:46,650 Nad peaksid lihtsalt olema võimeline mängima hakata oma taotluse 434 00:24:46,650 --> 00:24:49,450 ja viinud ta läbi ilma suuremate raskusteta. 435 00:24:49,450 --> 00:24:52,660 Jäädes ja küljes palju neid tavasid, 436 00:24:52,660 --> 00:24:57,640 sa lähed teha oma kasutajatele suure teene, muutes selle lihtsamaks. 437 00:24:57,640 --> 00:25:01,810 >> Okei. Üks viimane asi, API pool ja siis me võtame arvesse tegelikult kirjalikult koodi. 438 00:25:01,810 --> 00:25:05,660 WinJS on see asi, mida ma mainida väga lühidalt, et keeruline slaid 439 00:25:05,660 --> 00:25:08,850 kõik need erinevad valikud, et teil on tegemist rakendustega. 440 00:25:08,850 --> 00:25:10,890 WinJS, võite mõelda, et see on sõber. 441 00:25:10,890 --> 00:25:13,680 See on su sõber, et aidata teil kirjutada asju kiiremini. 442 00:25:13,680 --> 00:25:18,820 See on lihtsalt JavaScript ja CSS. Sa ei pea seda kasutama. Võite seda kasutada. 443 00:25:18,820 --> 00:25:22,180 Kui sa lähed tuleb helistades Windows funktsioonid, siis lõpuks seda kasutada, 444 00:25:22,180 --> 00:25:27,210 aga kui seal on asju, nagu mõned disaini mustrite või kontrolli, et sa tõesti ei taha kasutada, 445 00:25:27,210 --> 00:25:29,090 soovite kasutada midagi muud, see on sinust. 446 00:25:29,090 --> 00:25:32,580 Otsusta, mida tahad kasutada ja stiile, mida soovite kasutada. 447 00:25:32,580 --> 00:25:37,250 Funktsioone Namespacing ja klass põlvkond - sinust. 448 00:25:37,250 --> 00:25:41,650 Kui soovite ühte või teise, see on täiesti oma valik. See on ikka JavaScript ja CSS. 449 00:25:41,650 --> 00:25:43,860 Aga see läheb, et aidata teil teha palju asju. 450 00:25:43,860 --> 00:25:47,780 Näiteks, siin on alagrupis mida ta saab teha, 451 00:25:47,780 --> 00:25:50,790 asjad aitavad asünkroonse programmeerimise lubadusi. 452 00:25:50,790 --> 00:25:54,000 Kõik on kuulnud või töötanud Node.js? 453 00:25:54,000 --> 00:25:59,520 See on ühine muster töötada asünkroonse programmeerimise. 454 00:25:59,520 --> 00:26:02,370 Ühesõnaga, mida sa öelda, "Mine tee midagi, 455 00:26:02,370 --> 00:26:05,790 "Ja sa lähed mulle luban, et sa saad tagasi mulle, kui sa oled teinud." 456 00:26:05,790 --> 00:26:08,400 See on sisuliselt, mis toimub. 457 00:26:08,400 --> 00:26:12,400 Nii et sa ei külmuma oma taotlus, kui kasutaja läheb ja korjamine fail 458 00:26:12,400 --> 00:26:15,810 või midagi on striimitakse alla veebist. 459 00:26:15,810 --> 00:26:17,210 UI endiselt tundlik. 460 00:26:17,210 --> 00:26:19,410 Ja sa ei saa seda teha, kasutades asünkroonse programmeerimise. 461 00:26:19,410 --> 00:26:23,620 See kõlab naeruväärselt keeruline, kuid see on väga lihtne, sest sa kasutad lubadused 462 00:26:23,620 --> 00:26:27,900 ja sa ütlesid: "Mine tee seda ja kui sa oled teinud, helista tagasi seda meetodit." 463 00:26:27,900 --> 00:26:30,270 See on päris palju see. See on kõik ehitatud WinJS. 464 00:26:30,270 --> 00:26:35,120 See saab teha palju lihtsam kirjutada tõesti paindlik ja võimas rakendusi. 465 00:26:35,120 --> 00:26:37,870 >> Näete ülejäänud siin palju animatsioone. 466 00:26:37,870 --> 00:26:41,240 Tõenäoliselt üks tähtsamaid asju on see slaid on kontroll. 467 00:26:41,240 --> 00:26:44,680 Ma arvan, et mul on terve - Jah, ma tean. 468 00:26:44,680 --> 00:26:48,900 Siin on näide vaid mõned kontrollid, mida saab kasutada oma rakendustes. 469 00:26:48,900 --> 00:26:51,060 See kõik on otse üles WinJS. 470 00:26:51,060 --> 00:26:53,430 Sa ei kirjuta neid endid 471 00:26:53,430 --> 00:26:55,990 sa lihtsalt öelda: "Siin on, kuidas ma tahan kirjutada oma taotlus." 472 00:26:55,990 --> 00:26:59,420 "Ma kasutan lappamiskuva et ma saaksin minna eri pilte." 473 00:26:59,420 --> 00:27:03,380 Ma pole teile näidanud Semantiline Zoom. Ma näitan sulle, et teine. 474 00:27:03,380 --> 00:27:05,700 Nimekirjavaadetele. Seal GridViews. 475 00:27:05,700 --> 00:27:08,680 Sa oled juba näinud grid osana poest rakenduse 476 00:27:08,680 --> 00:27:12,170 nii on võimalik kasutada plokkide sisu ja kerimist et. 477 00:27:12,170 --> 00:27:15,660 Flyout menüüd näete aeg-ajalt. 478 00:27:15,660 --> 00:27:19,090 App bar ma näitasin teile, et Fresh Paint kohaldamise samuti, 479 00:27:19,090 --> 00:27:22,190 siis nägin, kuidas saate kohandada, et pannes nööbid see 480 00:27:22,190 --> 00:27:26,360 ja millel on mis peidavad ära, kui sa ei hooli, et seda kasutada. 481 00:27:26,360 --> 00:27:28,120 See on tõesti täiesti sinust kasutada. 482 00:27:28,120 --> 00:27:30,210 Need kõik on kontrolli, mis on osa WinJS. 483 00:27:30,210 --> 00:27:33,640 Ma näitan teile, kuidas teha neid lihtsalt teise, kuid seal on midagi enamat kui lihtsalt see, 484 00:27:33,640 --> 00:27:37,060 ja peamine asi on neid kasutada, kui soovite, säästa aega. 485 00:27:37,060 --> 00:27:40,830 >> Kui teil on muid kontrolli raamatukogud, mida soovite kasutada, see on täiesti trahvi ka. 486 00:27:40,830 --> 00:27:46,300 Asjad nagu jQuery UI teha palju sedalaadi idee samuti, 487 00:27:46,300 --> 00:27:51,280 andes rohkem kontrolli, et laiendada, mida saate teha, HTML ja JavaScript. 488 00:27:52,690 --> 00:27:55,680 Olgem sukelduda sisse ma olen juba öelnud. Kasuta, mida sa soovid. 489 00:27:55,680 --> 00:27:59,680 Pea meeles, et sa võid joosta mõned kontekstis küsimusi. 490 00:27:59,680 --> 00:28:03,380 Aga sa võid kindlasti segada ja sobitada mis tahes liiki raamatukogud oled rahul, 491 00:28:03,380 --> 00:28:06,770 sa tahad õppida, mida soovite kasutada, et säästa ennast mõnda aega. 492 00:28:06,770 --> 00:28:09,850 >> Räägime tööriistad lihtsalt teine. 493 00:28:09,850 --> 00:28:12,400 Saad, mida sa vajad, et alustada koostööd Windows Store apps. 494 00:28:12,400 --> 00:28:17,360 Kui ma tagasi minna, mul on liiga palju asju siin. 495 00:28:17,360 --> 00:28:21,770 Kui sa lähed sellele lehele, mis on dev.windows.com, 496 00:28:21,770 --> 00:28:23,300 saate alla laadida kõike, mida vaja. 497 00:28:23,300 --> 00:28:28,170 Kui õpilased, teil on juurdepääs rohkem kui üldsusele ei, 498 00:28:28,170 --> 00:28:30,670 nii saad kõrgemas otsas versioonid Visual Studio. 499 00:28:30,670 --> 00:28:34,090 Edwin mainitud saab juba saada Windows samuti. 500 00:28:34,090 --> 00:28:36,790 Aga üldiselt, kõigi arendajate jaoks, võite minna sellele saidile 501 00:28:36,790 --> 00:28:40,380 ja lae alla kõike, mida on vaja teha taotlus, ja see kõik on tasuta. 502 00:28:40,380 --> 00:28:42,460 Seega on tasuta versiooni Visual Studio, 503 00:28:42,460 --> 00:28:44,450 seal on mõned vahendid, mis paigaldab kõrval et - 504 00:28:44,450 --> 00:28:47,240 kõike, mida vaja luua ja testida oma taotluse. 505 00:28:47,240 --> 00:28:50,130 See on ainult siis, kui sa lähed, et avaldada oma taotluse up poodi 506 00:28:50,130 --> 00:28:52,470 et sa lähed vaja arendaja konto. 507 00:28:52,470 --> 00:28:56,100 Ka minu arvates on tasuta. Kas see on tasuta õpilastele ka? >> [Guarin] Kumb? 508 00:28:56,100 --> 00:28:57,970 Arendaja konto tegelikku esitamist. >> [Guarin] Jah. 509 00:28:57,970 --> 00:28:59,580 See on rohkem häid uudiseid. 510 00:28:59,580 --> 00:29:00,840 Sa lähed vaata seda. 511 00:29:00,840 --> 00:29:03,840 See ütlen üksiku vaikimisi on see 49 $. 512 00:29:03,840 --> 00:29:06,140 Aga ärge logida, et kui õpilane. 513 00:29:06,140 --> 00:29:10,250 Me saame teile mõningast teavet teie programmide kaudu, et saad tasuta konto, 514 00:29:10,250 --> 00:29:13,980 ja mis võimaldab teil seejärel esitada oma taotlused paremale üles poodi, 515 00:29:13,980 --> 00:29:17,370 nii palju, kui soovite, ja kõik see headus peagi järgima. 516 00:29:17,370 --> 00:29:19,710 Nii et dev.windows.com. 517 00:29:19,710 --> 00:29:22,170 Võite alla laadida tööriistu, mida võib vaja minna siit. 518 00:29:22,170 --> 00:29:25,310 Ja kui sa tahad, saad prooviversiooni Windows siia 519 00:29:25,310 --> 00:29:27,160 kuid jällegi, sa ei pea. 520 00:29:27,160 --> 00:29:32,880 >> Teine ala - lubage mul see välja teie jaoks kiiresti - on design.windows.com. 521 00:29:32,880 --> 00:29:34,770 See oli dev.windows.com. 522 00:29:34,770 --> 00:29:37,770 Design.windows.com võite arvata, mis see on. 523 00:29:37,770 --> 00:29:40,380 See on tegelikult üsna sõbralik kohas. Seal on palju häid infot siit. 524 00:29:40,380 --> 00:29:41,770 Võite töötada läbi. 525 00:29:41,770 --> 00:29:43,960 See läheb teile mõningaid nõuandeid, mõned asjad 526 00:29:43,960 --> 00:29:46,760 et võib-olla te ei ole mõelnud varem või pidi tegelema enne, 527 00:29:46,760 --> 00:29:50,780 nagu projekteerimine touch, projekteerimine eri vormi tegurid, 528 00:29:50,780 --> 00:29:55,310 projekteerimisel võimeid Windows 8, asju, mida ma varem mainitud 529 00:29:55,310 --> 00:29:58,740 nagu otsimine ja jagamine on mõned asjad, mida ma ei ole rääkinud veel. 530 00:29:58,740 --> 00:30:05,570 Nad kõik loetletud siin, ja see on päris hea hulk kasulikke fail lehekülge 531 00:30:05,570 --> 00:30:08,670 mis aitab teil mõista, kuidas teha teatud liiki rakenduse 532 00:30:08,670 --> 00:30:14,250 kuidas teha suhtlemist, kuidas tulla toime UI ja UX oma taotluse. 533 00:30:14,250 --> 00:30:18,630 Ma soovitaksin teil võtta pilk see, eriti kui teil on mingil hetkel 534 00:30:18,630 --> 00:30:22,960 lootes avaldada taotlus poodi. 535 00:30:22,960 --> 00:30:25,250 Sa lähed tahan teada, kuidas teha head taotlus 536 00:30:25,250 --> 00:30:28,300 sest ma mainisin enne, kui sa seda ei tee, siis on need kommentaarid uuesti. 537 00:30:28,300 --> 00:30:29,930 Inimesed hakkavad olema õnnetu. 538 00:30:29,930 --> 00:30:32,960 Nad ei suuda leida asju, mida nad ootavad, õiges kohas. 539 00:30:32,960 --> 00:30:36,590 Keegi ei taha, et sinuga juhtuks. 540 00:30:36,590 --> 00:30:39,220 >> Edasiliikumine siin, las ma sulgeda selle üles. 541 00:30:39,220 --> 00:30:43,700 Nüüd sa tead, kust saada asju, ma näitan sulle, kuidas tegelikult hakata asju. 542 00:30:43,700 --> 00:30:48,520 Et alustada, siis ma tegelikult näitan teile siin näite desktop apps minu Start ekraanil. 543 00:30:48,520 --> 00:30:53,600 Siin näete Visual Studio, näete Blend ja kehitystyökalut mis mul on. 544 00:30:53,600 --> 00:30:55,890 Neil on veidi erinev plaat. 545 00:30:55,890 --> 00:30:57,930 Ongi, sest nad on desktop apps, 546 00:30:57,930 --> 00:31:00,960 ning sellisel juhul on nad kõik läheb käivitada tagasi minu töölaual 547 00:31:00,960 --> 00:31:05,350 tõesti nagu apps, et sa oled harjunud. 548 00:31:05,350 --> 00:31:06,960 Nii Windows kogemus, see on sama asi. 549 00:31:06,960 --> 00:31:12,940 Nad ei ole, näiteks nagu relva! või neid asju. Lubage mul alustada ühe kiiresti. 550 00:31:12,940 --> 00:31:14,340 Tegelikult siin on huvitav. 551 00:31:14,340 --> 00:31:19,210 See on välja töötatud üliõpilastele, kes töötavad partnerluse NERD. 552 00:31:19,210 --> 00:31:23,430 Full screen rakendus selliseid kogemusi siin. 553 00:31:23,430 --> 00:31:26,290 Oh, kena lõigatud ekraanid ja igasuguseid lõbusaid asju. 554 00:31:26,290 --> 00:31:34,330 Nad arendasid seda. Me võiksime sama hästi näidata, et kogu asi, kui me seda. 555 00:31:37,510 --> 00:31:41,070 Tegelikult ma töötasin nendega natuke, andis neile nõu, asjad 556 00:31:41,070 --> 00:31:44,160 sest nad teevad JavaScript oma taotluse. 557 00:31:44,160 --> 00:31:46,460 Palun, ma ei vii oma töö eest tunnustatud, nad tegid kõik tööd. 558 00:31:46,460 --> 00:31:48,990 Ma andsin neile natuke nõu siin ja seal, 559 00:31:48,990 --> 00:31:52,400 kuid nad tegid mõned suured asjad, kasutades JavaScript esiotsa 560 00:31:52,400 --> 00:31:56,920 ja sidumine mõnes füüsika mootorid ja asju teha palju seda tööd. 561 00:32:00,120 --> 00:32:03,360 Mine. Vaatame, kas see töötab. 562 00:32:03,360 --> 00:32:07,010 Wow, see ikka töötas. Olgu, hästi. Kuid saate idee. 563 00:32:07,010 --> 00:32:09,350 Täisekraanil app, tõesti hea kogemus. 564 00:32:09,350 --> 00:32:14,250 See toetab mitte ainult minu hiir ja pliiats kui mul on asju, vaid ka puudutada. 565 00:32:14,250 --> 00:32:19,420 Kui mul oli puutetundlik, ma võiks lihtsalt teha selle peale ja jätkata tööd sellega. 566 00:32:19,420 --> 00:32:21,440 >> Üks asi, mida ma ei näita, ja põhjus, miks ma toon selle üles 567 00:32:21,440 --> 00:32:23,840 on Tahtsin veel ühe app teile näidata, mida saate teha, 568 00:32:23,840 --> 00:32:29,480 tegelikult võite võtta rakendused Windows ja lohista servas. 569 00:32:29,480 --> 00:32:33,070 Seda nimetatakse haaramine taotluse. 570 00:32:33,070 --> 00:32:37,800 Sel juhul olen võtnud Inkarus ja olen lisanud selle külje siin. 571 00:32:37,800 --> 00:32:42,990 See on nüüd Snap vaadata ja mis võimaldab mul teha midagi muud, kui see taotlus on olemas. 572 00:32:42,990 --> 00:32:46,210 Enamik mänge leiad lihtsalt lihtsalt paus. 573 00:32:46,210 --> 00:32:51,090 See on tavaliselt hea tegu, kui teie mäng on kuidagi koomale 574 00:32:51,090 --> 00:32:54,210 selle väikese resolutsiooni, nagu võib-olla mingi lauamängud 575 00:32:54,210 --> 00:32:55,620 või asju mõnikord. 576 00:32:55,620 --> 00:32:58,570 Aga üldiselt, on kõige lihtsam asi, mida teha ja kõige sobivam asi, mida teha mänge 577 00:32:58,570 --> 00:33:00,620 on peatada taotluse. 578 00:33:00,620 --> 00:33:09,440 Rakendused nagu uudised apps, kui ma käivitada see ja siis ma napsan, 579 00:33:09,440 --> 00:33:16,170 näete, et tegelikult muutub oluliselt, kui see esitatakse andmed teile. 580 00:33:16,170 --> 00:33:20,070 Siin on see, mis näitab teile tõesti rohkem vertikaalne üle, et teave, 581 00:33:20,070 --> 00:33:23,340 kuid ma ei saa ikka absoluutselt kasutada taotluse. 582 00:33:23,340 --> 00:33:25,640 Nii et see on ikka väga kasulik. 583 00:33:25,640 --> 00:33:29,870 Asjaolu, et see on väiksem arvates ei hoia mind kasutada seda app. Nii et mõtle seda. 584 00:33:29,870 --> 00:33:32,090 See on midagi, mida sa pead olema oma apps teha teatud määral 585 00:33:32,090 --> 00:33:35,370 aga see on kuni teil otsustada, kuidas funktsionaalne oma apps peaks olema 586 00:33:35,370 --> 00:33:39,080 et selline väiksem keskkond. 587 00:33:39,080 --> 00:33:44,780 Lubage mul lõpetada, et üks maha ja minna tagasi, kus me olime siin. 588 00:33:44,780 --> 00:33:48,110 >> Edwin, siis lisatud minu foto juba? >> [Guarin] Jah. >> [Bowen] Vaata seda. 589 00:33:48,110 --> 00:33:51,510 Vaata, mis? Edwin lisatud foto. [Naerab] 590 00:33:51,510 --> 00:33:54,410 >> Lähme tagasi siia Visual Studio. Lubage mul alustada seda teile. 591 00:33:54,410 --> 00:33:58,170 Ma oleks klõpsanud plaat et Start ekraanil. 592 00:33:58,170 --> 00:34:02,630 See tõi mind tagasi Desktop režiim, ja see käivitada töölaua rakendus Visual Studio. 593 00:34:02,630 --> 00:34:06,790 See on Windows, et sa juba tead. 594 00:34:06,790 --> 00:34:09,100 Ma võin minna ja luua projekti siin. 595 00:34:09,100 --> 00:34:11,159 Me keskenduda taas JavaScript, HTML. 596 00:34:11,159 --> 00:34:16,510 Ma lähen minema ja valida siin all JavaScript, Windows Store. 597 00:34:16,510 --> 00:34:19,010 Seal on mitmeid mudeleid, mis saab kasutada. 598 00:34:19,010 --> 00:34:21,710 Tootlikkust, ma soovitaks teil võtta pilk mõned neist muudele siin 599 00:34:21,710 --> 00:34:23,489 nagu Grid ja Split. 600 00:34:23,489 --> 00:34:25,270 Nad on väga kasulik, kui sa üritad taotlus 601 00:34:25,270 --> 00:34:28,960 et saab olema selline disain ja navigeerimine. Näete neid palju. 602 00:34:28,960 --> 00:34:33,070 Üks ma näitasin oli tegelikult astme Grid taotluse. 603 00:34:33,070 --> 00:34:36,880 Nii et kui sa arvad, et sa lähed tuleb teha uudis app või RSS lugeja 604 00:34:36,880 --> 00:34:43,120 või midagi sellist, mis tegeleb mitu kannet, mille soovite näidata üksikasjalikult, 605 00:34:43,120 --> 00:34:45,989 mõelda, kasutades ühte neist malle alustada kiirelt 606 00:34:45,989 --> 00:34:48,380 ja kohandades seda sealt. 607 00:34:48,380 --> 00:34:50,120 Aga just nii ma näitan sulle kõik liikuvad osad siin 608 00:34:50,120 --> 00:34:56,120 Ma lähen, et luua tühi app, ja siis läheme natuke sügavamale üksikasjad. 609 00:34:56,120 --> 00:34:58,690 Ma lihtsalt teha see tühjaks taotluse siin. 610 00:34:58,690 --> 00:35:01,270 See saab luua kogu projekt minu jaoks. 611 00:35:01,270 --> 00:35:03,290 Avan asju, mida ma tahan näidata teile vaikimisi. 612 00:35:03,290 --> 00:35:08,550 Lubage mul lihtsalt suurendada natuke näidata, mis on loodud meie jaoks siin. 613 00:35:08,550 --> 00:35:11,350 Asju, mida sa tahad, et vaadata esimest on kõik nimega default. 614 00:35:11,350 --> 00:35:15,970 Nii et sa lähed otsima default.html, default.js ja default.css. 615 00:35:15,970 --> 00:35:19,590 Teine asi, et rõhutada, et meil on juba viide, mida juba mainisin. 616 00:35:19,590 --> 00:35:24,530 See on WinJS. Keegi tegelikult nõuab see see pikk nimi. 617 00:35:24,530 --> 00:35:27,710 On WinJS, Windows Raamatukogu JavaScript. 618 00:35:27,710 --> 00:35:29,530 Kui sa seda avatumaks, näete see on kõik siin. 619 00:35:29,530 --> 00:35:31,820 Seal on erinevaid CSS faili, seal on JavaScript. 620 00:35:31,820 --> 00:35:33,520 See on olemas, et aidata teil välja. 621 00:35:33,520 --> 00:35:37,190 See on tõesti olemas, et anda kontrolli ja stiile ja asju, mida saate lihtsalt kasutada automaatselt. 622 00:35:37,190 --> 00:35:41,240 Aga jälle, kui seal on asju, mida sa tahad kasutada selle asemel seisukohalt stiil ja muid kontrolle, 623 00:35:41,240 --> 00:35:45,600 see on täiesti su enda otsustada. Ma näitan sulle, kuidas kasutada paar need asjad kohe. 624 00:35:45,600 --> 00:35:51,020 >> Tagasi jooksul peale meie vasakul pool, lubage mul teile näidata vaikimisi HTML leht. 625 00:35:51,020 --> 00:35:54,490 Sa oled juba näinud WinJS kraam, ja see on tõesti kõik, mis seal toimub 626 00:35:54,490 --> 00:35:59,930 nende keskel rida juurdehindlus, vaid koondavad CSS vaikimisi 627 00:35:59,930 --> 00:36:02,370 ja tuua paar JavaScript failid WinJS. 628 00:36:02,370 --> 00:36:06,400 Sa ei pea olema kapten, mis toimub sees need failid. 629 00:36:06,400 --> 00:36:10,110 See on päris huvitav heita pilk neid omamoodi vaatama, mis toimub seal 630 00:36:10,110 --> 00:36:14,410 sest seal on päris huvitav keskmise ja arenenud tehnikat seal toimub, 631 00:36:14,410 --> 00:36:18,100 kuid tore asi on arendajad, saate neid kasutada, lihtsalt neid kasutada 632 00:36:18,100 --> 00:36:19,510 ja tõesti ei pea muretsema selle. 633 00:36:19,510 --> 00:36:21,960 Võite veel autot ilma et peaks teadma, kuidas see toimib, eks? 634 00:36:21,960 --> 00:36:24,180 Nii et on selline asi, mis siin toimub. 635 00:36:24,180 --> 00:36:26,930 Seal on kontroll ja stiile ja asju, et sa ei saa lihtsalt minna ja kasutada 636 00:36:26,930 --> 00:36:31,460 ja kood, mida saab kasutada ka teise ilma et peaks teadma, mis seal on. 637 00:36:31,460 --> 00:36:33,200 Siin on oma faile. 638 00:36:33,200 --> 00:36:35,860 Need on oma kohad, et saate muuta oma CSS 639 00:36:35,860 --> 00:36:38,400 ning oma JavaScript asjad veerema. 640 00:36:38,400 --> 00:36:43,300 Sul lisades kindlasti teiste JavaScript failid ja võib-olla muid CSS failid 641 00:36:43,300 --> 00:36:47,480 kui teie projekt kasvab, kuid see on tõesti lihtsalt lähtepunkt. 642 00:36:47,480 --> 00:36:52,570 Siin on Tere, maailm samaväärne HTML, nii et me oleme tagasi body. 643 00:36:52,570 --> 00:36:55,990 Ülaosas, muide, see on HTML5 DOCTYPE, 644 00:36:55,990 --> 00:37:00,060 et sa tunnistama, et sellest, mida olete töötanud. 645 00:37:00,060 --> 00:37:04,600 Seal on täielik IntelliSense siin ka, nii et kui sa asjad tüüpi video tag 646 00:37:04,600 --> 00:37:07,340 ja laiendada läbi, olete ilmselt õppinud asjaolu 647 00:37:07,340 --> 00:37:12,760 et sa pead tegema Vaikimisi kodeering video siltide HTML5 - või on sul äkki - 648 00:37:12,760 --> 00:37:17,490 tagada, et erinevad brauserid on toetust oma video. 649 00:37:17,490 --> 00:37:22,610 Meil on asjad niimoodi üle HTML, üle JavaScript, üle CSS. 650 00:37:22,610 --> 00:37:26,020 See on ehitatud, ja ma näitan sulle, CSS teine. 651 00:37:26,020 --> 00:37:29,430 Siin saad sa minna ja hakata muutes koodi, juurdehindlus. 652 00:37:29,430 --> 00:37:33,700 Tegelikult, enne kui ma midagi muuta, ma lähen kasutada seda ja näitan sulle, mida sa saad. 653 00:37:33,700 --> 00:37:35,700 Sa lähed, et saada Käivituslogo mille abil on võimalik 654 00:37:35,700 --> 00:37:40,940 ja siis saad Tere, maailm kogemus siin. See on fantastiline, kas pole? 655 00:37:40,940 --> 00:37:42,640 Lase käia ja laev seda, eks? 656 00:37:42,640 --> 00:37:45,970 Sisu läheb siia. See on põhiline asi. 657 00:37:45,970 --> 00:37:48,740 Seda saab ainult paremaks minna sealt. 658 00:37:48,740 --> 00:37:51,300 Me minna ja lisada mõned asjad. 659 00:37:51,300 --> 00:37:53,470 Mul on natuke juurdehindlus Ma kopeerida siia 660 00:37:53,470 --> 00:37:55,740 lihtsalt, et sa ei pea vaatama mind kirjutades. 661 00:37:55,740 --> 00:38:02,620 Lase mul minna avab tööriistakasti siin, ja ma pin seda, sest ma tulen teeme seda paar korda. 662 00:38:02,620 --> 00:38:05,650 Tööriistakast, kui sa ei ole näinud Visual Studio, kus sa lähed, et leida hunnik kontrolli. 663 00:38:05,650 --> 00:38:09,050 Võite ka panna koodilõigud see, mis saab taaskasutada. 664 00:38:09,050 --> 00:38:16,360 Siin ma lihtsalt pop muul HTML, midagi kohutavalt arenenud üldse siin. 665 00:38:16,360 --> 00:38:20,170 See on lihtsalt lihtne HTML öeldes pean sisend, kuhu ma ei kirjuta, 666 00:38:20,170 --> 00:38:23,860 Mul on nupp, kus saan esitada, ja siis mul on div, mis on sisuliselt kohatäide 667 00:38:23,860 --> 00:38:27,360 et ma saan kasutada, et väljund "Tere, sa kirjutad seda." 668 00:38:27,360 --> 00:38:32,780 See on intro HTML näide. 669 00:38:32,780 --> 00:38:39,340 Kui ma saan seda, et me automaatselt saada HTML, kuid meil on ka automaatselt saada stiil. 670 00:38:39,340 --> 00:38:42,270 See on üks olulisemaid asju WinJS. 671 00:38:42,270 --> 00:38:47,250 See läheb teile vaikimisi mõned ilme ja mis on tegelikult kooskõlas 672 00:38:47,250 --> 00:38:50,520 ülejäänud, mida Windows 8 teeb. 673 00:38:50,520 --> 00:38:52,110 Siin näed asju nuppu. 674 00:38:52,110 --> 00:38:55,890 Nupp vaikimisi HTML ei paista, aga see siin 675 00:38:55,890 --> 00:39:00,880 sest see muutub, et CSS otse, et CSS faili WinJS. 676 00:39:00,880 --> 00:39:04,680 Kui soovite kasutada midagi muud, kui soovite muuta, et täiesti trahvi, 677 00:39:04,680 --> 00:39:06,790 minna ja teha seda, mida te soovite. Aga see on vaikimisi. 678 00:39:06,790 --> 00:39:09,610 See saab olema rohkem kursis kasutajatele. 679 00:39:09,610 --> 00:39:13,510 Ja muidugi see ei tee midagi, sest ma ei tegelikult juhtmetega ühendada igasuguse kood 680 00:39:13,510 --> 00:39:16,630 sellele vastata. See oli lihtsalt HTML. 681 00:39:16,630 --> 00:39:20,630 Nii et ma saan lahti, et me tuleme tagasi meie taotlus. 682 00:39:20,630 --> 00:39:25,310 >> Lubage mul minna üle meie default.js. 683 00:39:25,310 --> 00:39:29,030 See tundub üsna keeruline, kuid see teeb lihtsalt mõned asjad sinu jaoks. 684 00:39:29,030 --> 00:39:33,120 See on stereotüüp. See saab olema sama kõigis oma projektides. 685 00:39:33,120 --> 00:39:36,620 Ainuke asi, mida see teeb on lihtsalt selline, et küsida: "Kuidas ma siia sain?" 686 00:39:36,620 --> 00:39:39,090 ning ütles: "Kas sa käivitada see app esimest korda?" 687 00:39:39,090 --> 00:39:42,640 "Kas sa jätkamist app võttes see peatatakse?" 688 00:39:42,640 --> 00:39:44,510 Paar asja niimoodi. 689 00:39:44,510 --> 00:39:50,300 Tõesti, meie keskenduda seda faili siin on õige umbes siin. 690 00:39:50,300 --> 00:39:54,490 Sel hetkel, see üks rida koodi on päris oluline. 691 00:39:54,490 --> 00:39:57,070 See on tegelikult lähen ja vaadata läbi kõik oma juurdehindlus, 692 00:39:57,070 --> 00:40:01,640 ja see läheb leida asju, mida olete palunud on muutunud kontroll, 693 00:40:01,640 --> 00:40:07,220 sügavamat kontrolli nagu hinnang kontroll, nagu Pildivaates nagu flyout 694 00:40:07,220 --> 00:40:09,570 ja need teised asjad, mis ma näitasin sulle, et slide enne. 695 00:40:09,570 --> 00:40:12,550 Nad ei ole native HTML kontrolli. 696 00:40:12,550 --> 00:40:17,860 Sa lihtsalt ei saa öelda flyout osana ja on seda tea, mida teha. 697 00:40:17,860 --> 00:40:22,120 Mida me tegelikult teha on sama asi, mis juhtub muu liiki kontrolli raames. 698 00:40:22,120 --> 00:40:26,200 jQuery UI teeb sama liiki üldine lähenemisviis. 699 00:40:26,200 --> 00:40:30,800 Sa kasutad märgised oma HTML, ja siis mõned JavaScript on läbi hiljem ja ütleb, 700 00:40:30,800 --> 00:40:35,900 "Oh, ma tean, mis see on. See on küsimuse puhul, tuleb muuta see kraam" 701 00:40:35,900 --> 00:40:39,850 mis on erinevad rohkem väljendusrikas HTML teha nagu hinnangust kontroll, 702 00:40:39,850 --> 00:40:41,790 mis on see, mida ma näitan sulle kohe. 703 00:40:41,790 --> 00:40:46,140 See koodirida on lubadus, ütleb: "Kui see lubadus on täidetud, 704 00:40:46,140 --> 00:40:49,090 "Kõik, mis sa palusid Seejärel on loodud." 705 00:40:49,090 --> 00:40:52,780 Ja ongi kõik. Tundub veidi keeruline, kuid see on tõesti sama iga projekti. 706 00:40:52,780 --> 00:40:56,690 Alla siin on koht, kus saad alustada lisades mis iganes sa tahad olla juhtub, 707 00:40:56,690 --> 00:40:58,280 nii et me tuleme tagasi, et teine. 708 00:40:58,280 --> 00:41:01,480 >> Esiteks, ma pean natuke koodi, mis võib võtta arvesse tõsiasja, 709 00:41:01,480 --> 00:41:03,320 et keegi on klõpsanud nuppu. 710 00:41:03,320 --> 00:41:06,330 Ma lähen edasi minna ja panna, et siia alla. 711 00:41:06,330 --> 00:41:09,620 Jällegi, ma ei kavatse teha mingeid kirjutades teie ees siin. 712 00:41:09,620 --> 00:41:12,560 Väga lihtne JavaScript lihtsalt öeldes, kui seda nõuavad 713 00:41:12,560 --> 00:41:15,270 me ette mõned üksikasjad selle kohta, kuidas meil siin 714 00:41:15,270 --> 00:41:17,630 ja siis me teeme mõned põhilised asjad. 715 00:41:17,630 --> 00:41:21,300 Go leida asi minu HTML leht, mis on oma nime nameInput, 716 00:41:21,300 --> 00:41:28,490 haarata, võtta oma raha, slap "Tere" on ees, ja jääda, et saadud string 717 00:41:28,490 --> 00:41:31,960 sinna div tag, et meil oli enne, et tegelikult ei ole midagi enne. 718 00:41:31,960 --> 00:41:37,220 Nüüd me leiame, et tag ja teha oma sisemine sisu, mis võrdub string. 719 00:41:37,220 --> 00:41:38,880 Väga lihtne JavaScript. 720 00:41:38,880 --> 00:41:42,240 Loodetavasti sa tunnistada, et seal on tõesti midagi ebatavalist siin toimub. 721 00:41:42,240 --> 00:41:45,360 See on lihtsalt otse üles HTML ja JS siin. 722 00:41:45,360 --> 00:41:48,220 Kui ma saan seda nüüd, see on ikka ei kavatse teha ühtegi tööd, sest ma ei ole traadiga it up 723 00:41:48,220 --> 00:41:50,030 saada sündmuseks. 724 00:41:50,030 --> 00:41:55,710 Selleks, et ma teen seda siin, jälle tagasi mu töövahendid, 725 00:41:55,710 --> 00:41:58,730 popping see siin. 726 00:41:58,730 --> 00:42:03,060 Ma eeldan, et sa oled näinud kõike seda kraami enne, nii et ma ei üle seda seletada. 727 00:42:03,060 --> 00:42:05,060 Nüüd me läheme saada helloButton. 728 00:42:05,060 --> 00:42:07,730 Me ütleme: "Button, õnnitlused." 729 00:42:07,730 --> 00:42:10,130 "Siin on sündmus, mis sa nüüd reageerivad." 730 00:42:10,130 --> 00:42:13,420 "Kui keegi klõpsab teie, nimetame seda funktsiooni buttonClickHandler." 731 00:42:13,420 --> 00:42:17,070 Ja see, et funktsioon me lihtsalt lisada õige alumises otsas on. Nii see on. 732 00:42:17,070 --> 00:42:20,980 Nüüd on meil hämmastavalt funktsionaalne taotluse. 733 00:42:20,980 --> 00:42:24,720 Ma arvan, et sa tõesti muljet see. 734 00:42:24,720 --> 00:42:32,320 Chris. Oodake seda. Wow. Okei. See on hämmastav. [Naerab] 735 00:42:32,320 --> 00:42:36,570 Aga see pole veel kõik. Ära osta seda veel. Oota. 736 00:42:36,570 --> 00:42:39,610 >> Las ma näitan sulle natuke siin ja saada välja täisekraanil. 737 00:42:39,610 --> 00:42:42,690 Me läheme jalutama, enne kui me käivitada. 738 00:42:42,690 --> 00:42:45,530 Lubage mul minna ja tegelikult näitab teile natuke CSS. 739 00:42:45,530 --> 00:42:49,480 Lihtsalt vaikimisi, et kui me vaatame tagasi lehe siin, 740 00:42:49,480 --> 00:42:53,570 kui me tõmmatakse neid asju WinJS ja saime ui-tume, 741 00:42:53,570 --> 00:42:58,550 Tegelikult, sa saad seda muuta vaikimisi kasutades valgust taotluse. 742 00:42:58,550 --> 00:43:03,450 ui-pimedas on hea graafika rakendused nagu kasutades palju pilte, 743 00:43:03,450 --> 00:43:05,740 sa näidates palju visuaalne sisu. 744 00:43:05,740 --> 00:43:12,560 Kui oled näitab palju teksti sisu, ui-light on üldiselt hea valik. 745 00:43:12,560 --> 00:43:15,160 Sa ei pea valima, kuid ma olen läinud see 746 00:43:15,160 --> 00:43:17,690 ja nüüd te näete sama juurdehindlus, samas kõik, 747 00:43:17,690 --> 00:43:20,320 ta lihtsalt kasutab põhiliselt ümberpööratud skeem siin 748 00:43:20,320 --> 00:43:24,770 kus kõik on muuta see must tekst valgel taustal. 749 00:43:24,770 --> 00:43:26,460 See on kõik hea ja tore. 750 00:43:26,460 --> 00:43:30,680 Lase mind välja siin, ja olgem tõesti natuke rohkem koos CSS. 751 00:43:30,680 --> 00:43:34,830 Ma panen selle tagasi pimedas, sest ma arvan, et see on ilmselt lihtsam näha ekraanil 752 00:43:34,830 --> 00:43:36,970 kui ma hakkan seda teete. 753 00:43:36,970 --> 00:43:40,150 Ma lähen asendada keha veel üks kord. 754 00:43:40,150 --> 00:43:44,040 Ma lähen siia. Lubage mul nuke see. 755 00:43:44,040 --> 00:43:48,690 Toome kehas klassid. 756 00:43:48,690 --> 00:43:53,000 Ma usun, et te olete teinud põhilised valijad CSS ja asju juba, 757 00:43:53,000 --> 00:43:55,380 nii et sa ilmselt teada, mis siin toimub. 758 00:43:55,380 --> 00:43:59,250 Just määrates mõned tunnid meie kaudu ja me luua uus div 759 00:43:59,250 --> 00:44:04,430 wrap ülejäänud seda kraami, et saame nüüd kasutada stiili kõik koos. 760 00:44:04,430 --> 00:44:07,760 Niisiis, mida ma teha saan, on praegu minna üle meie default CSS. 761 00:44:07,760 --> 00:44:11,900 Kas olete uurinud meedia päringutele veel? Kas sa rääkisid, et üldse? 762 00:44:11,900 --> 00:44:17,220 Meedia päringud on osa sellest tekkiv trend - 763 00:44:17,220 --> 00:44:19,660 või on see loodud trend nüüd tegelikult veebis - 764 00:44:19,660 --> 00:44:22,760 reageeriv disain või adaptiivne, 765 00:44:22,760 --> 00:44:28,480 ja mõte on see, et oma rakendusi saab tõesti reguleerida ise asjakohaselt 766 00:44:28,480 --> 00:44:31,910 põhjal, mida seade, mis nad on näidanud, on võimalik teha. 767 00:44:31,910 --> 00:44:35,040 Seega, kui olete mobiilne seade, ilmselt sa ei kavatse olla nii palju ekraani kinnisvara 768 00:44:35,040 --> 00:44:41,520 kui sul on suur 30-tolline monitor istub oma töölaua, suur PC niimoodi. 769 00:44:41,520 --> 00:44:46,710 Nii vana vastus sellele oleks, 5, 6 erinevat versiooni samal lehel 770 00:44:46,710 --> 00:44:51,350 ja sa avada versioon, mis oli häälestatud teatud suurus ekraanil. 771 00:44:51,350 --> 00:44:55,420 Mitte väga. See on väga, väga üksluine ja seal on ton hooldus teha. 772 00:44:55,420 --> 00:44:58,120 Nüüd on meil midagi, mida nimetatakse CSS meedia päringutele, 773 00:44:58,120 --> 00:45:02,530 ja me saame kasutada seda automaatselt tuvastada, kui seal on teatud suurusega 774 00:45:02,530 --> 00:45:07,030 või teatava kasutusotstarbega sisu teostatakse. 775 00:45:07,030 --> 00:45:09,580 Nii saab vastata, et ja sa ei saa öelda: "Olgu, sel juhul 776 00:45:09,580 --> 00:45:12,580 "Sa ilmselt isegi ei pea mulle öelda, mida siin toimub." 777 00:45:12,580 --> 00:45:18,020 See on lihtsalt öeldes, kui see rakendus on murduvad nagu ma näitasin teile enne - 778 00:45:18,020 --> 00:45:20,830 haarates seda ja panna see pool ekraani - 779 00:45:20,830 --> 00:45:23,910 siis teeme järgmise stiil. 780 00:45:23,910 --> 00:45:25,850 Disain ei tähenda ainult värve ja värki. 781 00:45:25,850 --> 00:45:29,860 Samuti on umbes suurus ja veerised ja pehmendused ja suunad sisu 782 00:45:29,860 --> 00:45:34,040 või isegi puuet või võimaldada kogu osad oma lehele 783 00:45:34,040 --> 00:45:36,420 ja sel juhul teie app või oma mängu samuti. 784 00:45:36,420 --> 00:45:39,210 Nii et siin saab teha nii lihtne, kui soovite. 785 00:45:39,210 --> 00:45:46,720 See ei oleks kasulik oma apps, kuid see on demo ajal 786 00:45:46,720 --> 00:45:50,530 nii et ma lähen edasi minna ja lihtsalt lisada põhi keha valijat ja öelda, 787 00:45:50,530 --> 00:45:58,360 "Kui ma murduvad, lähme edasi ja teha tausta värvi ja olgem valida midagi." 788 00:45:58,360 --> 00:46:00,400 Sul IntelliSense siin. See on tegelikult väga lahe. 789 00:46:00,400 --> 00:46:05,720 Aastal 2012 oleme lisanud palju asju CSS tugi ja JavaScript ja HTML. 790 00:46:05,720 --> 00:46:08,690 Sa oled muidugi sain rippmenüüst IntelliSense ka, aga see ei ole lahe asi. 791 00:46:08,690 --> 00:46:11,730 Lahe asi on sul visuaalne valijad jaoks palju asju samuti. 792 00:46:11,730 --> 00:46:14,120 Nii et võid minna läbi ja lihtsalt valida värvi, 793 00:46:14,120 --> 00:46:17,580 või võid minna ja olla veelgi täpsem ja saab valida - 794 00:46:17,580 --> 00:46:22,330 see saab olema kohutav. Ma tegelikult valida korralik värv siin. 795 00:46:22,330 --> 00:46:26,500 Vaata juurdehindlus liiga, muide. See on sinu RGB vormikohase seal. 796 00:46:26,500 --> 00:46:30,780 Aga kui ma lülitan läbipaistmatus, et see läheb üle minna alfa kanaliselektor siin. 797 00:46:30,780 --> 00:46:36,910 Nii et näete, et värvi sisuliselt protsenti läbipaistvus, et sa pead selle eest 798 00:46:36,910 --> 00:46:38,860 kõik küpsetatud õigus seal. 799 00:46:38,860 --> 00:46:42,530 Ma hoian seda 100% ja siis, kui ma olen teinud, et kõik on hästi ja hea. 800 00:46:42,530 --> 00:46:46,160 Nüüd, kui ma käivitada app ja võtame app ja me napsan, 801 00:46:46,160 --> 00:46:49,000 et taustavärvi kohandatakse automaatselt 802 00:46:49,000 --> 00:46:53,410 lihtsalt sellepärast, et meil on mõned CSS, mis ütleb: "Mine tee seda." 803 00:46:53,410 --> 00:46:55,580 Samuti saate kirjutada JavaScript liiga, mis teeb sama asja 804 00:46:55,580 --> 00:47:03,010 või et sa võiksid kasutada, et tegelikult paus mäng, tee selliseid asju. 805 00:47:03,010 --> 00:47:04,310 See on ilmselt põhjus, kui soovite kasutada JavaScripti. 806 00:47:04,310 --> 00:47:06,610 Sa ei lülita mäng loop sel hetkel. 807 00:47:06,610 --> 00:47:09,970 Sa oleks vaja mõned JavaScript sest see ei oleks midagi, mida oleks CSS. 808 00:47:09,970 --> 00:47:11,760 Kuid pidage meeles, see on lihtsalt sündmus. 809 00:47:11,760 --> 00:47:14,860 Sa võid öelda: "Kui mu taotlus muuta, 810 00:47:14,860 --> 00:47:17,780 "Vaatame, kas me murduvad." Ja ongi kõik. 811 00:47:17,780 --> 00:47:24,440 >> Okei? Ma olen rääkinud palju. Kas on küsimusi seni, kus me oleme? Jah. 812 00:47:24,440 --> 00:47:29,310 [Õpilane] Kas on õpetus, et keegi saada rohkem teavet? >> Jah. 813 00:47:29,310 --> 00:47:33,510 Küsimus on selles, kas on õpetus selle eest? Ma lihtsalt laiendada seda kõike. 814 00:47:33,510 --> 00:47:37,490 Siin on mõned asjad, mida saate minna. Olgem tegelikult siit minema. 815 00:47:37,490 --> 00:47:40,150 Lase mul minna tagasi siin. 816 00:47:40,150 --> 00:47:45,180 Üks asi, mida rõhutada, on Visual Studio endal õpetused sisse ehitatud 817 00:47:45,180 --> 00:47:47,650 Lubage mul vabaneda sellest. 818 00:47:47,650 --> 00:47:51,520 Kui te lähete ja luua uus projekt, ei File, New Project, 819 00:47:51,520 --> 00:47:56,750 ja vaata vasakul servas on Online sõlme selles valijat. 820 00:47:56,750 --> 00:47:59,790 See vőtab natuke. Ma olen MyFi siin. 821 00:47:59,790 --> 00:48:02,300 Aga see läheb üles ja see läheb mulle võimaluse leida malle 822 00:48:02,300 --> 00:48:05,190 kuid ka, mis veelgi olulisem, proovid samuti. 823 00:48:05,190 --> 00:48:06,750 Ma võin kliki JavaScript. 824 00:48:06,750 --> 00:48:10,050 See saab leida proovid mind. Minu ettepanek on nii suur siin. 825 00:48:10,050 --> 00:48:15,070 Tavaliselt sa näeksid nimekiri palju erinevaid asju siin. 826 00:48:15,070 --> 00:48:18,280 Kui seal on midagi, mida sa tahad proovida, vali keel, 827 00:48:18,280 --> 00:48:20,970 JavaScript siin, ja öelda: "Ma ei tea, kuidas seda teha asukoht." 828 00:48:20,970 --> 00:48:22,220 "Ma ei tea, kuidas avada faili." 829 00:48:22,220 --> 00:48:25,840 "Ma ei tea, kuidas seda ära kasutada webcam 830 00:48:25,840 --> 00:48:28,290 "Või optimeerida touch või asjad niimoodi." 831 00:48:28,290 --> 00:48:33,190 On proovid kõike: jagamine, otsimine, app baarid, 832 00:48:33,190 --> 00:48:37,520 muutes kauge kõned teenus, JSON kodeerimine. 833 00:48:37,520 --> 00:48:40,390 Kõik seda tüüpi asjad on proovid siin 834 00:48:40,390 --> 00:48:44,560 ja nad ei ole suured proovid, mis hakkavad teid kogu öö vedama lisaks 835 00:48:44,560 --> 00:48:46,820 lihtsalt teada, et üks asi, mida sa tahtsid õppida. 836 00:48:46,820 --> 00:48:49,870 Nad on tõesti hea. Nad on väikesed, kohe asja juurde erinevaid proove. 837 00:48:49,870 --> 00:48:52,330 Olen õppinud ton läbimas need ise, 838 00:48:52,330 --> 00:48:55,260 ja nii ma soovitan, et palju on üks asi. 839 00:48:55,260 --> 00:49:01,750 >> Teine asi, mida rõhutada, on ka muidugi ma näitasin dev.windows.com, 840 00:49:01,750 --> 00:49:07,490 nii et kui sa lähed tagasi selle, näete allosas seal on ka proovid siin. 841 00:49:07,490 --> 00:49:12,560 Nii saad sa alla laadida neid kõiki korraga, kuid seal on ka palju muid vahendeid ka siin 842 00:49:12,560 --> 00:49:14,400 mis aitavad teil saada kuni kiirus. 843 00:49:14,400 --> 00:49:17,870 >> Üks teine ​​asi, ja ma tõesti soovitame teil proovida seda, 844 00:49:17,870 --> 00:49:24,510 Mul see minu blogi, kuid ma lihtsalt lähen kohe seda. 845 00:49:24,510 --> 00:49:28,220 Ma näitan sulle. Minu blogi on vahendid ja asjad niimoodi. 846 00:49:28,220 --> 00:49:35,300 Üks asi, mis meelde on siin, see asi: sinu idee. Teie App. 30 päeva jooksul. 847 00:49:35,300 --> 00:49:40,960 Kui klõpsate seda, see läheb toob sulle tõesti kasulik saidile. 848 00:49:40,960 --> 00:49:44,650 See on palju rohkem kasu kui võite oodata. 849 00:49:44,650 --> 00:49:49,040 See saab olema 30 päeva sisu, et saab põhimõtteliselt saada nõuandeid ja nippe 850 00:49:49,040 --> 00:49:51,990 kogu selle protsessi loote app. 851 00:49:51,990 --> 00:49:55,980 Ja kui sa ei saa oodata, tegelikult võite seda mängu liiga 852 00:49:55,980 --> 00:49:57,840 ja telefon apps, asjad niimoodi. 853 00:49:57,840 --> 00:50:01,000 Ühesõnaga logida, ja nad ei kavatse saata teile nõuandeid ja nippe, 854 00:50:01,000 --> 00:50:03,010 "Kas te olete mõelnud seda teed? Kas toetate Snap?" 855 00:50:03,010 --> 00:50:04,900 "Siin on mõned juhised, kuidas seda teha hästi." 856 00:50:04,900 --> 00:50:07,440 "Kas te olete mõelnud, esitades salvestada?" 857 00:50:07,440 --> 00:50:09,370 "Kas te olete mõelnud, kuidas te ei kavatse müüa oma taotluse?" 858 00:50:09,370 --> 00:50:11,490 See saab kõndida läbi kõik need erinevad asjad. 859 00:50:11,490 --> 00:50:13,380 Ja tegelikult, kui oled mängu lugu, mingil hetkel 860 00:50:13,380 --> 00:50:17,010 hakkate tunnistades isik räägin sinuga 861 00:50:17,010 --> 00:50:22,850 sest ma tegelikult pidi minema Redmint teha neid ja registreeritud 2 videos seal. 862 00:50:22,850 --> 00:50:25,240 Aga see kõik on osa mängu loo 863 00:50:25,240 --> 00:50:27,650 ja seal on ka täis rada üldiselt app arengut. 864 00:50:27,650 --> 00:50:29,380 Seda nimetatakse Generation App. 865 00:50:29,380 --> 00:50:33,460 Tahaksin kindlasti soovitada seda sulle ka lisaks proove. 866 00:50:33,460 --> 00:50:38,110 >> Seal on palju videoid saidi kutsus Kanal 9 samuti. 867 00:50:38,110 --> 00:50:42,790 See on ilmselt viimane asi, mida ma soovitan ka enne astume siit. 868 00:50:42,790 --> 00:50:45,280 Channel9.msdn.com. 869 00:50:45,280 --> 00:50:48,880 See on suurepärane, sest sa ei kavatse olla lugedes tonni valget raamatut. 870 00:50:48,880 --> 00:50:53,880 See on põhimõtteliselt palju videoid, ekraanil ja seda, mis on õige punkt. 871 00:50:53,880 --> 00:50:57,940 Ma ei peaks ütlema, et see on alati õige punkt. See sõltub sellest, kes teeb rääkimise. 872 00:50:57,940 --> 00:51:02,290 Aga üldiselt, siin on mõned väga to-the-punkt videos siin 873 00:51:02,290 --> 00:51:06,230 mis näitab teile mõned eriti asi, mida võiksite õppida või vaata demoed. 874 00:51:06,230 --> 00:51:11,110 Seal on ka kõik meie sisu meie konverentsi, mis juhtus paar nädalat tagasi 875 00:51:11,110 --> 00:51:14,380 build, ja te näete, et seal. 876 00:51:14,380 --> 00:51:18,450 Seal Core tehnoloogiad Windows 8 mängu. Seal sa lähed. 877 00:51:18,450 --> 00:51:23,150 Ma olin seal, tegelikult. Te ei näe mind. Ma olin seal. 878 00:51:23,150 --> 00:51:27,560 Aga igal juhul, et kõrvale, ma soovitaks, et te võtate pilk need videod. 879 00:51:27,560 --> 00:51:29,330 Nad on päris kasulik. 880 00:51:29,330 --> 00:51:32,620 Kui te ei suuda midagi või soovid lihtsalt näha, mis midagi võiks teha, tule need üles. 881 00:51:32,620 --> 00:51:36,890 >> [Guarin] Windows Mail lihtsalt saata mulle email, kus on link, et sisu 882 00:51:36,890 --> 00:51:42,140 õpilastele lae proovi kood ja värki. >> [Bowen] Great. 883 00:51:42,140 --> 00:51:45,510 Lahe. Aitäh, Edwin. 884 00:51:45,510 --> 00:51:48,320 >> Väga hea. >> [Õpilane] mul on küsimus. >> [Bowen] Oh. Jah, palun. 885 00:51:48,320 --> 00:51:55,030 [Kuuldamatu õpilane küsimus] >> [Bowen] Oh, ma olen rõõmus, et sa palusid seda. Jah. 886 00:51:55,030 --> 00:51:58,940 Küsimus oli, kas on visuaalne liides mul luua asju? 887 00:51:58,940 --> 00:52:01,630 Edwin auhinnatakse teid kenasti sellele küsimusele. 888 00:52:01,630 --> 00:52:04,310 On võimalus seda teha. 889 00:52:04,310 --> 00:52:09,040 Kas teeme nüüd? Teeme seda nüüd. 890 00:52:09,040 --> 00:52:11,780 Ma lähen seda kohe. 891 00:52:11,780 --> 00:52:14,070 Tegelikult, las ma lisada veel üks asi, mida see demo, 892 00:52:14,070 --> 00:52:16,710 ja siis ma näitan teile tegelik vastus. 893 00:52:16,710 --> 00:52:21,340 Tahtsin lisada veidi CSS siin. 894 00:52:21,340 --> 00:52:23,980 Ma olin natuke maha puutepunktid siin. 895 00:52:23,980 --> 00:52:26,770 Lubage mul panna mõned CSS siin ära 896 00:52:26,770 --> 00:52:29,980 klasside et lisasime veidi aega tagasi, 897 00:52:29,980 --> 00:52:33,930 päises, et mainContent div ja siis greetingOutput. 898 00:52:33,930 --> 00:52:37,920 Kui ma seda teen ja käivitage see, näete nüüd meil natuke erinev polster ja marginaale, 899 00:52:37,920 --> 00:52:40,310 nii et meil on tõepoolest teatud nihkeid siin. 900 00:52:40,310 --> 00:52:44,630 Need on rohkem suunas, mida sa oodata lõpliku poleeritud taotluse. 901 00:52:44,630 --> 00:52:47,770 Aga ma lihtsalt näitab sulle seda, sest see on otse üles CSS. 902 00:52:47,770 --> 00:52:51,910 Nii asju, mida sa juba tead, mida saab kasutada siin kohandada sisu, kui soovite. 903 00:52:51,910 --> 00:52:55,100 Sa oled juba näinud, kuidas teha tausta muuta nii. 904 00:52:55,100 --> 00:53:02,980 >> Kui ma tagasi minna meie HTML, ma lisada veel üks komplekt juurdehindlus, 905 00:53:02,980 --> 00:53:06,140 ja see on tegelikult läheb juhtimine WinJS. 906 00:53:06,140 --> 00:53:09,840 Ma lähen minema ja ostke see, silt. Las ma teen kindlaks, et ma teen seda õiges kohas. 907 00:53:09,840 --> 00:53:11,740 Ilmselt piisavalt hea. 908 00:53:11,740 --> 00:53:15,590 Siin ma olen lihtsalt lisada - ja me läheme täisekraanil, et näeksite, et kogu asi - 909 00:53:15,590 --> 00:53:18,520 Olen lisanud silt järgmise div. 910 00:53:18,520 --> 00:53:20,890 Div nimetatakse ratingControlDiv. 911 00:53:20,890 --> 00:53:23,090 Iseenesest see ei tee midagi. 912 00:53:23,090 --> 00:53:28,570 Kui avate selle brauseriga, siis oleksin vaadates tühjaks div ise. 913 00:53:28,570 --> 00:53:31,820 Aga kuna see salapärane koodirida, et ma näitasin sulle enne, 914 00:53:31,820 --> 00:53:35,650 protsess, see läheb otsima midagi, mis näeb välja selline - 915 00:53:35,650 --> 00:53:40,380 data-win-kontrolli - ja see saab leida kõike, mis parameeter. 916 00:53:40,380 --> 00:53:44,560 See saab teha näiteks iganes see on, et see osutab. 917 00:53:44,560 --> 00:53:48,850 Sel juhul on see hinnang kontroll, nii et ma ütlen, "Palun minge ja asendada see asi 918 00:53:48,850 --> 00:53:51,400 "Mida iganes sa pead tegema, et muuta reitingu kontrolli." 919 00:53:51,400 --> 00:53:56,610 See võib olla klapp kontroll, see võib olla edu ring või mis iganes kontroll, mida soovite kasutada. 920 00:53:56,610 --> 00:53:59,390 Nad kõik läheb tööle põhimõtteliselt samamoodi. 921 00:53:59,390 --> 00:54:02,920 Te kasutate standard HTML5 juurdehindlus näidata, mida sa tahad, 922 00:54:02,920 --> 00:54:07,670 ja siis sa lähed, et saada kontrolli lõpus see. Lubage mul kasutada seda. 923 00:54:07,670 --> 00:54:12,270 Ma lihtsalt kopeerida, et ja nüüd, et juurdehindlus muutub see, 924 00:54:12,270 --> 00:54:15,280 mis on tegelikult üsna mitmeid HTML elemente. 925 00:54:15,280 --> 00:54:18,440 Need on kõik üksikud pildid, ja seal on divs ümber neid valijad. 926 00:54:18,440 --> 00:54:22,610 Loodetavasti saab seda näha. See on veidi peenem. 927 00:54:22,610 --> 00:54:27,380 Võin hover üle erinevaid objekte ja see läheb lubage mul näha hinnang siin. 928 00:54:27,380 --> 00:54:31,560 Ma ei kliki seda ja mäletab reiting aga see on ka kõik. 929 00:54:31,560 --> 00:54:33,100 See ei ole tõesti midagi teeksid reitingu. 930 00:54:33,100 --> 00:54:35,230 >> Viimane asi, mida ma tahan sulle selle 931 00:54:35,230 --> 00:54:37,820 enne kui me lülitub rohkem visuaalse disaini kogemus 932 00:54:37,820 --> 00:54:42,680 on natuke koodi, mis ma saan kasutada, et vastata nendele WinJS kontrolli. 933 00:54:42,680 --> 00:54:47,540 Las ma saan sealt tagasi välja täisekraanil 934 00:54:47,540 --> 00:54:52,690 ja üle minna JS siin teine. 935 00:54:52,690 --> 00:54:57,450 Ma suudan seda teha siin. Ma arvan, et asendada kogu see asi. 936 00:54:57,450 --> 00:55:03,080 Tegelikult ma arvan, et see asendab kõik see, kuid me leiame koos. 937 00:55:03,080 --> 00:55:07,350 Ma panen selle siia. Jah. Ma lähen seda kustutada ka. 938 00:55:07,350 --> 00:55:11,790 Mis ma lisada? Tundub, et palju. See ei ole palju. 939 00:55:11,790 --> 00:55:14,920 Ma lihtsalt laiendada, et koodirida, et ma juba rääkisin enne, 940 00:55:14,920 --> 00:55:18,590 ja ma ütlen: "Kui kõik on tehtud, kui kõik minu kontrolli on tehtud, 941 00:55:18,590 --> 00:55:23,660 "Siis tee seda." Nii siis kestab see funktsioon nimega lõpetatud. 942 00:55:23,660 --> 00:55:27,080 Sel juhul on see kraam saab nuputada. 943 00:55:27,080 --> 00:55:29,040 Mine leiavad, et div kontrolli. 944 00:55:29,040 --> 00:55:30,790 Tegelikult on üks asi, pean nentima. 945 00:55:30,790 --> 00:55:35,630 Et järgmine rida on tegelikult öeldes: "Ma pean selle ratingControlDiv." 946 00:55:35,630 --> 00:55:39,770 "Ma tahan rääkida seda, nagu see oleks tõeline kontroll, WinJS kontrolli." 947 00:55:39,770 --> 00:55:42,020 Ühesõnaga, sa palud, et ta. 948 00:55:42,020 --> 00:55:44,600 Sa ütled: "Ma tahan sinuga rääkida, kui kontroll." 949 00:55:44,600 --> 00:55:47,810 Ja siis saab öelda asju nagu: "Me liidame kuulaja teile 950 00:55:47,810 --> 00:55:51,430 "Nii et kui sa oled muutnud saame vastata, et." 951 00:55:51,430 --> 00:55:56,930 Ja siis saame ka teha selliseid asju. Tegelikult on see vana kood seal. 952 00:55:56,930 --> 00:55:59,600 Ma arvan, et ma olen kadunud kleepida veel üks funktsioon, 953 00:55:59,600 --> 00:56:05,030 ja see oleks tegelik funktsioon, mis vastaksid reiting kontroll on muutunud. 954 00:56:05,030 --> 00:56:07,710 Lubage mul avanes, et siin all, 955 00:56:07,710 --> 00:56:09,840 kuskil seal. 956 00:56:09,840 --> 00:56:14,930 Ja sel juhul on ainus asi, mis on uus, on asjaolu, et me ei kavatse võtta 957 00:56:14,930 --> 00:56:21,000 Mis hinnang kontroll ütleb meile ja me küsime, mida nimetatakse tentativeRating. 958 00:56:21,000 --> 00:56:23,150 Seal on hunnik erinevaid muid asju, et kontroll ei saa öelda teile, 959 00:56:23,150 --> 00:56:25,310 ja see läheb kontrolli kontroll. 960 00:56:25,310 --> 00:56:29,140 See on väga lihtne. Sul on võimalik sellest aru saada ei ole probleeme üldse. 961 00:56:29,140 --> 00:56:34,040 Ma saan seda, ja nüüd, kui ma muudan hinnet ja kliki hinnang, 962 00:56:34,040 --> 00:56:36,480 näed nüüd, et see tegelikult sellele reageerivad. 963 00:56:36,480 --> 00:56:40,280 See paneb et reiting ekraanil sinna muidu tühi div tag 964 00:56:40,280 --> 00:56:42,970 allpool reiting kontrolli. 965 00:56:42,970 --> 00:56:46,670 See on maagiline siin palju kraami ka. 966 00:56:46,670 --> 00:56:49,580 Nii nagu loote rakendusi Windows Store, 967 00:56:49,580 --> 00:56:52,930 seal on ton kontrolli, et saate lihtsalt kasutada. Nad kõik töötavad niimoodi. 968 00:56:52,930 --> 00:56:58,670 >> Las ma näitan sulle visuaalset poolt projekteerimine nende rakendused. 969 00:56:58,670 --> 00:57:03,440 Hea uudis on see saate juba seda tööriista, kui installite kõik 970 00:57:03,440 --> 00:57:06,240 kui te lähete, et alla laadida ja sa saad Visual Studio. 971 00:57:06,240 --> 00:57:09,890 Võin paremklõps see. Ma ei suumimiseks 972 00:57:09,890 --> 00:57:12,040 Ta lihtsalt ütleb Ava Blend. 973 00:57:12,040 --> 00:57:16,040 Blend on teine ​​vahend, mis toimib kõrvuti Visual Studio 974 00:57:16,040 --> 00:57:19,230 ja on suunatud palju rohkem disaini pool asju, 975 00:57:19,230 --> 00:57:23,660 nii see tõesti pinnad tööriistu, mis on optimeeritud luua stiili, 976 00:57:23,660 --> 00:57:29,720 luua animatsioone, töö CSS, palju asju, mis liiki veeni. 977 00:57:29,720 --> 00:57:36,380 Siin milline peaks olema väga huvitav ja ilus ilmne kohe on me vaatame app. 978 00:57:36,380 --> 00:57:40,060 Loodetavasti me ikka oleme. 979 00:57:40,060 --> 00:57:42,650 Selle asemel, et näha kood, mis me ikka näha allosas, 980 00:57:42,650 --> 00:57:45,350 me näeme tegelik esindatus taotluse. 981 00:57:45,350 --> 00:57:49,640 Veelgi enam, see ei ole lihtsalt esitus app, see on tegelikult app töötab. 982 00:57:49,640 --> 00:57:52,010 Ja see on tõesti tore segu. 983 00:57:52,010 --> 00:57:58,620 Meeskond on teinud palju tööd, et tuua HTML ja JavaScript ja CSS sellesse vahend. 984 00:57:58,620 --> 00:58:01,930 Nüüd saate tegelikult, kui sa oled uudishimulik, "Mida see tähendab? Mida ma saan teha?" 985 00:58:01,930 --> 00:58:08,310 Ma ei saa tegelikult kujundada selle taotluse, kuigi sellised asjad ei eksisteeri minu juurdehindlus. 986 00:58:08,310 --> 00:58:13,230 Pea meeles, et reiting kontrolli? See oli lihtsalt div tag. 987 00:58:13,230 --> 00:58:17,090 See värk, et täht, on olemas ainult käivitamisel. Kuidas ma tean seda? 988 00:58:17,090 --> 00:58:20,300 Seal on natuke magic siin. 989 00:58:20,300 --> 00:58:21,700 Vaata need välk poldid? 990 00:58:21,700 --> 00:58:25,570 Iga kord, kui sa näed välgu, mis tähendab, et see on loodud midagi käivitamisel. 991 00:58:25,570 --> 00:58:31,770 Mõned JavaScript jooksis ja keeras midagi sellesse või loonud mõne loogika. 992 00:58:31,770 --> 00:58:37,100 Need tähed, mis näed seal olid loodud JavaScript WinJS. 993 00:58:37,100 --> 00:58:41,800 Tore asi on see, see ei ole oluline mulle, ma ei saa ikka disaini ta, 994 00:58:41,800 --> 00:58:44,410 Ma ei saa ikka minna ja seda muuta, ma ei saa teada, mis siin toimub, 995 00:58:44,410 --> 00:58:50,260 Ma võin vaadata CSS, ma saan minna ja välja uurida, miks värv on nii see on, 996 00:58:50,260 --> 00:58:54,610 Võin alustada jama asju ja teeb asjad jube, 997 00:58:54,610 --> 00:58:58,360 mida ma tahan teha. 998 00:58:58,360 --> 00:59:01,020 Tegelikult ma jätan asjad rahule. 999 00:59:01,020 --> 00:59:03,980 Aga näete, siin on kõik CSS ja see näitab teile siin. 1000 00:59:03,980 --> 00:59:10,120 Kui ma lähen kuni seal, see läheb näidata teile kõike, mida nad kutsuvad võita, 1001 00:59:10,120 --> 00:59:14,850 nii CSS reeglid, mis on kõige täpsem ja kõige jaoks valitud elemendi 1002 00:59:14,850 --> 00:59:17,110 mis te olete ilmselt juba läinud üle oma klassidesse, 1003 00:59:17,110 --> 00:59:22,000 kus saab öelda, seal on üldiselt kirjas, et me kohaldatakse kõike, 1004 00:59:22,000 --> 00:59:26,860 kuid kuna see on h1 ja mul värv defineeritud h1s, 1005 00:59:26,860 --> 00:59:29,820 see saab olema sama värvi, ja see on, sest see on täpsem kui body1. 1006 00:59:29,820 --> 00:59:32,590 See üks asi siin näitab teile kõik, et 1007 00:59:32,590 --> 00:59:35,470 ja see on tõesti võimas värk, kui sa saad keerulisem, 1008 00:59:35,470 --> 00:59:38,160 sa ei tea, miks need asjad on nii nagu nad on. 1009 00:59:38,160 --> 00:59:41,020 See tegelikult öelda, ja te saate valida mõni neist siin. 1010 00:59:41,020 --> 00:59:43,370 See värv ei ole liiga halb, tegelikult. 1011 00:59:43,370 --> 00:59:47,150 Te võite valida neid. Loodetavasti saab seda näha. 1012 00:59:47,150 --> 00:59:52,410 Sest kõik, mis on teie taotluse, näed terve kaskaadi 1013 00:59:52,410 --> 00:59:56,070 Kõigi CSS, mida oleks kohaldatud, mis ja milline neist on võitnud, 1014 00:59:56,070 --> 00:59:58,050 millest üks on tegelikult aset järjestuse. 1015 00:59:58,050 --> 01:00:00,930 Need on omamoodi igav. Seal ei ole palju toimub mõned neist. 1016 01:00:00,930 --> 01:00:04,660 Kui ma lähen ja värvi muuta, siis saad alustada näha mõned kuhjuvate seal. 1017 01:00:04,660 --> 01:00:07,760 Võite kasutada HTML ka siin. 1018 01:00:07,760 --> 01:00:12,490 Ma ei lähe läbi ja muuta HTML omadused kõik need asjad, nagu ma soovin. 1019 01:00:12,490 --> 01:00:14,620 Seal on lihtsalt tonni kraami. 1020 01:00:14,620 --> 01:00:18,070 >> Ma ei taha oma aega läbimas kõike siin. Lihtsalt tean, et see on siin. 1021 01:00:18,070 --> 01:00:21,700 Seal on palju disaini orienteeritud funktsioone, mis on lihtsalt kättesaadavad teile 1022 01:00:21,700 --> 01:00:26,730 nii võite jääda visuaalne, töötada rakendus ja ei pea tegema palju aim 1023 01:00:26,730 --> 01:00:32,180 et teil oleks seda teha normaalselt ja jalgrattaga tagasi brauseri tagasi oma disaini, 1024 01:00:32,180 --> 01:00:33,940 tagasi brauserile. 1025 01:00:33,940 --> 01:00:37,010 See on väga lahe värk, et ja kui teil tekivad Windows Store app, 1026 01:00:37,010 --> 01:00:39,650 see läheb teeb teile palju tootlikumad. 1027 01:00:39,650 --> 01:00:45,150 >> Näete ka see jälgimise juurdehindlus siin ja oma CSS 1028 01:00:45,150 --> 01:00:47,270 kui te töötate läbi erinevaid asju. 1029 01:00:47,270 --> 01:00:50,180 See on ilmselt väga raske näha, et eriti video, 1030 01:00:50,180 --> 01:00:54,680 kuid see, mis siin toimub, ja ma soovitaks teil tutvuda sellega. 1031 01:00:54,680 --> 01:00:57,240 See säästab palju aega. See on segu. 1032 01:00:57,240 --> 01:01:00,520 Kui sa mingeid muudatusi siin nad automaatselt kavatse viia tagasi üle 1033 01:01:00,520 --> 01:01:01,870 Visual Studio. 1034 01:01:01,870 --> 01:01:06,590 See on sama faili, see on sama kõik. Ma jätan ta rahule. 1035 01:01:06,590 --> 01:01:08,650 Mul on parem näide, mida ma tahan teile näidata. 1036 01:01:08,650 --> 01:01:11,660 Aga kui ma tegin muutus seal ja päästis ta ja ma tulin tagasi Visual Studio, see ütleks, 1037 01:01:11,660 --> 01:01:16,390 "Kuule, sa lihtsalt muutunud midagi. Saan ma uuesti laadida see teile?" Jah. 1038 01:01:16,390 --> 01:01:18,770 Ja te kasutate sama värk seal. 1039 01:01:18,770 --> 01:01:21,320 See on lõpuks selle konkreetse proovi. 1040 01:01:21,320 --> 01:01:28,170 >> Ma tahan teile näidata kõrgemal proovi just teile Arvestades teiste funktsioonide 1041 01:01:28,170 --> 01:01:30,350 võite mõelda, kui hästi. 1042 01:01:30,350 --> 01:01:32,280 See on proov app, et saate alla laadida. 1043 01:01:32,280 --> 01:01:35,620 Kui sa vaatad midagi, mida nimetatakse Windows Camp in a Box, 1044 01:01:35,620 --> 01:01:40,340 on mõned proovid, mis on mis, ja üks neist on Contoso kokaraamat. 1045 01:01:40,340 --> 01:01:41,640 Ma lihtsalt juhin seda teile. 1046 01:01:41,640 --> 01:01:44,700 Custom Käivituslogo. See on Grid arvates taotluse. 1047 01:01:44,700 --> 01:01:49,590 Nad on kohustatud mõned custom andmed siin. Võite liikuda see. 1048 01:01:49,590 --> 01:01:53,090 Võite minna ja võtta pilk erinevaid asju, mis paneb meid näljane reede pärastlõunal. 1049 01:01:53,090 --> 01:01:57,760 Ma ei tea. Mida kavatseb teha mulle kõige näljane? 1050 01:01:57,760 --> 01:02:00,530 Ma ei tea. Ma lihtsalt valida ühe. 1051 01:02:00,530 --> 01:02:02,460 Sul läheb neid asju. See näitab teile retsepti. 1052 01:02:02,460 --> 01:02:04,900 Sa võid ka asemel klikkides kirje, 1053 01:02:04,900 --> 01:02:10,360 võite minna paremale selle kategooria sisu, selle osa sisu. 1054 01:02:10,360 --> 01:02:15,590 Sellisel juhul saate lugeda palju võltsitud ladina ütlen teile kõike neid retsepte siin 1055 01:02:15,590 --> 01:02:17,720 ja siis minna otse konkreetse retsepti. 1056 01:02:17,720 --> 01:02:22,770 Seda toetab ka asju jagada, et ma näitasin teile enne koos piltidega. 1057 01:02:22,770 --> 01:02:26,160 Samuti saate otsida arvesse ka selle rakenduse. 1058 01:02:26,160 --> 01:02:28,880 See on väga lihtne teha otsingut. 1059 01:02:28,880 --> 01:02:31,300 Põhimõtteliselt sa lihtsalt saada tekstistringi Windows 1060 01:02:31,300 --> 01:02:34,720 ja te otsustate, kuidas soovite käidelda otsing sellega. 1061 01:02:34,720 --> 01:02:39,830 See on paar rida koodi, et saada seda, ja siis mida sa sellega teha pärast, et on täiesti sinust. 1062 01:02:39,830 --> 01:02:44,180 >> Siin nad on ka app baar, kus nad kasutavad mõned muud funktsioonid. 1063 01:02:44,180 --> 01:02:45,430 Ma lihtsalt ütlen teile, mis see on. 1064 01:02:45,430 --> 01:02:48,220 Meeldetuletus kavatse kasutada, mida nimetatakse terviseks teatavakstegemisest. 1065 01:02:48,220 --> 01:02:52,930 See on tõesti mugav lasta kasutaja teada, kui asjad on juhtunud, 1066 01:02:52,930 --> 01:02:55,850 nagu rakendus on installitud või midagi lõpetati. 1067 01:02:55,850 --> 01:02:57,950 See on hea ka mänge ka. 1068 01:02:57,950 --> 01:03:02,360 Kui teil on püsiv maailma või juht pardal ja teenus, mis on hosting, mis 1069 01:03:02,360 --> 01:03:08,490 võibolla eraldi masin, neid teateid võib saata masinaks 1070 01:03:08,490 --> 01:03:12,240 ja isegi siis, kui kasutaja ei kasuta oma mängu mängida oma mängu või töötab oma app, 1071 01:03:12,240 --> 01:03:15,170 nad saavad ikka teateid sellist liiki sündmusi. 1072 01:03:15,170 --> 01:03:19,350 Nii võib öelda, "Sinu loss on hävinud või on lihtsalt hävitatud." 1073 01:03:19,350 --> 01:03:22,870 "Tule siia tagasi ja seda kaitsta," või midagi sellist. 1074 01:03:22,870 --> 01:03:26,830 Klõpsate teate, te lähete paremale tagasi mängu ja saad mängida seda. 1075 01:03:26,830 --> 01:03:32,170 Nii et need, igasuguseid asju võib aidata tegelikult juhtida inimesi tagasi oma app päris tõhusalt. 1076 01:03:32,170 --> 01:03:37,450 >> Seal on ka toetada seda rakendust kasutades mikrofoni, veebikaamera, 1077 01:03:37,450 --> 01:03:39,560 teeme video ja pildistada. 1078 01:03:39,560 --> 01:03:42,080 Võite ka pin sekundaarne plaat. 1079 01:03:42,080 --> 01:03:46,760 See on kasulik, kui soovite lihtsalt plaat, mis läheb õigus teatud sisu. 1080 01:03:46,760 --> 01:03:49,960 Sellisel juhul läheb see õigus seda retsepti. 1081 01:03:49,960 --> 01:03:51,300 Kõik, mida ma olen viitavad Ma lihtsalt näitab 1082 01:03:51,300 --> 01:03:53,270 sest see on asjad, mida saab mõelda, kasutades samuti. 1083 01:03:53,270 --> 01:03:57,590 Enamasti on need väga lihtne kasutada. 1084 01:03:57,590 --> 01:04:00,070 Ma lihtsalt soovitan teil tuua, et proovi explorer 1085 01:04:00,070 --> 01:04:03,600 ja leida proovi, mis näitab teile, kuidas seda teha. 1086 01:04:03,600 --> 01:04:07,140 See on päris lihtne, et viia need oma apps seal hästi. 1087 01:04:07,140 --> 01:04:11,030 >> Ma näitan sulle midagi, mis on päris lahe siin. 1088 01:04:11,030 --> 01:04:15,230 Ma murran selle taotluse kohta, ja ma lähen, et minna tagasi Visual Studio. 1089 01:04:15,230 --> 01:04:18,870 See rakendus töötab. See töötab alates Visual Studio. 1090 01:04:18,870 --> 01:04:21,370 Ma võin teha mõned päris lahe värk sellega. 1091 01:04:21,370 --> 01:04:23,840 Mul on tegelikult võimalus valida element, 1092 01:04:23,840 --> 01:04:28,250 ja ma ei saa minna siia, et live taotlus ja ma ei saa öelda, 1093 01:04:28,250 --> 01:04:34,000 "Ma ei tea, miks on ettevalmistusaeg natuke heledam hall kui pealkiri ise?" 1094 01:04:34,000 --> 01:04:35,680 Ma ei klõpsa sellel. 1095 01:04:35,680 --> 01:04:38,080 See saab sünkroonida et tagasi Visual Studio, 1096 01:04:38,080 --> 01:04:43,780 ja see läheb mulle näidata täpselt loodud sisu, mille tulemuseks oli, et osa UI. 1097 01:04:43,780 --> 01:04:47,270 Nii et sel juhul on see punkt, subtiitrite ja h4 kahekordne konstruktsioon, 1098 01:04:47,270 --> 01:04:51,110 ja mis tõenäoliselt ütleb meile, mida me peame teadma, sest kui h4 selles kontekstis 1099 01:04:51,110 --> 01:04:53,550 see läheb aina teatud liiki font. 1100 01:04:53,550 --> 01:04:56,410 Aga kui ma veel ei tea, miks ma ei kliki Trace Styles. 1101 01:04:56,410 --> 01:05:02,330 Võin siis laiendada out värv ja ma ei leia täpselt, miks see värv ei ole kere värvi 1102 01:05:02,330 --> 01:05:04,640 kuid tegelikult on midagi muud. 1103 01:05:04,640 --> 01:05:07,210 See on sisuliselt dev tööriistad Internet Explorer 1104 01:05:07,210 --> 01:05:09,530 määral viia Visual Studio. 1105 01:05:09,530 --> 01:05:12,110 Kui olete töötanud Chrome Dev Tools, Firebug, asju, 1106 01:05:12,110 --> 01:05:14,720 sellist liiki vahendid, mis on brauser, 1107 01:05:14,720 --> 01:05:17,340 et selline funktsionaalsus on viidud otse Visual Studio 1108 01:05:17,340 --> 01:05:22,090 nii et tegelikult ei ole käivitada brauser ja töötavad need vahendid eraldi. 1109 01:05:22,090 --> 01:05:24,320 Nüüd on mul Windows Store app just jooksmine, 1110 01:05:24,320 --> 01:05:27,840 ja ma ei saa alustada tõmmates välja ja leida, miks asjad on seda, mida nad on. 1111 01:05:27,840 --> 01:05:30,440 >> Ma võin seda teha ka sel moel liiga. 1112 01:05:30,440 --> 01:05:35,020 Ma ei saa minna ja lihtsalt valida midagi kohe juurdehindlus ja välja selgitada, mis see on 1113 01:05:35,020 --> 01:05:38,560 taotluses. Ma arvan, et olen läinud kõik. 1114 01:05:38,560 --> 01:05:41,440 Siin ma Uusehitise üle selle. Ma valida. 1115 01:05:41,440 --> 01:05:45,540 See läheb mulle näidata tegelikku töötab kohas, kus see asi on 1116 01:05:45,540 --> 01:05:48,070 et ma nüüd klikkides märkekeele. 1117 01:05:48,070 --> 01:05:49,700 Lahedaid asju. 1118 01:05:49,700 --> 01:05:52,710 Nagu sa üritad välja selgitada, mis toimub ja mida HTML ei tee, 1119 01:05:52,710 --> 01:05:56,080 Mis CSS teeb, pidage seda meeles. 1120 01:05:56,080 --> 01:05:58,450 Pea meeles, see on siin teie jaoks 1121 01:05:58,450 --> 01:06:02,070 ja ka seda, et Blend saab tööd live töötab rakendus. 1122 01:06:02,070 --> 01:06:06,070 >> Viimane asi, mida ma tahtsin näidata teile selle rakendus - 1123 01:06:06,070 --> 01:06:09,290 Muide, see näitab teile, deltad kui asjad muutuvad liiga, 1124 01:06:09,290 --> 01:06:11,160 nii saab vaadata neile kollane rõhutatakse. 1125 01:06:11,160 --> 01:06:14,060 Need on asjad, mis on lihtsalt muutunud taotluses. 1126 01:06:14,060 --> 01:06:16,350 Aga üks asi. Ma tahan minna tagasi Blend lihtsalt teist siin. 1127 01:06:16,350 --> 01:06:21,790 Me selle avada, Ava Blend, sama app, sama kõik. 1128 01:06:21,790 --> 01:06:28,660 Ma tahan teile näidata kogemus siin ei ole lihtsalt sa oled ummikus kodulehekülg 1129 01:06:28,660 --> 01:06:32,880 Vaadates asju saad vaikimisi, kui sa jooksed app ja lase tal seal istuda. 1130 01:06:32,880 --> 01:06:36,490 Võite lülitage see ilus väike ikoon siin. 1131 01:06:36,490 --> 01:06:38,560 Seda nimetatakse Interactive režiimis. 1132 01:06:38,560 --> 01:06:41,560 Klõpsate seda. See saab tuua oma taotlus. 1133 01:06:41,560 --> 01:06:43,730 Sa ei kujundamisrežiimis enam, nii et sa ei kavatse olla klikkides asju 1134 01:06:43,730 --> 01:06:47,270 muuta funktsionaalsust, kuid saate tegelikult töötavad koos taotlusega nüüd. 1135 01:06:47,270 --> 01:06:51,560 Te võite klõpsata, võid teha mida iganes, saad retsepti, et sa hoolid 1136 01:06:51,560 --> 01:06:54,810 või kategooriasse. Lähme sellesse kategooriasse. 1137 01:06:54,810 --> 01:06:56,880 Ma ütlen: "Olgu, siin on koht, kus ma tahan töötada." 1138 01:06:56,880 --> 01:06:59,680 Siis klõpsake seda nuppu, siis jõuad tagasi Design pind, 1139 01:06:59,680 --> 01:07:02,130 ja nüüd saate teha kõiki neid asju, mis ma rääkisin enne. 1140 01:07:02,130 --> 01:07:06,230 Ma hoida klõpsates kuni ma selle valinud, uuri selle mõõtmed, 1141 01:07:06,230 --> 01:07:09,890 teada HTML see, CSS seda 1142 01:07:09,890 --> 01:07:14,990 jaoks töötava rakenduse, mõned hiljem taotluse osaks. 1143 01:07:14,990 --> 01:07:17,780 Väga, väga kasulik. Ma näitan seda teile. 1144 01:07:17,780 --> 01:07:21,340 Pidage seda meeles, kui otsite arvesse kirjalikult koodi see 1145 01:07:21,340 --> 01:07:26,070 sest see läheb säästa palju vaeva ja see on päris hea kraam. 1146 01:07:26,070 --> 01:07:32,370 See on päris palju kõik, mida ma tahtsin näidata teile Blend ja Visual Studio jaoks kõike seda. 1147 01:07:32,370 --> 01:07:36,130 >> Kõik küsimused kas need vahendid? 1148 01:07:36,130 --> 01:07:40,000 Üldse midagi? >> [Guarin] Mul on asju välja anda, nii head küsimused, hea kraam. 1149 01:07:40,000 --> 01:07:43,700 >> [Bowen naerab] Ma olen juba näidanud, minu demod siin. 1150 01:07:43,700 --> 01:07:47,000 Ma panen selle Resources lehel ja pöörduda küsimustega praegu. 1151 01:07:47,000 --> 01:07:53,850 See esimene viide on, et Generation App site mängu jälgida ja app teele. 1152 01:07:53,850 --> 01:07:55,040 Registreeru neile. 1153 01:07:55,040 --> 01:07:57,210 Sa ei pea ootama 30 päeva, et saada sisu. 1154 01:07:57,210 --> 01:08:00,370 Võite alustada lähed ja vaadata sisu, kui soovite. 1155 01:08:00,370 --> 01:08:04,380 Ma mõistan teie tähtaegu võib erineda - [naerab] 1156 01:08:04,380 --> 01:08:07,780 Nii et kui on hackathon? See on paar nädalat, eks? 1157 01:08:07,780 --> 01:08:09,620 Nii et sa ei ole 30 päeva oodata. 1158 01:08:09,620 --> 01:08:13,180 Nii et jah, saate sisse logida, et seejärel lihtsalt alustada tõmmates sisu välja saada. 1159 01:08:13,180 --> 01:08:15,320 Samuti Dev ja Design Center. 1160 01:08:15,320 --> 01:08:17,620 Ja ma ei maininud seda, kuid seal on ka pood Docs. 1161 01:08:17,620 --> 01:08:22,880 See oleks pärast hackathon kui sa oled valmis alustama esitades oma apps store. 1162 01:08:22,880 --> 01:08:27,350 Seal on mõned kasulikud juhised siin on mõned juhised, kuidas saada asju poodi, 1163 01:08:27,350 --> 01:08:29,960 mõningaid ühiseid probleeme, mis võivad reisi sind, 1164 01:08:29,960 --> 01:08:32,540 ja see on ka nende ressursse. 1165 01:08:32,540 --> 01:08:35,300 >> Mis on teie arvates? Midagi muud, mida - 1166 01:08:35,300 --> 01:08:40,580 [Guarin] Kes on mõelnud teha Windows app CS50? Lahe. 1167 01:08:40,580 --> 01:08:42,200 [Bowen] Cool. Suur. 1168 01:08:44,149 --> 01:08:49,410 >> Küsimusi kraami, mida olen näinud nii palju ja kuidas see on seotud on? 1169 01:08:49,410 --> 01:08:54,540 Näiteks rohkem aega, et saaksin mängu, et olen kirjutanud 1170 01:08:54,540 --> 01:08:57,310 ja mis jookseb brauser ja lihtsalt selline läbima protsessi 1171 01:08:57,310 --> 01:08:59,870 tuua, et Visual Studio ja muudab Windows Store app. 1172 01:08:59,870 --> 01:09:02,870 See võtab rohkem aega, kui me tegelikult pidi sisaldama täna 1173 01:09:02,870 --> 01:09:08,010 kuid lühike versioon on see sama kood, mida olete töötab brauseris, 1174 01:09:08,010 --> 01:09:11,680 ja asju, mida muuta, on asju, mida otsustavad pistik Windows 8. 1175 01:09:11,680 --> 01:09:16,220 Nii et kui soovite kasutada võlusid, kui soovite otsida või jagada, 1176 01:09:16,220 --> 01:09:19,899 teil on vaja luua app baar peita teatud funktsionaalsust peale, et 1177 01:09:19,899 --> 01:09:21,939 need on asju, mida muudaksite. 1178 01:09:21,939 --> 01:09:25,229 Aga tuum oma web app võib jääda puutumata. 1179 01:09:25,229 --> 01:09:29,590 Jällegi, nii kaua, kui see töötab IE10, see saab olema väga lihtne port 1180 01:09:29,590 --> 01:09:33,680 tuua, et kraami Visual Studio sisseveo Blend, ja teha seda Windows Store app. 1181 01:09:33,680 --> 01:09:37,500 Jällegi, vaid asjad, mida sa pead õppima, on kõnealused muud funktsioonid 1182 01:09:37,500 --> 01:09:41,830 , mida saab kasutada süttib rakenduse nagu live plaat ja neid asju. 1183 01:09:41,830 --> 01:09:46,899 >> Jah. >> [Õpilane] Minu küsimus on töötav mobiil. 1184 01:09:46,899 --> 01:09:52,210 Nii et kui te teete app, mis töötab app arvutis, 1185 01:09:52,210 --> 01:09:56,480 see on tõesti lihtne viia see mobiil, või on - 1186 01:09:56,480 --> 01:10:01,270 Küsimus on selles, kui ma saan teha Windows Store app, mis on tõesti optimeeritud selles keskkonnas 1187 01:10:01,270 --> 01:10:06,430 ja ma tahan, et tuua see liikuvas maailmas, mis tegelevad nii tegema? 1188 01:10:06,430 --> 01:10:10,060 See, nagu paljud küsimused on alati pidevas muutumises vastus. 1189 01:10:10,060 --> 01:10:16,190 Hea uudis on see, kui sa oled seismise HTML ja JavaScript, CSS, 1190 01:10:16,190 --> 01:10:18,720 kui sa oled alustades Windows Store app, 1191 01:10:18,720 --> 01:10:20,590 see läheb teile tuua see Web 1192 01:10:20,590 --> 01:10:24,650 ja siis kasutada neid erinevaid tehnikaid, nagu meedia päringutele ja asjad, 1193 01:10:24,650 --> 01:10:27,180 kohaneda erineva suurusega seadmed. 1194 01:10:27,180 --> 01:10:29,900 See tähendab, et seal on alati raamistike ja asjad seal 1195 01:10:29,900 --> 01:10:33,450 et mis ulatub läbi erinevate tehnoloogiate, erinevate platvormide. 1196 01:10:33,450 --> 01:10:35,670 See muutub kogu aeg. 1197 01:10:35,670 --> 01:10:40,030 Samuti muutuvad asjad samuti vaatame suunas, mis meil praegu 1198 01:10:40,030 --> 01:10:42,950 tegelikult välja Windows Phone 8. 1199 01:10:42,950 --> 01:10:44,930 Meil on mõned ühised põhilisi infrastruktuure 1200 01:10:44,930 --> 01:10:48,180 pakutavate rakenduste vahel nende keskkonnas. 1201 01:10:48,180 --> 01:10:51,200 Nii asju, mis sa teed, et luua Windows Store app, 1202 01:10:51,200 --> 01:10:57,790 palju, mis võib viia üle ka Windows Phone 8 kohaldamist samuti. 1203 01:10:57,790 --> 01:11:02,270 See jälle on areneva lugu, nii et on mingi sisu kohta, et ehitada. 1204 01:11:02,270 --> 01:11:06,780 SDK sai just natuke aega tagasi. See oli lihtsalt välja veidi aega tagasi. 1205 01:11:06,780 --> 01:11:09,920 Aga nii teiste platvormide liiga, 1206 01:11:09,920 --> 01:11:13,360 siis ilmselt joosta palju platvormidel raamistike samuti. 1207 01:11:13,360 --> 01:11:16,170 Hea uudis on see värk, et sa teed siin, 1208 01:11:16,170 --> 01:11:19,620 põhifunktsioone on otse üles web standard värk. 1209 01:11:19,620 --> 01:11:24,010 Ainsad asjad, mis ei tõlgi lihtsalt on asjad, mis Windows 8 teeb, 1210 01:11:24,010 --> 01:11:28,060 aga see pole mingi üllatus, sest see on Windows funktsioon. 1211 01:11:28,060 --> 01:11:34,090 Sa ei kavatse leida jagamise või sarnast liiki lepinguid igal teisel platvormil. 1212 01:11:34,090 --> 01:11:37,480 Nii et need on asjad, mida sa tahaksid alates disaini vaatenurgast 1213 01:11:37,480 --> 01:11:40,820 veenduge, et olete, kuidas selline abstraktne, et välja, et sa ei saa öelda, 1214 01:11:40,820 --> 01:11:42,970 "Kui ma olen töötab see, ma ei tee seda." 1215 01:11:42,970 --> 01:11:48,120 Kui ma ei ole, seal on mõned disaini mustrite abil saate objekti peita, et asjad ära. 1216 01:11:48,120 --> 01:11:53,360 Kuid pidage seda meeles. Jah. Vabandust. Lase käia. 1217 01:11:53,360 --> 01:11:58,130 >> [Õpilane] Kui ma tahan, et test minu Windows app peal [kuuldamatu] 1218 01:11:58,130 --> 01:12:02,310 [Bowen] Jah. Ma vahele üks asi ka. Jah. 1219 01:12:02,310 --> 01:12:04,910 Ma vastan teie küsimusele esimene, siis ma näitan sulle funktsioon ma unustasin mainida. 1220 01:12:04,910 --> 01:12:09,220 Meil on mõned masinad olemas kohapeal. Vabandust. 1221 01:12:09,220 --> 01:12:11,240 Küsimus oli, kuidas ma katsetada asju seadmed 1222 01:12:11,240 --> 01:12:14,230 kui ma ei juhtu olema kogu palju asju valida? 1223 01:12:14,230 --> 01:12:17,130 [Guarin] Me laenas kutid, ma arvan, et 5 või 6. Kui palju sul vaja on? 1224 01:12:17,130 --> 01:12:20,940 [Õpilane] Saime 4 neist. >> Ok. Te saite 4 tahvlid mängida. 1225 01:12:20,940 --> 01:12:25,520 Seega kindlasti lasta kõik teavad, palun. [Naerab] >> [Bowen] Awesome. 1226 01:12:25,520 --> 01:12:27,610 See on isegi parem lahendus kui ma annan teile. 1227 01:12:27,610 --> 01:12:31,250 Meil on tööajal arendajatele, et teeme meie kontoris 1228 01:12:31,250 --> 01:12:35,110 ja nüüd varsti Microsoft Store jooksul on Pru, 1229 01:12:35,110 --> 01:12:37,010 kuid Edwin juba hoolitseda teile. 1230 01:12:37,010 --> 01:12:42,180 Seal on 4 tahvlid saadaval laenutamine, testimiseks. 1231 01:12:42,180 --> 01:12:45,440 Niimoodi. Seal on näiteks üks seal. 1232 01:12:45,440 --> 01:12:47,340 Nii et jah, absoluutselt. Suur. 1233 01:12:47,340 --> 01:12:52,700 Absoluutselt ülekaalukalt parim viis seda testida on olla seadmes. 1234 01:12:52,700 --> 01:12:56,810 Kui sa ei juhtu olema üks veel või sa ei taha kõndida üle campus lumes 1235 01:12:56,810 --> 01:13:01,130 haarata ühe või mis iganes, on võimalus seda teha jälle Visual Studio. 1236 01:13:01,130 --> 01:13:10,360 Kui ma lähen tagasi, kui olin siin, siin selle asemel Local Machine, 1237 01:13:10,360 --> 01:13:13,590 võid ühendada Remote Machine, kuid see pole see, mida ma räägin siin. 1238 01:13:13,590 --> 01:13:16,830 Simulaator on asi, et te võiksite uurida. 1239 01:13:16,830 --> 01:13:22,120 Ma juhin seda, ja tõesti, mis see on, see on sisuliselt aknast oma süsteemi. 1240 01:13:22,120 --> 01:13:26,260 Siin on tegelikult minu süsteem töötab, töötab Contoso, 1241 01:13:26,260 --> 01:13:29,550 kuid viisil, mis võimaldab mul muuta mõningaid täitmise parameetrid 1242 01:13:29,550 --> 01:13:31,060 keskkonna parameetreid. 1243 01:13:31,060 --> 01:13:34,150 Ma võin öelda, "Tead mis?" 1244 01:13:34,150 --> 01:13:39,240 Oh. Mul on juba see töötab simuleeritud 27-tollise monitori 2560 resolutsioon. 1245 01:13:39,240 --> 01:13:44,930 Ma lihtsalt tilk see maha ja vaata, mida minu taotluse teeks väiksem ekraan 1246 01:13:44,930 --> 01:13:47,480 või muutes DPI seaded või mida iganes. 1247 01:13:47,480 --> 01:13:50,700 Nii väike ekraan, 10,6, mida ta kavatseb teha? 1248 01:13:50,700 --> 01:13:53,040 See ikka tundub päris hea, eks? 1249 01:13:53,040 --> 01:13:58,220 Sa tahad seda teha, eriti kui olete esitanud poodi, sest me teeme 1250 01:13:58,220 --> 01:14:00,480 osana katsetamise käigus. 1251 01:14:00,480 --> 01:14:02,400 Ja kui on probleeme niimoodi, 1252 01:14:02,400 --> 01:14:06,160 siis võib voolata küsimus saada sertifitseeritud poest. 1253 01:14:06,160 --> 01:14:09,240 Aga see on osa simulaatori. Väga lahe. Väga lihtne teha. 1254 01:14:09,240 --> 01:14:11,480 Võite kasutada ka funktsioone, nagu keerates seda samuti. 1255 01:14:11,480 --> 01:14:15,650 Võin nuppu siin, on see pöörlema, vaata, mida keegi oleks nagu kogemus 1256 01:14:15,650 --> 01:14:20,970 pöörlevad nende kiltkivi, oma tablett, ja kasutades oma taotluse selle. 1257 01:14:20,970 --> 01:14:25,060 Seal on mõned muud asjad ka nagu touch imiteerimist ja mõned muud asjad, 1258 01:14:25,060 --> 01:14:27,210 millega GPS. 1259 01:14:27,210 --> 01:14:31,050 Ma ei teeskle, ma olen teises kohas ja näha, mida mu taotlus ei 1260 01:14:31,050 --> 01:14:34,690 kui ma teesklen, et ma olen tagasi Seattle või midagi. 1261 01:14:34,690 --> 01:14:41,970 Aga see on tõesti kasulik omadus, ja see on ehitatud nii Visual Studio ja Blend. 1262 01:14:41,970 --> 01:14:44,460 Jah. Teie küsimus. 1263 01:14:44,460 --> 01:14:48,530 >> [Õpilane] Kui sa oled kirjalikult mäng, mis Visual Studio mingit toetust animatsioon? 1264 01:14:48,530 --> 01:14:55,550 Jah. Küsimus on umbes animatsiooni toetus, eriti mängimist. 1265 01:14:55,550 --> 01:14:58,380 See sõltub. [Chuckles] 1266 01:14:58,380 --> 01:15:06,870 JavaScript Ütlen seal ilmselt vähem toetust kui seal on XAML poolel 1267 01:15:06,870 --> 01:15:11,430 mis on ajakava, on käsikirjade ja asjad, mis on sisse ehitatud 1268 01:15:11,430 --> 01:15:18,710 Animatsioonide JavaScript apps, ma ei tea, kui palju vastus Ma tahan teile. 1269 01:15:18,710 --> 01:15:25,110 Mul on vahendid oma blogis, et minna läbi palju võimalusi nii füüsika animatsioonid 1270 01:15:25,110 --> 01:15:29,280 võimalusi JavaScript orienteeritud mänge Windows 8. 1271 01:15:29,280 --> 01:15:31,300 Tahaksin teile neid. 1272 01:15:31,300 --> 01:15:34,300 Põhimõtteliselt on nii palju valikuid. 1273 01:15:34,300 --> 01:15:37,770 Põhjus, miks ma olen kõhkleval on seal nii palju valikuid teeme animatsioone JavaScript. 1274 01:15:37,770 --> 01:15:44,280 See võiks olla, CSS, siis võib Canvas-põhine, see võib olla just põhiline DOM animatsioonid 1275 01:15:44,280 --> 01:15:47,470 see võiks olla palju erinevaid asju, nii et see tõesti sõltub teie valik. 1276 01:15:47,470 --> 01:15:55,790 Kui otsustate kasutada midagi Create.js või laimi muud liiki raamistikud - 1277 01:15:55,790 --> 01:15:59,150 Noh, ma ei ole isegi kindel, et sa lähed, et oleks võimalik kasutada kõrgemal raamistik 1278 01:15:59,150 --> 01:16:01,370 meeldib Impact või ehitamiseks. 1279 01:16:01,370 --> 01:16:07,000 See kipub toota rohkem koodi kui sa võiksid kaaluda nullist. 1280 01:16:07,000 --> 01:16:11,730 Kuid nendel juhtudel, siis võiks ikkagi kasutada simulaatorit, mida saab kasutada keskkondades, 1281 01:16:11,730 --> 01:16:17,480 ja ma pigem lihtsalt kasutada seda keskkonda oma test platvorm nendel juhtudel 1282 01:16:17,480 --> 01:16:19,930 kui ma arendada mänge. 1283 01:16:19,930 --> 01:16:22,110 Olen peen eriti Canvas animatsioonid 1284 01:16:22,110 --> 01:16:23,850 mis on ilmselt kõige levinum asi. 1285 01:16:23,850 --> 01:16:27,360 Parim sa lähed ilmselt leida on dev tööriistad brauseris 1286 01:16:27,360 --> 01:16:30,160 ja dev tööriistad Visual Studio. 1287 01:16:30,160 --> 01:16:34,610 Objekti lookleva vastus olemas, kuid loodetavasti sain oma vastuse. Jah. You. 1288 01:16:34,610 --> 01:16:36,470 >> [Õpilane] Millised on andmete säilitamise võimalusi Windows 8 apps? 1289 01:16:36,470 --> 01:16:41,100 Mis on andmete säilitamise võimalusi Windows 8 apps, Windows Store apps? 1290 01:16:41,100 --> 01:16:46,790 Sinu võimalused on tõesti iga taotluse saab oma bassein kohalike ladustamine 1291 01:16:46,790 --> 01:16:52,150 seadistuste ja andmeid, kuid see on ka naeruväärselt lihtne kasutada roaming ladustamine, 1292 01:16:52,150 --> 01:16:54,920 kasutada pilvepõhine ladustamine. See on tasuta. 1293 01:16:54,920 --> 01:16:58,250 Mis juhtub on see, et sa põhimõtteliselt valida erineva tasemega ja sa ütled, 1294 01:16:58,250 --> 01:17:03,370 "Roaming Settings Save selle konkreetse komplekti sisu," 1295 01:17:03,370 --> 01:17:06,050 ja Microsoft arvesse, olenemata nad on alla kirjutanud nii, 1296 01:17:06,050 --> 01:17:08,620 saab olema võtmeks roaming et andmed ümber. 1297 01:17:08,620 --> 01:17:13,790 Nii et kui ma kasutan oma mängu minu sülearvuti ja siis ma sisse logida sama kontoga 1298 01:17:13,790 --> 01:17:18,900 ja ma mängida pinnale või tablett, 1299 01:17:18,900 --> 01:17:23,610 mis automaatselt ringi, et seade ja andmete vahel neid masinaid. 1300 01:17:23,610 --> 01:17:27,550 See on default asi. See on hea teatud hulgal andmeid. 1301 01:17:27,550 --> 01:17:30,220 Sa ei pane tohutu andmebaas neisse. 1302 01:17:30,220 --> 01:17:35,350 Sest et sa pead minema teisigi lahendusi, nagu toimus andmebaas pilvedesse 1303 01:17:35,350 --> 01:17:36,690 asjad niimoodi. 1304 01:17:36,690 --> 01:17:39,840 On teisigi kogukonna võimalusi ümber teist liiki andmed tehnoloogiaid. 1305 01:17:39,840 --> 01:17:42,920 Olen näinud mõned SQLite võimalusi kogukonnas ringi seal. 1306 01:17:42,920 --> 01:17:46,690 Seega rohkem ja rohkem on tekkimas, aga need on põhilised asjad, et sa näeks suunas 1307 01:17:46,690 --> 01:17:49,430 Mängu või rakenduse. 1308 01:17:49,430 --> 01:17:50,610 Ja siis tuli küsimus taga ka. 1309 01:17:50,610 --> 01:18:02,390 >> [Õpilane] Seoses võrgu [kuuldamatu] uploading või failide allalaadimise [kuuldamatu] 1310 01:18:02,390 --> 01:18:04,870 [Bowen] Kas teie küsimusele, kui sa näed, et või kuidas saab siluda, et testida seda? 1311 01:18:04,870 --> 01:18:10,630 [Õpilane] Kuidas saab siluda see [kuuldamatu] 1312 01:18:10,630 --> 01:18:12,670 Vabandust. Ma ei kuule kõik. 1313 01:18:12,670 --> 01:18:16,480 [Õpilane] Kuidas sa saad seda bug testitud ja ka [kuuldamatu] 1314 01:18:16,480 --> 01:18:17,490 Suur. Suur. 1315 01:18:17,490 --> 01:18:21,860 Kuidas te töötate loomist? Kuidas sa saad näha, mis toimub? 1316 01:18:21,860 --> 01:18:23,620 Seal on palju erinevaid vastuseid selle ühe, 1317 01:18:23,620 --> 01:18:26,420 kuid lubage mul teile näidata ilmselt kõige lihtsam asju siin. 1318 01:18:26,420 --> 01:18:29,350 Lubage mul vabaneda simulaatori teine. 1319 01:18:29,350 --> 01:18:31,740 Just paar silumine võimalusi võrgustikutöö. 1320 01:18:31,740 --> 01:18:36,070 Seal on täielik võrgu pinu küpsetatud paremale nii WinRT tasandil ja WinJS, 1321 01:18:36,070 --> 01:18:42,810 nii et saate kergesti muuta XHR, AJAX tüüp kutsub oma mängu või rakendust teha. 1322 01:18:42,810 --> 01:18:47,250 Organ, ma pigem kasutada 2 asja. 1323 01:18:47,250 --> 01:18:53,660 Ma kasutan tegelik dev tööriistad ise, kes on võrgu pinu küpsetatud neisse. 1324 01:18:53,660 --> 01:18:55,870 Las ma näitan teile Windows kodulehekülg. 1325 01:18:55,870 --> 01:19:02,730 Ma võin tuua see üles, ja seal on tegelikult võrgustik proxy Leivo neid vahendeid siin. 1326 01:19:02,730 --> 01:19:08,390 Ma võin seda teha, ma ei värskenda lehekülge ja see läheb, et näidata mulle kõik vastasmõju, 1327 01:19:08,390 --> 01:19:14,550 sealhulgas AJAX nõuab, et istung, selle taotlemiseks kestust. 1328 01:19:14,550 --> 01:19:17,600 See on kasulik. See saab olema väga kasulik veebipõhine apps. 1329 01:19:17,600 --> 01:19:20,470 Muudes apps, sealhulgas Windows Store apps, 1330 01:19:20,470 --> 01:19:23,970 Ma kasutan tööriista nimega Viiuldaja. 1331 01:19:23,970 --> 01:19:29,650 Sa lähed, et saada mängu vastuseks. [Chuckles] 1332 01:19:29,650 --> 01:19:32,750 Viiuldaja on lihtne proxy. Ma arvan, et ma saan näidata, et teile. 1333 01:19:32,750 --> 01:19:40,190 See on lihtsalt GetFiddler.com, mis huvitaval kombel ma jälgimise minu võrgu pinu 1334 01:19:40,190 --> 01:19:41,740 läheb GetFiddler. 1335 01:19:41,740 --> 01:19:45,700 Aga igatahes, Viiuldaja on kirjutatud üks PMS on IE meeskond, 1336 01:19:45,700 --> 01:19:48,290 et ta teab, mida ta teeb. 1337 01:19:48,290 --> 01:19:52,630 See on hea proxy, mida saab kasutada silumiseks võrguliiklust. 1338 01:19:52,630 --> 01:19:55,730 Ma soovitaks seda. Küsimus on seal ka. 1339 01:19:55,730 --> 01:19:58,050 >> [Õpilane] Kas on lihtne viis integreerida võõrkeele sisend, 1340 01:19:58,050 --> 01:20:00,810 nagu jaapani või hiina, Windows apps? 1341 01:20:00,810 --> 01:20:03,240 Ma ei saa öelda, et ma olen teinud liiga palju ise, aga see on küpsetatud sisse 1342 01:20:03,240 --> 01:20:08,470 Seal on võimalused muidugi kiirgavad oma taotlus - Vabandust, ma ei öelnud, küsimus - 1343 01:20:08,470 --> 01:20:11,100 võimalusi ümber globaliseerumise lokaliseerimine sisu, 1344 01:20:11,100 --> 01:20:14,320 sealhulgas asjad on võimalik müüa eri turgudel 1345 01:20:14,320 --> 01:20:19,190 ja suunata, et versiooni oma taotluse nende üksikute keeles 1346 01:20:19,190 --> 01:20:21,080 või kultuuri või asjad niimoodi. Absoluutselt sisse ehitatud 1347 01:20:21,080 --> 01:20:22,980 Meil on olnud toetust, et igavesti 1348 01:20:22,980 --> 01:20:26,630 ja mis kannab edasi oma valikuid Windows Store. 1349 01:20:26,630 --> 01:20:30,450 Seda saab teha poest ise müüa erinevatel turgudel, 1350 01:20:30,450 --> 01:20:34,050 mida saate teha, et taotluses samuti ka kasutades vahendeid, et määratleda, 1351 01:20:34,050 --> 01:20:42,220 "Kui ma olen töötanud selle kultuuri, siis kasuta neid alistab mu teksti sisu 1352 01:20:42,220 --> 01:20:44,510 "Või kasutada paremalt vasakule lugeja." 1353 01:20:44,510 --> 01:20:51,290 Need kõik on osa of default WinJS ja WinRT APIs. Hea küsimus. 1354 01:20:51,290 --> 01:20:54,770 >> Kuidas me seda teeme? Kõik teised on? 1355 01:20:54,770 --> 01:20:58,850 Ja kui keegi on video on küsimusi, ma cbowen @ microsoft 1356 01:20:58,850 --> 01:21:02,790 nii et ma olen õnnelik, et võtta mis tahes teie küsimustele tulevikus. 1357 01:21:02,790 --> 01:21:05,690 Väga - tulevikust, tulevikus [jäljendab kaja]. 1358 01:21:05,690 --> 01:21:09,140 Nii et siin on minu. Las ma panen tagasi minu kontakt siia. 1359 01:21:09,140 --> 01:21:11,840 Nii lihtsalt saatke mulle märkuse, cbowen @ microsoft 1360 01:21:11,840 --> 01:21:15,190 ja ma saan sulle tagasi niipea kui saan. 1361 01:21:15,190 --> 01:21:19,010 >> Midagi muud, mida sa ei tea? Kas me oleme head? 1362 01:21:19,010 --> 01:21:24,050 Suur. Hea küll. Tänan teid kõiki väga. Ma hindan seda. [Aplaus] 1363 01:21:24,800 --> 01:21:27,000 >> [CS50.TV]