[Powered by Google Translate] [Seminè - fenèt 8 - App / jwèt Devlopman ak HTML5]
[Chris Bowen, Edwin Guarin - Harvard University]
[Sa a se CS50. - CS50.TV]
>> Hey, tout moun. Non mwen se Edwin Guarin. Sa a se Chris Bowen.
Mwen pral se pou l 'prezante tèt li nan yon dezyèm fwa.
Mwen jis vle fè yon anons rapid.
Premye a tout, tout sa ou CS50 elèv yo jwenn fenèt 8 pou gratis.
Se konsa, si w ap panse sou aktyèlman lè l sèvi avèk li pou pwojè final ou, li nan ou.
Nate ap voye soti yon imèl pita sou pou enstriksyon yo.
Bagay la se dezyèm si ou deside ekri yon app fenèt 8 pou CS50 pwojè final ou a,
nou pral yo dwe fè kèk kado: yon Xbox,
nou ta ka kapab bay yon adwaz ale, bagay tankou sa.
Se konsa, si gen nan anyen kenbe ou tounen, se pou Chris oswa mwen konnen
ki jan nou ka ede w bati yon bagay vrèman fre.
Se konsa, mèsi ankò pou vini jodi a, epi mwen pral lage l 'nan men Chris.
>> Mèsi poutèt ou, Edwin.
Mèsi, tout moun, pou rantre nan nou jodi a.
Mwen se Chris Bowen. Mwen se youn nan kòlèg Edwin a isit la nan Nòdès la.
Mwen jis te vle depanse yon ti kras nan tan avèk ou ap pale de
ki jan fè yon aplikasyon Windows Store ak HTML5, JavaScript, ak CSS
ak kalite jwenn nenpòt kesyon ou ka genyen sou li reponn pou ou
kòm w ap chèche nan direksyon panse sou petèt lè l sèvi avèk li pou yon final CS50 opòtinite.
>> Sa te di, nou pral jis plonje dwa pous
Mwen pral ale sou nan glisad sou isit la.
Si ou fè sa gen nenpòt kesyon, santi yo lib yo voye m 'yon imel.
Mwen se cbowen@microsoft.com, ak gen nan blog mwen an ak Twitter mwen.
Sepandan ou vle jwenn an kontak avè m ', sa a, se amann.
Mwen te gen sou yon èdtan nan bagay, e mwen vle jwenn kesyon ou yo nan tout wout la,
Se konsa, pa dwe timid sou ki gen kesyon pandan sa a.
Yo pa ka wè ki moun ki nan poze kesyon yo sou anrejistreman an,
Se konsa, ou pral kòm anonim jan ou vle yo dwe.
>> Kite m 'plonje dwat nan, jis ba ou yon entwodiksyon rapid nan fenèt 8,
epi montre w yon kèk nan bagay sa yo sou Windows Store apps ke ou ta ka konsidere
kòm w ap panse sou yo pou devlope yon aplikasyon.
Nou ap chèche a fenèt 8. Nou te ap soti pou yon semèn koup kounye a.
Yon anpil nan fò adopsyon yo deyò deja.
Ou kapab gen pou wè deja machin yo Sifas ke nou gen kòm byen.
Genyen yon sou isit la aktyèlman ou ka pran yon gade nan si w ap isit la nan moun.
Mwen vrèman vle pale ak ou, montre ou nan yon ti kras sou fenèt 8.
Lide a ak fenèt 8, li vrèman pote pou pi devan tout bagay la ou konnen sou Windows
nan kèk eksperyans nouvo - an patikilye, bagay sa yo tankou sou machin nan andigman ak touche,
sa yo kalite ki gen plis aparèy mobil ki kounye a yo sou mache a,
men li la tou Windows nan nwayo li yo.
Se konsa, sa vle di ou ka enstale li vrèman sou anyen ki kouri Windows 7,
soti nan pi gwo trip SLI bank mare ou desann nan laptop ou
ak klere nouvo aparèy lòt ou ke ou ta ka ranmase jodi a.
Yo pral kouri fenèt 8.
Mwen pral montre w alantou jis yon ti jan ti kras,
ak tout eksperyans sa yo ke ou pral wè isit la yo se bagay ke ou ka kreye.
Lide a se si li nan touche, sourit, klavye,
tou sa aparèy la se ke w ap kouri aplikasyon w lan sou li a, li pral kouri gwo.
Fenèt 8 ap ede ak tout senaryo sa yo.
>> Sa yo glisad sou kote, kite yo jis jwenn dwa nan pran yon gade toutotou isit la.
Kite m 'montre w alantou ekran lakay mwen. Sa a se ekran Start m 'yo.
Mwen pral jis ba ou yon ti kras nan yon vwayaj isit la.
Mwen se sou yon machin ki pa touche, se konsa kòm anpil jan mwen vle manyen ekran laptop m 'yo,
li pa pral fè yon bagay, se konsa mwen pral jis woulo liv alantou isit la yon ti kras epi fè li montre ou.
Men kèk bagay ou ta ka remake yo se lefèt ke sa yo sa yo rele mozayik ap viv
aktyèlman ka enkouraje, epi yo ka bay enfòmasyon ou -
petèt nouvèl sou estatistik pou yon jwèt
oswa montre ou nouvèl ki sòti kèk nan apps yo pi bonè ke yo isit la ki sou bò gòch-men yo.
Gen nou ale. Mwen si ke li a sèlman pozitif ak fantastikman gwo nouvèl.
Ou ka wè isit la li vrèman rele atansyon ou tounen nan app a, li di:
"Hey, gen nan yon bagay nouvo isit la. Pran yon gade. Vini non tounen nan ak wè sa ki nouvo pou ou."
Sa yo rele mozayik ap viv, epi ou ka fè notifikasyon
swa dwa soti nan aplikasyon nan tèt li
oswa si w pran yon gade nan plis detay, w ap jwenn konnen kouman ou kapab ekri yon sèvis aleka
ki ka aktyèlman pouse enfòmasyon nan mozayik la,
ki se sa k ap pase ak sa yo apps nouvèl.
Yo ap aktyèlman ap resevwa nouvèl soti nan nwaj la ak jour mozayik nan dwa gen
Se konsa, moun ki konnen gen yon rezon ki fè yo louvri moute aplikasyon an ak pran yon gade
nan tou sa dènye nouvèl la se nan nenpòt nan sa yo
oswa si gen nan nouvo resèt oswa yon nouvo nòt segondè bat
oswa yon jwe zanmi oswa kèlkeswa sa sou aplikasyon sa yo.
Li nan yon bagay yo vle al pran tèt ou tounen pous
Se konsa, sa a, se twil yo ap viv, epi li te kapab fè yon moun, li te kapab fè yon sit entènèt kòm byen.
Anjeneral li nan yon aplikasyon.
>> Bèl anpil tout bagay sa yo ke mwen gen isit la te soti nan Windows magazen an. Mwen pral lanse sa a.
Se youn nan aplikasyon yo ke ou jwenn pa default
sou nenpòt ki machin ki ap kouri fenèt 8.
Ou ka vin isit la jwenn anyen ou ta vle,
soti nan bagay sa yo ke yo make nan jwèt ke mwen pa te wè anvan.
Oh, Wow, nou te gen yon nouvo biyar isit la.
Ou ka enstale sa yo dwa isit la soti nan magazen an,
epi n ap pale sou fason yo devlope sa yo.
Ou gen yon anpil nan chwa ki genyen nan fason ou kreye yo.
Nou pral konsantre nan sou istwa a JavaScript ak HTML ak CSS,
men yo itilizatè a, nan achtè a nan app a, li pa gen pwoblèm ki sa li te ekri pous
Yo ka ale pi devan epi travay avèk li.
Mwen entrige pa yon sèl sa a, se konsa mwen bezwen louvri sa a leve, li pran yon gade.
Chak app, ki gen ladan sa yo ki ou ka soumèt ak vann oswa fè kado pou gratis,
tou sa ou vle fè nan magazen an, ap resevwa yon paj lakay tankou sa a.
Ou ka soumèt avèk aplikasyon w lan yon pakèt moun sou vaksen ekran - ou wè kèk isit la -
detay sou aplikasyon an, ak sou tan ou pral akimile tou de evalyasyon -
yo ap fondamantalman jis Rating nan zetwal - ak revizyon,
ki bay yon ti jan ti kras pi plis insight.
Aktyèlman, yon moun gen yo tape yon bagay e yo fè w konnen kouman pè ou yo,
e ke pral antre nan seksyon Reviews ou sou isit la, ki mwen pa t 'gade.
Kokenn. "Pa pral menm louvri." Ki jan gwo.
Oke, pou jan yo pou moun sa a te fè ouvè ak kouri, yo sanble yo vrèman renmen li. [Ri]
Kenbe sa a nan tèt li. Entènèt la. Nenpòt moun ka di sa yo vle sou aplikasyon w lan.
Se konsa, asire w ke ou ap fè yon bon travay ak li,
asire w ke ou ap fè li kòm konfòtab pou itilizatè a jan ou kapab
paske yo se yon koup klik lwen bay yon revizyon,
ak ki pral akimile jiska Rating an jeneral revizyon ou.
Apre sa, ou vle fè pi byen ou paske w ap ale nan dwe atake aplikasyon pou lòt.
Li pral fè dè milye de apps deja nan magazen an,
ak chans yo se, gen pouvwa pou yon bagay ki fè menm jan an fonctionnalités nan sa w ap fè.
Se konsa, si ou ka reyèlman kanpe soti nan mitan foul moun yo, ki k ap pase yo dwe nan avantaj ou, nan kou.
>> Nou pral jwenn nan magazen an yon ti kras pita sou.
Mwen vrèman vle konsantre sou kreye apps.
Men, vèsyon an kout nan magazen an se distribisyon atravè lemond,
li nan otomatikman yon pati nan fenèt 8, moun ki jis dife li leve, li pran yon gade nan divès kalite apps isit la,
ou gen rad-up fich Liv la ak tout kalite divès kalite apps.
Penti fre, mwen sèvi ak sa a yon anpil - mal, men mwen sèvi ak li anpil.
Li nan ki montre m 'mwen deja posede li.
Kite m 'moutre ou yon bagay mwen pa gen - UVideos mwen pa gen kòm mak nouvo.
Ou wè isit la li gratis, konsa ou ka enstale li dwa soti nan magazen an.
Ou gen chwa tou. Ou ka nan kou bay byen lwen ou.
Ou ka mete piblisite nan app a oswa jwèt.
Ou kapab tou frè pou peye pou li, epi ou ka trè fasil bay yon jijman pou aplikasyon an kòm byen
pou ou kapab kite jan eseye li pou yon semenn oswa sa ou vle yo fè.
Se jis customizable nan pòtal la. Ou pa ekri nenpòt Kòd pou sa.
Se konsa, ou di, "Ou ka itilize sa a pou yon semèn e Lè sa a, ou te gen yo achte li,"
oswa ou ta ka fè bagay sa yo tankou, "Ou te kapab jwe premye 3 nivo yo nan jwèt sa a
"Ak Lè sa a, ou te gen yo achte jwenn aksè nan rès la."
Ou te kapab menm fè acha nan-app kòm byen, konsa ou ka di,
"Nou te gen avantur oswa kouche nan grafik oswa bagay sa yo ke yo klete an plis -
"Plis resèt ke yo klete -. Si w achte sa yo ansanm pwolonje"
Apre sa, ou kapab fè ke tout nan app a oswa jwèt tèt li.
Se konsa, totalman jiska ou, chwa w la.
Genyen yon bann bagay sa yo ke ou ka fè nan magazen an,
ak Lè sa a, fondamantalman w ap soumèt li nan yon kanal sètifikasyon.
Nou ka pale tout sou sa yon ti jan ti kras pita sou li a, men sa a se objektif la.
Ou vle jwenn app vizibilite atravè lemond ou nan magazen an isit la.
>> Retounen sou ekran an kòmanse isit la, mwen ta renmen montre ou otou yon ti kras pi plis.
Si m 'lanse sa yo apps, kite m' ba ou yon egzanp nan kèk fonctionnalités kwa-app isit la.
Pou fè sa, mwen pral lanse Penti fre.
Youn nan bagay ou pral wè isit la se chak ti sèl nan ekran an,
tout piksèl nan ekran an, ale nan app ou.
Gone yo jou yo ki kote ou gen sou fwontyè sa yo bò kote fenèt
avèk anpil bouton ki toujou la ap pran moute espas tout tan tout tan an.
Koulye a, ou reyèlman vle jwenn lwen ke ak jis gen kontni ou dwe konsantre nan.
Nou ka fè bagay sa yo ak fenèt pa au lòt kalite meni.
Youn nan yo se aktyèlman sa ki rele ba a cham,
ak li vini soti nan bò a nan ekran an.
Ou ka aktyèlman flache ki sòti bò kote si ou gen yon ekran ou annik touche,
ou ta ka dwa klike sou si ou gen yon sourit, gen yon chemen kout klavye pou li,
gen nan toujou plis pase yon sèl fason yo fè yon bagay ki nan anviwònman an isit la.
Ki pote soti yon kantite bagay ke ou ka fè.
Pi evidan an se ou ka ale tounen nan ekran an Start,
men lòt 4 nan yo se sa yo rele cham.
Yo se kontra ke ou ka ploge nan kòm yon pwomotè app. Yo ap trè fre.
Search, mwen se asire w ke se yon bagay w ap ale nan fè sa,
pataje mwen pral montre w nan yon dezyèm fwa,
ak aparèy ak Anviwònman, sa yo se tout bagay sa yo ke app ou kapab ploge nan
ogmante Windows, yo di, "Mwen te fè pati mwen
"E mwen vle Windows sipòte kèk lòt fonctionnalités,
"Epi mwen pa vle ekri yon anpil nan Kòd fè ki rive."
Sa ki nan vrèman yon benefis pou yo sèvi ak karakteristik sa yo.
Kite m 'moutre ou yon sèl.
Pou fè sa, mwen pral fè yon tablo nouvo.
Mwen te pale tou sou lè l sèvi avèk chak pixel pou app ou.
Pa default, sa a se sa app a penti abazde sanble lè w ap sèvi avèk li.
Li nan reyèlman jis sou tou sa w ap fè desen, kontni ou.
Mwen te kapab fè bagay sa yo tèrib isit la. Kisa mwen ta dwe trase? Mwen pa konnen.
Majigridi? Oh, gwo. Mwen kapab fè majigridi. Kokenn.
Yon kodenn? [Ri]
Sa a se kodenn ki pi abstrè ou pral wè.
Mwen kapab tou pote moute sa ki rele ba a app,
ak sa a se vrèman youn nan fason ki kle ke ou ka itilize
yo kache lwen tout bagay la ki ta ka yo te sou app ou a oswa jwèt anvan
jis pran moute espas tout tan tout tan an.
Se konsa, kounye a ou ka mete l 'moute isit la, ak sa a se vrèman youn nan eksperyans yo pi bèl
ak ba a app pou m 'te wè.
Mete chwa ki genyen yo isit la pou chwazi koulè diferan.
Nou te vle yon kodenn, se konsa nou pral mete kèk mawon isit la, kòmanse melanje nan yon koulè koup.
Nou pral pran yon koulè entèmedyè isit la ak Lè sa a, jwenn tounen isit la.
Ou ka kòmanse fè desen. Genyen kodenn ou. Kokenn.
Mwen pa ka trase yo kòmanse avèk yo, men yo fè l 'ak yon touchpad nan devan yon odyans lan se menm pi bon.
Sa a se pè.
Lide a, menm si, se tout bagay ke mwen pran swen sou ki dwa isit la sou sifas la.
Se pou nou di mwen se konsa satisfè ak sa a ki mwen te gen yo pataje li ak yon moun.
Nòmalman sa w ta fè ak lòt vèsyon an Windows,
ou ta petèt pran yon piki ekran, ou ta fè kèk kopi-keratin nan tèks ou
oswa bagay sa yo tankou sa ki ou vle pataje soti,
ak Lè sa a, ale epi louvri moute yon lòt aplikasyon li mete l 'nan li.
Isit la ou pa bezwen fè sa.
Ou ka aktyèlman pote soti ba a cham ak di, "Mwen vle pataje sa a."
Nan pwen sa a li a pral montre w tout apps yo
ki konnen ki jan yo travay ak tou sa se ke yo te pataje.
Nan ka sa a li nan yon foto, se konsa li pral vle di, "Mwen wè ou te gen yon foto."
"Ou vle pataje sa?" Ou ka wè m 'voye yon imèl ba tèt mwen stuff tout tan tout tan an.
Li rekonèt ke, epi li ofri m 'ke kòm yon chemen kout,
men li la tou ki montre m 'chak app ki konnen ki jan fè fas ak pran yon foto
ak fè yon bagay ak li.
Sa yo te tout endike nan Windows yo ke yo ka fè sa.
Nan pwen sa a sa a se fenèt yo.
Itilizatè a jis chwazi sa yo vle fè ak li.
Mwen pral fè abityèl mwen an PuzzleTouch. Ou ka wè mwen te kreye tout kalite Jwèt kastèt sou tan.
M ap pran PuzzleTouch ak di, "Mwen vle pataje kreyasyon sa a etonan ak PuzzleTouch."
Li ale nan ale pi devan epi di, "Great. Ou vle pataje sa a? Kokenn."
"Ou vle fè yon devinèt sa a, se fasil, entèmedyè, kèlkeswa sa?"
Mwen pral fè yon yon sèl entèmedyè isit la.
Li fè devinèt la. Li pral fè yon devinèt terib paske li nan sitou vid.
Men, li la tou pare, epi li aktyèlman tounen nan lòt aplikasyon an.
Si m 'soti isit la, mwen kapab fè rechèch pou li ak lanse l'.
Koulye a, si nou woulo liv sou jis yon ti jan isit la, nou ta dwe wè kreyasyon m 'yon kote.
Ki kote te fè m 'ale? Ki kalite devinèt t 'mwen fè? Eske se mwen fè li fasil?
Oh, la li ye, ki la a.
[Chuckles] Li nan devinèt la kodenn fasil rekonèt sa a, se isit la.
Men, bagay la mwen vle pwen soti nou la a, bagay la fre isit la
se apps yo pa t 'konnen anyen sou youn ak lòt.
Yo sèlman di konsa, "mwen te gen yon foto yo pataje, epi mwen konnen ki jan fè fas ak foto yo."
Epi ou kòm yon pwomotè, ou pa bezwen ekri ke kòd.
Lè yon moun mande m 'yo pataje, mwen pral mete kèk done nan sa a estrikti done ti kras
ak mwen se fè.
Lòt app a pran sou, fè bagay li yo, e ke sa a nan fen eksperyans nan pataje.
Se jis yon sèl bagay ke ou ka fè - reyèlman, reyèlman pwisan -
ak li pral yo dwe youn nan bagay sa yo ki te kapab reyèlman ede diferansye app ou
epi tou li jwèt ou a twò nan magazen an.
Moun yo pral pou kapab di, "Sa a se reyèlman itil."
"Mwen itilize sa a kreyatè devinèt tout tan tout tan an. Li nan kokenn."
>> Sa a sou ase nan yon bwèf BECA de sa k ap pase sou isit la.
Genyen yon koup lòt karakteristik twò ke petèt nou pral mete aksan sou jan nou ale nan kòd.
Men, mwen vle plonje nan glisad, ak fè sa, mwen pral pou yo ale nan Desktop,
ki se tèt li yon lòt mozayik ap viv isit la.
Mwen ka ale nan sa a epi, asire w ke ase, mwen se sou glisad m 'yo,
Men, kite m 'moutre ou aktyèlman kote nou ye.
Nou aktyèlman nan Desktop mòd.
Sa a se vrèman kote sa mwen te di anvan sou Windows pote pou pi devan
nan nouvo eksperyans montre tèt li.
Sa a se fenèt yo ou konnen.
Aplikasyon pou Windows yo rele yo apps Desktop. Yo kouri isit la.
Si ou te deja egziste apps, epi ou vle kouri yo sou fenèt 8,
ou ka absoliman fè sa.
Sa yo se pa menm bagay ak apps yo magazen yo, ki se plis pase isit la,
tankou penti fre ak sa yo apps NBC Nouvèl ak bagay sa yo tankou sa a. Moun sa yo ki ap soti nan magazen an.
Yo kapab ploge nan kèk nan karakteristik yo ke mwen te montre ou
ak lòt moun ke mwen pa te montre ou jis ankò.
Men, jis kenbe ki nan tèt li. Nou gen sipò pou tou de nan bagay sa yo tou.
Mwen regrèt. Se yon bagay ki pa ki montre sou ekran an? Mwen te pèdi l 'nèt. Sa a enpè.
Oke. Mèsi pou montre ki deyò.
Ki sa ou pa te wè pou yon ti tan se mwen ki montre ou ke Desktop la se isit la.
Ki sa ki se bagay la pase ke ou te wè? Èske ou te wè sa a?
Sa a se Desktop la. Ou deja konnen sa li sanble.
Li pa gen anyen fò anpil dwòl.
Li nan nou pote ke eksperyans pou pi devan pou ou ak pou kite ou sèvi ak bagay sa yo ke ou te gen.
Pou egzanp, mwen pral montre ou izyèl estidyo. Sa se yon aplikasyon Desktop.
Li pral kouri nan mòd sa a.
Li pral sipòte yon anviwònman pi konplèks
avèk yon anpil nan opsyon ak bagay sa yo tankou sa a, se konsa li fè li yon bon chwa kòm yon app Desktop.
>> Sa te di, se pou yo ale nan glisad pou jis yon ti kras
ak ba ou kèk kontni entwodiksyon ak Lè sa a, jwenn nan aktyèlman kod isit la.
Men bon nouvèl la Mwen te konn tande ou ve yo te konsantre sou yon anpil nan CSS ak JavaScript, HTML.
Tout moun nan bagay sa yo ke ou ve yo te aprann pote dirèkteman nan fè Windows Store apps.
Bagay sa yo ke ou ve yo te tande sou ak aplike seleksyon CSS ak tout bagay sa yo
se egzakteman sa w ap fè yo kreye yon aplikasyon isit la pou magazen an.
Nou pral ale nan sa yo ti jan bagay sa yo pa ti jan.
Fondamantalman, mwen bati sou bagay la ke ou deja yo te pran tan nan aprann.
Sa a se tablo a an jeneral nan teknoloji yo ke ou ta ka sèvi ak
fè aplikasyon pou fenèt 8.
Bagay la sou bò dwat la, apps yo Desktop, se reyèlman sa nou deja konnen.
Sa a bagay ki se reyèlman mond lan Windows 7 te pote pou pi devan nan fenèt 8.
Tout moun nan opsyon sa yo pote pou pi devan: C #, VB, Win32 kalite devlopman.
Great. Pa gen pwoblèm. Bagay la nouvo se sou bò gòch-men yo.
Sa a Windows Store apps, ki nan lè m 'vle jwenn aplikasyon mwen an branche nan fenèt 8
lè l sèvi avèk tout karakteristik sa yo, jwenn li nan magazen an, epi pou yo jwenn ke eksperyans vrèman fre
nan aplikasyon yo Fenèt Store.
Pou fè sa, ou ka wè isit la ou te gen tout chwa ou a ak XAML, C + +,
C #, VB, ou ta ka fè Directo, bagay sa yo tankou sa yo, bagay ki ale pi lwen pase glise la.
Men, pou nou, nou ap ale nan konsantre dwat nan sou lefèt ke HTML, CSS, ak JavaScript
yo se reyèlman yon sitwayen ameriken premye klas pou fè aplikasyon pou fenèt 8
ak pou Windows magazen an.
Se konsa, sa a se yon bon bagay pou tout moun isit la ak jan l ap gade sou videyo
paske ou ka jis ogmante tout moun sa yo eksperyans ke ou gen
ak reyèlman mare nan sa ki Windows ofri.
W ap ale nan fè sa atravè yon seri APIs, ki ta dwe pa gen sipriz.
Chak OS gen APIs pwòp li yo.
Nou ekspoze sa ki Windows ka fè nan sa ki rele WinRT.
Li nan yon seri APIs ki jis fè tout bagay pou ou.
Si ou bezwen louvri dosye, ou bezwen sèvi ak kamera a, jeolokalizasyon, bagay sa yo tankou sa yo,
yo ale nan sa ki Windows ka ofri ou.
Pou jwenn aksè a sa, nou gen kèk JavaScript plis ki nan ale nan fè li menm vin pi fasil
pou ou pou w fè sa. Nou pral jwenn ke nan yon ti moman.
Men, pou kounye a, sa a, se fondamantalman kat wout ou.
Bagay sa yo ke ou te deja te fè sou tèt kèk APIs
ki ede ou travay avèk Windows egal app magazen.
Apre sa, sa ki nan vrèman sou tout sa ou dwe konnen nan nivo segondè.
>> Nou pral plonje nan aktyèlman ap travay avèk bagay la kounye a.
Bagay sa yo ou te pwobableman deja wè yon pakèt moun sou,
ak IE9 yon ti kras pandan y ap tounen nou prezante sipò pou yon anpil nan la, nan moman an,
plus estanda nan entènèt la, se konsa yon anpil nan nouvo karakteristik CSS,
yon anpil nan nouvo HTML, ECMAScript 5, ki se reyèlman JavaScript.
Se konsa, tout bagay pou ke eksepte pou mòd strik te nan IE9.
Jis yon tòn bagay ak CSS, CSS3, tout an la.
Apre sa, tout bagay sa a pote pou pi devan nan sa n ap fè ak fenèt 8.
Ou ka sèvi ak bagay sa yo, epi ou ka sèvi ak tout bagay ki nan nouvo nan IE10.
Avèk IE10 nou entwodui sipò pou tout bagay sa yo tou.
Yo ap tout pyès ki nan konpitè-akselere, kidonk si w ap sou yon machin ki gen kèk kalite GPU,
ki se pwobableman bèl anpil chak machin ki ou ta ka pran nan 8 ane ki sot pase,
w ap ale nan kapab gen pwodiksyon pyès ki nan konpitè-akselere,
pwodiksyon vizyèl ak CSS, mak, SVG.
Tout bagay sa yo pral ale nan akselerasyon kenkayri
yo epi yo dwe ki anpil pi vit ak pi efikas.
Vèsyon an kout nan tout bagay sa yo - I'm pa pral yo ale nan tout bagay yon sèl isit la -
si ou wè l 'sou lis sa a, si ou kapab fè l' nan IE10,
si li nan yon app web ke w ap kouri ki ap travay nan IE10,
li nan yon bagay ou ka fè kòm yon app Windows Store.
Epi sa a, bèl anpil li. Se konsa, si li travay nan IE10, li ale nan travay kòm yon app Windows Store.
Li nan sou tab la kòm yon bagay ke ou ta ka itilize.
>> Genyen yon anpil isit la. Nou pa gen jiska minui, se konsa mwen pa ka revize tout bagay isit la.
Men, gen kèk sit ki pral ede w konprann ki sa bagay sa yo ka fè,
epi mwen pral montre w yon sèl nan yo nan yon dezyèm fwa.
Mwen jis te vle pwen soti yon kèk nan bagay sa yo kle ke ou ta ka gade.
Petèt ou te deja wè kèk nan sa yo nan syans ou a,
men sa yo se reyèlman itil, an patikilye ak fenèt magazen apps, ki soti nan bò a CSS.
Se konsa, ke yo te kapab fè transfòme ak tranzisyon, bay mouvman ak animasyon -
sa yo, se tout yon pati nan CSS kounye a, epi yo tout ap sipòte pa navigatè modèn,
ak IE10 ak IE9 te ajoute sipò apre yon sèten tan pou tout bagay sa yo.
Se konsa, poukisa ekri li tèt ou, poukisa ale nan tout pwoblèm nan nan fè bagay sa yo nan men
lè ou ta ka sèvi ak yon CSS senp transfòme yo kreye yon efè 3D pou aplikasyon ou a?
Great. Sa a kijan li fonksyone.
Mwen pa ka fè l 'nenpòt ki pi difisil pase sa.
Si ou konnen ki jan yo fè l 'nan CSS, ou konnen ki jan yo fè l' nan app a Windows Store.
>> Ale pi lwen pase sa pou layout, bagay sa yo tankou menm app a magazen,
Men, ale pi lwen pase sa, gade nan petèt yon app nouvèl ki nan ki montre ou atik
oswa resèt oswa bagay sa yo tankou sa a, lòt sa yo kalite karakteristik nan CSS yo se reyèlman itil:
Gri, Flexbox, CSS rejyon se plis nan yon estanda jistis nouvo kòm byen.
Tout bagay sa yo, yo tout pwal ede ou kouche soti kontni ak koule kontni ant seksyon,
kapab fè pajinasyon ak sezur san yo pa ou gen yo ekri bagay la tèt ou.
Ou jis di, "Tanpri fè bagay sa yo pou m ',"
epi kòm ekran byen imobilye a se diferan sou machin diferan
oswa kòm ou pral wè nan yon moman, menm jan ou menen yon aplikasyon
gen pi piti kantite lajan nan espas sou ekran an, ki nan pa gen okenn pwoblèm pou CSS.
Li kapab pran avantaj de - we'll pale sou medya demann nan yon dezyèm -
li ka pran swen de bagay sa yo ak replace kontni ou a, ap koule tankou dlo kontni ki sòti nan rejyon
jis ak sa yo bagay sa yo ke ou kapab te deja wè ak teknoloji entènèt.
>> Sou bò HTML5, genyen tou yon pakèt moun sou bagay sa yo
ki pral trè itil pou ou ak fenèt magazen apps.
Yon fwa ankò, nou pa pral ale nan tout nan bagay sa yo, men yo ap jis isit la.
Se konsa, si ou bezwen sèvi ak li, odyo-videyo, si ou vle fè validation ki soti nan fòm,
jeolokalizasyon yo, tout bagay sa yo ou kapab fè nan JavaScript ak JavaScript 5 oswa ECMAScript 5,
IndexedDB pou depo lokal - sa yo, se tout opsyon pou ou.
Si ou ap chèche pou yon repons, jis gade nan teknoloji ki egziste deja ak HTML5 ak CSS
epi ou ap jwenn pi fasil repons pase gen woule nan yon anpil nan ki bagay tèt ou.
Kite m 'montre w alantou yon ti jan isit la.
Mwen te gen yon sit nou ka ale nan.
Kite m 'kite soti nan glise sa a pou yon dezyèm fwa.
>> Si nou soti al IETestDrive.com,
M'ap fè pa anpil nan yon Demo isit la.
IETestDrive.com se reyèlman ki montre ou yon anpil nan sa ki nouvo ak IE10,
bagay sa yo ke ou ka fè.
Mwen jwenn sa a se vrèman itil paske olye pou yo lekti atravè yon pakèt moun sou papye blan,
gade nan yon Demonstrasyon kèk, e ke sa a pwal ede ou mete l 'sou pwòp rada pèsonèl ou
pou konnen si yon teknoloji fè sans nan menm fè nenpòt rechèch plis ak
Se konsa, ou pral konprann, "Mwen wè sa ki sa a se pou."
"Mwen konprann sa Mande Animation Ankadreman fè pou mwen."
"Mwen konprann ki jan mwen te kapab sèvi ak rejyon oswa filtè SVG."
Ou wè yo nan aksyon, wè yo sou yon egzanp isit la,
epi deside pou tèt ou si sa k ap pase a ap itil pou ou nan pwòp pwojè ou a ak pi lwen
jan ou kontinye travay avèk teknoloji entènèt.
Men mwen ta jis ankouraje w pran yon gade.
Mwen pa panse mwen pral pase anpil tan aktyèlman kouri sa yo.
Nou te gen ase yo montre avèk kòd ekri.
Ou pral wè isit la bagay sa yo soti nan manyen efè a manyen ki baze sou jwèt nan seksyon sa a,
animasyon, reyèlman vit pyès ki nan konpitè-akselere animasyon a,
kèk optimizasyon ke ou pral wè nan kèk nan echantiyon sa yo kòm byen,
ak gen nan anpil, anpil plis.
Si ou ale sou isit la ak ouvè kat jeyografik la sit,
gen nan jis yon nimewo ridikil nan echantiyon isit la.
Ou ka wè yo tout isit la.
Si ou ap chèche nan yon bagay oswa ou konn tande pale sou yon bagay
, epi ou ap mande petèt sa a ta ka yon bagay fre yo itilize nan app a,
eseye kap isit la, e gen la pwobableman yon Demo trè bon pou li pou konsève pou tèt ou kèk tan.
>> Okay? Nenpòt kesyon byen lwen tèlman pou jan yo isit la?
Oke. Nou pral pote sou isit la.
Yon fwa ankò, jis tcheke ke deyò.
Yo se estanda entènèt, se konsa ale nan nenpòt sit vitrin lòt ke ou konnen nan
epi wè si teknoloji sa yo ki fè sans pou ki sa w ap eseye fè.
>> Retounen nan glisad.
Sa te di, ou yo ap deplase soti nan yon mond sit entènèt reyèlman yon mond aplikasyon lokal enstale,
Se konsa, gen kèk bagay nan pwen soti isit la.
Premye a tout, gen nan pa gen sèvè wèb patisipe isit la.
Gen nan pa gen Apache, gen nan pa gen ii kouri isit la
sèvi moute paj nan yon kliyan aleka, nan yon ajan navigatè aleka.
Nan ka sa a, se reyèlman tout bagay pake moute pou ou.
Ou soumèt ke kòm aplikasyon w lan nan magazen an, li vin sètifye,
li nan soti nan magazen an, ak Lè sa a, moun ki pa dè milye yo pral enstale jwèt ou oswa app ou.
Men, fondamantalman, yo ap rale li desann lokalman nan machin yo.
Genyen okenn nesesite yo ale soti nan entènèt la ankò sof si ou gen apèl ki bezwen yon API aleka,
e ke sa a pafètman nòmal kòm byen tou.
Men, yo pa ap ale nan dwe nan ki mòd kote yo gen yo ale repons demann ki sòti nan yon sèvè
jwenn pwochen paj la sou kontni yo.
Se konsa, ki te di, gen nan yon kèk diferans ki genyen API minè. Sa yo se ekstrèmman minè.
Yo ap fasil yo frape ou nan kodaj nòmal ou, men yo ap omwen dokimante.
Yo ap kalite kwen ka a.
>> Bagay la lòt vo montre yo se diferans ki genyen konfyans.
Mwen sèlman mansyone sa a paske mwen jis vle asire m 'te di l'
Se konsa, si ou kouri antre nan li pita, ou pral panse ke, "Chris di yon bagay sou sa a,
"Se konsa, petèt, yeah, oke," ak Lè sa a, ou tounen ladan l epi ou konnen ki sa sa te pase.
Kontèks gen pwoblèm.
Pa default nou eseye pwoteje itilizatè a soti nan vektè nan atak la.
Gen kèk bagay ke ou ka fè pa default
ak sèten bagay ou bezwen chanje kontèks yo ki ap pèmèt.
Kòm w ap itilize kèk bibliyotèk yo deyò - you've te deja ap travay ak jQuery,
Men, si ou gade pou lòt bibliyotèk yo deyò - ou ka lè l sèvi avèk kèk fonksyonalite
ki kalite ale pi lwen pase l 'lokal yo, entèraksyon plis dinamik
Demann XHR, bagay sa yo tankou sa.
Pafwa ou ta ka jwenn sa yo pral enfim pa default,
ak nan ka sa a, jis fè yon rechèch, gade pou kontèks lokal yo ak entènèt,
ak w ap jwenn konnen kouman ou kapab ranje sa a.
Jis asire w ke ou te konnen osijè de ki jan ou kòmanse sèvi ak lòt cadres,
ki, m 'ta dwe mansyone, w ap parfe kapab fè.
Se konsa, si ou jwenn kèk lòt kad - we'll pale sou sa a nan yon dezyèm -
pou bank, epi ou vle sèvi ak sa a, ou vle itilize kèk bibliyotèk kontwòl ki deyò
epi ou pa vle ekri ke bagay tèt ou - li nan yon bon lide, dwa? -
ou ka absoliman sèvi ak bagay sa a.
Pa gen anyen ki kenbe ou tounen soti nan lè l sèvi avèk nenpòt ki kalite bibliyotèk ki nan ki baze sou JavaScript,
CSS, HTML5.
Yon fwa ankò, si li nan yon bagay ou kapab fè nan IE10, ki se yon èk nan yon anpil jou sa yo,
ou ka fè li.
Rale l 'nan app ou a, referans ki JavaScript bibliyotèk, epi sèvi ak li nan aplikasyon ou lan,
jis kenbe nan tèt ou ou ta ka frape yon kontèks sekirite yon fwa nan yon pandan y ap - pa trè souvan.
>> Lè sa a, karakteristik yo ki, nou pral ale sou yon tijan plis nan sa yo jan nou ale.
Uks a ou pral kalite jwenn itilize kòm ou wè pi plis ak plis aplikasyon pou
soti nan fenèt magazen an.
Ou jwenn yon santi yo pou jan yo travay ak ki jan ayestetik nan konsepsyon gen tandans nan travay
atravè aplikasyon pou diferan ak sa moun ap dwe itilize yo fè eksperyans.
Sa ki nan vrèman yon pati enpòtan sa a.
Asire w ke lè yo dife moute app ou yo pa bezwen li yon manyèl,
ki yo pa janm fè, nan chemen an.
Yo ta dwe jis pral kapab kòmanse jwe ak aplikasyon ou lan
ak lè n ap kalkile li soti san difikilte anpil.
Pa rete soude ak konfòme yo avèk yon anpil nan pratik sa yo,
w ap ale nan fè itilizatè ou yon gwo favè yo, ki fè ke pi fasil.
>> Oke. Youn nan bagay dènye sou bò API ak Lè sa a, nou pral jwenn nan aktyèlman ekri kòd.
WinJS se ke bagay mwen mansyone trè yon ti tan ak ki glise konplèks
ak tout chwa sa yo diferan ke ou gen pou fè aplikasyon yo.
WinJS, ou ka panse a li kòm yon zanmi.
Li nan zanmi ou a ede w ekri bagay pi vit.
Se jis JavaScript ak CSS. Ou pa oblije sèvi ak li. Ou ka sèvi ak li.
Si w ap ale yo dwe rele nan nan Windows karakteristik, ou pral fini lè l sèvi avèk li,
Men, si gen nan bagay sa yo tankou kèk modèl konsepsyon oswa kontwole ke ou reyèlman pa vle yo sèvi ak,
ou vle itilize yon lòt bagay, li moute nan ou.
Deside ki sa ou vle itilize ak estil sa yo ke ou vle itilize.
Karakteristik yo ki soti nan namespacing ak klas moun k'ap viv koulye - moute nan ou.
Si ou pito youn oswa lòt la, li antyèman chwa w la. Li la toujou JavaScript ak CSS.
Men, li pral ede w fè yon anpil nan bagay.
Pou egzanp, isit la nan yon sou nan ki sa li ka fè,
bagay sa yo tankou ede pwogram asenkron ak pwomès.
Yon moun pami nou tande pale de oswa te travay ak Node.js?
Li se yon modèl komen yo travay avèk pwogram asenkron.
Se konsa, fondamantalman sa w di a se, "Ale fè yon bagay,
"Ak w ap ale nan ban m 'yon pwomès ke ou ap tounen vin jwenn mwen lè w ap fè."
Sa a esansyèlman sa a pral sou.
Se konsa, ou pa jele moute aplikasyon w lan pandan y ap itilizatè a ki pral ak davwa yon dosye
oswa yon bagay se ke yo te difuze desann soti nan entènèt la.
UI a rete reponn.
Epi ou ka fè sa lè l sèvi avèk pwogram asenkron.
Li son ridikil konplèks, men li la reyèlman fasil paske w ap itilize pwomès
epi ou jis di, "Ale fè sa ak ki lè ou ap fè, rele tounen nan metòd sa a."
Sa a bèl anpil li. Sa a tout bati nan WinJS.
Li ale nan fè l 'yon anpil pi fasil yo ekri aplikasyon pou vrèman fleksib ak anpil pouvwa.
>> Ou ka wè rès la isit la, yon anpil nan Animations.
Pwobableman youn nan bagay ki pi enpòtan sou glise sa a se kontwole.
Mwen panse ke mwen gen yon antye - yeah, m 'fè.
Isit la nan yon egzanp nan sèlman kèk nan kontwole yo ke ou ka itilize nan aplikasyon w yo.
Sa a se tout dwat moute soti nan WinJS.
Ou pa ap ekri nou sa yo,
ou jis di, "Men ki jan mwen vle yo konpoze aplikasyon mwen an."
"Mwen pral sèvi ak yon View baskile Se konsa, mwen ka ale genyen ant foto diferan."
Mwen pa yo te montre ou semantik Zoom. Mwen pral montre w ke nan yon dezyèm fwa.
ListViews. Genyen GridViews.
Ou te deja wè yon griy kòm yon pati nan aplikasyon an magazen,
Se konsa, ke yo te kapab sèvi avèk blòk nan kontni ak defile nan tout sa.
Meni Flyout ou pral wè de tan zan tan.
Ba a app mwen te montre ou ak aplikasyon sa a fre penti kòm byen,
konsa ou te wè ki jan ou ka Customize ki pa mete bouton sou li
epi ki gen ki kache lwen lè ou pa pran swen yo sèvi ak sa a.
Sa ki nan vrèman totalman jiska ou yo sèvi ak.
Sa yo se tout kontwòl yo ki fè pati WinJS.
Mwen pral montre w ki jan fè sa yo nan jis yon dezyèm fwa, men gen nan pi plis pase jis sa a,
ak bagay la kle a se sèvi ak yo si ou vle, tanpri, delivre kèk tan.
>> Si ou gen lòt bibliyotèk kontwòl ke ou ta renmen yo sèvi ak, sa a, se parfe amann tou.
Bagay sa yo tankou jQuery UI fè yon anpil nan sa a kalite lide kòm byen,
bay plis kontwòl ki pwolonje sa ou kapab fè nan HTML ak JavaScript.
Se pou yo plonje pous Mwen te deja di ke. Sèvi ak sa ou ta renmen.
Jis kenbe nan tèt ou ke ou ta ka kouri antre nan kèk pwoblèm kontèks.
Men, ou kapab sètènman melanje ak koresponn ak tou sa kalite bibliyotèk w ap konfòtab ak yo,
ou vle aprann, ou vle itilize, pou konsève pou tèt ou kèk tan.
>> Se pou nou pale sou zouti jis pou yon dezyèm fwa.
Ou ka jwenn sa ou bezwen kòmanse travay ak fenèt magazen apps.
Lè m 'tounen soti, mwen gen twòp bagay yo isit la.
Si ou ale nan paj sa a, ki se dev.windows.com,
ou ka download tout bagay ou bezwen.
Kòm elèv yo, ou gen aksè nan plis pase piblik la an jeneral fè,
konsa ou ka resevwa ki pi wo fen vèsyon an vizyèl Studio.
Edwin mansyone ou ka deja ap resevwa Windows tou.
Men, an jeneral, pou tout devlopè, ou ka ale nan sit sa a
ak download tout bagay ou bezwen fè yon aplikasyon, ak li nan tout gratis.
Se konsa, gen se yon vèsyon gratis nan vizyèl Studio,
gen kèk zouti ki pral enstale ansanm ak nan ke -
tout bagay ou bezwen kreye epi teste aplikasyon w lan.
Li sèlman lè w ap ale nan pibliye aplikasyon w lan moute nan magazen an
ke w ap ale nan bezwen yon kont pwomotè.
Sa a twò Mwen kwè se gratis. Èske li gratis pou elèv yo kòm byen? >> [Guarin] Ki youn?
Kont lan pwomotè, soumèt a vrè. >> [Guarin] Wi.
Sa a plis bon nouvèl.
Ou pral ale gade nan sa a.
Li pral di pou yon moun pa default li nan $ 49.
Men, pa enskri pou ke kòm yon elèv.
Nou pral fè ou jwenn kèk enfòmasyon nan pwogram ou ke ou kapab jwenn yon kont pou gratis,
ak ki pral kite ou Lè sa a, soumèt aplikasyon ou dwa moute nan magazen an,
kòm anpil tankou ou renmen, ak nan tout sa bonte pral byento swiv.
Se konsa, sa a, se dev.windows.com.
Ou ka telechaje zouti sa yo ke ou ta ka bezwen soti isit la.
Men, si ou vle, ou kapab jwenn yon vèsyon pwosè nan Windows isit la,
men ankò, ou pa pral bezwen fè.
>> Lòt sou sit la - kite m 'pwen sa a yon sèl soti pou ou byen vit - se design.windows.com.
Sa ki te dev.windows.com.
Design.windows.com, ou ka devine kisa li la pou.
Li nan aktyèlman yon sit trè zanmitay. Genyen yon anpil nan bon enfòmasyon isit la.
Ou ka travay nan li.
Li pral ba ou kèk konsèy sou kèk bagay
ke petèt ou pa gen te panse sou anvan oswa te gen fè fas ak anvan,
tankou desine pou touche, desine pou diferan fòm faktè,
desine pou kapasite yo nan fenèt 8, bagay sa yo mwen mansyone anvan
tankou chache ak pataje, gen kèk bagay ki mwen pa t 'te pale osijè de ankò.
Yo ap tout ki nan lis isit, epi li yon seri trè bon nan paj dosye itil
ki pral ede w konprann ki jan fè yon sèten kalite aplikasyon an,
ki jan fè entèraksyon, ki jan fè fas ak UI a ak uks nan aplikasyon w lan.
Mwen ta rekòmande pou w pran yon gade nan sa a, espesyalman si w se nan kèk pwen
espere pibliye yon aplikasyon nan magazen an.
W ap ale nan vle konnen ki jan fè yon bon aplikasyon
paske mwen mansyone anvan, si ou pa fè sa, gen nan sa yo revize ankò.
Moun yo ale nan gen kè kontan.
Yo pa yo pral kapab jwenn bagay sa yo ke yo espere nan tout tanp zidòl yo dwat.
Pa gen moun ki vle ke yo rive ou.
>> Fè pi devan isit la, kite m 'fèmen ki desann.
Kounye a ke w konnen ki kote yo jwenn bagay sa yo, mwen pral montre w kouman yo aktyèlman kòmanse lè l sèvi avèk bagay.
Pou kòmanse, mwen pral aktyèlman montre w isit la yon egzanp nan apps Desktop sou ekran Start m 'yo.
Isit la ou ka wè vizyèl Studio, ou ka wè melanz ak lòt zouti pwomotè ke mwen gen.
Yo te gen yon mozayik yon ti kras diferan.
Sa a yo paske yo te apps Desktop,
ak nan ka sa yo yo ap tout ale nan lanse tounen nan Desktop mwen
vrèman jis kòm applications ke w ap itilize yo.
Se konsa, Windows eksperyans, li nan menm bagay la.
Yo pa, pou egzanp, tankou ak zam! oswa bagay sa yo. Kite m 'lanse yon sèl byen vit.
Aktyèlman, isit la nan yon yon sèl ki enteresan.
Sa a te devlope pa elèv yo ap travay an patenarya nan nèrd.
Aplikasyon konplè ekran, sa yo kalite eksperyans isit la.
Oh, ekran koupe bèl ak tout kalite plezi bagay.
Yo te devlope sa a. Nou ta ka kòm byen montre tout bagay la pandan ke nou ap nan li.
An reyalite, mwen te travay ak yo yon ti kras, te ba yo kèk konsèy sou bagay sa yo
paske yo t ap fè JavaScript pou aplikasyon yo.
Tanpri, mwen p ap pran kredi pou travay yo; yo te fè tout travay la.
Mwen jis te ba yo yon ti kras nan konsèy isit la epi gen,
Men, yo te fè kèk bagay gwo lè l sèvi avèk yon fen devan JavaScript
ak mare nan kèk motè fizik ak bagay sa yo fè yon anpil nan travay sa a.
Ale non. Ann wè si ki travay.
Wow, li toujou te travay. Tout dwa, bon. Men, ou jwenn lide la.
Yon app ekran plen, yon eksperyans vrèman bon.
Sa a se sipòte pa sèlman sourit m 'ak plim si mwen gen bagay sa yo tankou sa, men tou manyen.
Si mwen te gen yon ekran ou annik touche, mwen te kapab jis trase sou li epi li kontinye travay avèk sa a.
>> Yon sèl bagay mwen pa t 'montre, ak rezon an pou kisa mwen pote sa a leve
se mwen te vle gen yon lòt app montre w sa ou kapab fè,
ou ka aktyèlman pran aplikasyon pou nan Windows ak trennen yo sou bò a nan ekran an.
Se sa yo rele akrochaj yon aplikasyon.
Nan ka sa a, mwen te pran Inkarus ak mwen te ajoute li nan bò a isit la.
Li se kounye a nan SNAP vi, ak ki pèmèt m 'fè yon lòt bagay pandan y ap aplikasyon sa a ki gen la.
Pifò jwèt w ap jwenn pral jis tou senpleman pran yon poz.
Sa a nòmalman yon bagay desan fè sòf si jwèt ou a ka yon jan kanmenm echèl la desann
ak sa yo ki ti nan yon rezolisyon an, petèt tankou kèk kalite Komisyon Konsèy jwèt
oswa bagay sa yo tankou sa nan kèk okazyon.
Men, an jeneral, bagay la pi fasil fè ak bagay ki pi apwopriye pou fè pou jwèt
se pran yon poz aplikasyon an.
Pou aplikasyon pou tankou apps nouvèl, si mwen lanse yon sèl sa a ak Lè sa a, mwen menen li,
ou pral wè li aktyèlman chanje siyifikativman nan li montre kouman li a prezante done yo ba ou.
Isit la li a ki montre ou nan reyèlman yon chodyè plis vètikal ki enfòmasyon,
men mwen ka toujou absoliman sèvi ak fòm aplikasyon an.
Se konsa, li la toujou trè itil.
Lefèt ke li la nan yon View pi piti pa kenbe m 'nan lè l sèvi avèk ki app. Se konsa, panse sou sa.
Li nan yon bagay ke ou bezwen gen apps ou a fè nan kèk degre,
men li la jiska ou detèmine kijan fonksyonèl apps ou ta dwe
nan ki kalite yon anviwònman pi piti.
Kite m 'fèmen ke yon moun desann, epi ale tounen nan kote nou te isit la.
>> Edwin, ou te ajoute yon foto nan m 'deja? >> [Guarin] Yeah. >> [Bowen] Gade sa.
Al gade nan sa? Edwin te ajoute yon foto. [Ri]
>> Ann ale tounen sou isit la nan vizyèl Studio. Kite m 'lanse sa a pou ou.
Mwen te kapab klike sou mozayik la sou sa ekran Start.
Li mennen m 'tounen antre nan Desktop mòd, epi li lanse app a Desktop nan izyèl estidyo.
Sa a se Windows sa yo ke ou deja konnen.
Mwen ka ale pi devan epi kreye yon pwojè isit la.
Nou pral konsantre ankò sou JavaScript, HTML.
Mwen pral ale deyò epi yo chwazi moute isit la anba JavaScript, fenèt magazen.
Genyen yon nimewo nan modèl ke ou ka itilize.
Pou pwodiktivite, mwen ta rekòmande pou ou pran yon gade nan kèk nan lòt piti sa yo isit la
tankou gri a ak Split la.
Yo ap reyèlman itil si ou ap fè yon aplikasyon
ki nan ale nan genyen ki kalite konsepsyon ak navigasyon. Ou pral wè sa yo anpil.
Yon sèl la mwen jis montre ou te aktyèlman yon egzanp ki nan aplikasyon an gri.
Se konsa, si ou panse w ap ale nan dwe fè yon app nouvèl oswa yon lektè RSS
oswa yon bagay tankou sa ki boule ak antre miltip pou ki ou ta renmen montre detay a,
panse osijè de lè l sèvi avèk youn nan sa yo modèl jwenn te kòmanse byen vit
ak Pèrsonalizasyon li nan men la.
Men, jis pou mwen ka montre w tout pati yo nan k ap deplase isit la
Mwen pral kreye app a vid, ak Lè sa a, nou pral ale yon ti kras pi fon nan detay yo.
Mwen jis fè aplikasyon sa a vid isit la.
Li ale nan kreye pwojè a tout antye pou mwen.
Mwen pral louvri moute bagay sa yo ke mwen vle montre w pa default.
Kite m 'jis rale nan yon ti jan nou montre ou sa ki te kreye pou nou isit la.
Bagay sa yo ke w ap ale nan gade nan premye, yo tout default yo te rele.
Se konsa, w ap ale nan gade pou default.html, default.js, ak default.css.
Lòt bagay la nan pwen soti se ke nou deja gen yon referans nan sa ki mwen mansyone anvan.
Sa a se WinJS. Pa gen moun ki aktyèlman rele l Non long sa a isit la.
Li se WinJS, Windows Bibliyotèk la pou JavaScript.
Si ou louvri l ', ou ka wè li nan tout nan isit la.
Genyen dosye CSS diferan, gen nan JavaScript.
Li nan gen yo ede ou deyò.
Li nan reyèlman gen yo bay kontwòl ak estil ak lòt bagay ke ou ka jis itilize otomatikman.
Men, ankò, si gen nan bagay sa yo ou vle itilize olye pou an tèm de manier ak lòt kontwole,
li nan antyèman moute nan ou. Mwen pral montre w kouman yo sèvi ak yon koup nan bagay sa yo kounye a.
>> Retounen sou sou bò gòch-men nou, kite m 'moutre ou paj la HTML defo.
Ou te deja wè bagay la WinJS, ak sa ki nan vrèman tout sa ki k ap pase sou gen
avèk moun ki liy mitan an markeup, jis pote nan CSS la pa default
e pote nan yon koup la JavaScript dosye soti nan WinJS.
Ou pa bezwen yo dwe mèt nan sa k ap pase sou andedan sa yo dosye.
Li trè enteresan yo pran yon gade nan yo nan kalite revize sa ki ap pase nan gen
paske se la a trè enteresan entèmedyè ak avanse teknik ap pase nan la,
Men, bagay la bèl a kòm devlopè, ou ka jis pran avantaj de yo, jis sèvi ak yo
epi yo pa vrèman gen enkyete sou li.
Ou ka toujou kondwi yon machin san yo pa gen konnen ki jan li fonksyone, dwa?
Se konsa, sa a, se ki kalite bagay ki k ap pase sou isit la.
Genyen kontwòl ak estil ak lòt bagay ke ou ka jis ale pi devan epi sèvi ak
ak kòd ke ou ka itilize nan yon dezyèm san yo pa gen konnen sa ki nan la.
Isit la yo se dosye pwòp ou yo.
Sa yo se kote ou ke ou ka chanje CSS pwòp ou a
ak pwòp JavaScript ou a jwenn bagay sa yo woule.
Ou pral ajoute sètènman lòt dosye JavaScript e petèt lòt dosye CSS
kòm pwojè ou a ap grandi, men sa a se vrèman jis yon pwen depa.
Isit la se Bonjou a, ekivalan mond nan HTML, se konsa nou ap tounen nan tag nan kò.
Nan tèt la, nan chemen an, li nan doktip a HTML5,
Se konsa, ou pral rekonèt ke soti nan sa ki ou ve yo te ap travay sou.
Genyen plen IntelliSense nan isit la kòm byen, konsa si ou fè bagay sa yo tankou ki kalite nan yon tag videyo
ak elaji ki soti, ou te pwobableman te aprann enfòmasyon sou reyalite a
ki sa ou bezwen fè falbak kodaj pou Tags videyo nan HTML5 - oswa petèt ou gen -
asire ke navigatè diferan gen sipò pou videyo ou.
Nou gen bagay sa yo tankou sa a nan tout HTML, atravè JavaScript, atravè CSS.
Sa a ki te bati nan, epi mwen pral montre w CSS nan yon dezyèm fwa.
Isit la ou ka ale pi devan epi yo kòmanse chanje kòd, markeup la.
An reyalite, anvan m 'chanje anyen, mwen pral kouri sa a epi montre w ki sa ou jwenn.
W ap ale nan jwenn yon ekran Splash kote ou ka Customize
ak Lè sa a, ou jwenn Bonjou a, eksperyans mond isit la. Li nan kokenn, dwa?
Ale pi devan epi bato ke, dwa?
Content ale isit la. Sa a bagay la de baz yo.
Li ka sèlman jwenn pi bon nan men la.
Nou pral ale pi devan epi ajoute nan kèk bagay.
Mwen te gen yon ti kras nan markeup Mwen pral kopye nan isit la
jis pou ou pa gen yo gade m 'sezisman.
Kite m 'ale pote yo moute bwat zouti an isit la, ak Mwen pral kloure sa a paske mwen pral fè sa yon fwa kèk.
Toolbox, si ou pa gen pou wè vizyèl Studio, se kote w ap ale nan jwenn yon pakèt moun sou kontwòl.
Ou kapab tou mete fragman Kòd nan li ke ou ka itilize yo ankò.
Isit la mwen pral jis pòp nan kèk lòt HTML, pa gen anyen fò anpil avanse nan tout isit la.
Se jis nan HTML debaz li di mwen gen yon opinyon ki kote mwen ka tape,
Mwen gen yon bouton ki kote mwen ka soumèt li, ak Lè sa a, mwen gen yon div sa a, se esansyèlman se yon kontneur
ke mwen ka itilize nan pwodiksyon nan "Hello, ou tape sa a."
Li nan Intro nan HTML egzanp.
Si mwen kouri sa a, nou otomatikman jwenn HTML a, men nou menm tou nou otomatikman jwenn manier.
Sa a se youn nan bagay ki enpòtan nan WinJS.
Li pral ba ou pa default kèk gade epi santi w ki se reyèlman ki konsistan
ak rès la nan sa ki fenèt 8 ap fè.
Isit la ou wè bagay sa yo tankou bouton an.
Bouton an pa default nan HTML pa sanble sa, men li fè sa isit la
paske li te jwenn ke dwa CSS de sa dosye CSS nan WinJS.
Si ou vle sèvi ak yon lòt bagay, si ou vle chanje sa, totalman amann,
ale pi devan epi fè sa ou ta renmen. Men, sa a default la.
Li pral fè plis abitye nan itilizatè.
Ak nan kou sa a pa pral fè anyen paske mwen pa t 'aktyèlman fil moute nenpòt kalite Kòd
pou reponn a sa. Li te jis HTML la.
Se konsa, mwen ka debarase m de sa, epi nou ap tounen nan aplikasyon nou an.
>> Kite m 'chanje nan men default.js nou an.
Sa a parèt trè konplèks, men li la jis ap fè yon bagay kèk pou ou.
Li nan boilerplate. Li pral fè menm bagay la tou nan tout pwojè ou.
Sèl bagay sa a ap fè se jis kalite mande, "Ki jan mwen te jwenn isit la?"
epi di, "Èske ou lansman app sa a pou premye fwa a?"
"Èske ou reprenan app a soti nan gen li yo sispann yo?"
Yon koup la bagay sa yo tankou sa a.
Reyèlman, konsantre nou sou sa a ranpli isit la se dwa sou isit la.
Nan pwen sa a, liy sa a youn nan Kòd se trè enpòtan.
Li nan aktyèlman pwal ale ak gade nan tout nan markeup ou a,
epi li pral jwenn bagay sa yo ke ou te mande yo te tounen kontwole,
pi fon kontwòl tankou yon kontwòl Rating, tankou yon View kadriyaj, tankou flyout la
ak moun ki lòt bagay ke mwen te montre ou sou sa glise anvan.
Yo pa ap kontwole HTML natif natal.
Ou jis pa di flyout kòm yon eleman epi yo gen li konnen ki sa fè.
Ki sa nou aktyèlman fè se menm bagay la ki k ap pase nan lòt kalite estrikti kontwòl.
jQuery UI fè kalite la menm nan apwòch jeneral.
Ou sèvi ak mak nan HTML ou, ak Lè sa a, kèk JavaScript vini nan pita e te di,
"Oh, mwen konnen ki sa ki se. Sa a mande pou sa a pral tounen bagay sa a,"
ki se lòt HTML plis espresif fè tankou yon kontwòl evalyasyon,
ki se ki sa mwen pral montre w kounye a.
Sa a liy nan Kòd la se yon pwomès ki nan di, "Lè yo pwomès sa a rive vre,
"Tout bagay ke ou te mande pou te Lè sa a, te kreye."
Epi sa a, li. Li sanble yon ti kras konplèks, men li la reyèlman menm bagay la tou nan tout pwojè.
Desann isit la se kote ou ka kòmanse pandan l ajoute ke nan tou sa lòt moun ou vle gen rive,
Se konsa, nou pral tounen vin jwenn ke nan yon dezyèm fwa.
>> Premye a tout, mwen bezwen yon ti jan nan kòd ki ka reponn ak reyalite a
ke yon moun te klike sou bouton an.
Mwen pral ale pi devan epi mete sa nan desann isit la.
Yon fwa ankò, mwen pa pwal fè nenpòt ki tape nan devan ou isit la.
Anpil debaz JavaScript jis di lè sa a yo rele
nou pral dwe bay kèk detay sou ki jan nou te resevwa isit la
ak Lè sa a, nou pral fè kèk bagay fondamantal.
Ale jwenn bagay la tou nan paj HTML mwen an ki te rele nameInput,
gen tan pwan l ', pran valè li yo, kalòt "Alo" sou devan l', ak bwa ki sa ki lakòz fil
nan ki tag div ke nou te genyen anvan ki vrèman pa t 'gen anyen anvan.
Koulye a, nou ap ale nan jwenn ke tag, epi fè kontni anndan li yo ki egal ak tout kòd.
Trè senp JavaScript.
Nou swete ke w ap rekonèt ke gen nan reyèlman pa gen anyen dwòl pral sou isit la.
Se jis dwat yo HTML ak JS isit la.
Si mwen kouri sa a kounye a, li te toujou pa pral fè nenpòt ki travay paske mwen pa t 'branche l'
yo resevwa evènman an.
Pou fè sa, mwen pral fè sa dwa isit la, ankò retounen nan bwat zouti m 'yo,
eklate l 'nan isit la.
Mwen atann mwen ou te wè tout bagay sa a kalite bagay anvan, se konsa mwen pa pral sou-eksplike li.
Koulye a, nou ap ale nan ale jwenn helloButton la.
Nou pral di, "bouton, Felisitasyon."
"Isit la se yon evènman ke ou kounye a yo reponn a."
"Lè yon moun klik sou ou, rele sa a fonksyon, buttonClickHandler la."
Epi sa a, ki fonksyon nou jis te ajoute dwa desann nan pati anba a la. Sa a li.
Se konsa, kounye a nou te gen yon aplikasyon étonant fonksyonèl.
Mwen panse ke ou pral reyèlman enpresyone pa sa a.
Chris. Rete tann pou li. Wow. Oke. Sa a dwòl. [Ri]
Men, gen an plis. pa achte l 'ankò. Rete tann.
>> Kite m 'moutre nou yon ti kras pi plis isit la epi pou yo jwenn soti nan ekran plen.
Nou pral mache devan nou kouri.
Kite m 'ale nan ak aktyèlman montre w yon ti jan ak CSS.
Jis pa default, si nou gade tounen nan paj la isit la,
chak fwa nou rale nan bagay sa yo soti nan WinJS ak nou te resevwa UI-fè nwa a,
an reyalite, ou kapab chanje li nan default la pou lè l sèvi avèk aplikasyon limyè.
UI-nwa se yon bon bagay pou aplikasyon pou grafik tankou lè l sèvi avèk yon anpil nan foto,
w ap montre yon anpil nan kontni vizyèl.
Si w ap montre yon anpil nan kontni textuelle, UI-limyè a se jeneralman yon bon chwa.
Ou pa oblije chwazi li, men li mwen te chanje li
e kounye a, w ap wè markeup a menm, se li menm tout bagay,
li jis lè l sèvi avèk fondamantalman yon konplo Envèse isit la
kote tout bagay se fè li nwa tèks sou blan.
Sa a tout byen epi li bon.
Kite m 'jwenn soti isit la, e kite yo aktyèlman fè yon ti jan ti kras pi plis ak CSS la.
Mwen pral mete l 'tounen sou fè nwa paske mwen panse ke li la pwobableman pi fasil yo wè sou ekran an
lè m 'kòmanse fè bagay sa yo.
Mwen pral ranplase kò a yon lòt fwa ankò.
Mwen pral ale isit la. Kite m 'nuk sa a.
Se pou yo pote nan kò a ak klas yo.
Mwen kwè ou te fè seleksyon debaz ki gen CSS ak bagay tankou sa deja,
Se konsa, pwobableman ou konnen ki sa k ap pase sou isit la.
Jis voye kèk klas header nou, epi nou ap kreye yon nouvo div
vlope rès la nan ke bagay ke nou kapab kounye a itilize a style tout ansanm.
Se konsa, sa mwen kapab fè kounye a se janbe lòt bò nan CSS default nou an.
Eske ou te gade demann medya 'fè ankò? Èske w te pale osijè de ki nan tout?
Medya demann se yon pati nan sa a tandans ijan -
oswa li nan yon tandans etabli kounye a aktyèlman sou entènèt la -
pou konsepsyon reponn oswa adaptasyon,
ak lide a se ke aplikasyon w ka vrèman ajiste tèt yo yon fason ki apwopriye
ki baze sou sa ki aparèy la yo ke yo se ke yo te montre sou ka fè.
Se konsa, si w ap sou yon aparèy mobil, evidamman w ap pa pral gen kòm anpil ekran byen imobilye
kòm ou pral sou yon gwo monitè kè bebe 30-pous chita ak yon Desktop, yon gwo PC tankou sa.
Se konsa, repons lan fin vye granmoun ak sa yo ki ta dwe gen 5, 6 vèsyon diferan pou paj an menm
epi ou ta louvri moute vèsyon ke yo te branche pou ke ekran gwosè sèten.
Se pa gwo. Li trè, trè tout tan ak gen nan yon tòn antretyen fè sa.
Koulye a, nou gen yon bagay yo rele demann medya CSS,
epi nou ka sèvi ak sa a otomatikman detekte lè gen nan sèten gwosè
oswa sèten itilizasyon nan kontni ou ke yo te fèt.
Se konsa, ou ka reponn ak sa yo ki, epi ou ka di, "Oke, nan ka sa a
"Pwobableman ou pa menm bezwen m 'di ou sa k ap pase sou isit la."
Sa a se jis di si se aplikasyon sa a kase, tankou mwen te montre ou anvan -
arachman li epi li mete l 'sou bò a nan ekran an -
Lè sa a, se pou yo fè manier ki anba la a.
Manier se pa sèlman sou koulè ak lòt bagay tankou sa.
Li la tou sou dimensionnement ak marges ak ranbouraj ak oryantasyon nan kontni
oswa menm enfimite oswa pèmèt pati tout antye de paj ou a
, epi, nan ka sa a, app ou a oswa jwèt ou kòm byen.
Se konsa, isit la ou ka fè kòm senp tankou ou vle.
Sa a pa ta dwe itil nan apps ou, men ou li nan tan Demo,
Se konsa, mwen pral ale pi devan ak jis ajoute nan seleksyon kò debaz ak di,
"Lè m ap kase, se pou yo ale pi devan epi fè background-koulè e kite yo chwazi yon bagay."
Ou te gen IntelliSense isit la. Sa a se aktyèlman vrèman fre.
Nan 2012 nou te ajoute yon bann bagay sa pou sipò CSS ak JavaScript ak HTML.
Ou te nan kou te resevwa gout-desann IntelliSense tou, men sa a pa bagay la fre.
Bagay la fre se ou te gen seleksyon vizyèl pou yon bann bagay sa yo tou.
Se konsa, ou ta ka ale nan ak jis chwazi yon koulè,
oswa ou ka ale deyò yo epi yo dwe menm plis espesifik ak ou ka chwazi -
sa a se pral yo dwe terib. Mwen pral aktyèlman chwazi yon koulè desan isit la.
Gade markeup la tou, nan chemen an. Sa a fòma estanda Rgb ou gen.
Men, si mwen chanje stupidity a, li pral chanje sou nan yon seleksyon Alpha chanèl isit la.
Se konsa, ou ka wè ke, koulè po a ak esansyèlman transparans nan pousan ki di ou gen pou sa
tout konn kwit nan fou dwat nan la.
Mwen pral kenbe l 'kòm 100% ak Lè sa a, lè m ap fè ak sa a, tout se byen epi li bon.
Koulye a, si mwen kouri app a ak nou pran app a epi nou menen li,
se ke koulè background yo te ajiste otomatikman
jis paske nou gen kèk CSS ki di, "Ale fè sa."
Ou kapab ekri tou JavaScript twò ki pral fè menm bagay la
oswa ke ou ta ka sèvi ak ki aktyèlman pran yon poz yon jwèt, fè bagay sa yo tankou sa.
Sa a pwobableman lè ou ta sèvi ak JavaScript.
Ou ta fèmen bouk la jwèt nan ki pwen.
Ou ta bezwen kèk JavaScript paske sa pa ta dwe yon bagay ou ta CSS pou.
Men, kenbe nan tèt ou jis li yo yon evènman.
Ou te kapab di, "Lè yo rdimansyone aplikasyon mwen an,
"Kite a wè si n ap kase." Epi sa a, li.
>> Okay? Mwen te pale yon anpil. Èske gen kesyon byen lwen tèlman sou kote nou ye? Yeah.
[Elèv] Èske gen yon leson patikilye pou nenpòt moun ki jwenn plis enfòmasyon? >> Yeah.
Kesyon an se, èske gen yon leson patikilye pou sa a? Mwen pral jis yon ekstansyon pou l 'bay tout bagay.
Gen yon bagay kèk ki ou ka ale nan. Se pou yo aktyèlman jwenn soti nan isit la.
Kite m 'ale tounen soti isit la.
Youn nan bagay nan pwen soti se izyèl estidyo kont li genyen tutoryèl bati pous
Kite m 'debarase m de sa a.
Si ou ale ak kreye yon nouvo pwojè, File, nouvo pwojè,
epi gade ki sou bò gòch-men, gen yon ne sou entènèt nan seleksyon sa a.
Li pral pran yon ti kras. Mwen se sou MyFi m 'isit la.
Men, li k ap pase vin leve, li li pral ban m 'yon chans jwenn modèl
men tou, pi enpòtan, echantiyon yo tou.
Se konsa, mwen kapab klike sou JavaScript.
Li pral jwenn echantiyon pou mwen. Rezolisyon mwen an se yon fason gwo isit la.
Nòmalman, ou ta wè yon lis ki gen yon anpil nan bagay diferan isit la.
Si gen nan yon bagay ou vle eseye, chwazi lang lan,
JavaScript isit la, ak di, "Mwen pa konnen ki jan fè jeolokalizasyon."
"Mwen pa konnen ki jan yo louvri yon dosye."
"Mwen pa konnen ki jan yo pran avantaj de webcam a
"Oswa optimize pou ou annik touche oswa bagay sa yo tankou sa."
Gen echantiyon pou tout bagay: pataje, chache yo, travès app,
fè apèl aleka nan yon sèvis, JSON kodaj.
Tout moun sa yo kalite bagay gen echantiyon pou isit la,
e yo pa ap echantiyon gwo ke yo pral pran ou tout nwit lan yo rale apa
jis ke ou jwenn ke se yon sèl bagay ou te vle aprann.
Yo ap vrèman bon. Yo ap piti, dwa kalite sa yo pwen nan echantiyon.
Mwen te aprann yon tòn pa ale atravè tout sa yo tèt mwen,
Se poutèt sa mwen rekòmande pou yon anpil kòm yon sèl bagay.
>> Yon lòt bagay nan pwen soti tou se nan kou mwen te montre ou dev.windows.com,
Se konsa, si ou tounen nan, ou ap wè nan pati anba a gen nan tou echantiyon yo isit la.
Se konsa, ou ka download tout nan yo nan yon fwa, men gen la tou yon anpil nan lòt resous isit la tou
ki ka ede w resevwa jiska vitès.
>> Yon lòt bagay, mwen ta reyèlman rekòmande pou ou eseye sa a,
Mwen te gen l 'sou blog mwen an, men mwen pral jis ale dwat li.
Mwen pral montre w. Blog mwen an gen resous ak bagay sa yo tankou sa a.
Youn nan bagay ki nan pwen soti se dwa isit la, bagay sa a: lide ou. App ou. 30 jou.
Si ou klike sou sa a, li pral pote ou nan yon sit reyèlman itil.
Sa a se pi plis itil pase ou ta ka atann.
Sa a se pral fè 30 jou nan kontni ke ou ka fondamantalman jwenn konsèy ak ke trik nouvèl
nan tout ke pwosesis kòm w ap kreye yon app.
Apre sa, kòm ou pa ka atann, ou ka aktyèlman jwenn li pou jwèt twò
ak pou apps telefòn, bagay sa yo tankou sa a.
Se konsa, fondamantalman enskri non ou pou li, epi yo ap ale nan dwe voye ou konsèy ak ke trik nouvèl sou li a,
"Eske ou te wè fè sa a? Ou sipòte SNAP?"
"Isit la yo se kèk règleman sou ki jan fè sa byen."
"Eske ou te panse sou soumèt nan magazen an?"
"Eske ou te panse sou fason w ap ale nan vann aplikasyon w lan?"
Li nan ale nan mache nan tout bagay sa yo divès kalite.
Apre sa, aktyèlman, si w ap sou track la bank, nan kèk pwen
ou pral kòmanse rekonèt moun lan ap pale avèk ou
paske mwen aktyèlman te gen pou yo ale nan Redmint fè sa yo, epi yo make 2 videyo la.
Men, sa a tout pati nan tras la bank,
epi gen la tou yon tras plen pou devlopman app jeneral.
Sa yo rele li Genere an App.
Mwen ta definitivman rekòmande sa gade ou kòm byen nan adisyon nan echantiyon yo.
>> Genyen yon anpil nan videyo sou yon sit rele Chèn 9 kòm byen.
Sa a pwobableman bagay la pase mwen pral rekòmande kòm byen anvan nou deplase sou isit la.
Channel9.msdn.com.
Sa a se gwo paske ou pa ap ale nan dwe lekti atravè tòn papye blan.
Li nan fondamantalman yon anpil nan videyo, screencasts ak bagay ki dwat nan pwen an.
Mwen pa ta dwe di li toujou dwa nan pwen an. Sa depann de ki moun ki fè pale la.
Men, jeneralman, gen nan kèk videyo reyèlman a-pwen an-isit la
ki pral montre w yon bagay an patikilye ou ta ka vle aprann oswa wè demoed.
Genyen tou tout sa nou yo nan konferans nou an sa ki te rive yon semèn koup Anons sa pibliye depi
rele bati, epi ou ap wè ke dwa gen.
Genyen teknoloji Nwayo pou Windows 8 jwèt. Gen ou ale.
Mwen te la, aktyèlman. Ou pa ka wè m '. Mwen te sou isit la.
Men, kanmèm, ki sou kote, mwen ta rekòmande pou w pran yon gade nan sa yo videyo.
Yo ap trè itil.
Si w ap kole sou yon bagay oswa ou jis vle wè sa ki yon bagay ta ka fè, dife sa yo leve.
>> [Guarin] Windows Mail jis voye m 'lan yon imel ak yon lyen nan kontni
pou elèv yo download avèk echantiyon Kòd ak lòt bagay tankou sa. >> [Bowen] Great.
Pè. Mèsi poutèt ou, Edwin.
>> Bon. >> [Elèv] Mwen gen yon kesyon. >> [Bowen] Oh. Yeah, tanpri.
[Fèbl kesyon elèv] >> [Bowen] Oh, Mwen byen kontan ou te mande sa. Wi.
Kesyon an te, ki gen la yon koòdone vizyèl pou mwen pou m kreye bagay sa yo?
Edwin pral ba ou rekonpans ou bèl pou kesyon an.
Gen se yon fason fè sa.
Eske nou ta dwe fè li kounye a? Se pou yo fè li kounye a.
Mwen pral pou yo ale nan li kounye a.
Aktyèlman, kite m 'ajoute nan yon sèl bagay plis Demo sa a,
ak Lè sa a, mwen pral montre w repons a vrè.
Mwen te ale nan ajoute nan yon ti kras plis CSS isit la.
Mwen te yon ti kras koupe sou tanjant isit la.
Kite m 'mete nan kèk CSS isit la yo pran avantaj
nan klas sa yo ke nou te ajoute yon ti kras pandan y ap de sa,
header an, nan div a mainContent, ak Lè sa a, greetingOutput la.
Si m 'fè pou ak kouri li, ou ka wè kounye a nou te gen yon ti kras diferan padding ak marges,
Se konsa, nou gen aktyèlman kèk offsets isit la.
Sa yo se pi plis nan direksyon sa w ap ale nan atann nan yon final aplikasyon poli.
Men, mwen jis ki montre sa a ba ou paske li nan dwat yo CSS.
Se konsa, bagay sa yo ke ou deja konnen ou ka sèvi ak isit la yo ajiste kontni an jan ou vle.
Ou te deja wè ki jan fè background nan chanje soti ki fason.
>> Si m 'tounen soti nan HTML nou an, mwen pral ajoute nan yon sèl plis seri markeup,
ak sa a se aktyèlman pral gen yon kontwòl ki soti nan WinJS.
Mwen pral ale ak pwan sa a, yon etikèt sou. Kite m 'asire w ke m ap fè l' nan plas la dwat.
Pwobableman bon ase.
Men mwen te jis te ajoute - epi nou pral ale ekran plen pou ou ka wè tout bagay la -
Mwen te ajoute yon etikèt sou pou div nan pwochen an.
Se div la te rele ratingControlDiv.
Pou kont li li pral fè pa gen anyen.
Si ou louvri sa a nan yon navigatè, ou ta dwe gade nan vid, div nan tèt li.
Men, paske se nan ki liy misterye nan kòd ke mwen te montre ou anvan,
pwosesis la tout, li pral gade pou yon bagay ki sanble ak sa a -
done-genyen-kontwòl - ak li pral jwenn tou sa ki nan ke paramèt.
Li pral fè yon egzanp nan tou sa se sa ki li nan lonje dwèt yo.
Nan ka sa a, li nan yon kontwòl Rating, se konsa mwen di, "Tanpri, ale epi ranplase bagay sa a
"Ak tou sa ou bezwen fè pou fè yon kontwòl Rating."
Li ta ka yon kontwòl baskile, li ta ka bag an pwogrè oswa kèlkeswa sa kontwòl ou vle itilize.
Yo ap tout ale nan travay esansyèlman menm jan an.
W ap itilize estanda HTML5 markeup yo endike sa ou vle,
ak Lè sa a, w ap ale nan jwenn yon kontwòl nan fen sa a. Kite m 'kouri sa a.
Mwen jis kopye ke nan, epi kounye a ki markeup vin sa a,
ki se aktyèlman byen yon kantite eleman HTML.
Sa yo se tout imaj endividyèl, ak gen nan div bò kote yo avèk seleksyon.
Nou swete ke ou ka wè sa. Li se yon ti kras sibtil.
Mwen ka hover sou atik yo diferan, ak li pral pou pou pèmèt mwen wè Rating la isit la.
Mwen ka klike sou li, epi li sonje Rating nan men sa a sou li.
Li pa vrèman fè anyen ak Rating a.
>> Yon sèl bagay ki sot pase a mwen vle montre w sa a sou
anvan nou chanje nan yon eksperyans konsepsyon plis vizyèl
se yon ti kras nan kòd ki mwen ka itilize pou reponn a sa yo WinJS kontwole.
Kite m 'jwenn soti nan la, tounen soti nan ekran plen,
ak chanje nan men JS isit la pou dezyèm fwa.
Mwen kapab fè sa a isit la menm. Mwen panse mwen pral ranplase sa a tout antye bagay.
Aktyèlman, mwen panse ke li pral ranplase tout nan li, men nou ap jwenn soti ansanm.
Mwen pral mete sa a nan isit la. Yeah. Mwen pral efase sa a tou.
Ki sa ki t 'mwen ajoute? Li sanble ke yon anpil. Li pa yon anpil.
Mwen jis pwolonje ke liy nan kòd ki mwen deja te pale osijè de anvan,
ak mwen di, "Lè tout bagay se fè, lè tout kontwòl m 'yo te fè,
"Lè sa a, fè sa a." Se konsa, Lè sa a, kouri sa a fonksyon rele fin fèt.
Nan ka sa a, sa a se bagay ou kapab konnen ki.
Ale jwenn ke kontwòl DIV.
Aktyèlman, gen nan yon bagay mwen ta dwe pwen soti.
Eske se sa ke liy pwochen aktyèlman di, "mwen te gen ki ratingControlDiv."
"Mwen vle pou pale ak li kòm si li te yon kontwòl reyèl, yon kontwòl WinJS."
Se konsa, fondamantalman, w ap mande pou sa nan men li.
Ou ap di: "Mwen vle pale ak ou kòm yon kontwòl."
Lè sa a, ou ka kòmanse di bagay sa yo tankou, "Nou ap ale nan ajoute yon koute pou ou
"Se konsa, lè w ap chanje nou ka reponn a sa."
Lè sa a, nou ka tou fè bagay sa yo tankou sa a. Aktyèlman, sa a, se kòd la fin vye granmoun la.
Mwen panse ke mwen manke kole nan yon fonksyon pi plis,
e ke sa ta fonksyon aktyèl la ki ta reponn a kontwòl la Rating te chanje.
Kite m 'pòp ke nan dwa desann isit la,
yon kote alantou la.
Ak nan ka sa a, bagay la sèlman ki nan nouvo se lefèt ke nou ap pral antre nan
sa kontwòl la Rating di nou epi nou ap mande pou ki sa yo rele tentativeRating la.
Genyen yon pakèt moun sou diferan lòt bagay ki ke kontwòl ka di ou,
ak li ale kontwòl nan kontwòl.
Li trè senp. Ou pral kapab figi li soti pa gen okenn pwoblèm tou.
Mwen kouri sa a, e kounye a, lè m 'chanje evalyasyon yo, epi klike sou Rating a,
ou ka wè kounye a li la aktyèlman reponn a li.
Li mete ke Rating sou ekran an nan ki tag div otreman vid
anba a kontwòl la Rating.
Sa a majik la nan yon anpil nan bagay isit la tou.
Se konsa, kòm w ap kreye aplikasyon pou Windows Store a,
gen nan yon tòn kontwole ke ou ka jis sèvi ak yo. Yo tout travay tankou sa a.
>> Kite m 'moutre ou bò lanmè a vizyèl nan desine pou aplikasyon pou sa yo.
Men bon nouvèl la ou pral deja gen zouti sa a lè ou enstale tout bagay
si ou ale ak sa yo ki download epi ou jwenn vizyèl Studio.
Mwen ka dwa klike sou sa a. Mwen pa pral rale pous
Li jis di Open nan melanz.
Melanj se yon lòt zouti ki travay kòt a kòt avèk vizyèl Studio
epi li se konsantre pi plis sou bò konsepsyon de bagay sa yo,
Se konsa, li vrèman sifas zouti ke yo optimisé pou kreye diferan estil,
kreye Animations, ap travay ak CSS, yon anpil nan bagay sa yo nan ki kalite venn.
Isit la sa ki ta dwe trè enteresan ak bèl evidan imedyatman se nou ap chèche a app la.
Nou swete ke nou toujou ye.
Olye pou yo wè kòd, ki nou toujou wè nan pati anba a,
nou ap wè reprezantasyon aktyèl la nan aplikasyon an.
Kisa an plis, li pa jis yon reprezantasyon nan app a, li se aktyèlman kouri a app.
Epi sa a, sa ki vrèman se bèl sou melanz.
Ekip la fè yon anpil nan travay yo pote HTML ak JavaScript ak CSS nan zouti sa a.
Koulye a, ou ka aktyèlman, si ou kirye, "Ki sa sa vle di? Kisa mwen ka fè?"
Mwen ka aktyèlman desine nan aplikasyon sa a menm si bagay sa yo tankou sa a pa egziste nan markeup m 'yo.
Sonje ke kontwòl Rating? Li te jis yon tag DIV.
Bagay sa a, ki etwal, se sèlman egziste nan ègzekutabl. Kouman pou mwen konnen sa?
Genyen yon ti kras nan majik sou isit la.
Al gade nan boulon zèklè sa yo?
Nenpòt ki lè ou wè yon boulon zèklè, sa vle di li te kreye pa yon bagay nan ègzekutabl.
Gen kèk JavaScript kouri epi yo tounen vin yon bagay nan sa a oswa ki te kreye sa a ak kèk lojik.
Moun sa yo ki zetwal sa ou wè te gen ki te kreye pa JavaScript pa WinJS.
Bagay la bon se, li pa gen pwoblèm avè m ', mwen ka toujou konsepsyon li,
Mwen ka toujou ale nan ak chanje li, mwen ka jwenn sa a pral sou isit la,
Mwen ka gade nan CSS la, mwen ka ale pi devan epi chache konnen poukisa koulè a ​​se yon fason a li ye,
Mwen ka kòmanse pitye avèk bagay ak fè bagay sa yo tèrib,
tou sa mwen vle fè.
Aktyèlman, mwen pral kite bagay sa yo pou kont li.
Men, ou ka wè isit la li nan tout CSS la ak li nan ki montre ou isit la.
Si m 'moute nan gen, li pral montre w tout bagay yo ke yo rele genyen,
Se konsa, règ yo CSS ki pi espesifik nan ak sa ki pi chwazi a pou ke atik,
kote ou te pwobableman deja ale sou nan klas ou a,
kote ou ka di gen yon font jeneral ke nou ap aplike nan tout bagay,
men se paske sa a se yon H1 ak mwen gen yon koulè defini pou h1s,
li pral yo dwe koulè sa a, e ke sa a paske li nan ki gen plis detay pase body1 la.
Bagay sa a yon sèl dwa isit la montre ou nan tout sa,
ak li vrèman pwisan bagay jan ou jwenn plis konplèks,
w ap mande poukisa tout bagay sa yo jan yo ye a.
Li pral aktyèlman di ou, epi ou ka chwazi nenpòt nan bagay sa yo isit la.
Ki koulè ki pa twò move, aktyèlman.
Ou ka chwazi yo. Nou swete ke ou ka wè sa a.
Pou tout bagay ki di ou gen sou aplikasyon w lan, ou wè yon kaskad tout
nan tout CSS la ki te kapab aplike nan sa ki epi ki se yon sèl genyen,
ki youn aktyèlman te pran priyorite.
Sa yo kalite raz. Genyen pa yon anpil ale sou nan kèk nan sa yo.
Si m 'ale ak chanje koulè a, Lè sa a, ou pral kòmanse wè kèk kaskad la.
Ou kapab tou itilize HTML isit la tou.
Mwen ka ale nan epi modifye pwopriyete yo HTML pou tout moun nan bagay sa yo jan mwen vle.
Genyen sèlman tòn bagay isit la.
>> Mwen pa vle pran tan ou pa ale atravè tout tout bagay isit la. Jis konnen li la isit la.
Genyen yon anpil nan konsepsyon-oryante fonksyonalite sa se sèlman ki disponib pou ou
Se konsa, ou ka rete vizyèl, travay avèk aplikasyon an, epi yo pa gen fè yon anpil nan devinèt
ke ou ta dwe fè nòmalman ak monte bisiklèt tounen soti nan yon navigatè tounen nan konsepsyon ou a,
tounen nan navigatè la.
Sa a se vrèman bagay fre pou sa, ak jan ou devlope yon app Windows Store,
li pral fè ou yon anpil plis pwodiktif.
>> Ou pral wè tou li a swiv markeup a isit la ak CSS ou
kòm w ap travay nan bagay diferan.
Li pwobableman vrèman difisil pou ou pou w wè ke, espesyalman sou videyo,
men sa a sa k ap pase sou isit la, ak mwen ta rekòmande pou ou vin abitye ak sa.
Li pral delivre ou yon anpil tan. Sa a melanz.
Si w fè nenpòt ki chanjman isit la yo, yo yo otomatikman ale nan pote tounen sou
vizyèl Studio.
Li nan dosye yo menm, li nan menm tout bagay la. Mwen pral kite li pou kont li.
Mwen gen yon pi bon egzanp ke mwen vle montre ou.
Men, si mwen fè yon chanjman gen ak sove li e mwen tounen vin jwenn vizyèl Studio, li ta di:
"Hey, ou jis chanje yon bagay. Èske mwen ka Reload li pou ou?" Wi.
Apre sa, w ap itilize bagay la menm la.
Sa a nan fen ke echantiyon an patikilye.
>> Mwen vle montre w yon fen echantiyon ki pi wo jis ba w yon gade nan lòt fonctionnalités
ou ta ka panse osijè de yo tou.
Sa a se yon echantiyon app ke ou ka download.
Si ou gade pou yon bagay yo rele Camp nan fenèt nan yon bwat,
gen kèk echantiyon yo ki nan ki, ak youn nan yo se Contoso liv la.
Mwen ka jis kouri sa a pou ou.
Custom Splash ekran. Sa a se aplikasyon an gri vi.
Yo te mare kèk done koutim isit la. Ou ka navige nan sa a.
Ou ka ale ak pran yon gade nan divès kalite bagay ki pral fè nou grangou sou yon apremidi Vandredi.
Mwen pa konnen. Ki sa ki pral fè m 'pi grangou a?
Mwen pa konnen. Mwen jis ale nan chwazi youn.
Ou ale nan bagay sa yo. Li pral montre w resèt la.
Ou kapab tou, olye pou yo klike sou yon atik,
ou ka ale dwat ak sa yo ki kategori nan kontni, ki seksyon nan kontni.
Nan ka sa a, ou ka li anpil nan fo Latin di ou tout bagay sou sa yo resèt isit la
ak Lè sa a, ale dwat nan resèt la espesifik.
Sa a sipòte bagay sa yo tankou pataje a ke mwen te montre ou anvan ak foto yo tou.
Ou kapab tou rechèch nan aplikasyon sa a tou.
Li trè dwat yo fè rechèch.
Fondamantalman, w ap jis ap resevwa yon afè de tèks soti nan fenèt
epi ou deside ki jan ou vle okipe rechèch ak sa.
Li se yon liy kèk nan kòd yo ka resevwa sa a, epi Lè sa a, ki sa ou fè avèk li apre sa se totalman jiska ou.
>> Isit la yo menm tou yo gen yon bar app kote yo ap itilize kèk lòt fonctionnalités.
Mwen pral jis di ou sa li ye.
Yon rapèl ki pral itilize sa yo rele yon notifikasyon pen griye.
Sa a se vrèman sou la men pou kite itilizatè a konnen ki lè bagay sa yo te rive,
tankou te yon aplikasyon enstale oswa yon bagay te fini.
Li la tou bon pou jwèt tou.
Si ou gen yon mond ki pèsistan oswa yon tablo lidè ak yon sèvis ki nan hosting ki
petèt sou yon machin ki apa a, moun ki notifikasyon ka voye nan yon machin
e menm si itilizatè a se pa sa lè l sèvi avèk jwèt ou a, ap jwe jwèt ou oswa kouri app ou a,
yo ka toujou jwenn notifikasyon sou moun ki kalite evènman yo.
Se konsa, ou ta ka di, "te chato ou te detwi oswa se jis sou detwi yo."
"Jwenn tounen isit la ak defann li," oswa yon bagay tankou sa.
Ou klike sou avi a, ou ale dwa tounen nan jwèt la, epi ou ka jwe li.
Se konsa, moun kalite bagay yo ka ede vrèman trase moun ki tounen nan app ou trè efektivman.
>> Genyen tou sipòte nan aplikasyon sa a pou lè l sèvi avèk mikwofòn la, webcam a,
fè videyo ak pran foto.
Ou kapab tou kloure yon mozayik segondè.
Li nan itil si ou vle jis gen yon mozayik ki ale dwa sèten kontni.
Nan ka sa a, li ale dwa resèt sa a.
Tout mwen mansyone mwen jis ki montre
paske li nan bagay sa yo ke ou ka panse osijè de lè l sèvi avèk yo tou.
Pou pati ki pi, yo trè senp yo itilize.
Mwen ta jis rekòmande pou ou pote yo moute ki echantiyon eksploratè
epi jwenn yon echantiyon ki ka montre w kouman fè sa.
Li trè senp yo pote sa yo nan apps ou gen kòm byen.
>> Mwen te pral montre w yon lòt bagay ki a trè fre isit la.
Mwen pral menen aplikasyon sa a, ak mwen pral pou tounen nan izyèl estidyo.
Aplikasyon sa a ap kouri. Li nan kouri soti nan izyèl estidyo.
Mwen kapab fè kèk bagay trè fre ak sa a.
Mwen aktyèlman gen yon opsyon yo chwazi yon eleman,
e mwen ka ale sou isit la nan aplikasyon an ap viv ak mwen kapab di,
"Mwen mande poukisa se Preparasyon tan yon ti jan pi lejè gri pase tit nan tèt li?"
Mwen ka klike sou li.
Li ale nan senkroniz ki tounen nan vizyèl Studio,
epi li pral montre m 'egzakteman kontni an pwodwi ki sòti nan pati sa a nan UI la.
Se konsa, nan ka sa a, li nan atik-subtitles ak h4 konstwi doub,
e ke pwobableman di nou sa nou bezwen konnen paske kòm yon h4 nan ki kontèks,
li pral jwenn yon sèten kalite font.
Men, si mwen toujou pa konnen poukisa, mwen ka klike sou Trace Styles.
Mwen ka Lè sa a, elaji soti koulè ak mwen ka jwenn egzakteman poukisa ki koulè se pa koulè a ​​kò
men an reyalite se yon lòt bagay.
Sa a se esansyèlman zouti ki dev soti nan Internet Explorer
nan yon degre te pote nan vizyèl Studio.
Si ou te travay ak Chrome Dev Zouti yo, Firebug, bagay sa yo tankou sa yo,
sa yo kalite zouti ke yo nan navigatè a,
te ki kalite fonksyonalite te pote dwa nan izyèl estidyo
pou w pa gen aktyèlman yo lanse yon navigatè epi travay ak zouti sa yo separeman.
Koulye a, mwen gen yon app Windows Store jis kouri,
ak mwen ka kòmanse rale l 'apa epi jwenn konnen poukisa bagay sa yo ap fè sa yo ye.
>> Mwen kapab tou fè li fason sa a tou.
Mwen ka ale ak jis chwazi yon bagay dwa soti nan markeup la e chèche konnen kisa li se
nan aplikasyon nan tèt li. Mwen panse mwen te ale pa tout bagay.
Isit la mwen elikopte sou sa a. Mwen ka chwazi li.
Li pral montre m 'nan aplikasyon an kouri aktyèl kote ke bagay se
ke mwen kounye a klike sou nan markeup la.
Bagay vrèman fre.
Kòm ou ap eseye figi konnen sa k ap pase sou yo ak sou sa HTML ap fè,
sa CSS ap fè, kenbe sa a nan tèt li.
Sonje sa a se isit la pou ou
epi tou li ki melanz ka travay avèk yon aplikasyon pou kouri ap viv la.
>> Yon sèl bagay ki sot pase a mwen te vle montre w ak aplikasyon sa a -
By wout la, li montre ou DELTAS kòm bagay sa yo chanje tou,
Se konsa, ou ka gade pou moun ki met jòn.
Moun sa yo ki yo se bagay sa yo ki te jis chanje nan aplikasyon an.
Men, yon dènye bagay. Mwen vle ale tounen nan melanj jis pou yon dezyèm isit la.
Nou ap louvri sa a leve, louvri nan melanz, se li menm app, se li menm tout bagay.
Mwen jis vle montre ou eksperyans la isit la se pa sèlman w ap kole sou paj la lakay
gade nan bagay sa yo ou pral jwenn pa default lè ou kouri app a epi kite l chita a.
Ou kapab tou vire sou sa a icon bèl ti moute isit la.
Sa yo rele li entèaktif mòd.
Ou klike sou sa. Li pral yo pote moute aplikasyon w lan.
Ou pa nan konsepsyon mòd ankò, pou w pa ap ale nan dwe klike sou bagay sa yo
chanje fonctionnalités, men ou ka aktyèlman ap travay avèk aplikasyon an kounye a.
Ou kapab klike sou atravè, ou ka fè tou sa, li ale nan yon resèt ke ou pran swen sou
oswa nan yon kategori. Ann ale nan kategori sa a.
Mwen pral di, "Oke, isit la se kote mwen vle nan konsepsyon."
Lè sa a, ou klike sou ki bouton ankò, li pral pote ou tounen nan sifas la Design,
e kounye a, ou ka fè tout bagay sa yo ke mwen te pale sou anvan.
Mwen pral kenbe klike jouk tan mwen jwenn sa a chwazi, chèche konnen dimansyon li yo,
chèche konnen HTML a pou li, CSS la pou li
pou yon aplikasyon kouri, kèk pati pita nan aplikasyon an.
Trè, trè itil. Mwen pral montre sa a ba ou.
Tanpri kenbe l 'nan tèt ou si w ap chèche nan Kòd ekri ak sa-a
paske li pral pou konsève pou ou yon anpil konplikasyon, epi li trè bon bagay.
Sa a bèl anpil tout mwen te vle montre ou sou melanz ak nan izyèl estidyo pou tout moun nan sa.
>> Nenpòt kesyon sou nenpòt nan zouti sa yo?
Nenpòt bagay nan tout? >> [Guarin] Mwen gen bagay bay soti, kesyon tèlman bon, bon bagay.
>> [Bowen ri] Mwen te deja montre ou Demonstrasyon m 'isit la.
Mwen pral mete l 'sou paj la Resous ak ale nan kesyon kounye a.
Ki premye referans se ke sit Genere an App ak tras la jwèt ak tras la app.
Enskri pou sa yo.
Ou pa oblije rete tann 30 jou yo jwenn kontni an.
Ou ka kòmanse ale ak gade nan kontni an jan ou vle.
Mwen konprann ankadreman tan ou ta ka diferan pase - [ri]
Se konsa, lè se Hackathon a? Sa a yon semèn koup, dwa?
Se konsa, ou pa gen 30 jou ki rete tann.
Se konsa, yeah, ou ka enskri pou sa a epi Lè sa a, jis kòmanse rale kontni an soti nan li.
Epitou Dev a ak Sant nan konsepsyon.
Apre sa, mwen pa t 'mansyone sa a, men gen la tou Store Docs la.
Sa a ta dwe pou apre Hackathon an kòm w ap pare yo kòmanse soumèt apps ou a pou magazen an.
Gen kèk gid itil isit la, gen kèk konsèy sou jan yo ka resevwa bagay sa yo nan magazen an,
kèk pwoblèm komen ki ta ka tonbe ou leve,
e ke sa a nan fen resous sa yo.
>> Se konsa, sa ki sou tèt ou? Nenpòt lòt bagay ke ou -
[Guarin] Ki moun ki panse sou fè yon app Windows pou CS50? Fre.
[Bowen] fre. Great.
>> Nenpòt kesyon sou bagay la ke ou te wè byen lwen tèlman ak ki jan li gen rapò ak sa a?
Pou egzanp, ak plis tan mwen te kapab pran yon jwèt ke mwen te ekri
ak ki kouri nan navigatè ak jis kalite ale atravè tout pwosesis la
nan pote ki nan izyèl estidyo ak fè l 'yon app Windows Store.
Li pran plis tan pase nou reyèlman te gen genyen ladan yo jodi a,
Men, vèsyon an kout se li nan Kòd la menm ke ou te kouri nan navigatè a,
ak tou sa ki ou chanje yo se bagay sa yo ke ou deside ploge nan nan Windows 8.
Se konsa, si ou vle itilize cham, si ou vle fè rechèch oswa pataje,
ou bezwen yo kreye yon ba app vle kache lwen kèk fonctionnalités sou sa,
sa yo se kalite ki nan bagay ke ou ta ka chanje.
Men, nwayo a nan app entènèt ou ka rete entak.
Yon fwa ankò, osi lontan ke li ap travay nan IE10, li pral fè yon pò reyèlman fasil
yo pote ki bagay nan vizyèl Studio, nan melanz, epi fè l 'yon app Windows Store.
Yon fwa ankò, bagay sa yo sèlman w ap bezwen aprann moun sa yo ki lòt karakteristik
ke ou ka itilize nan limyè moute yon aplikasyon, tankou yon mozayik ap viv ak sa yo kalite bagay.
>> Yeah. >> [Elèv] kesyon mwen se sou ap travay mobil.
Se konsa, si ou fè yon app ki travay kòm yon app sou Desktop,
se li reyèlman fasil yo transfere li nan mobil, oswa èske gen yon -
Kesyon an se, si mwen fè yon app Windows Store sa ki nan vrèman optimisé pou anviwonman sa a
e mwen vle pote l 'bay yon mond mobil, sa ki patisipe nan fè sa?
Sa, tankou anpil kesyon, se toujou yon repons toujou ap chanje.
Bon nouvèl la se si w ap rete soude ak HTML ak JavaScript, CSS,
si w ap kòmanse nan yon app Windows Store,
li pral kite ou pote l 'bay entènèt la
ak Lè sa a, sèvi ak sa yo kalite teknik, tankou medya demann ak bagay sa yo,
pou adapte yo ak aparèy gwosè diferan.
Sa te di, nan gen toujou cadres ak bagay yo deyò
ke sipò pwolonje soti teknoloji diferan, tribin diferan.
Ki chanje tout tan tout tan an.
Nou tou chanje bagay sa yo kòm byen ke nou gade nan direksyon sa nou genyen kounye a
aktyèlman soti ak Windows Nimewo telefòn 8.
Nou gen kèk pataje enfrastrikti nwayo
ofri ant aplikasyon pou moun ki anviwonman.
Se konsa, bagay la ke w ap fè yo kreye yon app Windows Store,
yon anpil nan ki ka pote sou nan yon Telefòn 8 aplikasyon Windows tou.
Sa ankò se yon istwa émergentes, se konsa gen nan kèk kontni sou sa a bati.
Sdk a jis leve soti yon ti kras pandan y ap de sa. Li te jis lage yon ti tan de sa.
Men, an tèm de lòt tribin tou,
pwobableman ou kouri antre nan anpil cadres kwa-platfòm kòm byen.
Bon nouvèl la se bagay la ke ou ap fè isit la,
fonksyonalite debaz la se dwat yo sit entènèt estanda bagay.
Bagay yo sèlman ki pa t 'vle tradui fasil yo se bagay sa yo ke fenèt 8 fè,
men sa a pa gen sipriz paske li nan yon karakteristik fenèt yo.
Ou pa ap ale nan jwenn pataje oswa kalite ki sanble nan kontra sou chak lòt platfòm.
Se konsa, sa yo se bagay sa yo ke ou ta vle sòti nan yon pèspektiv konsepsyon
asire w ke ou gen fason yo kalite abstrè ki soti pou ou ka di,
"Si mwen kouri sou sa a, mwen ka fè sa."
Si m 'pa se, gen nan kèk modèl konsepsyon ou ka itilize yo kalite kache ki bagay ale.
Men, kenbe sa nan tèt li. Yeah. M regrèt. Ale pi devan.
>> [Elèv] Si m 'vle li teste app Windows mwen an sou tèt [fèbl]
[Bowen] Yeah. Mwen sote yon sèl bagay plis tou. Yeah.
Mwen pral reponn kesyon ou an premye, Lè sa a, mwen pral montre w yon karakteristik mwen bliye mansyone.
Nou fè gen kèk machin ki disponib lokalman. Mwen regrèt.
Kesyon an te, ki jan mwen tès bagay sa yo sou aparèy
si mwen pa rive gen yon anpil tout bagay sa yo yo chwazi nan?
[Guarin] Nou karèm ou nèg, mwen panse, 5 oswa 6. Konbyen ou bezwen?
[Elèv] Nou gen 4 nan yo. >> Okay. Ou mesye te resevwa 4 pwopoze yo jwe nan avèk yo.
Se konsa, definitivman se pou tout moun konnen, tanpri. [Ri] >> [Bowen] pè.
Sa a yon repons menm pi bon pase mwen te ale nan ba ou.
Nou gen lè biwo pou devlopè ke nou fè nan biwo nou
e kounye a, vini byento Microsoft magazen an sou nan Pru a,
Men, Edwin te deja pran swen nan ou.
Gen 4 pwopoze ki disponib pou anpren, pou fè tès.
Gen nou ale. Genyen yon egzanp nan yon sèl moute a.
Se konsa, yeah, absoliman. Great.
Absoliman pa lwen fason ki pi bon tès li se yo dwe sou yon aparèy.
Si ou pa rive gen yon sèl ankò oswa ou pa vle mache nan tout lakou lekòl la nan nèj la
gen tan pwan youn oswa tou sa, gen yon fason yo fè sa tounen nan izyèl estidyo.
Lè m 'tounen antre nan kote mwen te isit la, isit la olye pou yo lè l sèvi avèk machin lokal yo,
ou ta ka konekte nan Remote machin, men sa a pa sa m 'ap pale de isit la.
Similatè se bagay ki ke ou ta ka vle gade nan.
Mwen pral kouri sa a, ak reyèlman sa li ye, li esansyèlman yon fenèt sou sistèm pwòp ou yo.
Isit la se aktyèlman kouri sistèm m ', kouri Contoso,
men nan yon fason ki pèmèt m 'chanje kèk nan paramèt yo ekzekisyon,
paramèt yo nan anviwònman an.
Se konsa, mwen ka di isit la, "Ou konnen ki sa?"
Oh. Mwen deja genyen li kouri nan yon fo monitè kè bebe 27-pous nan 2560 rezolisyon.
Mwen ka byen fasil gout ki desann ak wè sa ki aplikasyon mwen an ta fè ki genyen yon ekran pi piti
oswa pa chanje DPI anviwònman oswa kèlkeswa sa.
Se konsa, sou yon ekran piti, yon 10.6, ki sa li pral fè?
Ki toujou sanble trè bon, dwa?
Ou pral vle fè sa, espesyalman si w ap soumèt nan magazen an, paske nou fè
kòm yon pati nan pwosesis la egzamen an.
Men, si gen pwoblèm tankou sa yo,
Lè sa a, ou ta ka kouri antre nan yon pwoblèm ap resevwa sètifye pou magazen an.
Men, sa a yon pati nan similatè la. Vrèman fre. Trè fasil fè sa.
Ou kapab tou sèvi ak karakteristik tankou wotasyon l tou.
Mwen ka klike sou bouton an isit la, te li vire, wè sa ki yon moun ta gen kòm yon eksperyans
wotasyon adwaz yo, grenn yo, epi yo lè l sèvi avèk aplikasyon w lan ak sa.
Gen kèk lòt bagay twò tankou manyen imitasyon ak kèk lòt bagay sa yo,
mete GPS.
Mwen ka pretann mwen se nan yon kote diferan ak wè sa ki aplikasyon mwen an fè
lè m 'pretann ke mwen se li tounen nan Seattle oswa yon bagay.
Men, li la yon karakteristik reyèlman itil, epi li bati nan nan tou de vizyèl Studio ak nan melanz.
Wi. Kesyon ou yo.
>> [Elèv] Si w ap ekri yon jwèt, vizyèl Studio gen nenpòt sipò pou animasyon?
Yeah. Kesyon an se alantou sipò animasyon, patikilyèman ak Gaming.
Sa depann. [Chuckles]
Avèk JavaScript Mwen pral di gen nan pwobableman mwens sipò pase gen sou bò XAML,
ki te gen delè, gen storibord ak bagay ki yo bati pous
Pou Animations sou apps JavaScript, mwen pa konnen ki jan anpil nan yon repons mwen vle ba ou.
Mwen gen resous sou blog mwen an ki ale nan yon anpil nan opsyon pou tou de Animations fizik,
opsyon pou JavaScript-oryante jwèt sou fenèt 8.
Mwen ta refere w bay sa yo.
Fondamantalman, gen nan anpil chwa.
Rezon ki fè la mwen ezitasyon ki gen la a pou chwa anpil pou fè Animations ak JavaScript.
Li ta ka CSS, li ta ka ki baze sou mak, li ta ka Animations Dom jis debaz yo,
li te kapab fè yon anpil nan bagay diferan, se konsa li reyèlman depann de chwa w la.
Si ou deside sèvi ak yon bagay tankou Create.js oswa lacho oswa lòt kalite estrikti -
Oke, mwen se pa menm asire w ke w ap ale nan kapab sèvi ak yon fondasyon fen pi wo
renmen Enpak oswa Konstwi.
Sa gen tandans fè jenere plis Kòd pase ou ta ka konsidere nan grate.
Men, nan ka sa yo, ou ka toujou sèvi ak yon similatè, ou ka itilize anviwònman yo,
ak mwen yo gen tandans jis itilize anviwònman sa a pou platfòm tès m 'ki nan ka sa yo
tankou mwen devlope jwèt.
Mwen te amann sitou ak mak Animations,
ki se pwobableman bagay ki pi komen.
Pi bon an w ap ale nan pwobableman jwenn se zouti ki dev nan navigatè a
ak zouti ki dev nan izyèl estidyo.
Kalite yon repons koube gen, men èspere ke mwen te resevwa repons ou an. Wi. Ou.
>> [Elèv] Ki sa ki opsyon ki disponib nan depo done pou Windows 8 apps?
Ki sa ki opsyon ki disponib nan depo done pou Windows 8 apps, fenèt magazen apps?
Opsyon ou reyèlman yo chak aplikasyon vin pwòp pisin li yo nan depo lokal
pou anviwònman ak pou done, men li la tou ridikil fasil yo sèvi ak itinérance depo,
yo sèvi ak nwaj ki baze sou depo. Li gratis.
Kisa k ap pase se ou fondamantalman chwazi yon klas diferan ak ou di,
"Roaming Anviwònman, sove, mete sa a an patikilye nan kontni,"
ak kont Microsoft yo, tou sa yo te siyen an kòm,
a pwal kle nan itinérance enfòmasyon ki alantou.
Se konsa, si mwen sèvi ak jwèt ou sou laptop mwen yo ak Lè sa a, mwen ouvri sesyon an ak menm kont lan
ak mwen jwe jwèt la sou yon sifas ki oswa yon ti tablo,
ki pral otomatikman Roaming ki anviwònman ak done genyen ant machin sa yo.
Sa se yon bagay defo. Sa a bon pou kantite lajan sèten nan done.
Ou pa ta ka mete yon baz done gwo nan sa yo.
Pou ke ou bezwen pou yo ale nan lòt kalite solisyon, tankou yon baz done anime nan syèl la,
bagay sa yo tankou sa a.
Gen kèk lòt opsyon kominote alantou lòt kalite done teknoloji.
Mwen te wè kèk opsyon sklit nan kominote a atravè gen tou.
Se konsa, pi plis ak plis yo ap émergentes, men sa yo se bagay sa yo prensipal ke ou ta gade nan direksyon
pou yon jwèt oswa yon app.
Apre sa, ou te gen yon kesyon nan do a tou.
>> [Elèv] An tèm de rezo a [fèbl] telecharje oswa Téléchargez dosye [fèbl]
[Bowen] se kesyon ou ki jan ou ka wè ke oswa ki jan ou ka debug ke ak tès li?
[Elèv] Ki jan w ka debug li [fèbl]
M regrèt. Mwen pa ka tande tout nan li.
[Elèv] Ki jan ou fè jwenn li ensèk teste ak tou [fèbl]
Great. Great.
Ki jan ou fè travay ak rezo? Ki jan ou ka wè sa k ap pase sou?
Genyen anpil repons diferan yo yon sèl sa a,
Men, kite m 'moutre ou pwobableman bagay ki pi fasil isit la.
Kite m 'debarase m de similatè a pou yon dezyèm fwa.
Opsyon debogaj jis yon koup pou rezo.
Genyen yon pil plen rezo konn kwit nan fou dwat nan tou de nivo nan WinRT ak nan WinJS,
konsa ou ka trè fasil fè XHR, Ajax di ki kalite apèl nan jwèt ou a oswa app fè sa.
Esansyèlman, mwen gen tandans sèvi ak 2 bagay sa yo.
Mwen sèvi ak zouti yo dev vrè tèt yo, ki te gen yon pil rezo konn kwit nan fou nan yo.
Kite m 'montre w paj la kay fenèt yo.
Mwen ka mennen sa a leve, epi gen la aktyèlman yon proxy rezo konn kwit nan fou nan zouti sa yo isit la.
Se konsa, mwen ka fè sa, mwen ka rafrechi paj la, epi li pral fè m 'tout entè-aksyon yo,
ki gen ladan Ajax apèl pou sesyon sa a, pou dire ke demann lan.
Sa a se itil. Li pral fè trè itil pou apps navigatè ki baze sou.
Pou lòt kalite apps, ki gen ladan Windows Store apps,
Mwen sèvi ak yon zouti ki rele Violton.
W ap ale nan jwenn yon jwèt nan repons. [Chuckles]
Violton se yon proxy ki senp. Mwen panse ke mwen kapab montre ba ou.
Se jis nan GetFiddler.com, ki, enteresan ase, mwen trase chemine rezo mwen an
ale nan GetFiddler.
Men, kanmèm, Violton ki te ekri pa youn nan pm yo sou ekip la IE,
Se konsa, li konnen de kisa lap fè.
Sa a se yon bon prokurasyon ke ou ka itilize pou rezo trafik debogaj.
Mwen ta rekòmande pou sa. Kesyon sou la tou.
>> [Elèv] Èske gen yon fason fasil entegre D 'lang etranje,
jan ak Japonè oswa Chinwa, nan apps Windows?
Mwen pa ka di mwen te fè twòp sou kont mwen, men li se konn kwit nan fou pous
Gen opsyon pou nan kou émettant aplikasyon w lan - I'm regrèt sa, mwen pa t 'di kesyon an -
opsyon nan globalizasyon, lokalizasyon nan kontni,
ki gen ladan bagay sa yo tankou ke yo te kapab vann nan plizyè mache yo
ak sib ki vèsyon an aplikasyon w lan pou moun ki lang moun
oswa kilti oswa bagay sa yo tankou sa a. Absoliman bati pous
Nou te gen sipò pou ke pou pou tout tan,
ak ki pote pou pi devan nan opsyon ou pou Windows Store.
Ou ka fè sa nan magazen an li menm, vann nan plizyè mache yo,
ou ka fè ki nan aplikasyon an kòm byen twò ak sèvi ak resous yo defini,
"Si mwen devlope pou kilti sa a, lè sa a sèvi ak Vanport sa yo pou kontni textuelle mwen
"Oswa sèvi ak yon dwat a gòch lektè."
Sa yo se tout yon pati nan WinJS yo default ak WinRT APIs. Bon kesyon.
>> Ki jan n'ap fè? Nenpòt lòt moun?
Men, si nenpòt moun ki sou videyo gen kesyon, mwen cbowen @ Microsoft,
se konsa mwen kontan pran nenpòt nan kesyon ou soti nan tan kap vini an.
Trè - Soti nan tan kap vini an, avni [repwodwi eko].
Se konsa, isit la se m '. Kite m 'mete tounen kontak m' isit la.
Se konsa, jis voye m 'yon nòt, cbowen @ Microsoft,
epi mwen pral jwenn tounen ba ou le pli vit ke mwen kapab.
>> Nenpòt lòt bagay ke w ap mande? Eske nou kwè nou bon?
Great. Tout dwa. E ou menm tout anpil. Mwen apresye li. [Aplodisman]
>> [CS50.TV]