1
00:00:00,000 --> 00:00:02,420
[Powered by Google Translate] [Σεμινάριο - Windows 8 - Ανάπτυξη App / παιχνίδι με το HTML5]

2
00:00:02,420 --> 00:00:05,090
[Chris Bowen, Edwin Guarin - Πανεπιστήμιο του Χάρβαρντ]

3
00:00:05,090 --> 00:00:07,350
[Αυτό είναι CS50. - CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> Γεια, σε όλους. Το όνομά μου είναι Edwin Guarin. Αυτός είναι ο Chris Bowen.

5
00:00:10,290 --> 00:00:12,310
Θα τον αφήσει να εισαγάγει τον εαυτό του σε ένα δευτερόλεπτο.

6
00:00:12,310 --> 00:00:14,100
Απλά θέλω να κάνω μια γρήγορη ανακοίνωση.

7
00:00:14,100 --> 00:00:18,340
Πρώτα απ 'όλα, το μόνο που CS50 φοιτητές να πάρετε τα Windows 8 για δωρεάν.

8
00:00:18,340 --> 00:00:23,150
Έτσι, εάν σκέφτεστε για την πραγματικότητα με τη χρήση για την τελική του έργου σας, είναι δικό σου.

9
00:00:23,150 --> 00:00:25,740
Nate θα στείλει ένα e-mail αργότερα για οδηγίες.

10
00:00:25,740 --> 00:00:32,850
Το δεύτερο πράγμα είναι, αν αποφασίσει να γράψει ένα Windows 8 app για CS50 τελικό σχέδιο σας,

11
00:00:32,850 --> 00:00:35,870
θα πάμε να κάνουμε μερικά δώρα: μια κονσόλα Xbox,

12
00:00:35,870 --> 00:00:38,870
μπορεί να είμαστε σε θέση να δώσει μια πλάκα μακριά, τέτοια πράγματα.

13
00:00:38,870 --> 00:00:42,460
Έτσι, αν υπάρχει κάτι που κατέχουν σας πίσω, ας Chris ή ξέρω

14
00:00:42,460 --> 00:00:45,010
πώς μπορούμε να σας βοηθήσουμε να χτίσει κάτι πραγματικά δροσερό.

15
00:00:45,010 --> 00:00:48,580
Έτσι, ευχαριστώ και πάλι για την παρουσία του σήμερα, και θα το παραδώσει στο Chris.

16
00:00:48,580 --> 00:00:50,500
>> Σας ευχαριστώ, Edwin.

17
00:00:51,000 --> 00:00:52,740
Σας ευχαριστώ όλους, για την ένταξή μας σήμερα.

18
00:00:52,740 --> 00:00:55,800
Είμαι Chris Bowen. Είμαι ένας από τους συναδέλφους του Edwin εδώ στα βορειοανατολικά.

19
00:00:55,800 --> 00:00:58,310
Ήθελα απλώς να περάσουν λίγο χρόνο μαζί μιλάς

20
00:00:58,310 --> 00:01:03,730
πώς να κάνει μια εφαρμογή των Windows Store με HTML5, JavaScript, CSS

21
00:01:03,730 --> 00:01:07,310
και το είδος του να πάρει οποιεσδήποτε απορίες μπορεί να έχετε σχετικά με αυτό απαντά για σένα

22
00:01:07,310 --> 00:01:12,920
όπως ψάχνετε προς σκεφτόμουν να το χρησιμοποιούν για CS50 τελικούς ευκαιρία.

23
00:01:12,920 --> 00:01:14,980
>> Τούτου λεχθέντος, θα βουτήξει ακριβώς δεξιά μέσα

24
00:01:14,980 --> 00:01:17,190
Θα πάω πάνω σε διαφάνειες εδώ.

25
00:01:17,190 --> 00:01:19,440
Αν έχετε οποιεσδήποτε απορίες, μην διστάσετε να μου στείλετε ένα email.

26
00:01:19,440 --> 00:01:23,460
Είμαι cbowen@microsoft.com, και υπάρχει το blog μου και το Twitter μου.

27
00:01:23,460 --> 00:01:26,330
Ωστόσο, θέλετε να έρθετε σε επαφή μαζί μου, αυτό είναι εντάξει.

28
00:01:26,330 --> 00:01:30,110
Έχω περίπου μια ώρα τα πράγματα, και θέλω να πάρω τις ερωτήσεις σας κατά μήκος του τρόπου,

29
00:01:30,110 --> 00:01:33,720
έτσι δεν είναι ντροπαλός σχετικά με τις ερωτήσεις κατά τη διάρκεια αυτής.

30
00:01:33,720 --> 00:01:36,470
Δεν μπορούν να δουν ποιος τις ερωτήσεις σχετικά με την καταγραφή,

31
00:01:36,470 --> 00:01:39,090
έτσι θα είναι τόσο ανώνυμο όσο θέλετε να είναι.

32
00:01:39,090 --> 00:01:42,780
>> Επιτρέψτε μου να βουτήξει δεξιά μέσα, απλά να σας δώσει μια γρήγορη εισαγωγή στο Windows 8,

33
00:01:42,780 --> 00:01:47,400
και να σας δείξω μερικά από τα πράγματα για Windows Store apps που θα μπορούσε να εξετάσει

34
00:01:47,400 --> 00:01:49,530
όπως σκέφτεστε για την ανάπτυξη μιας εφαρμογής.

35
00:01:49,530 --> 00:01:52,660
Κοιτάμε τα Windows 8. Έχουμε μείνει εκτός για μερικές εβδομάδες τώρα.

36
00:01:52,660 --> 00:01:55,810
Πολλοί ισχυρή έκδοση εκεί έξω ήδη.

37
00:01:55,810 --> 00:01:59,800
Μπορεί να έχετε δει ήδη τα μηχανήματα επιφάνειας που έχουμε, καθώς και.

38
00:01:59,800 --> 00:02:03,730
Υπάρχει ένα εδώ στην πραγματικότητα, μπορείτε να ρίξετε μια ματιά στο αν είστε εδώ στο πρόσωπο.

39
00:02:03,730 --> 00:02:07,530
Πραγματικά θέλω να σου μιλήσω, να σας ξεναγήσουμε λίγο για τα Windows 8.

40
00:02:07,530 --> 00:02:10,759
Η ιδέα με τα Windows 8, αυτό πραγματικά δεν υποβάλει όλα τα πράγματα που ξέρετε για τα Windows

41
00:02:10,759 --> 00:02:16,840
σε ορισμένες νέες εμπειρίες - ιδίως, τα πράγματα όπως πάνω στην επιφάνεια της μηχανής με την αφή,

42
00:02:16,840 --> 00:02:20,000
αυτό το είδος των περισσότερων φορητών συσκευών που είναι τώρα στην αγορά,

43
00:02:20,000 --> 00:02:22,360
αλλά είναι επίσης τα Windows στον πυρήνα του.

44
00:02:22,360 --> 00:02:25,850
Έτσι, αυτό σημαίνει ότι μπορείτε να το εγκαταστήσετε πραγματικά τίποτα που τρέχει Windows 7,

45
00:02:25,850 --> 00:02:30,770
από τις μεγαλύτερες τριπλό SLI εξέδρα gaming σας κάτω στο φορητό υπολογιστή σας

46
00:02:30,770 --> 00:02:36,200
και στον ολοκαίνουριο άλλες συσκευές σας που μπορεί να πάρει μέχρι σήμερα.

47
00:02:36,200 --> 00:02:38,450
Θα τρέξει τα Windows 8.

48
00:02:38,450 --> 00:02:40,530
Θα σας ξεναγήσουμε λίγο λίγο,

49
00:02:40,530 --> 00:02:44,670
και όλες τις εμπειρίες που θα δείτε εδώ είναι τα πράγματα που μπορείτε να δημιουργήσετε.

50
00:02:44,670 --> 00:02:47,760
Η ιδέα είναι αν είναι αφής, το ποντίκι, το πληκτρολόγιο,

51
00:02:47,760 --> 00:02:51,870
ό, τι η συσκευή είναι ότι τρέχετε την εφαρμογή σας, πρόκειται να τρέξει μεγάλη.

52
00:02:51,870 --> 00:02:55,180
Windows 8 θα βοηθήσει με όλα αυτά τα σενάρια.

53
00:02:55,180 --> 00:02:59,600
>> Αυτές οι διαφάνειες στην άκρη, ας πάρει το δικαίωμα σε λήψη μια ματιά εδώ γύρω.

54
00:02:59,600 --> 00:03:03,270
Επιτρέψτε μου να σας δείξω γύρω από το σπίτι της οθόνης μου. Αυτή είναι η οθόνη εκκίνησης μου.

55
00:03:03,270 --> 00:03:05,810
Θα σας δώσω μόνο ένα μικρό κομμάτι της περιοδείας εδώ.

56
00:03:05,810 --> 00:03:09,610
Είμαι σε μια μηχανή μη-αφής, έτσι ώστε όσο θέλω να αγγίξει την οθόνη του φορητού υπολογιστή μου,

57
00:03:09,610 --> 00:03:13,400
δεν θα κάνει τίποτα, έτσι θα ήθελα απλώς μετακινηθείτε γύρω από εδώ λίγο και να σας δείξω.

58
00:03:13,400 --> 00:03:17,950
Μερικά πράγματα που μπορείτε να παρατηρήσετε είναι το γεγονός ότι αυτά τα λεγόμενα ζωντανά πλακίδια

59
00:03:17,950 --> 00:03:21,470
πραγματικά να εμψυχώσει και να μπορούν να παρέχουν πληροφορίες σε σας -

60
00:03:21,470 --> 00:03:24,750
ίσως ενημερώσεις σχετικά με τις στατιστικές για ένα παιχνίδι

61
00:03:24,750 --> 00:03:30,970
ή να σας δείξει ειδήσεις από ορισμένες από τις προηγούμενες εφαρμογές που είναι εδώ στην αριστερή πλευρά.

62
00:03:30,970 --> 00:03:35,350
Εκεί πάμε. Είμαι σίγουρος ότι είναι μόνο θετικά και ασύλληπτα μεγάλη είδηση.

63
00:03:35,350 --> 00:03:38,450
Μπορείτε να δείτε εδώ είναι πραγματικά στρέψω την προσοχή σας πίσω στο app, λέγοντας,

64
00:03:38,450 --> 00:03:43,010
"Γεια σου, υπάρχει κάτι νέο εδώ. Ρίξτε μια ματιά. Γύρνα πίσω και να δούμε τι είναι νέο για σένα."

65
00:03:43,010 --> 00:03:45,320
Αυτό ονομάζεται ζωντανή κεραμίδι, και μπορείτε να κάνετε τις κοινοποιήσεις

66
00:03:45,320 --> 00:03:47,070
είτε δεξιά από το ίδιο το δικόγραφο

67
00:03:47,070 --> 00:03:52,220
ή αν ρίξετε μια ματιά σε περισσότερες λεπτομέρειες, θα μάθετε πώς να γράψει μια υπηρεσία απομακρυσμένου

68
00:03:52,220 --> 00:03:54,340
ότι μπορεί να ωθήσει πραγματικά πληροφορίες στο κεραμίδι,

69
00:03:54,340 --> 00:03:56,520
η οποία είναι ό, τι συμβαίνει με αυτές τις εφαρμογές ειδήσεων.

70
00:03:56,520 --> 00:04:00,080
Είναι πραγματικά να πάρει είδηση ​​από το σύννεφο και την ενημέρωση του κεραμίδι εκεί

71
00:04:00,080 --> 00:04:03,710
ώστε οι άνθρωποι ξέρουν ότι υπάρχει ένας λόγος για να ανοίξει την εφαρμογή και να ρίξετε μια ματιά

72
00:04:03,710 --> 00:04:06,950
σε ό, τι τα τελευταία νέα είναι σε οποιαδήποτε από αυτές τις

73
00:04:06,950 --> 00:04:10,060
ή αν υπάρχουν νέες συνταγές ή μια νέα υψηλή βαθμολογία για να νικήσει

74
00:04:10,060 --> 00:04:13,560
ή ένας φίλος παίζει ή ό, τι για τις αιτήσεις αυτές.

75
00:04:13,560 --> 00:04:15,550
Είναι κάτι για να σας δελεάσει πίσω μέσα

76
00:04:15,550 --> 00:04:18,640
Έτσι ώστε να είναι τα ζωντανά πλακίδια, και θα μπορούσε να είναι ένα πρόσωπο, θα μπορούσε να είναι μια ιστοσελίδα, καθώς και.

77
00:04:18,640 --> 00:04:20,790
Συνήθως είναι μια εφαρμογή.

78
00:04:20,790 --> 00:04:25,320
>> Λίγο πολύ όλα αυτά τα πράγματα που έχω εδώ ήρθε από το Store των Windows. Θα ξεκινήσει αυτό.

79
00:04:25,320 --> 00:04:27,890
Είναι μία από τις εφαρμογές που μπορείτε να πάρετε από προεπιλογή

80
00:04:27,890 --> 00:04:30,350
σε οποιοδήποτε μηχάνημα που τρέχει Windows 8.

81
00:04:30,350 --> 00:04:33,040
Μπορείτε να έρθετε εδώ για να βρείτε κάτι που θα θέλατε,

82
00:04:33,040 --> 00:04:37,240
από τα πράγματα που τονίζονται σε παιχνίδια που δεν έχω ξαναδεί.

83
00:04:37,240 --> 00:04:39,440
Ω, ουάου, έχουμε ένα νέο φλίπερ εδώ.

84
00:04:39,440 --> 00:04:41,580
Μπορείτε να εγκαταστήσετε αυτά εδώ από το κατάστημα,

85
00:04:41,580 --> 00:04:43,420
και θα μιλήσουμε για το πώς να αναπτύξει τις πολιτικές αυτές.

86
00:04:43,420 --> 00:04:45,670
Έχετε πολλές επιλογές για το πώς μπορείτε να τα δημιουργήσετε.

87
00:04:45,670 --> 00:04:49,020
Θα επικεντρωθεί στην ιστορία JavaScript με HTML και CSS,

88
00:04:49,020 --> 00:04:52,790
αλλά προς το χρήστη, στον αγοραστή του app, δεν έχει σημασία τι ήταν γραμμένο in

89
00:04:52,790 --> 00:04:54,670
Μπορούν να πάνε μπροστά και να εργαστούμε μαζί.

90
00:04:54,670 --> 00:04:57,870
Είμαι intrigued από αυτό, γι 'αυτό πρέπει να ανοίξει αυτό και να ρίξετε μια ματιά.

91
00:04:57,870 --> 00:05:02,310
Κάθε app, συμπεριλαμβανομένων εκείνων που μπορείτε να υποβάλετε και να πωλούν ή να δώσει μακριά δωρεάν,

92
00:05:02,310 --> 00:05:06,240
ό, τι θέλετε να κάνετε στο κατάστημα, θα πάρετε μια αρχική σελίδα σαν αυτό.

93
00:05:06,240 --> 00:05:10,750
Μπορείτε να υποβάλουν μαζί με την αίτησή σας μια δέσμη των πυροβολισμών οθόνης - μπορείτε να δείτε μερικά εδώ -

94
00:05:10,750 --> 00:05:15,970
λεπτομέρειες σχετικά με την εφαρμογή, και την πάροδο του χρόνου θα συσσωρεύονται τα δύο αξιολογήσεις -

95
00:05:15,970 --> 00:05:19,020
βασικά είναι ακριβώς η βαθμολογία αστέρι - και σχόλια,

96
00:05:19,020 --> 00:05:20,690
που παρέχουν λίγο περισσότερη διορατικότητα.

97
00:05:20,690 --> 00:05:24,380
Στην πραγματικότητα, κάποιος πρέπει να τυπώσει κάτι και να σας πω πόσο τρομερό θα είναι,

98
00:05:24,380 --> 00:05:29,300
και ότι θα πάει σε Κριτικές τμήμα σας εδώ, πράγμα που δεν έχω κοίταξε.

99
00:05:29,300 --> 00:05:33,890
Fantastic. "Δεν θα ανοίξει ακόμη." Πόσο μεγάλη.

100
00:05:33,890 --> 00:05:39,000
Καλά, για τους λαούς για τους οποίους αυτό άνοιξε και τρέξιμο, φαίνεται να το απολαύσετε πραγματικά. [Γέλια]

101
00:05:39,000 --> 00:05:43,770
Κρατήστε αυτό κατά νου. Το Διαδίκτυο. Ο καθένας μπορεί να πει ό, τι θέλουν για την αίτησή σας.

102
00:05:43,770 --> 00:05:45,780
Έτσι, βεβαιωθείτε ότι έχετε κάνει πολύ καλή δουλειά με αυτό,

103
00:05:45,780 --> 00:05:49,030
βεβαιωθείτε ότι έχετε κάνει όσο πιο άνετη για τον χρήστη, όπως μπορείτε

104
00:05:49,030 --> 00:05:52,720
επειδή είναι ένα ζευγάρι κλικ μακριά από την παροχή μια κριτική,

105
00:05:52,720 --> 00:05:55,870
και ότι θα συσσωρεύονται μέχρι συνολική βαθμολογία την κριτική σας.

106
00:05:55,870 --> 00:05:58,990
Και θέλετε να κάνετε το καλύτερό σας επειδή εσείς πρόκειται να είναι αντιμέτωποι με άλλες εφαρμογές.

107
00:05:58,990 --> 00:06:01,830
Θα υπάρξουν χιλιάδες εφαρμογές που έχουν ήδη στο κατάστημα,

108
00:06:01,830 --> 00:06:06,880
και οι πιθανότητες είναι, μπορεί να υπάρχει κάτι που κάνει παρόμοια λειτουργικότητα με αυτό που κάνεις.

109
00:06:06,880 --> 00:06:12,740
Έτσι, εάν θέλετε πραγματικά να ξεχωρίζουν από το πλήθος, αυτό πρόκειται να είναι προς όφελός σας, φυσικά.

110
00:06:12,740 --> 00:06:15,300
>> Θα μπει στο κατάστημα λίγο αργότερα.

111
00:06:15,300 --> 00:06:17,090
Θέλω πραγματικά να επικεντρωθεί στην δημιουργία εφαρμογών.

112
00:06:17,090 --> 00:06:20,760
Αλλά η σύντομη εκδοχή του καταστήματος είναι παγκόσμια διανομή,

113
00:06:20,760 --> 00:06:25,430
είναι αυτόματα μέρος των Windows 8, οι άνθρωποι απλά να ανάψουν και να ρίξετε μια ματιά σε διάφορες εφαρμογές εδώ,

114
00:06:25,430 --> 00:06:29,070
έχετε το φόρεμα-Up αυτοκόλλητο βιβλίο και όλα τα είδη των διαφόρων εφαρμογών.

115
00:06:29,070 --> 00:06:33,690
Φρέσκια μπογιά, μπορώ να χρησιμοποιήσω αυτό το πολύ - κακώς, αλλά το χρησιμοποιώ πολύ.

116
00:06:33,690 --> 00:06:36,080
Είναι δείχνοντάς μου έχω ήδη το δικό της.

117
00:06:36,080 --> 00:06:41,280
Επιτρέψτε μου να σας δείξω κάτι που δεν έχω - UVideos δεν έχω σαν καινούργιο.

118
00:06:41,280 --> 00:06:43,660
Μπορείτε να δείτε εδώ είναι δωρεάν, ώστε να μπορείτε να εγκαταστήσετε το δικαίωμα από το κατάστημα.

119
00:06:43,660 --> 00:06:46,430
Έχετε επιλογές πάρα πολύ. Μπορείτε φυσικά να το δώσει μακριά.

120
00:06:46,430 --> 00:06:49,660
Μπορείτε να βάλετε τη διαφήμιση στο app ή το παιχνίδι.

121
00:06:49,660 --> 00:06:54,770
Μπορείτε επίσης να χρεώνουν γι 'αυτό, και θα μπορούσε να προσφέρει πολύ εύκολα μια δίκη για την εφαρμογή, καθώς και

122
00:06:54,770 --> 00:06:58,220
έτσι μπορείτε να αφήσετε τους λαούς να το δοκιμάσετε για μια εβδομάδα ή ό, τι θέλετε να κάνετε.

123
00:06:58,220 --> 00:07:01,540
Αυτό είναι απλά προσαρμόσιμη μέσω της πύλης. Δεν γράψετε κάποιο κώδικα για αυτό.

124
00:07:01,540 --> 00:07:03,990
Έτσι λέτε, "Μπορείτε να χρησιμοποιήσετε αυτό για μια εβδομάδα και στη συνέχεια έχετε να το αγοράσει,"

125
00:07:03,990 --> 00:07:07,130
ή θα μπορούσατε να κάνετε τα πράγματα όπως, "Θα μπορούσατε να παίξετε τα 3 πρώτα επίπεδα αυτού του παιχνιδιού

126
00:07:07,130 --> 00:07:09,820
»Και στη συνέχεια έχετε να αγοράσετε για να αποκτήσετε πρόσβαση σε όλα τα υπόλοιπα."

127
00:07:09,820 --> 00:07:12,310
Θα μπορούσατε να κάνετε ακόμη και σε-app αγορές, καθώς, έτσι ώστε να μπορούμε να πούμε,

128
00:07:12,310 --> 00:07:17,880
"Έχουμε πρόσθετες περιπέτειες ή σύνολα γραφικών ή πράγματα που είναι ξεκλείδωτη -

129
00:07:17,880 --> 00:07:21,430
"Περισσότερες συνταγές που ξεκλειδώνονται -., Αν έχετε αγοράσει αυτά τα σύνολα επεκταθεί"

130
00:07:21,430 --> 00:07:24,260
Και μπορείτε να το κάνετε όλα μέσα από το app ή το ίδιο το παιχνίδι.

131
00:07:24,260 --> 00:07:26,070
Έτσι, συνολικά μέχρι σας, η επιλογή σας.

132
00:07:26,070 --> 00:07:28,070
Υπάρχουν πολλά πράγματα που μπορείτε να κάνετε στο κατάστημα,

133
00:07:28,070 --> 00:07:31,660
και στη συνέχεια ουσιαστικά θα φαινόταν ότι υποβάλλοντας σε ένα κανάλι πιστοποίησης.

134
00:07:31,660 --> 00:07:35,380
Μπορούμε να μιλήσουμε όλοι γι 'αυτό λίγο αργότερα, αλλά αυτός είναι ο στόχος.

135
00:07:35,380 --> 00:07:40,410
Θέλετε να πάρετε app παγκόσμια προβολή σας στο κατάστημα εδώ.

136
00:07:40,410 --> 00:07:44,170
>> Επιστροφή στην αρχική οθόνη εδώ, θα ήθελα να σας ξεναγήσουμε λίγο περισσότερο.

137
00:07:44,170 --> 00:07:50,580
Αν έχω ξεκινήσει αυτές τις εφαρμογές, επιτρέψτε μου να σας δώσω ένα παράδειγμα από κάποια λειτουργία cross-app εδώ.

138
00:07:50,580 --> 00:07:53,070
Για να γίνει αυτό, εγώ θα ξεκινήσει φρέσκια μπογιά.

139
00:07:53,070 --> 00:07:55,550
Ένα πράγμα που θα δείτε εδώ είναι κάθε κομμάτι της οθόνης,

140
00:07:55,550 --> 00:07:58,040
όλα τα pixels της οθόνης, πηγαίνετε στο app σας.

141
00:07:58,040 --> 00:08:01,990
Πηγαίνουν τις ημέρες όπου θα έχουν αυτά τα σύνορα γύρω από τα παράθυρα

142
00:08:01,990 --> 00:08:05,120
με πολλά κουμπιά που είναι πάντα εκεί λαμβάνουν χώρο όλη την ώρα.

143
00:08:05,120 --> 00:08:09,430
Τώρα θέλετε πραγματικά να ξεφύγουμε από αυτό και να έχουμε μόνο το περιεχόμενό σας να είναι το επίκεντρο.

144
00:08:09,430 --> 00:08:13,710
Μπορούμε να κάνουμε τα πράγματα με τα Windows από την πρόσβαση σε άλλα είδη του μενού.

145
00:08:13,710 --> 00:08:16,840
Ένας από αυτούς είναι στην πραγματικότητα αυτό που ονομάζεται το μπαρ γοητεύει,

146
00:08:16,840 --> 00:08:18,870
και βγαίνει από την πλευρά της οθόνης.

147
00:08:18,870 --> 00:08:21,270
Μπορείτε πραγματικά να τινάζει από την πλευρά, αν έχετε μια οθόνη αφής,

148
00:08:21,270 --> 00:08:24,840
μπορείτε να κάντε δεξί κλικ, αν έχετε ένα ποντίκι, υπάρχει μια συντόμευση πληκτρολογίου για αυτό,

149
00:08:24,840 --> 00:08:29,490
υπάρχει πάντα περισσότερο από ένας τρόπος για να κάνουμε κάτι για το περιβάλλον εδώ.

150
00:08:29,490 --> 00:08:31,680
Αυτό φέρνει μια σειρά από πράγματα που μπορείτε να κάνετε.

151
00:08:31,680 --> 00:08:33,870
Το πιο προφανές είναι ότι μπορείτε να πάτε πίσω στην αρχική οθόνη,

152
00:08:33,870 --> 00:08:36,780
αλλά τα υπόλοιπα 4 είναι τα λεγόμενα γοητεύει.

153
00:08:36,780 --> 00:08:41,059
Πρόκειται για συμβάσεις που μπορείτε να συνδέσετε σε ως προγραμματιστής app. Είναι αρκετά δροσερό.

154
00:08:41,059 --> 00:08:43,340
Αναζήτηση, είμαι σίγουρος ότι αυτό είναι κάτι που πρόκειται να κάνει,

155
00:08:43,340 --> 00:08:44,950
ανταλλαγή Θα σας δείξω σε ένα δευτερόλεπτο,

156
00:08:44,950 --> 00:08:48,450
και συσκευές και ρυθμίσεις, όλα αυτά είναι πράγματα που η εφαρμογή σας να συνδέσετε σε

157
00:08:48,450 --> 00:08:51,960
για τη μόχλευση των Windows, να πω, «έχω κάνει το μέρος μου

158
00:08:51,960 --> 00:08:54,700
"Και θέλω Windows για να υποστηρίξει κάποια άλλη λειτουργία,

159
00:08:54,700 --> 00:08:56,750
"Και δεν θέλω να γράψω ένα πολύ κώδικα για να συμβεί αυτό."

160
00:08:56,750 --> 00:08:59,480
Αυτό είναι πραγματικά ένα όφελος από τη χρήση αυτών των δυνατοτήτων.

161
00:08:59,480 --> 00:09:01,340
Επιτρέψτε μου να σας δείξω.

162
00:09:01,340 --> 00:09:05,170
Για να γίνει αυτό, θα κάνω μια νέα ζωγραφική.

163
00:09:05,170 --> 00:09:08,240
Επίσης, μίλησε σχετικά με τη χρήση κάθε pixel για την εφαρμογή σας.

164
00:09:08,240 --> 00:09:11,850
Από προεπιλογή, αυτό είναι ό, τι το app χρώμα μοιάζει όταν το χρησιμοποιείτε.

165
00:09:11,850 --> 00:09:14,960
Είναι πραγματικά ακριβώς για ό, τι τραβάτε, το περιεχόμενό σας.

166
00:09:14,960 --> 00:09:20,850
Θα μπορούσα να κάνουν φρικτά πράγματα εδώ. Τι πρέπει να βγάλουμε; Δεν ξέρω.

167
00:09:20,850 --> 00:09:23,110
Μουντζούρες; Ω, μεγάλη. Μπορώ να κάνω μουντζούρες. Fantastic.

168
00:09:23,110 --> 00:09:25,130
Μια γαλοπούλα; [Γέλια]

169
00:09:25,130 --> 00:09:28,500
Αυτή είναι η πιο αφηρημένη γαλοπούλα που θα δείτε.

170
00:09:28,500 --> 00:09:31,780
Μπορώ επίσης να εμφανιστεί αυτό που ονομάζεται το μπαρ app,

171
00:09:31,780 --> 00:09:33,850
και αυτό είναι πραγματικά ένας από τους βασικούς τρόπους με τους οποίους μπορείτε να χρησιμοποιήσετε

172
00:09:33,850 --> 00:09:37,210
για να κρύψει μακριά όλα τα πράγματα που θα μπορούσαν να έχουν στην εφαρμογή ή το παιχνίδι σας πριν

173
00:09:37,210 --> 00:09:39,570
απλώς πιάνουν χώρο όλη την ώρα.

174
00:09:39,570 --> 00:09:43,270
Έτσι τώρα μπορείτε να το βάλετε εδώ, και αυτό είναι πραγματικά μια από τις πιο όμορφες εμπειρίες

175
00:09:43,270 --> 00:09:46,380
με τη γραμμή app που έχω δει.

176
00:09:46,380 --> 00:09:48,800
Βάλτε τις επιλογές εδώ για την επιλογή διαφορετικών χρωμάτων.

177
00:09:48,800 --> 00:09:54,310
Θέλαμε μια γαλοπούλα, οπότε θα βάλουμε κάποια καφέ εδώ, ξεκινήστε ανάμειξη σε δυο χρώματα.

178
00:09:54,310 --> 00:09:58,790
Θα πάρουμε ένα ενδιάμεσο χρώμα εδώ και στη συνέχεια να πάρει πίσω εδώ.

179
00:09:58,790 --> 00:10:02,990
Μπορείτε να αρχίσετε να σχεδιάζετε. Υπάρχει γαλοπούλα σας. Fantastic.

180
00:10:02,990 --> 00:10:07,660
Δεν μπορώ να επιστήσω να αρχίσει με, αλλά να το κάνουμε με ένα touchpad μπροστά σε ένα ακροατήριο είναι ακόμα καλύτερο.

181
00:10:07,660 --> 00:10:09,640
Αυτό είναι φοβερό.

182
00:10:09,640 --> 00:10:13,030
Η ιδέα, όμως, είναι ό, τι με νοιάζει είναι ακριβώς εδώ στην επιφάνεια.

183
00:10:13,030 --> 00:10:17,060
Ας πούμε ότι είμαι τόσο ικανοποιημένος με αυτό που έχω να το μοιραστώ με κάποιον.

184
00:10:17,060 --> 00:10:19,680
Κανονικά τι θα κάνατε με άλλες εκδόσεις των Windows,

185
00:10:19,680 --> 00:10:22,900
θα πάρει ίσως ένα στιγμιότυπο οθόνης, θα κάνετε κάποια copy-paste του κειμένου σας

186
00:10:22,900 --> 00:10:24,950
ή τα πράγματα όπως αυτό που θέλετε να μοιραστείτε έξω,

187
00:10:24,950 --> 00:10:27,260
και στη συνέχεια να πάει και να ανοίξει μια άλλη εφαρμογή και να το βάλετε σε αυτό.

188
00:10:27,260 --> 00:10:28,630
Εδώ δεν χρειάζεται να το κάνουμε αυτό.

189
00:10:28,630 --> 00:10:32,400
Μπορείτε πραγματικά να φέρει έξω τη γραμμή γοητεύει και να πει, «θέλω να μοιραστώ αυτό."

190
00:10:32,400 --> 00:10:35,000
Στο σημείο αυτό πρόκειται να σας δείξει όλες τις εφαρμογές

191
00:10:35,000 --> 00:10:38,080
που ξέρουν πώς να συνεργαστεί με ό, τι γίνεται κοινή χρήση.

192
00:10:38,080 --> 00:10:41,590
Σε αυτή την περίπτωση είναι μια εικόνα, γι 'αυτό πρόκειται να πει, «βλέπω ότι έχετε μια εικόνα."

193
00:10:41,590 --> 00:10:45,590
"Θέλετε να μοιραστείτε αυτό;" Μπορείτε να δω τον εαυτό μου email πράγματα όλη την ώρα.

194
00:10:45,590 --> 00:10:49,420
Αναγνωρίζει ότι, και αυτό είναι που μου προσφέρει ότι ως συντόμευση,

195
00:10:49,420 --> 00:10:53,270
αλλά είναι επίσης μου δείχνει κάθε app που ξέρει πώς να ασχοληθεί με τη λήψη μιας φωτογραφίας

196
00:10:53,270 --> 00:10:55,520
και να κάνει κάτι με αυτό.

197
00:10:55,520 --> 00:10:57,890
Αυτά έχουν ήδη επισημάνει ότι τα Windows μπορούν να το κάνουν.

198
00:10:57,890 --> 00:10:59,240
Σε αυτό το σημείο αυτό είναι τα Windows.

199
00:10:59,240 --> 00:11:01,680
Ο χρήστης επιλέγει ακριβώς τι θέλουν να κάνουν με αυτό.

200
00:11:01,680 --> 00:11:06,610
Θα κάνω το συνηθισμένο μου PuzzleTouch. Μπορείτε να δείτε έχω δημιουργήσει όλα τα είδη των παζλ πάροδο του χρόνου.

201
00:11:06,610 --> 00:11:11,790
Θα πάρω PuzzleTouch και να πει, «θέλω να μοιραστώ αυτή την καταπληκτική δημιουργία με PuzzleTouch."

202
00:11:11,790 --> 00:11:16,670
Είναι πρόκειται να προχωρήσει και να πω, "Great. Θέλετε να μοιραστείτε αυτό; Fantastic."

203
00:11:16,670 --> 00:11:19,260
"Θέλετε να κάνετε ένα παζλ που είναι εύκολο, ενδιάμεσα, ό, τι;"

204
00:11:19,260 --> 00:11:20,800
Θα κάνω ένα ενδιάμεσο εδώ.

205
00:11:20,800 --> 00:11:24,890
Κάνει το παζλ. Είναι πρόκειται να είναι μια φοβερή γρίφος επειδή είναι ως επί το πλείστον κενό.

206
00:11:24,890 --> 00:11:28,100
Αλλά είναι έτοιμη, και είναι στην πραγματικότητα πίσω στην άλλη εφαρμογή.

207
00:11:28,100 --> 00:11:32,360
Αν έρθω εδώ, μπορώ να το αναζητήσετε και να το προωθήσει.

208
00:11:32,360 --> 00:11:38,100
Τώρα, αν μετακινηθείτε πάνω από ακριβώς ένα μικρό κομμάτι εδώ, θα πρέπει να δούμε τη δημιουργία μου κάπου.

209
00:11:38,100 --> 00:11:42,930
Πού να πάω; Τι είδους παζλ έκανα; Μήπως μπορώ να είναι εύκολο;

210
00:11:42,930 --> 00:11:46,110
Ω, εκεί είναι, ακριβώς εκεί.

211
00:11:46,110 --> 00:11:49,550
[Γέλια] Είναι η εύκολα αναγνωρίσιμη παζλ γαλοπούλα που είναι εδώ.

212
00:11:49,550 --> 00:11:52,360
Αλλά το πράγμα που θέλω να σας επισημάνω, το δροσερό πράγμα εδώ

213
00:11:52,360 --> 00:11:54,710
είναι οι εφαρμογές δεν ήξερε τίποτα ο ένας για τον άλλο.

214
00:11:54,710 --> 00:11:58,740
Το μόνο που είπε, "έχω μια εικόνα για να μοιραστούν, και ξέρω πώς να ασχοληθεί με εικόνες."

215
00:11:58,740 --> 00:12:01,420
Και εσείς ως προγραμματιστής, δεν έχετε να γράψετε τον κώδικα.

216
00:12:01,420 --> 00:12:05,350
Όταν κάποιος με ρωτάει για να μοιραστείτε, Πάω να βάλει κάποια δεδομένα σε αυτό το μικρό δομή δεδομένων

217
00:12:05,350 --> 00:12:06,740
και τελειωσα.

218
00:12:06,740 --> 00:12:10,990
Το άλλο app αναλαμβάνει, κάνει το πράγμα, και αυτό είναι το τέλος της ανταλλαγή εμπειριών.

219
00:12:10,990 --> 00:12:14,550
Αυτό είναι μόνο ένα πράγμα που μπορείτε να κάνετε - πραγματικά, πραγματικά ισχυρό -

220
00:12:14,550 --> 00:12:17,570
και πρόκειται να είναι ένα από εκείνα τα πράγματα που θα μπορούσε πραγματικά να βοηθήσει στη διαφοροποίηση app σας

221
00:12:17,570 --> 00:12:20,090
καθώς επίσης και το παιχνίδι σας πάρα πολύ στο κατάστημα.

222
00:12:20,090 --> 00:12:22,220
Οι άνθρωποι θα είναι σε θέση να πει, «Αυτό είναι πραγματικά χρήσιμο."

223
00:12:22,220 --> 00:12:25,430
"Έχω χρησιμοποιήσει αυτό το παζλ δημιουργός όλη την ώρα. Είναι φανταστικό."

224
00:12:25,430 --> 00:12:30,490
>> Αυτό είναι αρκετό για μια σύντομη επισκόπηση του τι συμβαίνει εδώ.

225
00:12:30,490 --> 00:12:33,670
Υπάρχει ένα ζευγάρι άλλα χαρακτηριστικά γνωρίσματα επίσης ότι ίσως θα τονίσει καθώς περνάμε από τον κωδικό.

226
00:12:33,670 --> 00:12:37,710
Αλλά θέλω να βουτήξει σε διαφάνειες, και να το κάνουμε αυτό, είμαι πρόκειται να πάει στην επιφάνεια εργασίας,

227
00:12:37,710 --> 00:12:40,940
το οποίο είναι το ίδιο, άλλο κεραμίδι εδώ.

228
00:12:40,940 --> 00:12:43,840
Μπορώ να μπω σε αυτό και, αρκετά βέβαιος, είμαι σε διαφάνειες μου,

229
00:12:43,840 --> 00:12:46,320
αλλά επιτρέψτε μου να σας δείξει πραγματικά το πού βρισκόμαστε.

230
00:12:46,320 --> 00:12:48,460
Είμαστε πραγματικά σε λειτουργία Desktop.

231
00:12:48,460 --> 00:12:52,580
Αυτό είναι πραγματικά όπου αυτό που έλεγα πριν για τα Windows μεταφορά

232
00:12:52,580 --> 00:12:54,850
σε νέες εμπειρίες δείχνει η ίδια.

233
00:12:54,850 --> 00:12:56,450
Αυτό είναι το Windows που γνωρίζετε.

234
00:12:56,450 --> 00:12:59,730
Οι εφαρμογές των Windows που ονομάζεται desktop εφαρμογές. Τρέχουν εδώ.

235
00:12:59,730 --> 00:13:02,730
Αν έχετε υπάρχουσες εφαρμογές και θέλετε να τους τρέχει σε Windows 8,

236
00:13:02,730 --> 00:13:04,710
μπορείτε να κάνετε απολύτως αυτό.

237
00:13:04,710 --> 00:13:07,590
Αυτά δεν είναι τα ίδια πράγματα, όπως τα apps κατάστημα, το οποίο είναι πάνω από εδώ,

238
00:13:07,590 --> 00:13:12,240
όπως φρέσκια μπογιά και αυτές NBC News εφαρμογές και τέτοια πράγματα. Αυτοί θα έρθουν από το κατάστημα.

239
00:13:12,240 --> 00:13:14,450
Μπορούν να συνδέσετε σε μερικά από τα χαρακτηριστικά που σας έδειξα

240
00:13:14,450 --> 00:13:16,620
και άλλοι που δεν σας έχω δείξει ακόμα.

241
00:13:16,620 --> 00:13:21,460
Αλλά ακριβώς να το έχουμε κατά νου. Έχουμε την υποστήριξη για τα δύο αυτά πράγματα, όπως καλά.

242
00:13:21,460 --> 00:13:27,000
Λυπάμαι. Είναι κάτι που δεν εμφανίζονται στην οθόνη; Έχω χάσει τελείως. Αυτό είναι περίεργο.

243
00:13:29,000 --> 00:13:31,000
Εντάξει. Ευχαριστώ για την επισήμανση.

244
00:13:31,000 --> 00:13:34,770
Αυτό που δεν έχουν δει για μια στιγμή μου είναι να σας δείχνει ότι η επιφάνεια εργασίας είναι εδώ.

245
00:13:34,770 --> 00:13:37,540
Ποιο είναι το τελευταίο πράγμα που είδε; Το είδες αυτό;

246
00:13:37,540 --> 00:13:39,490
Αυτή είναι η επιφάνεια εργασίας. Γνωρίζετε ήδη τι μοιάζει.

247
00:13:39,490 --> 00:13:42,070
Δεν είναι τίποτα τρομερά ασυνήθιστο.

248
00:13:42,070 --> 00:13:46,940
Είναι μας μεταφέρουν αυτή την εμπειρία προς τα εμπρός για σας και επιτρέποντάς σας να χρησιμοποιήσετε τα πράγματα που είχατε.

249
00:13:46,940 --> 00:13:50,460
Για παράδειγμα, εγώ θα σας δείχνει το Visual Studio. Αυτό είναι ένα desktop εφαρμογή.

250
00:13:50,460 --> 00:13:52,600
Είναι πρόκειται να τρέξει σε αυτή την κατάσταση.

251
00:13:52,600 --> 00:13:54,960
Είναι πρόκειται να υποστηρίξει ένα πιο σύνθετο περιβάλλον

252
00:13:54,960 --> 00:14:01,470
με πολλές επιλογές και τέτοια πράγματα, γι 'αυτό είναι μια καλή επιλογή ως ένα desktop app κάνει.

253
00:14:01,470 --> 00:14:04,810
>> Τούτου λεχθέντος, ας πάμε σε διαφάνειες μόνο για λίγο

254
00:14:04,810 --> 00:14:09,720
και να σας δώσει κάποια εισαγωγικά περιεχόμενο και στη συνέχεια να μπει πραγματικά κωδικοποίησης εδώ.

255
00:14:09,720 --> 00:14:14,070
Τα καλά νέα είναι ότι έχω ακούσει ότι έχετε εστιάσει σε πολλά CSS και JavaScript, HTML.

256
00:14:14,070 --> 00:14:18,110
Όλα αυτά τα πράγματα που έχετε μάθει carry άμεσα στη διαδικασία λήψης Windows Store apps.

257
00:14:18,110 --> 00:14:22,920
Τα πράγματα που έχετε ακούσει για την εφαρμογή με CSS επιλογείς και όλα αυτά τα πράγματα

258
00:14:22,920 --> 00:14:27,180
είναι ακριβώς αυτό που κάνετε για να δημιουργήσετε μια εφαρμογή εδώ για το κατάστημα.

259
00:14:27,180 --> 00:14:29,640
Θα πάμε μέσα από αυτά τα πράγματα σιγά-σιγά.

260
00:14:29,640 --> 00:14:34,130
Βασικά, είμαι με βάση τα πράγματα που έχετε ήδη λάβει το χρόνο για να μάθουν.

261
00:14:34,130 --> 00:14:36,520
Αυτό είναι το γενικό διάγραμμα των τεχνολογιών που θα μπορούσατε να χρησιμοποιήσετε

262
00:14:36,520 --> 00:14:38,790
να κάνει τις εφαρμογές για τα Windows 8.

263
00:14:38,790 --> 00:14:42,840
Τα πράγματα σχετικά με το δικαίωμα, τα desktop εφαρμογές, είναι πραγματικά αυτό που ήδη γνωρίζουμε.

264
00:14:42,840 --> 00:14:46,840
Αυτό είναι τα πράγματα που είναι πραγματικά το Windows 7 τον κόσμο μεταφέρονται στα Windows 8.

265
00:14:46,840 --> 00:14:51,920
Όλες αυτές οι επιλογές μεταφέρουν: C #, VB, Win32 είδος της ανάπτυξης.

266
00:14:51,920 --> 00:14:54,450
Μεγάλη. Κανένα πρόβλημα. Η νέα πράγματα είναι στην αριστερή πλευρά.

267
00:14:54,450 --> 00:14:58,220
Αυτό είναι το Windows Store apps, ότι όταν θέλω να πάρει την αίτησή μου ενσύρματη στα Windows 8

268
00:14:58,220 --> 00:15:02,300
χρησιμοποιώντας όλα εκείνα τα χαρακτηριστικά, το πάρετε στο κατάστημα, και να πάρει ότι πραγματικά δροσερή εμπειρία

269
00:15:02,300 --> 00:15:05,260
από τις εφαρμογές των Windows Store.

270
00:15:05,260 --> 00:15:10,350
Για να γίνει αυτό, μπορείτε να δείτε εδώ έχετε όλες τις επιλογές σας με XAML, C + +,

271
00:15:10,350 --> 00:15:14,100
C #, VB, θα μπορούσατε να κάνετε DirectX, τέτοια πράγματα, πράγματα που πηγαίνουν πέρα ​​από την διαφάνεια.

272
00:15:14,100 --> 00:15:18,650
Αλλά για μας, θα πάμε να επικεντρωθεί ακριβώς στο γεγονός ότι η HTML, CSS, JavaScript και

273
00:15:18,650 --> 00:15:22,890
είναι πραγματικά ένας πολίτης πρώτης κατηγορίας για την υποβολή αιτήσεων για τα Windows 8

274
00:15:22,890 --> 00:15:24,960
και για το κατάστημα των Windows.

275
00:15:24,960 --> 00:15:27,950
Έτσι, αυτό είναι καλό για όλους εδώ και οι λαοί παρακολουθούν σε βίντεο

276
00:15:27,950 --> 00:15:30,760
επειδή μπορείτε να μόχλευσης ακριβώς όλα αυτές τις εμπειρίες που έχετε

277
00:15:30,760 --> 00:15:33,900
και να δέσουν σε ό, τι προσφέρει τα Windows.

278
00:15:33,900 --> 00:15:37,870
Θα πάμε να το κάνουμε αυτό μέσα από ένα σύνολο από APIs, τα οποία θα πρέπει να είναι καμία έκπληξη.

279
00:15:37,870 --> 00:15:39,920
Κάθε λειτουργικό σύστημα έχει το δικό του API της.

280
00:15:39,920 --> 00:15:43,530
Μπορούμε να εκθέσει τι μπορεί να κάνει τα Windows μέσα από αυτό που ονομάζεται WinRT.

281
00:15:43,530 --> 00:15:46,370
Είναι ένα σύνολο από APIs που κάνει ακριβώς τα πάντα για εσάς.

282
00:15:46,370 --> 00:15:51,650
Εάν πρέπει να ανοίξετε τα αρχεία, θα πρέπει να χρησιμοποιήσετε την κάμερα, geolocation, τέτοια πράγματα,

283
00:15:51,650 --> 00:15:55,700
περνούν από το τι μπορούν να προσφέρουν τα Windows σας.

284
00:15:55,700 --> 00:15:59,370
Για να αποκτήσετε πρόσβαση σε αυτό, έχουμε λίγο περισσότερο JavaScript που πρόκειται να κάνει ακόμα πιο εύκολη

285
00:15:59,370 --> 00:16:02,510
για να το κάνετε αυτό. Θα φτάσουμε σε αυτό σε λίγο.

286
00:16:02,510 --> 00:16:04,060
Αλλά για τώρα, αυτό είναι βασικά οδικό χάρτη σας.

287
00:16:04,060 --> 00:16:06,770
Τα πράγματα που έχετε ήδη κάνει πάνω από μερικές APIs

288
00:16:06,770 --> 00:16:11,280
που σας βοηθούν να λειτουργούν με τα Windows ισούται app κατάστημα.

289
00:16:11,280 --> 00:16:14,210
Και αυτό είναι πραγματικά για όλα όσα πρέπει να ξέρετε από το υψηλό επίπεδο.

290
00:16:14,210 --> 00:16:17,370
>> Θα βουτήξει στην πραγματικότητα εργάζονται με τα πράγματα τώρα.

291
00:16:18,940 --> 00:16:21,950
Τα πράγματα που πιθανώς έχετε ήδη δει ένα σωρό,

292
00:16:21,950 --> 00:16:26,760
με IE9 λίγο πίσω μας εισήγαγε και υποστήριξη για πολλά από τα, κατά τη χρονική στιγμή,

293
00:16:26,760 --> 00:16:30,340
νεότερα πρότυπα του Web, έτσι ώστε πολλά νέα χαρακτηριστικά CSS,

294
00:16:30,340 --> 00:16:34,380
πολλά νέα HTML, ECMAScript 5, το οποίο είναι πραγματικά JavaScript.

295
00:16:34,380 --> 00:16:38,090
Έτσι, τα πάντα γι 'αυτό, εκτός από την αυστηρή λειτουργία ήταν σε IE9.

296
00:16:38,090 --> 00:16:42,290
Μόλις ένας τόνος των πράγματα με CSS, CSS3, όλα εκεί.

297
00:16:42,290 --> 00:16:45,300
Και όλα αυτά τα πράγματα μεταφέρει σε ό, τι κάνουμε με τα Windows 8.

298
00:16:45,300 --> 00:16:49,350
Μπορείτε να χρησιμοποιήσετε αυτά τα πράγματα, και μπορείτε να χρησιμοποιήσετε ό, τι νέο υπάρχει στο IE10.

299
00:16:49,350 --> 00:16:54,640
Με IE10 εισάγουμε υποστήριξη για όλα αυτά τα πράγματα, όπως καλά.

300
00:16:54,640 --> 00:16:59,340
Είναι όλοι hardware-accelerated, οπότε αν είστε σε ένα μηχάνημα που έχει κάποιο είδος της GPU,

301
00:16:59,340 --> 00:17:04,190
που είναι πιθανώς λίγο πολύ κάθε μηχάνημα που θα μπορούσατε να πάρετε τα τελευταία 8 χρόνια,

302
00:17:04,190 --> 00:17:07,609
θα πάμε να είναι σε θέση να έχουν hardware-accelerated απόδοση,

303
00:17:07,609 --> 00:17:11,770
οπτική έξοδο με CSS, Canvas, SVG.

304
00:17:11,770 --> 00:17:14,339
Όλα αυτά τα πράγματα θα πάνε μέσω της επιτάχυνσης υλικού

305
00:17:14,339 --> 00:17:16,060
και να είναι ότι πολύ πιο γρήγορα και πιο αποτελεσματικά.

306
00:17:16,060 --> 00:17:20,440
Η σύντομη εκδοχή του όλα αυτά - Είμαι δεν πρόκειται να περάσει από κάθε ενιαίο πράγμα εδώ -

307
00:17:20,440 --> 00:17:23,200
αν το δείτε στον κατάλογο αυτό, αν μπορείτε να το κάνετε σε IE10,

308
00:17:23,200 --> 00:17:25,650
αν είναι ένα web app που τρέχετε που λειτουργεί σε IE10,

309
00:17:25,650 --> 00:17:28,640
αυτό είναι κάτι που μπορείτε να κάνετε ως app Windows Store.

310
00:17:28,640 --> 00:17:33,100
Και αυτό είναι λίγο πολύ αυτό. Έτσι, εάν λειτουργεί σε IE10, πρόκειται να λειτουργήσει ως ένα app Windows Store.

311
00:17:33,100 --> 00:17:36,370
Είναι πάνω στο τραπέζι ως κάτι που θα μπορούσατε να χρησιμοποιήσετε.

312
00:17:36,370 --> 00:17:40,510
>> Υπάρχουν πολλά εδώ. Δεν έχουμε μέχρι τα μεσάνυχτα, οπότε δεν μπορεί να ελέγξει τα πάντα εδώ.

313
00:17:40,510 --> 00:17:44,060
Αλλά υπάρχουν μερικές ιστοσελίδες που θα σας βοηθήσουν να καταλάβετε τι μπορεί να κάνει αυτά τα πράγματα,

314
00:17:44,060 --> 00:17:45,520
και θα σου δείξω έναν από αυτούς σε ένα δευτερόλεπτο.

315
00:17:45,520 --> 00:17:48,410
Ήθελα απλώς να επισημάνω μερικά από τα βασικά πράγματα που μπορείτε να κοιτάξετε.

316
00:17:48,410 --> 00:17:51,560
Ίσως έχετε δει ήδη κάποιες από αυτές τις σπουδές σας,

317
00:17:51,560 --> 00:17:56,610
αλλά αυτά είναι πραγματικά χρήσιμη, ιδίως με Windows Store apps, από την πλευρά του CSS.

318
00:17:56,610 --> 00:18:02,420
Έτσι είναι σε θέση να κάνει μετασχηματισμούς και τις μεταβάσεις, παρέχει κίνηση με κινούμενα σχέδια -

319
00:18:02,420 --> 00:18:07,010
όλα αυτά είναι μέρος του CSS τώρα, και είναι όλα υποστηρίζονται από σύγχρονα προγράμματα περιήγησης,

320
00:18:07,010 --> 00:18:11,370
και IE10 και IE9 έχουν προστεθεί υποστήριξη για την πάροδο του χρόνου όλα αυτά τα πράγματα.

321
00:18:11,370 --> 00:18:15,220
Και γιατί να το γράψετε μόνοι σας, γιατί να περάσουν από όλα τα προβλήματα του να κάνει αυτά τα πράγματα με το χέρι

322
00:18:15,220 --> 00:18:19,970
όταν θα μπορούσατε να χρησιμοποιήσετε ένα απλό CSS μετασχηματισμού για τη δημιουργία ενός 3D αποτέλεσμα για την εφαρμογή σας;

323
00:18:19,970 --> 00:18:22,740
Μεγάλη. Αυτό είναι το πώς λειτουργεί.

324
00:18:22,740 --> 00:18:24,530
Δεν μπορώ καθόλου πιο δύσκολο από ότι κάνουν.

325
00:18:24,530 --> 00:18:28,330
Εάν ξέρετε πώς να το κάνουμε σε CSS, ξέρετε πώς να το κάνουμε με την εφαρμογή Windows Store.

326
00:18:28,330 --> 00:18:32,080
>> Πηγαίνοντας πέρα ​​από αυτό για τη διάταξη, τα πράγματα όπως ακόμη και το app store,

327
00:18:32,080 --> 00:18:35,350
Πέρα όμως από αυτό, κοιτάζοντας ίσως ένα app ειδήσεων που σας παρουσιάζει τα άρθρα

328
00:18:35,350 --> 00:18:40,160
ή συνταγές ή τέτοια πράγματα, αυτά τα άλλα είδη των χαρακτηριστικών σε CSS είναι πραγματικά χρήσιμο:

329
00:18:40,160 --> 00:18:45,610
Πλέγμα Flexbox, CSS Regions είναι περισσότερο από ένα αρκετά νέο πρότυπο, καθώς και.

330
00:18:45,610 --> 00:18:51,190
Αυτά τα πράγματα όλα θα σας βοηθήσει να τοποθετήσετε το περιεχόμενο και τη ροή του περιεχομένου μεταξύ των τμημάτων,

331
00:18:51,190 --> 00:18:55,470
να είναι σε θέση να κάνει τη σελιδοποίηση και το συλλαβισμό, χωρίς να χρειάζεται να γράψετε τα πράγματα μόνοι σας.

332
00:18:55,470 --> 00:18:57,500
Μπορείτε απλώς να πω, "Παρακαλώ να κάνετε τα εξής για μένα»

333
00:18:57,500 --> 00:19:00,850
και η οθόνη των ακινήτων είναι διαφορετική σε διαφορετικές μηχανές

334
00:19:00,850 --> 00:19:03,850
ή όπως θα δείτε σε λίγο, όπως εσείς snap μια εφαρμογή

335
00:19:03,850 --> 00:19:07,920
να έχουν μικρότερα ποσά του χώρου στην οθόνη, αυτό δεν είναι πρόβλημα για CSS.

336
00:19:07,920 --> 00:19:11,160
Μπορεί να επωφεληθούν από - we'll συζήτηση σχετικά με τα ερωτήματα των μέσων ενημέρωσης σε ένα δεύτερο -

337
00:19:11,160 --> 00:19:15,880
μπορεί να φροντίσει τα πράγματα με την επανατοποθέτηση του περιεχομένου σας, που απορρέουν από το περιεχόμενο των περιφερειών

338
00:19:15,880 --> 00:19:21,240
ακριβώς με αυτά τα πράγματα που μπορεί να έχετε ήδη δει με την τεχνολογία web.

339
00:19:21,240 --> 00:19:25,470
>> Από την πλευρά της HTML5, υπάρχουν επίσης ένα σωρό πράγματα

340
00:19:25,470 --> 00:19:28,140
ότι θα είναι πολύ χρήσιμο για σας με το Windows Store apps.

341
00:19:28,140 --> 00:19:30,980
Και πάλι, δεν θα περάσουν από όλα αυτά, αλλά είναι ακριβώς εδώ.

342
00:19:30,980 --> 00:19:35,470
Έτσι, αν χρειαστεί να το χρησιμοποιήσετε, audio-video, αν θέλετε να κάνετε την επικύρωση από τις μορφές,

343
00:19:35,470 --> 00:19:40,570
geolocation, όλα τα πράγματα που μπορείτε να κάνετε σε JavaScript με JavaScript ECMAScript 5 ή 5,

344
00:19:40,570 --> 00:19:44,070
IndexedDB για τοπική αποθήκευση - όλα αυτά είναι επιλογές για σας.

345
00:19:44,070 --> 00:19:49,300
Αν ψάχνετε για μια απάντηση, απλά κοιτάξτε στις υπάρχουσες τεχνολογίες με HTML5 και CSS

346
00:19:49,300 --> 00:19:53,880
και θα βρείτε ευκολότερα απαντήσεις ό, τι χρειάζεται για να κυλήσει μια πολλά από αυτά τα πράγματα τον εαυτό σας.

347
00:19:53,880 --> 00:19:55,510
Επιτρέψτε μου να σας ξεναγήσουμε λίγο εδώ.

348
00:19:55,510 --> 00:19:57,920
Έχω μια ιστοσελίδα μπορούμε να πάμε.

349
00:19:57,920 --> 00:20:01,590
Επιτρέψτε μου να βγείτε από αυτήν τη διαφάνεια για ένα δευτερόλεπτο.

350
00:20:01,590 --> 00:20:06,450
>> Αν πάμε έξω να IETestDrive.com,

351
00:20:06,450 --> 00:20:08,960
Δεν θα το κάνω πολύ από ένα demo εδώ.

352
00:20:08,960 --> 00:20:14,360
IETestDrive.com πραγματικά σας δείχνει πολλά για το τι νέο υπάρχει σχετικά με IE10,

353
00:20:14,360 --> 00:20:16,220
τα πράγματα που μπορείτε να κάνετε.

354
00:20:16,220 --> 00:20:19,130
Θεωρώ ότι αυτό είναι πραγματικά χρήσιμη, διότι αντί της ανάγνωσης μέσα από μια δέσμη της λευκά χαρτιά,

355
00:20:19,130 --> 00:20:23,020
δούμε μερικά demos, και ότι πρόκειται να σας βοηθήσει να το βάλετε στο δικό σας προσωπικό ραντάρ

356
00:20:23,020 --> 00:20:26,620
σχετικά με το αν η τεχνολογία έχει νόημα να κάνουμε ακόμη περισσότερα οποιαδήποτε έρευνα με

357
00:20:26,620 --> 00:20:29,070
έτσι θα καταλάβετε, «βλέπω τι είναι αυτό για."

358
00:20:29,070 --> 00:20:32,780
«Καταλαβαίνω τι Αίτηση Animation Frame κάνει για μένα."

359
00:20:32,780 --> 00:20:36,900
«Καταλαβαίνω πώς θα μπορούσα να χρησιμοποιήσω Περιφερειών ή φίλτρα SVG."

360
00:20:36,900 --> 00:20:40,190
Μπορείτε να τους δείτε σε δράση, να τους δείτε ζωντανά στο παράδειγμα εδώ,

361
00:20:40,190 --> 00:20:44,930
και να αποφασίσει για τον εαυτό σας, αν αυτό πρόκειται να είναι χρήσιμο για σας στο δικό σας έργα και πέρα

362
00:20:44,930 --> 00:20:47,840
όπως θα συνεχίσει να συνεργάζεται με την τεχνολογία web.

363
00:20:47,840 --> 00:20:49,900
Εδώ θα ήθελα απλώς να σας ενθαρρύνω να ρίξετε μια ματιά.

364
00:20:49,900 --> 00:20:52,880
Δεν νομίζω ότι θα περάσω πολύ χρόνο στην πραγματικότητα τη λειτουργία αυτών.

365
00:20:52,880 --> 00:20:56,030
Έχουμε αρκετό για να δείξει με το γράψιμο κώδικα.

366
00:20:56,030 --> 00:21:01,640
Θα δείτε εδώ τα πράγματα από τα αποτελέσματα αφής για touch-based παιχνίδια στο εν λόγω σημείο,

367
00:21:01,640 --> 00:21:06,050
animation, πολύ γρήγορα hardware-accelerated animation εκεί,

368
00:21:06,050 --> 00:21:11,230
ορισμένες βελτιστοποιήσεις που θα δείτε σε μερικά από αυτά τα δείγματα, καθώς και,

369
00:21:11,230 --> 00:21:12,770
και υπάρχουν πολλά, πολλά περισσότερα.

370
00:21:12,770 --> 00:21:15,330
Αν πάτε εδώ και να ανοίξει το χάρτη της ιστοσελίδας,

371
00:21:15,330 --> 00:21:19,070
υπάρχει μόνο ένα γελοίο αριθμό των δειγμάτων εδώ.

372
00:21:19,070 --> 00:21:20,690
Μπορείτε να τα δείτε εδώ.

373
00:21:20,690 --> 00:21:22,900
Αν ψάχνετε σε κάτι ή έχετε ακούσει για κάτι

374
00:21:22,900 --> 00:21:25,850
και αναρωτιέστε ίσως αυτό θα ήταν κάτι δροσερό για να χρησιμοποιήσετε το app,

375
00:21:25,850 --> 00:21:31,720
προσπαθήστε να βρείτε εδώ, και είναι πιθανό να υπάρχει ένα πολύ καλό demo για να σώσει τον εαυτό σας λίγο χρόνο.

376
00:21:31,720 --> 00:21:35,980
>> Εντάξει; Οποιεσδήποτε ερωτήσεις μέχρι στιγμής για τα παιδιά εδώ;

377
00:21:35,980 --> 00:21:39,620
Εντάξει. Θα συνεχίσουμε εδώ.

378
00:21:39,620 --> 00:21:41,920
Και πάλι, απλά ελέγξτε ότι έξω.

379
00:21:41,920 --> 00:21:45,450
Πρόκειται για τα web standards, έτσι ώστε να πάει σε άλλους ιστότοπους βιτρίνα που ξέρετε

380
00:21:45,450 --> 00:21:50,550
και να δούμε αν αυτές οι τεχνολογίες έχουν νόημα για το τι προσπαθούμε να κάνουμε.

381
00:21:50,550 --> 00:21:53,190
>> Back σε διαφάνειες.

382
00:21:53,190 --> 00:22:00,290
Τούτου λεχθέντος, θα κινούνται από έναν κόσμο Web σε πραγματικά εγκατεστημένο κόσμο τοπική εφαρμογή,

383
00:22:00,290 --> 00:22:01,850
έτσι υπάρχουν μερικά πράγματα που πρέπει να επισημάνω εδώ.

384
00:22:01,850 --> 00:22:03,690
Πρώτα απ 'όλα, δεν υπάρχει web server που εμπλέκονται εδώ.

385
00:22:03,690 --> 00:22:06,120
Δεν υπάρχει καμία Apache, δεν υπάρχει IIS τρέχει εδώ

386
00:22:06,120 --> 00:22:10,170
εξυπηρετούν τις σελίδες σε ένα απομακρυσμένο πελάτη, σε ένα απομακρυσμένο πράκτορα του προγράμματος περιήγησης.

387
00:22:10,170 --> 00:22:13,000
Στην περίπτωση αυτή, πραγματικά τα πάντα είναι συσκευασμένο για εσάς.

388
00:22:13,000 --> 00:22:16,630
Μπορείτε ισχυρίζονται ότι η αίτησή σας στο κατάστημα, παίρνει πιστοποιηθεί,

389
00:22:16,630 --> 00:22:22,190
είναι έξω στο κατάστημα, και τότε οι άνθρωποι από τις χιλιάδες θα εγκαταστήσετε το παιχνίδι σας ή την εφαρμογή σας.

390
00:22:22,190 --> 00:22:24,780
Αλλά βασικά, από όπου και αν το τράβηγμα κάτω τοπικά στον υπολογιστή τους.

391
00:22:24,780 --> 00:22:29,080
Δεν υπάρχει καμία ανάγκη να βγούμε έξω στο Web πια εκτός αν έχετε τις κλήσεις που χρειάζονται ένα απομακρυσμένο API,

392
00:22:29,080 --> 00:22:31,790
και αυτό είναι απόλυτα φυσιολογικό, καθώς πάρα πολύ.

393
00:22:31,790 --> 00:22:35,330
Αλλά δεν πρόκειται να είναι σε αυτή την κατάσταση, όπου πρέπει να πάνε αίτημα απόκρισης από το διακομιστή

394
00:22:35,330 --> 00:22:37,910
για να πάρει την επόμενη σελίδα του περιεχομένου τους.

395
00:22:37,910 --> 00:22:41,380
Έτσι είπε ότι, υπάρχουν μερικά μικρές διαφορές API. Αυτά είναι απίστευτα ήσσονος σημασίας.

396
00:22:41,380 --> 00:22:46,850
Είναι απίθανο να σας χτυπήσει στην κανονική κωδικοποίηση σας, αλλά είναι τουλάχιστον τεκμηριωμένη.

397
00:22:46,850 --> 00:22:50,030
Είναι το είδος των περιπτώσεων άκρη εκεί.

398
00:22:50,030 --> 00:22:53,370
>> Το άλλο πράγμα που αξίζει να σημειωθεί είναι οι διαφορές εμπιστοσύνη.

399
00:22:53,370 --> 00:22:58,070
Θα αναφέρω μόνο αυτό γιατί απλά θέλετε να βεβαιωθείτε ότι το είπα

400
00:22:58,070 --> 00:23:01,580
οπότε αν τρέχετε σε αυτό αργότερα, θα σκεφτείτε, "Chris είπε κάτι γι 'αυτό,

401
00:23:01,580 --> 00:23:04,890
"Έτσι ίσως, ναι, εντάξει," και στη συνέχεια μπορείτε να πάτε πίσω και να μάθετε τι ήταν.

402
00:23:04,890 --> 00:23:06,480
Πλαίσια σημασία.

403
00:23:06,480 --> 00:23:11,450
Από προεπιλογή προσπαθούμε να προστατεύει το χρήστη από φορείς της επίθεσης.

404
00:23:11,450 --> 00:23:13,400
Υπάρχουν ορισμένα πράγματα που μπορείτε να κάνετε από προεπιλογή

405
00:23:13,400 --> 00:23:16,130
και ορισμένα πράγματα που πρέπει να αλλάξει το πλαίσιο για να ενεργοποιήσετε.

406
00:23:16,130 --> 00:23:19,860
Όπως μπορείτε να χρησιμοποιείτε κάποιες βιβλιοθήκες εκεί έξω - Το έχεις ήδη εργάζονται με jQuery,

407
00:23:19,860 --> 00:23:23,650
αλλά αν ψάχνετε για άλλες βιβλιοθήκες εκεί έξω - ίσως να χρησιμοποιούν κάποια λειτουργικότητα

408
00:23:23,650 --> 00:23:28,000
ότι το είδος του πηγαίνει πέρα ​​από τις τοπικές συνήθειες, δεν πιο δυναμικών αλληλεπιδράσεων

409
00:23:28,000 --> 00:23:30,360
Αιτήσεις XHR, τέτοια πράγματα.

410
00:23:30,360 --> 00:23:33,090
Μερικές φορές μπορείτε να βρείτε αυτές που θα πρέπει να απενεργοποιηθεί από προεπιλογή,

411
00:23:33,090 --> 00:23:37,790
και σε αυτή την περίπτωση, κάνετε ακριβώς μια αναζήτηση, αναζήτηση τοπικών και web πλαίσιο,

412
00:23:37,790 --> 00:23:39,560
και θα μάθετε πώς να το διορθώσω αυτό.

413
00:23:39,560 --> 00:23:42,580
Απλά βεβαιωθείτε ότι έχετε γνώριζαν γι 'αυτό, όπως σας αρχίσουν να χρησιμοποιούν άλλα πλαίσια,

414
00:23:42,580 --> 00:23:45,720
οποίας, θα ήθελα να αναφέρω, είστε απολύτως σε θέση να κάνει.

415
00:23:45,720 --> 00:23:49,290
Έτσι, αν βρείτε κάποιο άλλο πλαίσιο - we'll μιλήσουμε για αυτό σε ένα δεύτερο -

416
00:23:49,290 --> 00:23:54,000
για gaming και θέλετε να χρησιμοποιήσετε ότι θέλετε να χρησιμοποιήσετε κάποια βιβλιοθήκες ελέγχου που είναι εκεί έξω

417
00:23:54,000 --> 00:23:57,990
και δεν θέλετε να γράψετε ότι τα πράγματα τον εαυτό σας - είναι μια καλή ιδέα, έτσι δεν είναι; -

418
00:23:57,990 --> 00:23:59,560
μπορείτε να χρησιμοποιήσετε απολύτως αυτά τα πράγματα.

419
00:23:59,560 --> 00:24:03,660
Δεν υπάρχει τίποτα που κατέχουν σας πίσω από τη χρήση οποιουδήποτε είδους βιβλιοθήκης που βασίζεται σε JavaScript,

420
00:24:03,660 --> 00:24:05,380
CSS, HTML5.

421
00:24:05,380 --> 00:24:09,740
Και πάλι, αν είναι κάτι που μπορείτε να κάνετε στο IE10, η οποία είναι ένα καλό των πολύ αυτές τις μέρες,

422
00:24:09,740 --> 00:24:11,220
μπορείτε να το κάνετε.

423
00:24:11,220 --> 00:24:14,800
Τραβήξτε το στο app σας, η αναφορά ότι η βιβλιοθήκη JavaScript, και να το χρησιμοποιήσετε στην αίτησή σας,

424
00:24:14,800 --> 00:24:19,880
απλά κρατώντας στο μυαλό σας μπορεί να χτυπήσει ένα πλαίσιο ασφάλειας κάποια στιγμή - όχι πολύ συχνά.

425
00:24:19,880 --> 00:24:24,150
>> Και τότε τα χαρακτηριστικά, θα πάμε πάνω από λίγα περισσότερα από αυτά που πάμε.

426
00:24:24,150 --> 00:24:27,500
Το UX θα είδος συνηθίσει ως βλέπεις όλο και περισσότερες εφαρμογές

427
00:24:27,500 --> 00:24:29,250
από το Store των Windows.

428
00:24:29,250 --> 00:24:33,870
Μπορείτε να πάρετε μια ιδέα για το πώς λειτουργούν και πώς η αισθητική τείνει να λειτουργεί

429
00:24:33,870 --> 00:24:37,720
σε διαφορετικές εφαρμογές και αυτό που οι άνθρωποι θα πρέπει να χρησιμοποιηθεί για να αντιμετωπίζετε.

430
00:24:37,720 --> 00:24:39,660
Αυτό είναι πραγματικά το σημαντικότερο μέρος.

431
00:24:39,660 --> 00:24:42,460
Βεβαιωθείτε ότι όταν ανάψουν app σας δεν χρειάζεται να διαβάσει ένα εγχειρίδιο,

432
00:24:42,460 --> 00:24:44,300
το οποίο ποτέ δεν το κάνουν, από τον τρόπο.

433
00:24:44,300 --> 00:24:46,650
Θα πρέπει απλώς να είναι σε θέση να αρχίσετε να παίζετε με την αίτησή σας

434
00:24:46,650 --> 00:24:49,450
και υπολογίζει χωρίς μεγάλη δυσκολία.

435
00:24:49,450 --> 00:24:52,660
Με την προσκόλληση και την τήρηση πολλά από αυτές τις πρακτικές,

436
00:24:52,660 --> 00:24:57,640
θα πάμε να κάνουν οι χρήστες σας μια μεγάλη χάρη, γίνεται ευκολότερο.

437
00:24:57,640 --> 00:25:01,810
>> Εντάξει. Ένα τελευταίο πράγμα από την πλευρά της API και στη συνέχεια θα μπει στην πραγματικότητα τη σύνταξη κώδικα.

438
00:25:01,810 --> 00:25:05,660
WinJS είναι αυτό το πράγμα που ανέφερα πολύ σύντομα με την εν λόγω σύνθετου διαφάνεια

439
00:25:05,660 --> 00:25:08,850
με όλες αυτές τις διαφορετικές επιλογές που έχετε για την υποβολή αιτήσεων.

440
00:25:08,850 --> 00:25:10,890
WinJS, μπορείτε να σκεφτείτε από το ως έναν φιλαράκο.

441
00:25:10,890 --> 00:25:13,680
Είναι ο φίλος σας για να σας βοηθήσουν να γράψετε τα πράγματα πιο γρήγορα.

442
00:25:13,680 --> 00:25:18,820
Είναι απλά JavaScript και CSS. Δεν χρειάζεται να το χρησιμοποιήσετε. Μπορείτε να το χρησιμοποιήσετε.

443
00:25:18,820 --> 00:25:22,180
Εάν πρόκειται να καλεί σε με τα χαρακτηριστικά των Windows, θα καταλήξετε με αυτό,

444
00:25:22,180 --> 00:25:27,210
αλλά αν υπάρχουν πράγματα, όπως ορισμένα σχεδιαστικά πρότυπα ή μάρτυρες που πραγματικά δεν θέλετε να χρησιμοποιήσετε,

445
00:25:27,210 --> 00:25:29,090
θέλετε να χρησιμοποιήσετε κάτι άλλο, είναι στο χέρι σας.

446
00:25:29,090 --> 00:25:32,580
Αποφασίστε τι θέλετε να χρησιμοποιήσετε και τα στυλ που θέλετε να χρησιμοποιήσετε.

447
00:25:32,580 --> 00:25:37,250
Τα χαρακτηριστικά από namespacing και τάξη γενιάς - μέχρι σας.

448
00:25:37,250 --> 00:25:41,650
Αν προτιμάτε ένα ή το άλλο, είναι αποκλειστικά δική σας επιλογή. Είναι ακόμα JavaScript και CSS.

449
00:25:41,650 --> 00:25:43,860
Αλλά πρόκειται να σας βοηθήσει να κάνετε πολλά πράγματα.

450
00:25:43,860 --> 00:25:47,780
Για παράδειγμα, εδώ είναι ένα υποσύνολο του τι μπορεί να κάνει,

451
00:25:47,780 --> 00:25:50,790
πράγματα όπως βοηθώντας ασύγχρονη προγραμματισμού με υποσχέσεις.

452
00:25:50,790 --> 00:25:54,000
Οποιαδήποτε από σας ακούσει ή να εργαστεί με Node.js;

453
00:25:54,000 --> 00:25:59,520
Είναι ένα κοινό μοτίβο να συνεργαστεί με ασύγχρονο προγραμματισμό.

454
00:25:59,520 --> 00:26:02,370
Έτσι, βασικά αυτό που λες είναι "Πήγαινε να κάνει κάτι,

455
00:26:02,370 --> 00:26:05,790
"Και θα πάμε να μου δώσει μια υπόσχεση ότι θα επιστρέψει σε μένα όταν τελειώσετε."

456
00:26:05,790 --> 00:26:08,400
Αυτό είναι ουσιαστικά ό, τι συμβαίνει.

457
00:26:08,400 --> 00:26:12,400
Έτσι ώστε να μην παγώσει την αίτησή σας, ενώ ο χρήστης πρόκειται και να πάρει ένα αρχείο

458
00:26:12,400 --> 00:26:15,810
ή κάτι γίνεται σε συνεχή ροή κάτω από το Web.

459
00:26:15,810 --> 00:26:17,210
Το UI παραμένει ενεργός.

460
00:26:17,210 --> 00:26:19,410
Και μπορείτε να το κάνετε αυτό χρησιμοποιώντας ασύγχρονη προγραμματισμού.

461
00:26:19,410 --> 00:26:23,620
Ακούγεται γελοία περίπλοκο, αλλά είναι πραγματικά εύκολο, επειδή είστε με τη χρήση υποσχέσεις

462
00:26:23,620 --> 00:26:27,900
και θα πω, "Πήγαινε να το κάνετε αυτό και όταν τελειώσετε, καλέστε το πίσω, αυτή τη μέθοδο."

463
00:26:27,900 --> 00:26:30,270
Αυτό είναι λίγο πολύ αυτό. Αυτό είναι όλα χτισμένα σε WinJS.

464
00:26:30,270 --> 00:26:35,120
Είναι πρόκειται να είναι πολύ πιο εύκολο να γράψει πραγματικά ευέλικτο και ισχυρό εφαρμογές.

465
00:26:35,120 --> 00:26:37,870
>> Μπορείτε να δείτε το υπόλοιπο εδώ, πολλά κινούμενα σχέδια.

466
00:26:37,870 --> 00:26:41,240
Πιθανώς ένα από τα πιο σημαντικά πράγματα σε αυτή τη διαφάνεια είναι οι έλεγχοι.

467
00:26:41,240 --> 00:26:44,680
Νομίζω ότι έχω ένα ολόκληρο - ναι, το κάνω.

468
00:26:44,680 --> 00:26:48,900
Εδώ είναι ένα παράδειγμα μερικά μόνο από τα στοιχεία ελέγχου που μπορείτε να χρησιμοποιήσετε στις εφαρμογές σας.

469
00:26:48,900 --> 00:26:51,060
Αυτό είναι κατ 'ευθείαν επάνω από WinJS.

470
00:26:51,060 --> 00:26:53,430
Δεν γράφουμε αυτές τον εαυτό σας,

471
00:26:53,430 --> 00:26:55,990
μπορείτε απλώς να πω, "Εδώ είναι πώς θέλω να συνθέσει την αίτησή μου."

472
00:26:55,990 --> 00:26:59,420
"Θα χρησιμοποιήσετε μια προβολή κτύπημα έτσι μπορώ να πάω μεταξύ των διαφορετικών εικόνων."

473
00:26:59,420 --> 00:27:03,380
Δεν σας έχω δείξει Semantic Zoom. Θα σας δείξω ότι σε ένα δευτερόλεπτο.

474
00:27:03,380 --> 00:27:05,700
ListViews. Υπάρχει GridViews.

475
00:27:05,700 --> 00:27:08,680
Έχετε ήδη δει ένα πλέγμα ως τμήμα της αίτησης καταστήματος,

476
00:27:08,680 --> 00:27:12,170
έτσι ώστε να είναι σε θέση να χρησιμοποιούν μπλοκ του περιεχομένου και κύλιση σε όλη αυτό.

477
00:27:12,170 --> 00:27:15,660
Flyout μενού θα δείτε από καιρό σε καιρό.

478
00:27:15,660 --> 00:27:19,090
Το μπαρ app που σας έδειξα με αυτό το φρέσκο ​​εφαρμογή βαφής, καθώς και,

479
00:27:19,090 --> 00:27:22,190
έτσι είδατε πώς μπορείτε να προσαρμόσετε ότι με την τοποθέτηση κουμπιά σε αυτό

480
00:27:22,190 --> 00:27:26,360
και έχει κρύψει ότι μακριά, όταν δεν με νοιάζει να το χρησιμοποιήσετε.

481
00:27:26,360 --> 00:27:28,120
Αυτό είναι πραγματικά εντελώς μέχρι σας να χρησιμοποιήσετε.

482
00:27:28,120 --> 00:27:30,210
Αυτά είναι όλα τα στοιχεία ελέγχου που είναι μέρος της WinJS.

483
00:27:30,210 --> 00:27:33,640
Θα σας δείξει πώς να κάνει αυτά σε μόλις ένα δευτερόλεπτο, αλλά δεν υπάρχει κάτι περισσότερο από αυτό,

484
00:27:33,640 --> 00:27:37,060
και το βασικό πράγμα είναι να τα χρησιμοποιούν, αν θέλετε, να αποθηκεύσετε κάποια στιγμή.

485
00:27:37,060 --> 00:27:40,830
>> Αν έχετε άλλες βιβλιοθήκες ελέγχου που θέλετε να χρησιμοποιήσετε, αυτό είναι απολύτως πάρα πολύ ωραία.

486
00:27:40,830 --> 00:27:46,300
Τα πράγματα όπως το jQuery UI κάνει πολλά αυτού του είδους της ιδέας, καθώς,

487
00:27:46,300 --> 00:27:51,280
παρέχοντας περισσότερα στοιχεία ελέγχου που εκτείνονται τι μπορείτε να κάνετε σε HTML και JavaScript.

488
00:27:52,690 --> 00:27:55,680
Ας βουτήξει μέσα έχω ήδη πει ότι. Χρησιμοποιήστε ό, τι θέλετε.

489
00:27:55,680 --> 00:27:59,680
Απλά να έχετε κατά νου ότι μπορεί να τρέξει σε κάποια θέματα περιβάλλοντος.

490
00:27:59,680 --> 00:28:03,380
Αλλά σίγουρα μπορείτε να συνδυάσετε και να ταιριάξετε οποιαδήποτε είδους βιβλιοθήκες είστε άνετοι με,

491
00:28:03,380 --> 00:28:06,770
θέλετε να μάθετε, που θέλετε να χρησιμοποιήσετε, για να σώσει τον εαυτό σας λίγο χρόνο.

492
00:28:06,770 --> 00:28:09,850
>> Ας μιλήσουμε για τα εργαλεία μόνο για ένα δευτερόλεπτο.

493
00:28:09,850 --> 00:28:12,400
Μπορείτε να πάρετε ό, τι χρειάζεστε για να αρχίσουν να εργάζονται με το Windows Store apps.

494
00:28:12,400 --> 00:28:17,360
Αν πάω πίσω, έχω πάρα πολλά πράγματα μέχρι εδώ.

495
00:28:17,360 --> 00:28:21,770
Αν πάτε σε αυτή τη σελίδα, η οποία είναι dev.windows.com,

496
00:28:21,770 --> 00:28:23,300
μπορείτε να κατεβάσετε ό, τι χρειάζεστε.

497
00:28:23,300 --> 00:28:28,170
Καθώς οι μαθητές, έχετε πρόσβαση σε περισσότερα από το ευρύ κοινό κάνει,

498
00:28:28,170 --> 00:28:30,670
έτσι μπορείτε να πάρετε υψηλότερα τέλη εκδόσεις του Visual Studio.

499
00:28:30,670 --> 00:28:34,090
Edwin ανέφερε μπορείτε να πάρετε ήδη τα Windows, καθώς και.

500
00:28:34,090 --> 00:28:36,790
Αλλά σε γενικές γραμμές, για όλους τους προγραμματιστές, μπορείτε να πάτε σε αυτό το site

501
00:28:36,790 --> 00:28:40,380
και να κατεβάσετε όλα όσα χρειάζεστε για να κάνετε μια αίτηση, και είναι όλα δωρεάν.

502
00:28:40,380 --> 00:28:42,460
Έτσι, υπάρχει μια δωρεάν έκδοση του Visual Studio,

503
00:28:42,460 --> 00:28:44,450
υπάρχουν μερικά εργαλεία που θα τα εγκαταστήσετε παράλληλα ότι -

504
00:28:44,450 --> 00:28:47,240
όλα όσα χρειάζεστε για να δημιουργήσετε και να ελέγξετε την αίτησή σας.

505
00:28:47,240 --> 00:28:50,130
Είναι μόνο όταν πρόκειται να δημοσιεύσει την αίτησή σας μέχρι το κατάστημα

506
00:28:50,130 --> 00:28:52,470
ότι πρόκειται να χρειαστείτε ένα λογαριασμό developer.

507
00:28:52,470 --> 00:28:56,100
Αυτό επίσης πιστεύω ότι είναι δωρεάν. Είναι δωρεάν για τους φοιτητές, καθώς; >> [Guarin] Ποιο από τα δύο;

508
00:28:56,100 --> 00:28:57,970
Ο λογαριασμός του έργου, η πραγματική υποβολή. >> [Guarin] Ναι.

509
00:28:57,970 --> 00:28:59,580
Αυτό είναι περισσότερες καλές ειδήσεις.

510
00:28:59,580 --> 00:29:00,840
Θα πάμε να δούμε αυτό.

511
00:29:00,840 --> 00:29:03,840
Θα πω για ένα άτομο από προεπιλογή είναι 49 δολάρια.

512
00:29:03,840 --> 00:29:06,140
Αλλά μην εγγραφείτε για ότι ως φοιτητής.

513
00:29:06,140 --> 00:29:10,250
Θα μπορείτε να πάρετε κάποιες πληροφορίες μέσω των προγραμμάτων σας που μπορείτε να πάρετε ένα λογαριασμό για δωρεάν,

514
00:29:10,250 --> 00:29:13,980
και ότι θα αφήσει στη συνέχεια υποβάλετε την αίτησή σας μέχρι το κατάστημα,

515
00:29:13,980 --> 00:29:17,370
όπως πολλοί, όπως σας αρέσει, και όλα αυτά καλοσύνη θα ακολουθήσουν σύντομα.

516
00:29:17,370 --> 00:29:19,710
Έτσι ώστε να είναι dev.windows.com.

517
00:29:19,710 --> 00:29:22,170
Μπορείτε να κατεβάσετε τα εργαλεία που μπορεί να χρειαστείτε από εδώ.

518
00:29:22,170 --> 00:29:25,310
Και αν θέλετε, μπορείτε να πάρετε μια δοκιμαστική έκδοση των Windows εδώ,

519
00:29:25,310 --> 00:29:27,160
αλλά και πάλι, δεν θα χρειαστεί να.

520
00:29:27,160 --> 00:29:32,880
>> Το άλλο site - επιτρέψτε μου να επισημάνω αυτό έξω για σας γρήγορα - είναι design.windows.com.

521
00:29:32,880 --> 00:29:34,770
Αυτό ήταν dev.windows.com.

522
00:29:34,770 --> 00:29:37,770
Design.windows.com, μπορείτε να μαντέψετε τι είναι για.

523
00:29:37,770 --> 00:29:40,380
Είναι πραγματικά μια πολύ φιλική ιστοσελίδα. Υπάρχουν πολλές καλές πληροφορίες εδώ.

524
00:29:40,380 --> 00:29:41,770
Μπορείτε να εργαστείτε μέσα από αυτό.

525
00:29:41,770 --> 00:29:43,960
Δεν πρόκειται να σας δώσουμε μερικές συμβουλές για μερικά πράγματα

526
00:29:43,960 --> 00:29:46,760
ότι ίσως δεν έχετε σκεφτεί πριν ή έπρεπε να ασχοληθεί με πριν,

527
00:29:46,760 --> 00:29:50,780
όπως το σχεδιασμό για την αφή, το σχεδιασμό για διαφορετικούς παράγοντες μορφή,

528
00:29:50,780 --> 00:29:55,310
σχεδιασμό για τις δυνατότητες των Windows 8, τα πράγματα που ανέφερα πριν

529
00:29:55,310 --> 00:29:58,740
όπως η αναζήτηση και η ανταλλαγή, κάποια πράγματα που δεν έχω μιλήσει ακόμα.

530
00:29:58,740 --> 00:30:05,570
Είναι όλοι αναφέρονται εδώ, και αυτό είναι ένα πολύ καλό σύνολο χρήσιμες σελίδες αρχείων

531
00:30:05,570 --> 00:30:08,670
που θα σας βοηθήσει να καταλάβετε πώς να κάνει ένα ορισμένο είδος της εφαρμογής,

532
00:30:08,670 --> 00:30:14,250
πώς να το κάνουμε αλληλεπίδραση, πώς να ασχοληθεί με το UI και UX της αίτησής σας.

533
00:30:14,250 --> 00:30:18,630
Θα πρότεινα να ρίξετε μια ματιά σε αυτό, ειδικά αν είστε σε κάποιο σημείο

534
00:30:18,630 --> 00:30:22,960
ελπίζοντας να δημοσιεύσει μια εφαρμογή στο κατάστημα.

535
00:30:22,960 --> 00:30:25,250
Θα πάμε να θέλουν να ξέρουν πώς να κάνουν μια καλή εφαρμογή

536
00:30:25,250 --> 00:30:28,300
επειδή ανέφερα και πριν, αν δεν το κάνετε, υπάρχει αυτές τις κριτικές και πάλι.

537
00:30:28,300 --> 00:30:29,930
Οι άνθρωποι πρόκειται να είναι δυσαρεστημένος.

538
00:30:29,930 --> 00:30:32,960
Δεν θα είναι σε θέση να βρει τα πράγματα που περιμένουν στις σωστές θέσεις.

539
00:30:32,960 --> 00:30:36,590
Κανείς δεν θέλει να συμβεί αυτό σε σας.

540
00:30:36,590 --> 00:30:39,220
>> Προχωρώντας μπροστά εδώ, επιτρέψτε μου να κλείσει το κάτω.

541
00:30:39,220 --> 00:30:43,700
Τώρα που ξέρετε από πού να πάρουν τα πράγματα, εγώ θα σας δείξει πώς να αρχίσετε πραγματικά τη χρήση πράγματα.

542
00:30:43,700 --> 00:30:48,520
Για να ξεκινήσετε, θα σου δείξω πραγματικά εδώ ένα παράδειγμα του desktop εφαρμογές στην αρχική οθόνη μου.

543
00:30:48,520 --> 00:30:53,600
Εδώ μπορείτε να δείτε το Visual Studio, μπορείτε να δείτε Blend και άλλα εργαλεία για προγραμματιστές που έχω.

544
00:30:53,600 --> 00:30:55,890
Έχουν μια ελαφρώς διαφορετική κεραμίδι.

545
00:30:55,890 --> 00:30:57,930
Αυτό είναι επειδή είναι desktop εφαρμογές,

546
00:30:57,930 --> 00:31:00,960
και σε αυτές τις περιπτώσεις είναι όλα πρόκειται να ξεκινήσει ξανά στην επιφάνεια εργασίας μου

547
00:31:00,960 --> 00:31:05,350
πραγματικά ακριβώς όπως εφαρμογές που έχετε συνηθίσει.

548
00:31:05,350 --> 00:31:06,960
Έτσι, η εμπειρία των Windows, είναι το ίδιο πράγμα.

549
00:31:06,960 --> 00:31:12,940
Δεν είναι, για παράδειγμα, όπως Armed! ή αυτά τα πράγματα. Επιτρέψτε μου να ξεκινήσει ένα γρήγορα.

550
00:31:12,940 --> 00:31:14,340
Στην πραγματικότητα, εδώ είναι μια ενδιαφέρουσα ένα.

551
00:31:14,340 --> 00:31:19,210
Αυτό αναπτύχθηκε από τους φοιτητές που εργάζονται σε συνεργασία με NERD.

552
00:31:19,210 --> 00:31:23,430
Εφαρμογή πλήρους οθόνης, αυτά τα είδη των εμπειριών εδώ.

553
00:31:23,430 --> 00:31:26,290
Αχ, ωραία οθόνες περικοπή και όλα τα είδη διασκέδασης πράγματα.

554
00:31:26,290 --> 00:31:34,330
Ανέπτυξαν αυτό. Θα μπορούσαμε να δείξουμε, καθώς το όλο θέμα, ενώ είμαστε σε αυτό.

555
00:31:37,510 --> 00:31:41,070
Στην πραγματικότητα, έχω δουλέψει μαζί τους λίγο, τους έδωσε κάποιες συμβουλές για τα πράγματα

556
00:31:41,070 --> 00:31:44,160
επειδή έκαναν τη Javascript για την εφαρμογή τους.

557
00:31:44,160 --> 00:31:46,460
Παρακαλώ, δεν είμαι λαμβάνοντας πίστωση για την εργασία τους? Έκαναν όλη τη δουλειά.

558
00:31:46,460 --> 00:31:48,990
Τους έδωσα μόνο ένα μικρό κομμάτι των συμβουλών εδώ και εκεί,

559
00:31:48,990 --> 00:31:52,400
αλλά έκαναν μερικά μεγάλα πράγματα με τη χρήση ενός JavaScript front-end

560
00:31:52,400 --> 00:31:56,920
και δέσιμο σε ορισμένες μηχανές φυσικής και πράγματα για να κάνουν πολλά από αυτό το έργο.

561
00:32:00,120 --> 00:32:03,360
Πήγαινε. Ας δούμε αν αυτό λειτουργεί.

562
00:32:03,360 --> 00:32:07,010
Πω πω, αυτό εξακολουθεί να εργαστεί. Εντάξει, καλά. Αλλά μπορείτε να πάρετε την ιδέα.

563
00:32:07,010 --> 00:32:09,350
Ένα app πλήρη οθόνη, μια πραγματικά καλή εμπειρία.

564
00:32:09,350 --> 00:32:14,250
Αυτό υποστηρίζει όχι μόνο το ποντίκι και το στυλό μου, αν έχω τα πράγματα όπως αυτό, αλλά και να αγγίξει.

565
00:32:14,250 --> 00:32:19,420
Αν είχα μια οθόνη αφής, θα μπορούσα απλά να επιστήσω πάνω σ 'αυτό και συνεχίζουν να εργάζονται με αυτό.

566
00:32:19,420 --> 00:32:21,440
>> Ένα πράγμα που δεν δείχνουν, και ο λόγος που φέρνω αυτό επάνω

567
00:32:21,440 --> 00:32:23,840
Είναι Ήθελα να έχω μια άλλη εφαρμογή για να σας δείξω τι μπορείτε να κάνετε,

568
00:32:23,840 --> 00:32:29,480
μπορείτε να πάρετε πραγματικά τις εφαρμογές στα Windows και να σύρετε την πλευρά της οθόνης.

569
00:32:29,480 --> 00:32:33,070
Αυτό ονομάζεται σπάνε αίτηση.

570
00:32:33,070 --> 00:32:37,800
Σε αυτή την περίπτωση, έχω πάρει Inkarus και το έχω προστεθεί στην πλευρά εδώ.

571
00:32:37,800 --> 00:32:42,990
Είναι τώρα στο Snap άποψη, και ότι μου επιτρέπει να κάνω κάτι άλλο, ενώ η εφαρμογή είναι εκεί.

572
00:32:42,990 --> 00:32:46,210
Τα περισσότερα παιχνίδια που θα βρείτε θα απλά παύση.

573
00:32:46,210 --> 00:32:51,090
Αυτό είναι συνήθως ένα αξιοπρεπές πράγμα που κάνει, εκτός αν το παιχνίδι σας με κάποιο τρόπο μπορεί να μειώσει

574
00:32:51,090 --> 00:32:54,210
σε αυτό το μικρό ενός ψηφίσματος, όπως ίσως κάποιο είδος επιτραπέζια παιχνίδια

575
00:32:54,210 --> 00:32:55,620
ή τα πράγματα όπως ότι σε ορισμένες περιπτώσεις.

576
00:32:55,620 --> 00:32:58,570
Αλλά σε γενικές γραμμές, το πιο εύκολο πράγμα να κάνει και το πιο κατάλληλο πράγμα που κάνει για τα παιχνίδια

577
00:32:58,570 --> 00:33:00,620
είναι η παύση της εφαρμογής.

578
00:33:00,620 --> 00:33:09,440
Για εφαρμογές όπως ειδήσεις apps, αν θα ξεκινήσει αυτό το ένα και στη συνέχεια θα το snap,

579
00:33:09,440 --> 00:33:16,170
θα δείτε ότι στην πραγματικότητα αλλάζει σημαντικά στο πώς θα παρουσιάσει τα δεδομένα σας.

580
00:33:16,170 --> 00:33:20,070
Εδώ σας παρουσιάζει σε πραγματικά μια πιο κάθετη τηγάνι αυτή την πληροφορία,

581
00:33:20,070 --> 00:33:23,340
αλλά μπορώ να εξακολουθεί να είναι απολύτως χρησιμοποιήσετε την εφαρμογή.

582
00:33:23,340 --> 00:33:25,640
Έτσι, είναι ακόμα πολύ χρήσιμο.

583
00:33:25,640 --> 00:33:29,870
Το γεγονός ότι είναι σε ένα μικρότερο άποψη δεν με κρατήσει από τη χρήση ότι app. Έτσι σκεφτείτε για αυτό.

584
00:33:29,870 --> 00:33:32,090
Είναι κάτι που θα πρέπει να έχετε τις εφαρμογές σας να κάνει σε κάποιο βαθμό,

585
00:33:32,090 --> 00:33:35,370
αλλά είναι στο χέρι σας να καθορίσουν τον τρόπο λειτουργίας των εφαρμογών σας θα πρέπει να είναι

586
00:33:35,370 --> 00:33:39,080
σε αυτό το είδος ενός μικρότερου περιβάλλοντος.

587
00:33:39,080 --> 00:33:44,780
Επιτρέψτε μου να κλείσει αυτό το ένα κάτω και να πάει πίσω στο όταν ήμασταν εδώ.

588
00:33:44,780 --> 00:33:48,110
>> Edwin, προσθέσατε μια φωτογραφία μου ήδη; >> [Guarin] Ναι. >> [Bowen] Κοίτα αυτό.

589
00:33:48,110 --> 00:33:51,510
Το βλέπεις αυτό; Edwin πρόσθεσε μια φωτογραφία. [Γέλια]

590
00:33:51,510 --> 00:33:54,410
>> Ας πάμε πίσω εδώ σε Visual Studio. Επιτρέψτε μου να ξεκινήσει αυτό για σας.

591
00:33:54,410 --> 00:33:58,170
Θα μπορούσα να είχα κάνει κλικ στο πλακάκι για εκείνη την οθόνη Έναρξη.

592
00:33:58,170 --> 00:34:02,630
Μου έφερε πίσω σε λειτουργία Desktop, και αυτό είναι που την έναρξη της app επιφάνεια εργασίας του Visual Studio.

593
00:34:02,630 --> 00:34:06,790
Αυτό είναι το Windows που ήδη γνωρίζετε.

594
00:34:06,790 --> 00:34:09,100
Μπορώ να προχωρήσει και να δημιουργήσετε ένα έργο εδώ.

595
00:34:09,100 --> 00:34:11,159
Θα επικεντρωθεί και πάλι στις JavaScript, HTML.

596
00:34:11,159 --> 00:34:16,510
Πάω να βγούμε έξω και να επιλέξετε μέχρι εδώ κάτω JavaScript, Windows Store.

597
00:34:16,510 --> 00:34:19,010
Υπάρχει μια σειρά από πρότυπα τα οποία μπορείτε να χρησιμοποιήσετε.

598
00:34:19,010 --> 00:34:21,710
Για την παραγωγικότητα, θα σας συνιστούσαμε να ρίξετε μια ματιά σε μερικά από αυτά τα άλλα αυτά εδώ

599
00:34:21,710 --> 00:34:23,489
όπως το Grid και το Σπλιτ.

600
00:34:23,489 --> 00:34:25,270
Είναι πραγματικά χρήσιμο εάν θέλετε να κάνετε αίτηση

601
00:34:25,270 --> 00:34:28,960
ότι πρόκειται να έχουν αυτό το είδος του σχεδιασμού και πλοήγησης. Θα δείτε αυτά τα πολλά.

602
00:34:28,960 --> 00:34:33,070
Το μόνο που σας έδειξα ήταν στην πραγματικότητα ένα παράδειγμα της εφαρμογής στο Πλέγμα.

603
00:34:33,070 --> 00:34:36,880
Έτσι, αν νομίζετε ότι πρόκειται να κάνει μια app ειδήσεων ή έναν αναγνώστη RSS

604
00:34:36,880 --> 00:34:43,120
ή κάτι τέτοιο που ασχολείται με πολλαπλές καταχωρήσεις για τις οποίες θα θέλατε να δείτε τη λεπτομέρεια,

605
00:34:43,120 --> 00:34:45,989
σκεφτείτε τη χρήση ενός από αυτά τα πρότυπα για να ξεκινήσετε γρήγορα

606
00:34:45,989 --> 00:34:48,380
και προσαρμογή από εκεί.

607
00:34:48,380 --> 00:34:50,120
Αλλά μόνο έτσι μπορώ να σας δείξω όλα τα κινούμενα μέρη εδώ

608
00:34:50,120 --> 00:34:56,120
Πάω να δημιουργήσει το κενό app, και στη συνέχεια θα πάμε λίγο βαθύτερα σε λεπτομέρειες.

609
00:34:56,120 --> 00:34:58,690
Απλά κάνω αυτό κενό εφαρμογή εδώ.

610
00:34:58,690 --> 00:35:01,270
Είναι πρόκειται να δημιουργήσει το σύνολο του έργου για μένα.

611
00:35:01,270 --> 00:35:03,290
Θα ανοίξει τα πράγματα που θέλω να σας δείξω από προεπιλογή.

612
00:35:03,290 --> 00:35:08,550
Επιτρέψτε μου απλώς να κάνετε ζουμ σε λίγο να σας δείξω τι δημιούργησε για εμάς εδώ.

613
00:35:08,550 --> 00:35:11,350
Τα πράγματα που θα πάμε να δούμε πρώτα είναι όλοι το όνομά του default.

614
00:35:11,350 --> 00:35:15,970
Έτσι θα πάμε να δούμε για default.html, default.js και default.css.

615
00:35:15,970 --> 00:35:19,590
Το άλλο πράγμα που πρέπει να επισημάνω είναι ότι έχουμε ήδη μια αναφορά σε αυτό που είπα πριν.

616
00:35:19,590 --> 00:35:24,530
Αυτό είναι WinJS. Κανείς δεν ζητά πραγματικά αυτό το μεγάλο όνομα εδώ.

617
00:35:24,530 --> 00:35:27,710
Είναι WinJS, η Βιβλιοθήκη των Windows για JavaScript.

618
00:35:27,710 --> 00:35:29,530
Αν το ανοίξετε, μπορείτε να δείτε ότι είναι όλα εδώ.

619
00:35:29,530 --> 00:35:31,820
Υπάρχουν διαφορετικά αρχεία CSS, JavaScript δεν υπάρχει.

620
00:35:31,820 --> 00:35:33,520
Είναι εκεί για να σας βοηθήσει.

621
00:35:33,520 --> 00:35:37,190
Είναι πραγματικά εκεί για να προβλέπουν ελέγχους και τις μορφές και τα πράγματα που μπορείτε να χρησιμοποιήσετε μόνο αυτόματα.

622
00:35:37,190 --> 00:35:41,240
Αλλά και πάλι, αν υπάρχουν πράγματα που θέλετε να χρησιμοποιήσετε αντί για την άποψη του στυλ και άλλων ελέγχων,

623
00:35:41,240 --> 00:35:45,600
είναι εξ ολοκλήρου μέχρι σας. Εγώ θα σας δείξει πώς να χρησιμοποιήσετε ένα ζευγάρι από αυτά τα πράγματα τώρα.

624
00:35:45,600 --> 00:35:51,020
>> Επιστροφή πάνω πάνω αριστερή πλευρά μας, επιτρέψτε μου να σας δείξει την προεπιλεγμένη σελίδα HTML.

625
00:35:51,020 --> 00:35:54,490
Έχετε ήδη δει τα πράγματα WinJS, και αυτό είναι πραγματικά όλα αυτά που συμβαίνουν εκεί

626
00:35:54,490 --> 00:35:59,930
με αυτά τα μεσαία γραμμές σήμανσης, απλά φέρνοντας στο CSS από προεπιλογή

627
00:35:59,930 --> 00:36:02,370
και να φέρει σε ένα ζευγάρι των αρχείων JavaScript από WinJS.

628
00:36:02,370 --> 00:36:06,400
Δεν χρειάζεται να είναι κύριος του τι συμβαίνει στο εσωτερικό αυτών των αρχείων.

629
00:36:06,400 --> 00:36:10,110
Είναι αρκετά ενδιαφέρον να ρίξουμε μια ματιά σε αυτά με το είδος των επανεξετάσει τι συμβαίνει εκεί

630
00:36:10,110 --> 00:36:14,410
επειδή υπάρχει αρκετά ενδιαφέρουσα ενδιάμεσες και προηγμένες τεχνικές συμβαίνει εκεί,

631
00:36:14,410 --> 00:36:18,100
αλλά το ωραίο είναι ότι ως προγραμματιστές, μπορείτε να πάρετε μόνο επωφεληθούν από αυτά, απλά τα χρησιμοποιούν

632
00:36:18,100 --> 00:36:19,510
και δεν χρειάζεται πραγματικά να ανησυχείτε γι 'αυτό.

633
00:36:19,510 --> 00:36:21,960
Μπορείτε ακόμα να οδηγήσετε ένα αυτοκίνητο χωρίς να χρειάζεται να γνωρίζουν πώς λειτουργεί, έτσι δεν είναι;

634
00:36:21,960 --> 00:36:24,180
Έτσι, αυτό είναι το είδος των πράγμα που συμβαίνει εδώ.

635
00:36:24,180 --> 00:36:26,930
Υπάρχει ελέγχους και τις μορφές και τα πράγματα που μπορείτε απλά να προχωρήσει και η χρήση

636
00:36:26,930 --> 00:36:31,460
και του κώδικα που μπορείτε να χρησιμοποιήσετε σε ένα δευτερόλεπτο, χωρίς να χρειάζεται να γνωρίζουν τι είναι εκεί.

637
00:36:31,460 --> 00:36:33,200
Εδώ είναι τα δικά σας αρχεία.

638
00:36:33,200 --> 00:36:35,860
Αυτές είναι θέσεις σας που μπορείτε να τροποποιήσετε τα δικά σας CSS

639
00:36:35,860 --> 00:36:38,400
και τη δική σας JavaScript για να πάρει τα πράγματα τροχαίο.

640
00:36:38,400 --> 00:36:43,300
Θα πρέπει να προστεθεί βεβαίως και άλλα αρχεία JavaScript και ίσως και άλλα αρχεία CSS

641
00:36:43,300 --> 00:36:47,480
και το έργο σας μεγαλώνει, αλλά αυτό είναι πραγματικά ακριβώς ένα σημείο εκκίνησης.

642
00:36:47,480 --> 00:36:52,570
Εδώ είναι το Hello, world ισοδύναμο της HTML, έτσι ώστε να είμαστε πάλι πίσω στην ετικέτα του σώματος.

643
00:36:52,570 --> 00:36:55,990
Στην κορυφή, από τον τρόπο, είναι το doctype HTML5,

644
00:36:55,990 --> 00:37:00,060
έτσι θα αναγνωρίσουμε ότι από ό, τι έχετε εργαστεί για.

645
00:37:00,060 --> 00:37:04,600
Υπάρχει πλήρης IntelliSense εδώ, καθώς, οπότε αν κάνουμε τα πράγματα όπως τον τύπο σε μια ετικέτα βίντεο

646
00:37:04,600 --> 00:37:07,340
και να επεκτείνει ότι έξω, πιθανώς έχετε μάθει για το γεγονός

647
00:37:07,340 --> 00:37:12,760
ότι θα πρέπει να κάνετε εφεδρική κωδικοποίηση για ετικέτες βίντεο σε HTML5 - ή ίσως έχετε -

648
00:37:12,760 --> 00:37:17,490
για να διασφαλιστεί ότι οι διαφορετικοί browsers έχουν υποστήριξη για το βίντεό σας.

649
00:37:17,490 --> 00:37:22,610
Έχουμε τα πράγματα όπως αυτό όλη την HTML, JavaScript σε όλη την, σε όλη CSS.

650
00:37:22,610 --> 00:37:26,020
Αυτό είναι που χτίστηκε το, και θα σας δείξω CSS σε ένα δευτερόλεπτο.

651
00:37:26,020 --> 00:37:29,430
Εδώ μπορείτε να προχωρήσετε και να αρχίσετε να αλλάζετε τον κώδικα, τη σήμανση.

652
00:37:29,430 --> 00:37:33,700
Στην πραγματικότητα, πριν αλλάξω τίποτα, θα πάω για να τρέξει αυτό και να σας δείξω τι παίρνετε.

653
00:37:33,700 --> 00:37:35,700
Θα πάμε για να πάρει μία οθόνη που μπορείτε να προσαρμόσετε

654
00:37:35,700 --> 00:37:40,940
και, στη συνέχεια, μπορείτε να πάρετε το Hello, world εμπειρία εδώ. Είναι φανταστικό, σωστά;

655
00:37:40,940 --> 00:37:42,640
Προχωρήστε και των πλοίων που, σωστά;

656
00:37:42,640 --> 00:37:45,970
Το περιεχόμενο πηγαίνει εδώ. Αυτό είναι το βασικό πράγμα.

657
00:37:45,970 --> 00:37:48,740
Μπορεί μόνο να πάρει καλύτερα από εκεί.

658
00:37:48,740 --> 00:37:51,300
Θα πάμε μπροστά και να προσθέσει σε κάποια πράγματα.

659
00:37:51,300 --> 00:37:53,470
Έχω ένα μικρό κομμάτι της σήμανσης Πάω να αντιγράψετε εδώ

660
00:37:53,470 --> 00:37:55,740
ακριβώς έτσι ώστε να μην χρειάζεται να με παρακολουθούν την πληκτρολόγηση.

661
00:37:55,740 --> 00:38:02,620
Επιτρέψτε μου να πάω να την εργαλειοθήκη εδώ, και εγώ θα το pin αυτό γιατί θα πρέπει να το κάνετε αυτό μερικές φορές.

662
00:38:02,620 --> 00:38:05,650
Εργαλειοθήκη, εάν δεν έχετε δει το Visual Studio, είναι όπου θα πάμε να βρείτε μια δέσμη των ελέγχων.

663
00:38:05,650 --> 00:38:09,050
Μπορείτε επίσης να βάλετε δημιουργίας ενός κώδικα και σε αυτό που μπορείτε να χρησιμοποιήσετε ξανά.

664
00:38:09,050 --> 00:38:16,360
Εδώ θα εμφανιστεί μόνο σε κάποια άλλη HTML, τίποτα τρομερά προχωρημένη καθόλου εδώ.

665
00:38:16,360 --> 00:38:20,170
Είναι απλά βασική HTML λέγοντας ότι έχει μια είσοδο, όπου μπορώ να τύπου,

666
00:38:20,170 --> 00:38:23,860
Έχω ένα κουμπί όπου μπορώ να το υποβάλλουν, και στη συνέχεια, έχω ένα div που είναι ουσιαστικά ένα σύμβολο κράτησης θέσης

667
00:38:23,860 --> 00:38:27,360
που μπορώ να χρησιμοποιήσω την έξοδο του "Γεια σας, πληκτρολογήστε αυτό."

668
00:38:27,360 --> 00:38:32,780
Είναι η εισαγωγή σε HTML παράδειγμα.

669
00:38:32,780 --> 00:38:39,340
Αν τρέξω αυτό, θα έχουμε αυτόματα την HTML, αλλά επίσης να πάρετε αυτόματα styling.

670
00:38:39,340 --> 00:38:42,270
Αυτό είναι ένα από τα σημαντικότερα πράγματα από WinJS.

671
00:38:42,270 --> 00:38:47,250
Δεν πρόκειται να σας δώσω από προεπιλογή κάποια εμφάνιση και την αίσθηση ότι είναι πραγματικά συνεπής

672
00:38:47,250 --> 00:38:50,520
με το υπόλοιπο του τι κάνει τα Windows 8.

673
00:38:50,520 --> 00:38:52,110
Εδώ μπορείτε να δείτε τα πράγματα όπως το κουμπί.

674
00:38:52,110 --> 00:38:55,890
Το κουμπί από προεπιλογή στο HTML δεν μοιάζει με αυτό, αλλά το κάνει εδώ

675
00:38:55,890 --> 00:39:00,880
γιατί είναι να πάρει αυτό το δικαίωμα CSS από το αρχείο CSS σε WinJS.

676
00:39:00,880 --> 00:39:04,680
Αν θέλετε να χρησιμοποιήσετε κάτι άλλο, αν θέλετε να το αλλάξουμε αυτό, εντελώς εντάξει,

677
00:39:04,680 --> 00:39:06,790
να προχωρήσει και να κάνει ό, τι θέλετε. Αλλά αυτή είναι η προεπιλογή.

678
00:39:06,790 --> 00:39:09,610
Είναι πρόκειται να είναι πιο οικεία στους χρήστες.

679
00:39:09,610 --> 00:39:13,510
Και φυσικά αυτό δεν θα κάνει τίποτα, γιατί στην πραγματικότητα δεν σύρμα μέχρι κάθε είδους κώδικα

680
00:39:13,510 --> 00:39:16,630
να ανταποκριθεί σε αυτό. Ήταν μόνο η HTML.

681
00:39:16,630 --> 00:39:20,630
Έτσι μπορώ να απαλλαγούμε από αυτό, και θα επιστρέψουμε σε εφαρμογή μας.

682
00:39:20,630 --> 00:39:25,310
>> Επιτρέψτε μου να περάσει στην default.js μας.

683
00:39:25,310 --> 00:39:29,030
Αυτό φαίνεται αρκετά περίπλοκο, αλλά είναι ακριβώς να κάνει μερικά πράγματα για σας.

684
00:39:29,030 --> 00:39:33,120
Είναι στερεότυπο. Είναι πρόκειται να είναι το ίδιο σε όλα τα έργα σας.

685
00:39:33,120 --> 00:39:36,620
Το μόνο πράγμα που αυτό που κάνει είναι ακριβώς το είδος της ζητώντας, "Πώς βρέθηκα εδώ;"

686
00:39:36,620 --> 00:39:39,090
και λέγοντας, "Είσαι έναρξη αυτό το app για πρώτη φορά;"

687
00:39:39,090 --> 00:39:42,640
"Είσαι επανάληψη το app από το να έχουν να έχουν ανασταλεί;"

688
00:39:42,640 --> 00:39:44,510
Ένα ζευγάρι από τα πράγματα όπως αυτό.

689
00:39:44,510 --> 00:39:50,300
Πραγματικά, η εστίασή μας για αυτό το αρχείο εδώ έχει δίκιο εδώ.

690
00:39:50,300 --> 00:39:54,490
Σε αυτό το σημείο, αυτό μία γραμμή κώδικα είναι αρκετά σημαντική.

691
00:39:54,490 --> 00:39:57,070
Είναι πραγματικά πρόκειται να πάει και να δούμε μέσα από όλα σήμανσης σας,

692
00:39:57,070 --> 00:40:01,640
και πρόκειται να βρείτε τα πράγματα που έχετε ζητήσει να έχουν μετατραπεί σε ελέγχους,

693
00:40:01,640 --> 00:40:07,220
βαθύτερη ελέγχους σαν έλεγχος διαβάθμισης, όπως ένα πλέγμα, όπως το flyout

694
00:40:07,220 --> 00:40:09,570
και αυτά τα άλλα πράγματα που σας έδειξα σε αυτήν τη διαφάνεια πριν.

695
00:40:09,570 --> 00:40:12,550
Δεν είναι εγγενή στοιχεία ελέγχου HTML.

696
00:40:12,550 --> 00:40:17,860
Μπορείτε απλά δεν λένε flyout ως στοιχείο και να το ξέρουν τι να κάνουν.

697
00:40:17,860 --> 00:40:22,120
Τι πρέπει πραγματικά να κάνουμε είναι το ίδιο πράγμα που συμβαίνει σε άλλα είδη πλαισίων ελέγχου.

698
00:40:22,120 --> 00:40:26,200
jQuery UI κάνει το ίδιο είδος της γενικής προσέγγισης.

699
00:40:26,200 --> 00:40:30,800
Μπορείτε να χρησιμοποιήσετε σημάνσεις στο HTML σας, και στη συνέχεια κάποιες JavaScript έρχεται μέσω αργότερα και λέει,

700
00:40:30,800 --> 00:40:35,900
"Ω, ξέρω τι είναι αυτό. Αυτός είναι ζητώντας αυτό να μετατραπεί σε αυτά τα πράγματα,"

701
00:40:35,900 --> 00:40:39,850
η οποία είναι άλλη πιο εκφραστική HTML για να κάνουν σαν ελέγχου αξιολογήσεις,

702
00:40:39,850 --> 00:40:41,790
το οποίο είναι αυτό που θα σας δείξω τώρα.

703
00:40:41,790 --> 00:40:46,140
Αυτή η γραμμή κώδικα είναι μια υπόσχεση που λέει, "Όταν αυτή η υπόσχεση θα εκπληρωθεί,

704
00:40:46,140 --> 00:40:49,090
"Ό, τι έχετε ζητήσει, τότε έχει δημιουργηθεί."

705
00:40:49,090 --> 00:40:52,780
Και αυτό είναι όλο. Μοιάζει λίγο περίπλοκο, αλλά είναι πραγματικά το ίδιο σε κάθε έργο.

706
00:40:52,780 --> 00:40:56,690
Κάτω εδώ είναι όπου μπορείτε να ξεκινήσετε την προσθήκη σε ό, τι άλλο θέλετε να έχει συμβεί,

707
00:40:56,690 --> 00:40:58,280
οπότε θα επανέλθω σε αυτό σε ένα δευτερόλεπτο.

708
00:40:58,280 --> 00:41:01,480
>> Πρώτα απ 'όλα, θα πρέπει να έχετε ένα κομμάτι του κώδικα που μπορούν να ανταποκριθούν στο γεγονός

709
00:41:01,480 --> 00:41:03,320
ότι κάποιος έχει κάνει κλικ στο κουμπί.

710
00:41:03,320 --> 00:41:06,330
Πάω να πάει μπροστά και να θέσει ότι εδώ κάτω.

711
00:41:06,330 --> 00:41:09,620
Και πάλι, δεν είμαι πρόκειται να κάνει οποιαδήποτε πληκτρολογώντας μπροστά σας εδώ.

712
00:41:09,620 --> 00:41:12,560
Πολύ βασικό JavaScript ακριβώς λέει όταν αυτό καλείται

713
00:41:12,560 --> 00:41:15,270
θα πάμε να πρέπει να παρέχονται κάποιες λεπτομέρειες για το πώς φτάσαμε ως εδώ

714
00:41:15,270 --> 00:41:17,630
και στη συνέχεια θα πάμε να κάνουμε μερικά βασικά πράγματα.

715
00:41:17,630 --> 00:41:21,300
Πηγαίνετε να βρείτε το πράγμα στην σελίδα HTML μου που ονομάζεται nameInput,

716
00:41:21,300 --> 00:41:28,490
αρπάξει, να λάβει την αξία του, χαστούκι "Hello" στο μπροστινό μέρος του, και να επιμείνουμε ότι η προκύπτουσα χορδή

717
00:41:28,490 --> 00:41:31,960
σε αυτό το tag div που είχαμε πριν από αυτό πραγματικά δεν έχει τίποτα πριν.

718
00:41:31,960 --> 00:41:37,220
Τώρα θα πάμε να βρούμε την ετικέτα και να κάνει εσωτερικό περιεχόμενο της ισούται με το κορδόνι.

719
00:41:37,220 --> 00:41:38,880
Πολύ απλό JavaScript.

720
00:41:38,880 --> 00:41:42,240
Ας ελπίσουμε ότι είστε αναγνωρίζοντας ότι υπάρχει πραγματικά τίποτα ασυνήθιστο συμβαίνει εδώ.

721
00:41:42,240 --> 00:41:45,360
Είναι ακριβώς κατ 'ευθείαν επάνω HTML και JS εδώ.

722
00:41:45,360 --> 00:41:48,220
Αν τρέχω τώρα, ακόμα δεν πρόκειται να κάνει οποιαδήποτε εργασία, επειδή δεν το έχω συνδεθεί με καλώδιο

723
00:41:48,220 --> 00:41:50,030
να λάβετε την εκδήλωση.

724
00:41:50,030 --> 00:41:55,710
Για να γίνει αυτό, θα το κάνω εδώ, και πάλι επιστρέφοντας στην εργαλειοθήκη μου,

725
00:41:55,710 --> 00:41:58,730
βρεθώ εδώ.

726
00:41:58,730 --> 00:42:03,060
Περιμένω από εσάς έχετε δει όλα αυτά τα πράγματα πριν, γι 'αυτό δεν θα είναι πάνω-να εξηγήσει.

727
00:42:03,060 --> 00:42:05,060
Τώρα θα πάμε για να πάει να πάρει το helloButton.

728
00:42:05,060 --> 00:42:07,730
Εμείς πάμε για να πει, "Button, συγχαρητήρια."

729
00:42:07,730 --> 00:42:10,130
"Εδώ είναι ένα γεγονός που τώρα απαντήσουν."

730
00:42:10,130 --> 00:42:13,420
«Όταν κάποιος κάνει κλικ σε σας, καλέστε αυτή τη λειτουργία, το buttonClickHandler."

731
00:42:13,420 --> 00:42:17,070
Και αυτό είναι ότι η λειτουργία που μόλις προσθέσαμε κάτω δεξιά στο κάτω μέρος εκεί. Έτσι μπράβο.

732
00:42:17,070 --> 00:42:20,980
Έτσι τώρα έχουμε μια εκπληκτικά λειτουργική εφαρμογή.

733
00:42:20,980 --> 00:42:24,720
Νομίζω ότι θα εντυπωσιαστείτε πραγματικά από αυτό.

734
00:42:24,720 --> 00:42:32,320
Chris. Περιμένετε για αυτό. Wow. Εντάξει. Αυτό είναι καταπληκτικό. [Γέλια]

735
00:42:32,320 --> 00:42:36,570
Αλλά υπάρχει κάτι περισσότερο. Μην αγοράζετε ακόμα. Περιμένετε.

736
00:42:36,570 --> 00:42:39,610
>> Επιτρέψτε μου να σας δείξω λίγο περισσότερο εδώ και να βγει από την πλήρη οθόνη.

737
00:42:39,610 --> 00:42:42,690
Εμείς πάμε για να περπατήσει πριν τρέξουμε.

738
00:42:42,690 --> 00:42:45,530
Επιτρέψτε μου να πάω μέσα και πραγματικά να σας δείξω λίγο με CSS.

739
00:42:45,530 --> 00:42:49,480
Ακριβώς από προεπιλογή, αν κοιτάξουμε πίσω στην σελίδα εδώ,

740
00:42:49,480 --> 00:42:53,570
κάθε φορά που τράβηξε σε αυτά τα πράγματα από WinJS και πήραμε το ui-σκοτάδι,

741
00:42:53,570 --> 00:42:58,550
Στην πραγματικότητα, μπορείτε να αλλάξετε την προεπιλογή για χρησιμοποιώντας την εφαρμογή φωτός.

742
00:42:58,550 --> 00:43:03,450
ui-σκοτάδι είναι καλό για εφαρμογές γραφικών, όπως η χρήση πολλές εικόνες,

743
00:43:03,450 --> 00:43:05,740
είστε που δείχνουν πολλά οπτικό περιεχόμενο.

744
00:43:05,740 --> 00:43:12,560
Εάν είστε που δείχνουν πολλά περιεχόμενο κειμένου, το ui-φως είναι γενικά μια καλή επιλογή.

745
00:43:12,560 --> 00:43:15,160
Δεν χρειάζεται να το επιλέξετε, αλλά έχω αλλάξει σε αυτό

746
00:43:15,160 --> 00:43:17,690
και τώρα βλέπουμε την ίδια σήμανση, το ίδιο πάντα,

747
00:43:17,690 --> 00:43:20,320
είναι απλά χρησιμοποιώντας βασικά ένα ανεστραμμένο σχήμα εδώ

748
00:43:20,320 --> 00:43:24,770
όπου τα πάντα είναι που καθιστά το μαύρο κείμενο σε λευκό.

749
00:43:24,770 --> 00:43:26,460
Αυτό είναι όλα ωραία και καλά.

750
00:43:26,460 --> 00:43:30,680
Επιτρέψτε μου να βγούμε από εδώ, και ας κάνουν πραγματικά λίγο περισσότερο με το CSS.

751
00:43:30,680 --> 00:43:34,830
Θα το βάλω πίσω στο σκοτάδι, γιατί νομίζω ότι είναι ίσως πιο εύκολο να δείτε στην οθόνη

752
00:43:34,830 --> 00:43:36,970
όταν αρχίσει να κάνει αυτά τα πράγματα.

753
00:43:36,970 --> 00:43:40,150
Πάω να αντικαταστήσει το σώμα για μια ακόμη φορά.

754
00:43:40,150 --> 00:43:44,040
Θα πάω εδώ. Επιτρέψτε μου να nuke αυτό.

755
00:43:44,040 --> 00:43:48,690
Ας φέρουμε στο σώμα με μαθήματα.

756
00:43:48,690 --> 00:43:53,000
Πιστεύω ότι έχω κάνει βασικά με CSS επιλογείς και τα πράγματα όπως αυτό που ήδη,

757
00:43:53,000 --> 00:43:55,380
έτσι ίσως γνωρίζετε τι συμβαίνει εδώ.

758
00:43:55,380 --> 00:43:59,250
Μόνο με την εκχώρηση κάποια μαθήματα στο header μας, και τη δημιουργία ενός νέου div

759
00:43:59,250 --> 00:44:04,430
να τυλίξετε το υπόλοιπο από αυτά τα πράγματα που μπορούμε τώρα να χρησιμοποιήσετε για να μορφοποιήσετε όλοι μαζί.

760
00:44:04,430 --> 00:44:07,760
Λοιπόν, τι μπορώ να κάνω τώρα είναι να πάει πέρα ​​από τις προεπιλεγμένες CSS μας.

761
00:44:07,760 --> 00:44:11,900
Έχετε εξετάσει τα ερωτήματα των μέσων ενημέρωσης ακόμα; Έχετε μιλήσει γι 'αυτό καθόλου;

762
00:44:11,900 --> 00:44:17,220
Ερωτήσεις των μέσων ενημέρωσης είναι μέρος αυτής της τάσης αναδυόμενη -

763
00:44:17,220 --> 00:44:19,660
ή είναι μια καθιερωμένη τάση τώρα πραγματικά στο Web -

764
00:44:19,660 --> 00:44:22,760
για την άμεση απόκριση του σχεδιασμού ή προσαρμοστική,

765
00:44:22,760 --> 00:44:28,480
και η ιδέα είναι ότι οι εφαρμογές σας μπορεί να προσαρμόσει καταλλήλως τα ίδια πραγματικά

766
00:44:28,480 --> 00:44:31,910
με βάση ό, τι η συσκευή που από όπου και αν εμφανίζονται μπορεί να κάνει.

767
00:44:31,910 --> 00:44:35,040
Έτσι, εάν είστε σε μια φορητή συσκευή, προφανώς δεν πρόκειται να έχουν όσο οθόνη ακινήτων

768
00:44:35,040 --> 00:44:41,520
όπως θα σε ένα μεγάλο 30-ιντσών οθόνη κάθεται με μια επιφάνεια εργασίας, ένα μεγάλο υπολογιστή, όπως αυτό.

769
00:44:41,520 --> 00:44:46,710
Έτσι θα ήταν η παλιά απάντηση σε αυτό να έχει 5, 6 διαφορετικές εκδόσεις της ίδιας σελίδας

770
00:44:46,710 --> 00:44:51,350
και θέλετε να ανοίξει την έκδοση που ήταν συντονισμένοι για το συγκεκριμένο μέγεθος οθόνης.

771
00:44:51,350 --> 00:44:55,420
Δεν είναι μεγάλη. Είναι πολύ, πολύ επαναλαμβανόμενο και υπάρχει ένας τόνος της διατροφής για να το κάνουμε αυτό.

772
00:44:55,420 --> 00:44:58,120
Τώρα έχουμε κάτι που ονομάζεται CSS ερωτήσεις των μέσων ενημέρωσης,

773
00:44:58,120 --> 00:45:02,530
και μπορούμε να χρησιμοποιήσουμε αυτό για να εντοπίσει αυτόματα όταν υπάρχει ένα ορισμένο μέγεθος

774
00:45:02,530 --> 00:45:07,030
ή ορισμένες χρήσεις του περιεχομένου σας που εκτελούνται.

775
00:45:07,030 --> 00:45:09,580
Έτσι θα μπορούν να ανταποκριθούν σε αυτό και μπορείτε να πείτε, "Εντάξει, σε αυτή την περίπτωση

776
00:45:09,580 --> 00:45:12,580
"Ίσως δεν χρειάζεται καν να σας πω τι συμβαίνει εδώ."

777
00:45:12,580 --> 00:45:18,020
Αυτό είναι ακριβώς λέγοντας ότι αν η εφαρμογή αυτή είναι έσπασε, όπως σας έδειξα πριν -

778
00:45:18,020 --> 00:45:20,830
την αρπαγή και την εφαρμογή του από την πλευρά της οθόνης -

779
00:45:20,830 --> 00:45:23,910
τότε ας κάνουμε το παρακάτω styling.

780
00:45:23,910 --> 00:45:25,850
Styling δεν είναι μόνο για τα χρώματα και τέτοια πράγματα.

781
00:45:25,850 --> 00:45:29,860
Είναι, επίσης, για το μέγεθος και τα περιθώρια και ένθετα και τους προσανατολισμούς του περιεχομένου

782
00:45:29,860 --> 00:45:34,040
ή ακόμα και ανικανότητα ή επιτρέποντας ολόκληρα μέρη της σελίδας σας

783
00:45:34,040 --> 00:45:36,420
και, στην περίπτωση αυτή, η εφαρμογή σας ή το παιχνίδι σας, καθώς και.

784
00:45:36,420 --> 00:45:39,210
Έτσι, εδώ μπορείτε να κάνετε τόσο απλό όσο θέλετε.

785
00:45:39,210 --> 00:45:46,720
Αυτό δεν θα ήταν χρήσιμη σε εφαρμογές σας, αλλά ήρθε η ώρα demo,

786
00:45:46,720 --> 00:45:50,530
έτσι είμαι πρόκειται να πάει μπροστά και απλά να προσθέσω στο βασικό επιλογέα του σώματος και να πω,

787
00:45:50,530 --> 00:45:58,360
"Όταν είμαι έσπασε, ας πάμε μπροστά και να κάνουμε χρώμα φόντου και ας επιλέξουν κάτι."

788
00:45:58,360 --> 00:46:00,400
Έχεις IntelliSense εδώ. Αυτό είναι πραγματικά πολύ δροσερό.

789
00:46:00,400 --> 00:46:05,720
Το 2012 έχουμε προσθέσει πολλά πράγματα για την υποστήριξη CSS και JavaScript και HTML.

790
00:46:05,720 --> 00:46:08,690
Έχετε φυσικά πήρε drop-down IntelliSense πάρα πολύ, αλλά αυτό δεν είναι το δροσερό πράγμα.

791
00:46:08,690 --> 00:46:11,730
Το δροσερό πράγμα είναι ότι έχετε οπτική επιλογείς για πολλά πράγματα, όπως καλά.

792
00:46:11,730 --> 00:46:14,120
Έτσι, θα μπορούσατε να πάτε μέσα και να επιλέγουν μόνο ένα χρώμα,

793
00:46:14,120 --> 00:46:17,580
ή μπορείτε να πάτε έξω και να είναι ακόμα πιο συγκεκριμένες και μπορείτε να επιλέξετε -

794
00:46:17,580 --> 00:46:22,330
Αυτό πρόκειται να είναι φοβερό. Θα πάρει πραγματικά μια αξιοπρεπή χρώμα εδώ.

795
00:46:22,330 --> 00:46:26,500
Παρακολουθήστε την σήμανση πάρα πολύ, από τον τρόπο. Αυτό είναι τυποποιημένη μορφή RGB σας εκεί.

796
00:46:26,500 --> 00:46:30,780
Αλλά αν μπορώ να αλλάξω την αδιαφάνεια, πρόκειται να περάσουμε σε ένα κανάλι άλφα επιλογέας εδώ.

797
00:46:30,780 --> 00:46:36,910
Έτσι μπορείτε να δείτε ότι το χρώμα ουσιαστικά το ποσοστό της διαφάνειας που έχετε γι 'αυτό

798
00:46:36,910 --> 00:46:38,860
όλα ψημένα καλά εκεί.

799
00:46:38,860 --> 00:46:42,530
Πάω να το κρατήσει ως το 100% και στη συνέχεια, όταν είμαι γίνει με αυτό, όλα είναι ωραία και καλά.

800
00:46:42,530 --> 00:46:46,160
Τώρα, αν θα εκτελέσετε το app και παίρνουμε το app και το snap,

801
00:46:46,160 --> 00:46:49,000
προϋπάρχοντος χρώματος ρυθμίζεται αυτόματα

802
00:46:49,000 --> 00:46:53,410
μόνο και μόνο επειδή έχουμε κάποια CSS που λέει, «Πήγαινε το κάνουμε αυτό."

803
00:46:53,410 --> 00:46:55,580
Μπορείτε επίσης να γράψετε JavaScript, επίσης, ότι θα κάνει το ίδιο πράγμα

804
00:46:55,580 --> 00:47:03,010
ή ότι θα μπορούσατε να χρησιμοποιήσετε για να κάνετε παύση στην πραγματικότητα ένα παιχνίδι, να κάνει τέτοια πράγματα.

805
00:47:03,010 --> 00:47:04,310
Αυτό είναι πιθανώς όταν θέλετε να χρησιμοποιήσετε JavaScript.

806
00:47:04,310 --> 00:47:06,610
Θα απενεργοποιήσετε το βρόχο παιχνίδι σε εκείνο το σημείο.

807
00:47:06,610 --> 00:47:09,970
Θα χρειαστεί κάποια JavaScript διότι αυτό δεν θα είναι κάτι που θα CSS για.

808
00:47:09,970 --> 00:47:11,760
Αλλά να έχετε κατά νου ότι είναι απλά ένα γεγονός.

809
00:47:11,760 --> 00:47:14,860
Θα μπορούσαμε να πούμε, "Όταν η αίτησή μου έχει αλλάξει το μέγεθός τους,

810
00:47:14,860 --> 00:47:17,780
"Ας δούμε αν είμαστε έσπασε." Και αυτό είναι όλο.

811
00:47:17,780 --> 00:47:24,440
>> Εντάξει; Έχω μιλήσει πολύ. Υπάρχουν ερωτήσεις μέχρι τώρα για το πού βρισκόμαστε; Ναι.

812
00:47:24,440 --> 00:47:29,310
[Φοιτητής] Είναι ένα μάθημα για οποιονδήποτε να πάρετε περισσότερες πληροφορίες εκεί; Ναι >>.

813
00:47:29,310 --> 00:47:33,510
Το ερώτημα είναι, είναι ένα tutorial για αυτό; Θα απλά να επεκταθεί σε όλα.

814
00:47:33,510 --> 00:47:37,490
Υπάρχουν μερικά πράγματα που μπορείτε να πάτε να. Ας πραγματικά να βγούμε από εδώ.

815
00:47:37,490 --> 00:47:40,150
Επιτρέψτε μου να επιστρέψω εδώ.

816
00:47:40,150 --> 00:47:45,180
Ένα πράγμα που πρέπει να επισημάνω είναι η ίδια Visual Studio έχει tutorials χτισμένο in

817
00:47:45,180 --> 00:47:47,650
Επιτρέψτε μου να απαλλαγούμε από αυτό.

818
00:47:47,650 --> 00:47:51,520
Αν πάτε και να δημιουργήσετε ένα νέο έργο, δεν File, New Project,

819
00:47:51,520 --> 00:47:56,750
και να εξετάσουμε στην αριστερή πλευρά, υπάρχει ένα online κόμβος σε αυτό το επιλογέα.

820
00:47:56,750 --> 00:47:59,790
Είναι πρόκειται να πάρει λίγο. Είμαι στο MyFi μου εδώ.

821
00:47:59,790 --> 00:48:02,300
Αλλά πρόκειται να έρθει και πρόκειται να μου δώσει μια ευκαιρία να βρείτε πρότυπα

822
00:48:02,300 --> 00:48:05,190
αλλά επίσης και, το πιο σημαντικό, τα δείγματα, καθώς και.

823
00:48:05,190 --> 00:48:06,750
Έτσι, μπορώ να κάνω κλικ στην JavaScript.

824
00:48:06,750 --> 00:48:10,050
Είναι πρόκειται να βρείτε δείγματα για μένα. Η πρότασή μου είναι ο τρόπος υψηλό εδώ.

825
00:48:10,050 --> 00:48:15,070
Κανονικά, θα δείτε μια λίστα με πολλά διαφορετικά πράγματα εδώ.

826
00:48:15,070 --> 00:48:18,280
Αν υπάρχει κάτι που θέλετε να δοκιμάσετε, να επιλέξετε τη γλώσσα,

827
00:48:18,280 --> 00:48:20,970
Εδώ JavaScript, και να πω, "δεν ξέρω πώς να το κάνουμε geolocation."

828
00:48:20,970 --> 00:48:22,220
«Δεν ξέρω πώς να ανοίξετε ένα αρχείο."

829
00:48:22,220 --> 00:48:25,840
«Δεν ξέρω πώς να επωφεληθούν από την κάμερα

830
00:48:25,840 --> 00:48:28,290
"Ή να βελτιστοποιήσετε για την αφή ή τα πράγματα όπως αυτό."

831
00:48:28,290 --> 00:48:33,190
Υπάρχουν δείγματα για τα πάντα: την ανταλλαγή, αναζήτηση, app μπαρ,

832
00:48:33,190 --> 00:48:37,520
καθιστώντας τις απομακρυσμένες κλήσεις σε μια υπηρεσία, JSON κωδικοποίηση.

833
00:48:37,520 --> 00:48:40,390
Όλα αυτά τα είδη των πραγμάτων υπάρχουν δείγματα για εδώ,

834
00:48:40,390 --> 00:48:44,560
και δεν είναι τεράστια δείγματα που πρόκειται να σας μεταφέρει όλη τη νύχτα για να τραβήξει χώρια

835
00:48:44,560 --> 00:48:46,820
μόνο για να διαπιστώσετε ότι ένα πράγμα που ήθελαν να μάθουν.

836
00:48:46,820 --> 00:48:49,870
Είναι πραγματικά καλό. Είναι μικρό, ακριβώς για το σημείο είδη δειγμάτων.

837
00:48:49,870 --> 00:48:52,330
Έχω μάθει ένα σωρό που διέρχεται από αυτά τον εαυτό μου,

838
00:48:52,330 --> 00:48:55,260
και γι 'αυτό προτείνουμε ένα πολύ ως ένα πράγμα.

839
00:48:55,260 --> 00:49:01,750
>> Ένα άλλο πράγμα που πρέπει να επισημάνω είναι πάρα πολύ βέβαια που σας έδειξα dev.windows.com,

840
00:49:01,750 --> 00:49:07,490
οπότε αν πάτε πίσω σε αυτό, θα δείτε στο κάτω μέρος υπάρχει επίσης τα δείγματα εδώ.

841
00:49:07,490 --> 00:49:12,560
Έτσι, μπορείτε να κατεβάσετε όλα αυτά ταυτόχρονα, αλλά υπάρχει επίσης και πολλά άλλα πόρων εδώ

842
00:49:12,560 --> 00:49:14,400
που μπορούν να σας βοηθήσουν να πάρετε μέχρι την ταχύτητα.

843
00:49:14,400 --> 00:49:17,870
>> Ένα άλλο πράγμα, και θα ήθελα να συστήσω πραγματικά να δοκιμάσετε αυτό,

844
00:49:17,870 --> 00:49:24,510
Το έχω στο blog μου, αλλά εγώ απλά θα πάει δεξιά σε αυτό.

845
00:49:24,510 --> 00:49:28,220
Θα σου δείξω. Το blog μου έχει πόρους και τέτοια πράγματα.

846
00:49:28,220 --> 00:49:35,300
Ένα από τα πράγματα που πρέπει να επισημάνω είναι ακριβώς εδώ, αυτό το πράγμα: Ιδέα σας. App σας. 30 Ημέρες.

847
00:49:35,300 --> 00:49:40,960
Αν κάνετε κλικ σε αυτό, πρόκειται να σας φέρει σε ένα πραγματικά χρήσιμο site.

848
00:49:40,960 --> 00:49:44,650
Αυτό είναι πολύ πιο χρήσιμο από ό, τι μπορείτε να φανταστείτε.

849
00:49:44,650 --> 00:49:49,040
Αυτό πρόκειται να είναι 30 ημέρες του περιεχομένου που μπορείτε βασικά να πάρετε συμβουλές και κόλπα

850
00:49:49,040 --> 00:49:51,990
καθ 'όλη αυτή τη διαδικασία, όπως είστε δημιουργία ενός app.

851
00:49:51,990 --> 00:49:55,980
Και δεδομένου ότι δεν μπορείτε να περιμένετε, μπορείτε να πάρετε πραγματικά για τα παιχνίδια πάρα πολύ

852
00:49:55,980 --> 00:49:57,840
και για εφαρμογές του τηλεφώνου, τέτοια πράγματα.

853
00:49:57,840 --> 00:50:01,000
Έτσι, βασικά, να υπογράψει επάνω για το, και θα πάμε για να σας στέλνουν συμβουλές και κόλπα για,

854
00:50:01,000 --> 00:50:03,010
"Έχετε σκεφτεί να κάνει αυτό; Έχετε την υποστήριξη Snap;"

855
00:50:03,010 --> 00:50:04,900
"Εδώ είναι μερικές οδηγίες για το πώς να το κάνουμε αυτό καλά."

856
00:50:04,900 --> 00:50:07,440
"Έχετε σκεφτεί για την υποβολή στο κατάστημα;"

857
00:50:07,440 --> 00:50:09,370
"Έχετε σκεφτεί πώς θα πάμε για να πουλήσει την αίτησή σας;"

858
00:50:09,370 --> 00:50:11,490
Είναι πρόκειται να περπατήσετε μέσα από όλα αυτά τα διάφορα πράγματα.

859
00:50:11,490 --> 00:50:13,380
Και στην πραγματικότητα, αν είστε στην πίστα του παιχνιδιού, σε κάποιο σημείο

860
00:50:13,380 --> 00:50:17,010
θα αρχίζουν να αναγνωρίζουν το πρόσωπο που μιλά σε σας

861
00:50:17,010 --> 00:50:22,850
γιατί στην πραγματικότητα έπρεπε να πάει στο Redmint να κάνουμε αυτά και καταγράφονται 2 βίντεο εκεί.

862
00:50:22,850 --> 00:50:25,240
Αλλά αυτό είναι όλο το μέρος της διαδρομής τυχερών παιχνιδιών,

863
00:50:25,240 --> 00:50:27,650
και υπάρχει επίσης ένας πλήρης δίαυλος για τη γενική ανάπτυξη app.

864
00:50:27,650 --> 00:50:29,380
Αυτό ονομάζεται Generation App.

865
00:50:29,380 --> 00:50:33,460
Θα ήθελα να συστήσω σίγουρα αυτό για σας, καθώς εκτός από τα δείγματα.

866
00:50:33,460 --> 00:50:38,110
>> Υπάρχουν πολλά βίντεο σε μια τοποθεσία που ονομάζεται Channel 9, καθώς και.

867
00:50:38,110 --> 00:50:42,790
Αυτό είναι ίσως το τελευταίο πράγμα που θα σας προτείνουμε, καθώς πριν προχωρήσουμε εδώ.

868
00:50:42,790 --> 00:50:45,280
Channel9.msdn.com.

869
00:50:45,280 --> 00:50:48,880
Αυτό είναι μεγάλη, επειδή δεν πρόκειται να την ανάγνωση μέσα από τους τόνους των λευκά χαρτιά.

870
00:50:48,880 --> 00:50:53,880
Είναι βασικά ένα πολλά βίντεο, screencasts και πράγματα που είναι δικαίωμα να το σημείο.

871
00:50:53,880 --> 00:50:57,940
Εγώ δεν θα πω ότι είναι πάντα σωστό να το σημείο. Εξαρτάται από το ποιος κάνει την ομιλία.

872
00:50:57,940 --> 00:51:02,290
Αλλά γενικά, δεν υπάρχει κάποια πραγματικά το σημείο-βίντεο εδώ

873
00:51:02,290 --> 00:51:06,230
που θα σας δείξει κάποιο ιδιαίτερο πράγμα που ίσως να θέλετε να μάθετε ή να δείτε demoed.

874
00:51:06,230 --> 00:51:11,110
Υπάρχει, επίσης, όλα του περιεχομένου μας από το συνέδριο μας, που συνέβη πριν από μερικές εβδομάδες

875
00:51:11,110 --> 00:51:14,380
ονομάζεται Build, και θα δείτε ότι εκεί.

876
00:51:14,380 --> 00:51:18,450
Υπάρχει τεχνολογίες πυρήνα για τα Windows 8 παιχνίδια. Εκεί θα πάτε.

877
00:51:18,450 --> 00:51:23,150
Ήμουν εκεί, στην πραγματικότητα. Δεν μπορείς να με δεις. Ήμουν εδώ.

878
00:51:23,150 --> 00:51:27,560
Αλλά ούτως ή άλλως, ότι στην άκρη, εγώ θα σας πρότεινα να ρίξετε μια ματιά σε αυτά τα βίντεο.

879
00:51:27,560 --> 00:51:29,330
Είναι πολύ χρήσιμο.

880
00:51:29,330 --> 00:51:32,620
Αν είστε κολλημένοι σε κάτι ή απλά θέλετε να δείτε τι θα μπορούσε να κάνει κάτι, φωτιά εκείνους επάνω.

881
00:51:32,620 --> 00:51:36,890
>> [Guarin] Windows Mail μόλις μου έστειλε ένα email με ένα σύνδεσμο προς το περιεχόμενο

882
00:51:36,890 --> 00:51:42,140
για τους μαθητές να κατεβάσετε με το δείγμα κώδικα και τέτοια πράγματα. >> [Bowen] Μεγάλη.

883
00:51:42,140 --> 00:51:45,510
Awesome. Σας ευχαριστώ, Edwin.

884
00:51:45,510 --> 00:51:48,320
>> Καλή. >> [Φοιτητής] Έχω μια ερώτηση. >> [Bowen] Αχ. Ναι, παρακαλώ.

885
00:51:48,320 --> 00:51:55,030
[Δεν ακούγεται η ερώτηση του φοιτητή] >> [Bowen] Ω, είμαι ευτυχής ότι ρωτήσατε αυτό. Ναι.

886
00:51:55,030 --> 00:51:58,940
Το ερώτημα ήταν, είναι μια οπτική διεπαφή για μένα να δημιουργήσουν τα πράγματα εκεί;

887
00:51:58,940 --> 00:52:01,630
Edwin θα σας ανταμείψει αδρά για αυτήν την ερώτηση.

888
00:52:01,630 --> 00:52:04,310
Υπάρχει ένας τρόπος για να γίνει αυτό.

889
00:52:04,310 --> 00:52:09,040
Θα πρέπει να το κάνουμε τώρα; Ας το κάνουμε τώρα.

890
00:52:09,040 --> 00:52:11,780
Πάω να πάει σε αυτό τώρα.

891
00:52:11,780 --> 00:52:14,070
Στην πραγματικότητα, επιτρέψτε μου να προσθέσω σε ένα περισσότερο πράγμα σε αυτό το demo,

892
00:52:14,070 --> 00:52:16,710
και στη συνέχεια θα σας δείξω την πραγματική απάντηση.

893
00:52:16,710 --> 00:52:21,340
Ήμουν έτοιμος να προσθέσω σε λίγο περισσότερο CSS εδώ.

894
00:52:21,340 --> 00:52:23,980
Ήμουν λίγο μακριά σε εφαπτόμενες εδώ.

895
00:52:23,980 --> 00:52:26,770
Επιτρέψτε μου να βάλει σε κάποια CSS εδώ για να επωφεληθούν

896
00:52:26,770 --> 00:52:29,980
από τις κατηγορίες που προστέθηκαν πριν από λίγο,

897
00:52:29,980 --> 00:52:33,930
στην κεφαλίδα, στο div Maincontent, και στη συνέχεια στο greetingOutput.

898
00:52:33,930 --> 00:52:37,920
Αν το κάνω αυτό και να το εκτελέσετε, μπορείτε να δείτε τώρα έχουμε μια λίγο διαφορετική padding και τα περιθώρια κέρδους,

899
00:52:37,920 --> 00:52:40,310
έτσι έχουμε πραγματικά κάποια αντισταθμιστικά οφέλη εδώ.

900
00:52:40,310 --> 00:52:44,630
Αυτά είναι περισσότερο προς το τι πρόκειται να περιμένουμε από ένα τελικό γυαλισμένο εφαρμογή.

901
00:52:44,630 --> 00:52:47,770
Αλλά είμαι απλά δείχνει αυτό για σας, επειδή είναι κατ 'ευθείαν επάνω CSS.

902
00:52:47,770 --> 00:52:51,910
Έτσι τα πράγματα που ήδη γνωρίζετε, μπορείτε να χρησιμοποιήσετε εδώ για να ρυθμίσετε το περιεχόμενο, όπως εσείς επιθυμείτε.

903
00:52:51,910 --> 00:52:55,100
Έχετε ήδη δει πώς να κάνει το φόντο αλλάξει με αυτόν τον τρόπο.

904
00:52:55,100 --> 00:53:02,980
>> Αν πάω πίσω στο HTML μας, Πάω να προσθέσω σε ένα ακόμη σετ σήμανσης,

905
00:53:02,980 --> 00:53:06,140
και αυτό είναι πραγματικά πρόκειται να είναι ένα στοιχείο ελέγχου από WinJS.

906
00:53:06,140 --> 00:53:09,840
Πάω να πάει και να αρπάξει αυτό, μια ετικέτα. Επιτρέψτε μου να βεβαιωθείτε ότι το κάνω στο σωστό μέρος.

907
00:53:09,840 --> 00:53:11,740
Μάλλον αρκετά καλό.

908
00:53:11,740 --> 00:53:15,590
Εδώ έχω μόλις προστέθηκε - και θα πάμε σε πλήρη οθόνη, ώστε να μπορείτε να δείτε ολόκληρο το πράγμα -

909
00:53:15,590 --> 00:53:18,520
Έχω προσθέσει μια ετικέτα για το επόμενο div.

910
00:53:18,520 --> 00:53:20,890
Το div ονομάζεται ratingControlDiv.

911
00:53:20,890 --> 00:53:23,090
Από μόνη της δεν θα κάνει τίποτε.

912
00:53:23,090 --> 00:53:28,570
Εάν ανοίξετε αυτό σε ένα πρόγραμμα περιήγησης, τότε θα πρέπει να ψάχνει στο κενό, το ίδιο το div.

913
00:53:28,570 --> 00:53:31,820
Αλλά επειδή από αυτή τη μυστηριώδη γραμμή κώδικα που σας έδειξα πριν,

914
00:53:31,820 --> 00:53:35,650
η διαδικασία απ ​​'όλα, πρόκειται να ψάξουν για κάτι που μοιάζει με αυτό -

915
00:53:35,650 --> 00:53:40,380
δεδομένων-win-ελέγχου - και πρόκειται να βρει ό, τι είναι σε αυτή την παράμετρο.

916
00:53:40,380 --> 00:53:44,560
Είναι πρόκειται να κάνει μια εμφάνιση που είναι ό, τι είναι που δείχνουν προς.

917
00:53:44,560 --> 00:53:48,850
Σε αυτή την περίπτωση, είναι ένα στοιχείο ελέγχου αξιολόγησης, έτσι λέω, "Παρακαλώ πηγαίνετε και να αντικαταστήσει αυτό το πράγμα

918
00:53:48,850 --> 00:53:51,400
»Με ό, τι χρειάζεστε για να κάνετε για να κάνετε έναν έλεγχο αξιολόγησης."

919
00:53:51,400 --> 00:53:56,610
Θα μπορούσε να είναι ένα flip ελέγχου, θα μπορούσε να είναι ο δακτύλιος προόδου ή οτιδήποτε άλλο στοιχείο ελέγχου που θέλετε να χρησιμοποιήσετε.

920
00:53:56,610 --> 00:53:59,390
Είναι όλοι πρόκειται να λειτουργήσει ουσιαστικά με τον ίδιο τρόπο.

921
00:53:59,390 --> 00:54:02,920
Είσαι χρήση τυποποιημένων σήμανσης HTML5 για να δείξει ό, τι θέλετε,

922
00:54:02,920 --> 00:54:07,670
και στη συνέχεια θα πάμε να πάρετε ένα στοιχείο ελέγχου στο τέλος της αυτό. Επιτρέψτε μου να το τρέξετε.

923
00:54:07,670 --> 00:54:12,270
Απλά αντιγραφεί ότι, και τώρα ότι η σήμανση γίνεται αυτό,

924
00:54:12,270 --> 00:54:15,280
η οποία είναι στην πραγματικότητα αρκετά στοιχεία HTML.

925
00:54:15,280 --> 00:54:18,440
Αυτά είναι όλα τα επιμέρους εικόνες, και υπάρχει divs γύρω τους με επιλογείς.

926
00:54:18,440 --> 00:54:22,610
Ας ελπίσουμε ότι μπορείτε να δείτε ότι. Είναι λίγο λεπτή.

927
00:54:22,610 --> 00:54:27,380
Μπορώ να αιωρείται πάνω από τα διάφορα στοιχεία, και πρόκειται να μου επιτρέψει να δω τη βαθμολογία εδώ.

928
00:54:27,380 --> 00:54:31,560
Μπορώ να κάνετε κλικ σε αυτό, και θυμάται τη βαθμολογία, αλλά ότι είναι γι 'αυτό.

929
00:54:31,560 --> 00:54:33,100
Δεν είναι πραγματικά κάνει τίποτα με τη βαθμολογία.

930
00:54:33,100 --> 00:54:35,230
>> Το ένα τελευταίο πράγμα που θέλω να σας δείξω σε αυτό

931
00:54:35,230 --> 00:54:37,820
πριν στραφούν σε μια πιο οπτική εμπειρία σχεδιασμού

932
00:54:37,820 --> 00:54:42,680
είναι ένα μικρό κομμάτι του κώδικα που μπορώ να χρησιμοποιήσω για να ανταποκριθεί σε αυτούς τους ελέγχους WinJS.

933
00:54:42,680 --> 00:54:47,540
Επιτρέψτε μου να πάρει από εκεί, πίσω από πλήρη οθόνη,

934
00:54:47,540 --> 00:54:52,690
και να περάσει στην JS εδώ για τη δεύτερη.

935
00:54:52,690 --> 00:54:57,450
Μπορώ να το κάνω εδώ. Νομίζω ότι θα αντικαταστήσουν όλο αυτό το πράγμα.

936
00:54:57,450 --> 00:55:03,080
Στην πραγματικότητα, νομίζω ότι θα αντικαταστήσει όλα αυτά, αλλά θα το μάθουμε μαζί.

937
00:55:03,080 --> 00:55:07,350
Θα βάλω αυτό εδώ. Ναι. Πάω να διαγράψετε αυτό το πάρα πολύ.

938
00:55:07,350 --> 00:55:11,790
Τι δεν μπορώ να προσθέσω; Φαίνεται σαν μια παρτίδα. Δεν είναι πολλά.

939
00:55:11,790 --> 00:55:14,920
Απλά επεκταθεί ότι η γραμμή του κώδικα που έχω ήδη μιλήσει για αυτό πριν,

940
00:55:14,920 --> 00:55:18,590
και λέω, «Όταν όλα γίνονται, όταν όλοι οι έλεγχοι μου έχουν γίνει,

941
00:55:18,590 --> 00:55:23,660
"Και στη συνέχεια να το κάνετε αυτό." Έτσι, στη συνέχεια, εκτελέστε τη λειτουργία αυτή ονομάζεται ολοκληρωθεί.

942
00:55:23,660 --> 00:55:27,080
Σε αυτή την περίπτωση, είναι πράγματα που μπορείτε να το καταλάβω.

943
00:55:27,080 --> 00:55:29,040
Πηγαίνετε να βρείτε αυτό το στοιχείο ελέγχου div.

944
00:55:29,040 --> 00:55:30,790
Στην πραγματικότητα, υπάρχει ένα πράγμα που θα ήθελα να επισημάνω.

945
00:55:30,790 --> 00:55:35,630
Αυτό επόμενη γραμμή είναι στην πραγματικότητα λέγοντας, «έχω αυτό το ratingControlDiv."

946
00:55:35,630 --> 00:55:39,770
«Θέλω να μιλήσω σε αυτό σαν να ήταν ένα πραγματικό έλεγχο, έναν έλεγχο WinJS."

947
00:55:39,770 --> 00:55:42,020
Έτσι, βασικά, ρωτάτε γι 'αυτό από αυτό.

948
00:55:42,020 --> 00:55:44,600
Λέτε, "Θέλω να σου μιλήσω ως μάρτυρας."

949
00:55:44,600 --> 00:55:47,810
Και τότε μπορείτε να αρχίσουμε να λέμε τα πράγματα όπως, "Εμείς πάμε για να προσθέσετε έναν ακροατή για σας

950
00:55:47,810 --> 00:55:51,430
"Έτσι ώστε όταν είστε αλλάξει μπορούμε να αντιδράσουμε σε αυτό."

951
00:55:51,430 --> 00:55:56,930
Και τότε μπορούμε επίσης να κάνουμε τα πράγματα όπως αυτό. Στην πραγματικότητα, αυτό είναι το παλιό κωδικό εκεί.

952
00:55:56,930 --> 00:55:59,600
Νομίζω ότι είμαι λείπει επικόλληση σε μία ακόμη λειτουργία,

953
00:55:59,600 --> 00:56:05,030
και αυτή θα είναι η πραγματική λειτουργία που θα ανταποκρίνεται στον έλεγχο αξιολόγηση αυτή θα αλλάξει.

954
00:56:05,030 --> 00:56:07,710
Επιτρέψτε μου να εμφανιστεί ότι στην κάτω δεξιά εδώ,

955
00:56:07,710 --> 00:56:09,840
κάπου εκεί γύρω.

956
00:56:09,840 --> 00:56:14,930
Και σε αυτή την περίπτωση, το μόνο πράγμα που είναι νέο είναι το γεγονός ότι θα πάμε σε

957
00:56:14,930 --> 00:56:21,000
τι ο έλεγχος διαβάθμισης μας λέει και ζητάμε αυτό που ονομάζεται tentativeRating.

958
00:56:21,000 --> 00:56:23,150
Υπάρχει μια δέσμη των διαφόρων άλλων ότι ο έλεγχος αυτός μπορεί να σας πει,

959
00:56:23,150 --> 00:56:25,310
και πηγαίνει έλεγχο από τον έλεγχο.

960
00:56:25,310 --> 00:56:29,140
Είναι πολύ απλό. Θα είστε σε θέση να το καταλάβω κανένα πρόβλημα απολύτως.

961
00:56:29,140 --> 00:56:34,040
Τρέχω αυτό, και τώρα όταν αλλάζω τις αξιολογήσεις και κάντε κλικ στο αξιολόγησης,

962
00:56:34,040 --> 00:56:36,480
μπορείτε να δείτε τώρα είναι πραγματικά ανταποκρίνεται σε αυτό.

963
00:56:36,480 --> 00:56:40,280
Είναι βάζοντας την αξιολόγηση αυτή στην οθόνη σε εκείνο το άλλο άδειο tag div

964
00:56:40,280 --> 00:56:42,970
κάτω από τον έλεγχο της αξιολόγησης.

965
00:56:42,970 --> 00:56:46,670
Αυτή είναι η μαγεία του πολλά πράγματα εδώ.

966
00:56:46,670 --> 00:56:49,580
Έτσι όπως είστε δημιουργία εφαρμογών για το κατάστημα των Windows,

967
00:56:49,580 --> 00:56:52,930
υπάρχει ένας τόνος των ελέγχων που μπορείτε να χρησιμοποιήσετε μόνο. Θα εργαστούμε όλοι σαν αυτό.

968
00:56:52,930 --> 00:56:58,670
>> Επιτρέψτε μου να σας δείξω την οπτική πλευρά του σχεδιασμού για αυτές τις εφαρμογές.

969
00:56:58,670 --> 00:57:03,440
Τα καλά νέα είναι ότι θα έχετε ήδη αυτό το εργαλείο όταν εγκαθιστάτε τα πάντα

970
00:57:03,440 --> 00:57:06,240
αν πάτε σε αυτό το download και μπορείτε να πάρετε το Visual Studio.

971
00:57:06,240 --> 00:57:09,890
Έχω δίκιο να κάνετε κλικ σε αυτό. Δεν θα μεγεθύνει μέσα

972
00:57:09,890 --> 00:57:12,040
Απλά λέει Άνοιγμα σε Blend.

973
00:57:12,040 --> 00:57:16,040
Blend είναι ένα άλλο εργαλείο που λειτουργεί δίπλα-δίπλα με το Visual Studio

974
00:57:16,040 --> 00:57:19,230
και επικεντρώνεται πολύ περισσότερο στην πλευρά του σχεδιασμού των πραγμάτων,

975
00:57:19,230 --> 00:57:23,660
έτσι επιφάνειες πραγματικά εργαλεία που έχουν βελτιστοποιηθεί για τη δημιουργία στυλ,

976
00:57:23,660 --> 00:57:29,720
τη δημιουργία animations, σε συνεργασία με CSS, πολλά πράγματα σε αυτό το είδος της φλέβας.

977
00:57:29,720 --> 00:57:36,380
Εδώ τι θα πρέπει να είναι πολύ ενδιαφέρουσα και αρκετά προφανές είναι αμέσως ψάχνουμε στο app.

978
00:57:36,380 --> 00:57:40,060
Ας ελπίσουμε ότι εξακολουθούμε να είμαστε.

979
00:57:40,060 --> 00:57:42,650
Αντί να βλέπουμε κώδικα, το οποίο εξακολουθούμε να βλέπουμε στο κάτω μέρος,

980
00:57:42,650 --> 00:57:45,350
βλέπουμε την πραγματική αναπαράσταση της εφαρμογής.

981
00:57:45,350 --> 00:57:49,640
Τι περισσότερο, δεν είναι απλά μια αναπαράσταση του app, είναι στην πραγματικότητα το app τρέχει.

982
00:57:49,640 --> 00:57:52,010
Και αυτό είναι ό, τι πραγματικά είναι ωραίο για Blend.

983
00:57:52,010 --> 00:57:58,620
Η ομάδα έχει κάνει πολλή δουλειά για να φέρει HTML και JavaScript και CSS σε αυτό το εργαλείο.

984
00:57:58,620 --> 00:58:01,930
Τώρα μπορείτε πραγματικά, αν είστε περίεργοι, «Τι σημαίνει αυτό; Τι μπορώ να κάνω;"

985
00:58:01,930 --> 00:58:08,310
Μπορώ πραγματικά να σχεδιάσει με την αίτηση αυτή, ακόμη και αν τα πράγματα όπως αυτό δεν υπάρχουν στην σήμανσης μου.

986
00:58:08,310 --> 00:58:13,230
Να θυμάστε ότι ο έλεγχος διαβάθμισης; Ήταν απλά ένα tag div.

987
00:58:13,230 --> 00:58:17,090
Αυτή η ουσία, ότι το αστέρι, υπάρχει μόνο κατά το χρόνο εκτέλεσης. Πώς μπορώ να ξέρω αυτό;

988
00:58:17,090 --> 00:58:20,300
Υπάρχει ένα μικρό κομμάτι της μαγείας εδώ.

989
00:58:20,300 --> 00:58:21,700
Δείτε αυτές τις αστραπές;

990
00:58:21,700 --> 00:58:25,570
Κάθε φορά που θα δείτε ένα κεραυνό, αυτό σημαίνει ότι δημιουργήθηκε από κάτι κατά το χρόνο εκτέλεσης.

991
00:58:25,570 --> 00:58:31,770
Μερικά JavaScript έτρεξε και γύρισε κάτι σε αυτό ή να δημιουργηθεί αυτό με κάποια λογική.

992
00:58:31,770 --> 00:58:37,100
Αυτά τα αστέρια που βλέπετε εκεί δημιουργήθηκαν από το JavaScript WinJS.

993
00:58:37,100 --> 00:58:41,800
Το ωραίο είναι, δεν έχει σημασία για μένα, μπορώ ακόμα να το σχεδιασμό,

994
00:58:41,800 --> 00:58:44,410
Μπορώ ακόμα να πάει και να τον αλλάζετε, μπορώ να μάθω τι συμβαίνει εδώ,

995
00:58:44,410 --> 00:58:50,260
Μπορώ να εξετάσουμε το CSS, μπορώ να πάω μπροστά και να μάθετε γιατί το χρώμα είναι ο τρόπος που είναι,

996
00:58:50,260 --> 00:58:54,610
Μπορώ να ξεκινήσω μπέρδεμα με τα πράγματα και να κάνει τα πράγματα φρικτό,

997
00:58:54,610 --> 00:58:58,360
ό, τι θέλω να κάνω.

998
00:58:58,360 --> 00:59:01,020
Στην πραγματικότητα, εγώ θα αφήσει τα πράγματα μόνο.

999
00:59:01,020 --> 00:59:03,980
Αλλά μπορείτε να δείτε εδώ είναι όλα τα CSS και σας παρουσιάζει εδώ.

1000
00:59:03,980 --> 00:59:10,120
Αν πάω μέχρι εκεί, πρόκειται να σας δείξω όλα αυτά που λένε είναι κερδοφόρα,

1001
00:59:10,120 --> 00:59:14,850
έτσι ώστε οι κανόνες CSS που είναι το πιο συγκεκριμένο και το πιο επιλεγμένο για αυτό το στοιχείο,

1002
00:59:14,850 --> 00:59:17,110
που πιθανώς έχετε ήδη περάσει πάνω στις τάξεις σας,

1003
00:59:17,110 --> 00:59:22,000
όπου μπορείτε να πείτε ότι υπάρχει μια γενική γραμματοσειρά που είμαστε που ισχύουν για τα πάντα,

1004
00:59:22,000 --> 00:59:26,860
αλλά επειδή αυτό είναι ένα h1 και έχω ένα χρώμα που έχει καθοριστεί για H1S,

1005
00:59:26,860 --> 00:59:29,820
πρόκειται να είναι αυτό το χρώμα, και αυτό γιατί είναι πιο εξειδικευμένο από το σώματος1.

1006
00:59:29,820 --> 00:59:32,590
Αυτό το ένα πράγμα εδώ όλους σας που δείχνει,

1007
00:59:32,590 --> 00:59:35,470
και είναι πραγματικά ισχυρό πράγματα, όπως θα έχετε πιο πολύπλοκες,

1008
00:59:35,470 --> 00:59:38,160
αναρωτιέστε γιατί αυτά τα πράγματα είναι έτσι όπως είναι.

1009
00:59:38,160 --> 00:59:41,020
Θα σας πω πραγματικά, και μπορείτε να επιλέξετε οποιοδήποτε από αυτά τα στοιχεία εδώ.

1010
00:59:41,020 --> 00:59:43,370
Αυτό το χρώμα δεν είναι πολύ κακό, στην πραγματικότητα.

1011
00:59:43,370 --> 00:59:47,150
Μπορείτε να τα επιλέξετε. Ας ελπίσουμε ότι μπορείτε να δείτε αυτό.

1012
00:59:47,150 --> 00:59:52,410
Για ό, τι έχετε την αίτησή σας, θα δείτε ένα ολόκληρο καταρράκτη

1013
00:59:52,410 --> 00:59:56,070
όλων των CSS που θα μπορούσαν να εφαρμοστούν σε αυτό και των οποίων το ένα είναι η νίκη,

1014
00:59:56,070 --> 00:59:58,050
ποια πραγματικά πήρε το προβάδισμα.

1015
00:59:58,050 --> 01:00:00,930
Αυτοί είναι το είδος της βαρετό. Δεν υπάρχει μια παρτίδα σε εξέλιξη σε ορισμένα από αυτά.

1016
01:00:00,930 --> 01:00:04,660
Αν πάω και να αλλάξετε το χρώμα, τότε θα αρχίσουμε να βλέπουμε κάποια υπερχείλιση εκεί.

1017
01:00:04,660 --> 01:00:07,760
Μπορείτε επίσης να χρησιμοποιήσετε HTML ως εδώ καλά.

1018
01:00:07,760 --> 01:00:12,490
Μπορώ να πάω μέσα και να τροποποιήσετε τις ιδιότητες HTML για όλα αυτά τα πράγματα όπως θέλω.

1019
01:00:12,490 --> 01:00:14,620
Υπάρχει μόνο τόνους πράγματα εδώ.

1020
01:00:14,620 --> 01:00:18,070
>> Δεν θέλω να πάρετε το χρόνο σας με τη μετάβαση από ό, τι εδώ. Απλά ξέρω ότι είναι εδώ.

1021
01:00:18,070 --> 01:00:21,700
Υπάρχει πολλή σχεδιασμού με γνώμονα τη λειτουργικότητα που είναι ακριβώς στη διάθεσή σας

1022
01:00:21,700 --> 01:00:26,730
ώστε να μπορείτε να μείνετε οπτική, λειτουργούν με την εφαρμογή, και δεν χρειάζεται να κάνει πολλά μαντέψουν

1023
01:00:26,730 --> 01:00:32,180
ότι θα πρέπει να κάνετε κανονικά και η ποδηλασία πίσω από ένα πρόγραμμα περιήγησης πίσω στο σχεδιασμό σας,

1024
01:00:32,180 --> 01:00:33,940
επιστρέψετε στο πρόγραμμα περιήγησης.

1025
01:00:33,940 --> 01:00:37,010
Αυτό είναι πραγματικά δροσερή ουσία για αυτό, και όπως μπορείτε να αναπτύξει μια εφαρμογή Windows Store,

1026
01:00:37,010 --> 01:00:39,650
πρόκειται να σας κάνει πολύ πιο παραγωγικοί.

1027
01:00:39,650 --> 01:00:45,150
>> Θα δείτε επίσης ότι είναι παρακολούθηση της σήμανσης εδώ και CSS σας

1028
01:00:45,150 --> 01:00:47,270
καθώς εργάζεστε μέσα από διαφορετικά πράγματα.

1029
01:00:47,270 --> 01:00:50,180
Είναι ίσως πολύ δύσκολο για σας να δείτε ότι, ειδικά για το βίντεο,

1030
01:00:50,180 --> 01:00:54,680
αλλά αυτό είναι ό, τι συμβαίνει εδώ, και θα σας συνιστούσαμε να εξοικειωθούν με αυτό.

1031
01:00:54,680 --> 01:00:57,240
Αυτό θα σας εξοικονομήσει πολύ χρόνο. Αυτός είναι ο Blend.

1032
01:00:57,240 --> 01:01:00,520
Εάν κάνετε οποιεσδήποτε αλλαγές εδώ, που αυτόματα θα φέρει πίσω πάνω

1033
01:01:00,520 --> 01:01:01,870
στο Visual Studio.

1034
01:01:01,870 --> 01:01:06,590
Είναι τα ίδια αρχεία, είναι το ίδιο πάντα. Θα το αφήσουμε μόνο του.

1035
01:01:06,590 --> 01:01:08,650
Έχω ένα καλύτερο παράδειγμα που θέλω να σας δείξω.

1036
01:01:08,650 --> 01:01:11,660
Αλλά αν έκανα μια αλλαγή εκεί και έσωσε αυτό και ήρθα πίσω στο Visual Studio, θα έλεγα,

1037
01:01:11,660 --> 01:01:16,390
"Γεια σου, μόλις άλλαξε κάτι. Μπορώ να το φορτώσετε για σένα;" Ναι.

1038
01:01:16,390 --> 01:01:18,770
Και αν χρησιμοποιείτε τα ίδια πράγματα εκεί.

1039
01:01:18,770 --> 01:01:21,320
Αυτό είναι το τέλος του συγκεκριμένου δείγματος.

1040
01:01:21,320 --> 01:01:28,170
>> Θέλω να σας δείξω ένα υψηλότερο δείγμα τέλος απλά για να σας δώσει μια άποψη των άλλων λειτουργιών

1041
01:01:28,170 --> 01:01:30,350
μπορείτε να σκεφτείτε, καθώς και.

1042
01:01:30,350 --> 01:01:32,280
Αυτό είναι ένα δείγμα app που μπορείτε να κατεβάσετε.

1043
01:01:32,280 --> 01:01:35,620
Αν ψάχνετε για κάτι που ονομάζεται το στρατόπεδο των Windows σε ένα κουτί,

1044
01:01:35,620 --> 01:01:40,340
υπάρχουν μερικά δείγματα που είναι το ότι, και ένας από αυτούς είναι ο Contoso Cookbook.

1045
01:01:40,340 --> 01:01:41,640
Μπορώ να τρέξει μόνο αυτό για σας.

1046
01:01:41,640 --> 01:01:44,700
Προσαρμοσμένη οθόνη splash. Αυτή είναι η εφαρμογή προβολή πλέγματος.

1047
01:01:44,700 --> 01:01:49,590
Έχουν δεσμεύεται κάποια custom στοιχεία εδώ. Μπορείτε να περιηγηθείτε μέσα από αυτό.

1048
01:01:49,590 --> 01:01:53,090
Μπορείτε να πάτε και να ρίξετε μια ματιά σε διάφορα πράγματα που θα μας κάνουν πεινασμένοι την Παρασκευή το απόγευμα.

1049
01:01:53,090 --> 01:01:57,760
Δεν ξέρω. Τι πρόκειται να κάνει με το πιο πεινασμένοι;

1050
01:01:57,760 --> 01:02:00,530
Δεν ξέρω. Είμαι ακριβώς πρόκειται να πάρει ένα.

1051
01:02:00,530 --> 01:02:02,460
Μπορείτε να πάτε σε αυτά τα πράγματα. Θα σας δείξω τη συνταγή.

1052
01:02:02,460 --> 01:02:04,900
Θα μπορούσατε επίσης, αντί να κάνετε κλικ σε ένα στοιχείο,

1053
01:02:04,900 --> 01:02:10,360
μπορείτε να πάτε δεξιά σε αυτή την κατηγορία του περιεχομένου, αυτό το τμήμα του περιεχομένου.

1054
01:02:10,360 --> 01:02:15,590
Σε αυτή την περίπτωση, μπορείτε να διαβάσετε πολλά πλαστά Λατινικής σας λέει όλα σχετικά με αυτές τις συνταγές εδώ

1055
01:02:15,590 --> 01:02:17,720
και στη συνέχεια πηγαίνετε δεξιά στη συγκεκριμένη συνταγή.

1056
01:02:17,720 --> 01:02:22,770
Αυτό υποστηρίζει επίσης τα πράγματα όπως την ανταλλαγή που σας έδειξα πριν με τις εικόνες.

1057
01:02:22,770 --> 01:02:26,160
Μπορείτε επίσης να ψάξετε σε αυτή την εφαρμογή πολύ.

1058
01:02:26,160 --> 01:02:28,880
Είναι πολύ εύκολο να κάνετε αναζήτηση.

1059
01:02:28,880 --> 01:02:31,300
Βασικά, είστε ακριβώς να πάρει μια συμβολοσειράς κειμένου από τα Windows

1060
01:02:31,300 --> 01:02:34,720
και να αποφασίσετε πώς θέλετε να χειριστεί αναζήτηση με αυτό.

1061
01:02:34,720 --> 01:02:39,830
Είναι μερικές γραμμές κώδικα για να πάρετε ότι, και τότε τι κάνετε με αυτό μετά από αυτό είναι εντελώς μέχρι σας.

1062
01:02:39,830 --> 01:02:44,180
>> Εδώ έχουν επίσης ένα μπαρ app όταν χρησιμοποιείτε κάποια άλλη λειτουργία.

1063
01:02:44,180 --> 01:02:45,430
Θα σας πω ακριβώς τι είναι.

1064
01:02:45,430 --> 01:02:48,220
Μια υπενθύμιση πρόκειται να χρησιμοποιήσει ό, τι λέγεται κοινοποίηση τοστ.

1065
01:02:48,220 --> 01:02:52,930
Αυτό είναι πραγματικά χρήσιμο για να αφήσει το χρήστη να γνωρίζει πότε έχουν συμβεί τα πράγματα,

1066
01:02:52,930 --> 01:02:55,850
όπως μια εφαρμογή έχει εγκατασταθεί ή κάτι ολοκληρώθηκε.

1067
01:02:55,850 --> 01:02:57,950
Είναι επίσης καλό για τα παιχνίδια πάρα πολύ.

1068
01:02:57,950 --> 01:03:02,360
Εάν έχετε ένα επίμονο κόσμο ή έναν πίνακα των νικητών και μια υπηρεσία που είναι φιλοξενία που

1069
01:03:02,360 --> 01:03:08,490
ίσως σε μια διαφορετική μηχανή, οι κοινοποιήσεις μπορούν να σταλούν σε ένα μηχάνημα

1070
01:03:08,490 --> 01:03:12,240
και ακόμα και αν ο χρήστης δεν χρησιμοποιεί το παιχνίδι σας, παίζοντας το παιχνίδι σας ή το τρέξιμο app σας,

1071
01:03:12,240 --> 01:03:15,170
μπορούν να πάρουν ακόμα ειδοποιήσεις σχετικά με αυτά τα είδη των εκδηλώσεων.

1072
01:03:15,170 --> 01:03:19,350
Έτσι, θα μπορούσαμε να πούμε, «το κάστρο σας έχει καταστραφεί ή είναι μόνο για να καταστραφεί."

1073
01:03:19,350 --> 01:03:22,870
"Γύρνα πίσω και να την υπερασπιστεί," ή κάτι τέτοιο.

1074
01:03:22,870 --> 01:03:26,830
Κάνετε κλικ για την κοινοποίηση, θα πάτε δεξιά πίσω στο παιχνίδι και μπορείτε να το παίξετε.

1075
01:03:26,830 --> 01:03:32,170
Έτσι, αυτά τα είδη των πραγμάτων μπορεί πραγματικά να βοηθήσει να σύρουν τους ανθρώπους πίσω στο app σας αρκετά αποτελεσματικά.

1076
01:03:32,170 --> 01:03:37,450
>> Υπάρχει επίσης υποστήριξη σε αυτή την εφαρμογή για τη χρήση του μικροφώνου, την κάμερα,

1077
01:03:37,450 --> 01:03:39,560
κάνει το βίντεο και λήψη φωτογραφιών.

1078
01:03:39,560 --> 01:03:42,080
Μπορείτε επίσης να καρφιτσώσετε μια δευτερεύουσα κεραμίδι.

1079
01:03:42,080 --> 01:03:46,760
Είναι χρήσιμο αν θέλετε να έχετε μόνο ένα κεραμίδι που πηγαίνει δεξιά σε συγκεκριμένο περιεχόμενο.

1080
01:03:46,760 --> 01:03:49,960
Σε αυτή την περίπτωση, πηγαίνει δεξιά σε αυτή τη συνταγή.

1081
01:03:49,960 --> 01:03:51,300
Ό, είμαι παραπέμπουν Είμαι απλά δείχνει

1082
01:03:51,300 --> 01:03:53,270
επειδή είναι πράγματα που μπορείτε να σκεφτείτε τη χρήση, καθώς και.

1083
01:03:53,270 --> 01:03:57,590
Για το μεγαλύτερο μέρος, είναι πολύ απλό στη χρήση.

1084
01:03:57,590 --> 01:04:00,070
Θα ήθελα να συστήσω μόνο να σας φέρει μέχρι αυτό το δείγμα εξερευνητής

1085
01:04:00,070 --> 01:04:03,600
και να βρείτε ένα δείγμα που μπορεί να σας δείξει πώς να το κάνουμε αυτό.

1086
01:04:03,600 --> 01:04:07,140
Είναι αρκετά εύκολο να φέρουμε εκείνοι στην εφαρμογές σας εκεί.

1087
01:04:07,140 --> 01:04:11,030
>> Ήμουν έτοιμος να σας δείξω κάτι άλλο που είναι αρκετά δροσερό εδώ.

1088
01:04:11,030 --> 01:04:15,230
Θα snap αυτήν την εφαρμογή, και είμαι πρόκειται να πάει πίσω στο Visual Studio.

1089
01:04:15,230 --> 01:04:18,870
Αυτή η εφαρμογή δεν τρέχει. Είναι τρέχει από το Visual Studio.

1090
01:04:18,870 --> 01:04:21,370
Μπορώ να κάνω κάποια αρκετά δροσερή ουσία με αυτό.

1091
01:04:21,370 --> 01:04:23,840
Εγώ πραγματικά έχουν τη δυνατότητα να επιλέξετε ένα στοιχείο,

1092
01:04:23,840 --> 01:04:28,250
και μπορώ να πάω εδώ στην ζωντανή εφαρμογή και μπορώ να πω,

1093
01:04:28,250 --> 01:04:34,000
«Αναρωτιέμαι γιατί είναι Χρόνος προετοιμασίας λίγο ελαφρύτερο γκρι από τον ίδιο τον τίτλο;"

1094
01:04:34,000 --> 01:04:35,680
Μπορώ να κάνω κλικ πάνω του.

1095
01:04:35,680 --> 01:04:38,080
Είναι πρόκειται να συγχρονίσετε ότι πίσω στο Visual Studio,

1096
01:04:38,080 --> 01:04:43,780
και πρόκειται να μου δείξει ακριβώς το παραγόμενο περιεχόμενο που κατέληξε σε αυτό το μέρος του UI.

1097
01:04:43,780 --> 01:04:47,270
Έτσι, στην περίπτωση αυτή, είναι στοιχείο-υπότιτλος και h4 διπλό κατασκεύασμα,

1098
01:04:47,270 --> 01:04:51,110
και που πιθανόν να μας λέει τι πρέπει να ξέρουμε γιατί ως h4 στο πλαίσιο αυτό,

1099
01:04:51,110 --> 01:04:53,550
πρόκειται να πάρει ένα ορισμένο είδος της γραμματοσειράς.

1100
01:04:53,550 --> 01:04:56,410
Αλλά αν ακόμα δεν ξέρω γιατί, να κάνετε κλικ στο στυλ Trace.

1101
01:04:56,410 --> 01:05:02,330
Τότε μπορώ να αναπτύξετε το χρώμα και μπορώ να μάθετε ακριβώς γιατί το χρώμα αυτό δεν είναι το χρώμα του αμαξώματος

1102
01:05:02,330 --> 01:05:04,640
αλλά στην πραγματικότητα είναι κάτι άλλο.

1103
01:05:04,640 --> 01:05:07,210
Αυτό είναι κατ 'ουσίαν τα dev εργαλείων από τον Internet Explorer

1104
01:05:07,210 --> 01:05:09,530
σε βαθμό που ασκήθηκε σε Visual Studio.

1105
01:05:09,530 --> 01:05:12,110
Εάν έχετε εργαστεί με τα εργαλεία του Chrome Dev, Firebug, τέτοια πράγματα,

1106
01:05:12,110 --> 01:05:14,720
αυτά τα είδη των εργαλείων που βρίσκονται στο πρόγραμμα περιήγησης,

1107
01:05:14,720 --> 01:05:17,340
αυτό το είδος της λειτουργικότητας έχει τεθεί δικαίωμα σε Visual Studio

1108
01:05:17,340 --> 01:05:22,090
έτσι ώστε να μην χρειάζεται πραγματικά να ξεκινήσει ένα πρόγραμμα περιήγησης και να συνεργαστεί με αυτά τα εργαλεία ξεχωριστά.

1109
01:05:22,090 --> 01:05:24,320
Τώρα έχω ένα app Windows Store μόνο τρέξιμο,

1110
01:05:24,320 --> 01:05:27,840
και μπορώ να ξεκινήσω να το σχίσουν και να ανακαλύψει γιατί τα πράγματα κάνουν ό, τι είναι.

1111
01:05:27,840 --> 01:05:30,440
>> Επίσης, μπορεί να το κάνει με αυτόν τον τρόπο πάρα πολύ.

1112
01:05:30,440 --> 01:05:35,020
Μπορώ να πάω και μόλις πάρει κάτι σωστό από την σήμανση και να μάθετε τι είναι

1113
01:05:35,020 --> 01:05:38,560
στην ίδια την εφαρμογή. Νομίζω ότι έχω περάσει από όλα.

1114
01:05:38,560 --> 01:05:41,440
Εδώ είμαι πλανάται πάνω από αυτό. Μπορώ να το επιλέξετε.

1115
01:05:41,440 --> 01:05:45,540
Είναι πρόκειται να μου δείξει στην πραγματική εφαρμογή που εκτελείται όταν αυτό το πράγμα είναι

1116
01:05:45,540 --> 01:05:48,070
ότι είμαι τώρα κάνοντας κλικ στο στη σήμανση.

1117
01:05:48,070 --> 01:05:49,700
Πραγματικά δροσερή ουσία.

1118
01:05:49,700 --> 01:05:52,710
Καθώς προσπαθείτε να καταλάβω τι συμβαίνει και τι HTML κάνει,

1119
01:05:52,710 --> 01:05:56,080
τι CSS κάνει, να το θυμάστε αυτό.

1120
01:05:56,080 --> 01:05:58,450
Θυμηθείτε ότι αυτό είναι εδώ για σας

1121
01:05:58,450 --> 01:06:02,070
και, επίσης, ότι Blend μπορεί να λειτουργήσει με μια ζωντανή εφαρμογή που εκτελείται.

1122
01:06:02,070 --> 01:06:06,070
>> Το ένα τελευταίο πράγμα που ήθελα να σας δείξει με αυτή την εφαρμογή -

1123
01:06:06,070 --> 01:06:09,290
Με την ευκαιρία, σας δείχνει δέλτα καθώς τα πράγματα αλλάζουν πάρα πολύ,

1124
01:06:09,290 --> 01:06:11,160
έτσι ώστε να μπορείτε να παρακολουθήσετε αυτές τις κίτρινες ανταύγειες.

1125
01:06:11,160 --> 01:06:14,060
Αυτά είναι τα πράγματα που έχουν αλλάξει μόνο στην αίτηση.

1126
01:06:14,060 --> 01:06:16,350
Αλλά ένα τελευταίο πράγμα. Θέλω να πάω πίσω στο Blend μόνο για ένα δευτερόλεπτο εδώ.

1127
01:06:16,350 --> 01:06:21,790
Θα ανοίξει αυτό επάνω, Open στο Blend, το ίδιο app, το ίδιο πάντα.

1128
01:06:21,790 --> 01:06:28,660
Απλά θέλω να σας δείξω την εμπειρία εδώ δεν είναι μόνο είστε κολλημένοι στην αρχική σελίδα

1129
01:06:28,660 --> 01:06:32,880
κοιτάζοντας τα πράγματα που θα πάρετε από προεπιλογή όταν εκτελείτε την εφαρμογή και αφήστε το να καθίσει εκεί.

1130
01:06:32,880 --> 01:06:36,490
Μπορείτε επίσης να ενεργοποιήσετε αυτό το όμορφο μικρό εικονίδιο εδώ.

1131
01:06:36,490 --> 01:06:38,560
Λέγεται λειτουργία Interactive.

1132
01:06:38,560 --> 01:06:41,560
Κάνετε κλικ σε αυτό. Είναι πρόκειται να φέρει επάνω την αίτησή σας.

1133
01:06:41,560 --> 01:06:43,730
Δεν είσαι σε κατάσταση σχεδίασης πια, έτσι δεν πρόκειται να κάνετε κλικ στα πράγματα

1134
01:06:43,730 --> 01:06:47,270
για να αλλάξετε τη λειτουργικότητα, αλλά μπορείτε πραγματικά να λειτουργούν με την εφαρμογή τώρα.

1135
01:06:47,270 --> 01:06:51,560
Μπορείτε να κάνετε κλικ, μπορείτε να κάνετε ό, τι, για να πάρετε μια συνταγή που σας νοιάζει

1136
01:06:51,560 --> 01:06:54,810
ή μια κατηγορία. Ας πάμε σε αυτή την κατηγορία.

1137
01:06:54,810 --> 01:06:56,880
Θα πω, "Εντάξει, εδώ είναι που θέλω να σχεδιάσει."

1138
01:06:56,880 --> 01:06:59,680
Στη συνέχεια, κάνετε κλικ σε αυτό το κουμπί και πάλι, θα σας φέρει πίσω στην επιφάνεια σχεδίασης,

1139
01:06:59,680 --> 01:07:02,130
και τώρα μπορείτε να κάνετε όλα αυτά τα πράγματα που μιλούσα για πριν.

1140
01:07:02,130 --> 01:07:06,230
Θα συνεχίσετε να κάνετε κλικ μέχρι να πάρω αυτό το επιλεγμένο, μάθετε τις διαστάσεις του,

1141
01:07:06,230 --> 01:07:09,890
μάθετε την HTML για αυτό, το CSS για το

1142
01:07:09,890 --> 01:07:14,990
για μια εφαρμογή που εκτελείται, άλλοι αργότερα μέρος της αίτησης.

1143
01:07:14,990 --> 01:07:17,780
Πολύ, πολύ χρήσιμο. Θα σας δείξω αυτό σε σας.

1144
01:07:17,780 --> 01:07:21,340
Παρακαλώ κρατήστε αυτό κατά νου, αν ψάχνετε σε κώδικα γραφής με αυτό

1145
01:07:21,340 --> 01:07:26,070
επειδή πρόκειται να σας εξοικονομήσει πολλά προβλήματα, και αυτό είναι καλό πράγμα.

1146
01:07:26,070 --> 01:07:32,370
Αυτό είναι λίγο πολύ το μόνο που ήθελα να σας δείξω στο Blend και Visual Studio για όλα αυτά.

1147
01:07:32,370 --> 01:07:36,130
>> Οποιεσδήποτε ερωτήσεις σχετικά με οποιοδήποτε από αυτά τα εργαλεία;

1148
01:07:36,130 --> 01:07:40,000
Τίποτα από όλα αυτά; >> [Guarin] Έχω πράγματα να δώσει, τόσο καλές ερωτήσεις, καλά πράγματα.

1149
01:07:40,000 --> 01:07:43,700
>> [Bowen γελάει] Έχω ήδη δείξει σας demos μου εδώ.

1150
01:07:43,700 --> 01:07:47,000
Πάω να το βάλετε στη σελίδα Πόρων και απευθύνονται σε ερωτήσεις τώρα.

1151
01:07:47,000 --> 01:07:53,850
Η πρώτη αυτή αναφορά είναι ότι η ιστοσελίδα Generation App με το κομμάτι του παιχνιδιού και το κομμάτι app.

1152
01:07:53,850 --> 01:07:55,040
Εγγραφείτε για αυτούς.

1153
01:07:55,040 --> 01:07:57,210
Δεν χρειάζεται να περιμένετε τις 30 ημέρες για να πάρει το περιεχόμενο.

1154
01:07:57,210 --> 01:08:00,370
Μπορείτε να ξεκινήσετε τη μετάβαση και την εξέταση του περιεχομένου, όπως εσείς επιθυμείτε.

1155
01:08:00,370 --> 01:08:04,380
Καταλαβαίνω πλαίσια το χρόνο σας μπορεί να είναι διαφορετική από ό, τι - [γέλια]

1156
01:08:04,380 --> 01:08:07,780
Έτσι, όταν είναι η Hackathon; Αυτό είναι μερικές εβδομάδες, έτσι δεν είναι;

1157
01:08:07,780 --> 01:08:09,620
Έτσι, δεν έχετε τις 30 ημέρες για να περιμένει.

1158
01:08:09,620 --> 01:08:13,180
Οπότε ναι, μπορείτε να εγγραφείτε για αυτό και στη συνέχεια, μόλις αρχίσει το τράβηγμα το περιεχόμενο έξω από αυτό.

1159
01:08:13,180 --> 01:08:15,320
Επίσης, η Dev και τα Κέντρα Σχεδιασμού.

1160
01:08:15,320 --> 01:08:17,620
Και εγώ δεν το αναφέρω αυτό, αλλά υπάρχει επίσης το Κατάστημα Docs.

1161
01:08:17,620 --> 01:08:22,880
Αυτό θα είναι για μετά την Hackathon όπως είστε έτοιμοι να ξεκινήσετε την υποβολή εφαρμογές σας για το κατάστημα.

1162
01:08:22,880 --> 01:08:27,350
Υπάρχουν μερικές χρήσιμες κατευθυντήριες γραμμές εδώ, κάποια καθοδήγηση για το πώς να πάρει τα πράγματα στο κατάστημα,

1163
01:08:27,350 --> 01:08:29,960
ορισμένα κοινά προβλήματα που μπορεί να σας ταξίδι επάνω,

1164
01:08:29,960 --> 01:08:32,540
και αυτό είναι το τέλος των εν λόγω πόρων.

1165
01:08:32,540 --> 01:08:35,300
>> Λοιπόν, τι έχεις στο μυαλό σου; Οτιδήποτε άλλο που εσείς -

1166
01:08:35,300 --> 01:08:40,580
[Guarin] Ποιος σκέφτεται να κάνει ένα app των Windows για CS50; Cool.

1167
01:08:40,580 --> 01:08:42,200
[Bowen] Cool. Μεγάλη.

1168
01:08:44,149 --> 01:08:49,410
>> Οποιεσδήποτε ερωτήσεις σχετικά με τα πράγματα που έχετε δει μέχρι τώρα και πώς σχετίζεται με αυτό;

1169
01:08:49,410 --> 01:08:54,540
Για παράδειγμα, με περισσότερο χρόνο θα μπορούσα να πάρω ένα παιχνίδι που έχω γράψει

1170
01:08:54,540 --> 01:08:57,310
και που τρέχει στον browser και ακριβώς το είδος των περάσουν από τη διαδικασία

1171
01:08:57,310 --> 01:08:59,870
φέρει ότι σε Visual Studio και καθιστώντας το ένα app Windows Store.

1172
01:08:59,870 --> 01:09:02,870
Παίρνει περισσότερο χρόνο από ό, τι πραγματικά έπρεπε να περιλαμβάνουν και σήμερα,

1173
01:09:02,870 --> 01:09:08,010
αλλά η σύντομη εκδοχή είναι ότι είναι το ίδιο κωδικό που έχετε εκτελείται στο πρόγραμμα περιήγησης,

1174
01:09:08,010 --> 01:09:11,680
και τα πράγματα που μπορείτε να αλλάξετε είναι τα πράγματα που έχετε αποφασίσει να συνδέσετε με τα Windows 8.

1175
01:09:11,680 --> 01:09:16,220
Έτσι, εάν θέλετε να χρησιμοποιήσετε γοητεύει, αν θέλετε να αναζητήσετε ή να μοιραστείτε,

1176
01:09:16,220 --> 01:09:19,899
θα πρέπει να δημιουργήσετε ένα μπαρ app για να κρύψει μακριά κάποια λειτουργικότητα σε αυτό,

1177
01:09:19,899 --> 01:09:21,939
αυτά είναι τα είδη των πραγμάτων που θα αλλάξετε.

1178
01:09:21,939 --> 01:09:25,229
Αλλά ο πυρήνας του web app σας μπορεί να παραμείνει ανέπαφο.

1179
01:09:25,229 --> 01:09:29,590
Και πάλι, εφ 'όσον αυτό λειτουργεί σε IE10, πρόκειται να είναι ένα πολύ εύκολο λιμάνι

1180
01:09:29,590 --> 01:09:33,680
για να φέρει αυτά τα πράγματα σε Visual Studio, στο Blend, και να κάνουν ένα app Windows Store.

1181
01:09:33,680 --> 01:09:37,500
Και πάλι, τα μόνα πράγματα που θα πρέπει να μάθουν είναι αυτά τα άλλα χαρακτηριστικά

1182
01:09:37,500 --> 01:09:41,830
που μπορείτε να χρησιμοποιήσετε για να φωτίσετε μια εφαρμογή, όπως ένα ζωντανό κεραμίδι και αυτά τα πράγματα.

1183
01:09:41,830 --> 01:09:46,899
>> Ναι. >> [Φοιτητής] Η ερώτησή μου είναι σχετικά με την εργασία κινητό.

1184
01:09:46,899 --> 01:09:52,210
Έτσι, αν κάνετε μια εφαρμογή που λειτουργεί ως μια εφαρμογή στην επιφάνεια εργασίας,

1185
01:09:52,210 --> 01:09:56,480
Είναι πραγματικά εύκολο να το μεταφέρετε στο κινητό, ή υπάρχει -

1186
01:09:56,480 --> 01:10:01,270
Το ερώτημα είναι, αν κάνω μια εφαρμογή Windows Store που είναι πραγματικά βελτιστοποιηθεί για αυτό το περιβάλλον

1187
01:10:01,270 --> 01:10:06,430
και θέλω να το φέρει σε ένα κινητό κόσμο, τι ασχολείται με τον τρόπο αυτό;

1188
01:10:06,430 --> 01:10:10,060
Αυτό, όπως και πολλά ερωτήματα, είναι πάντα ένα διαρκώς μεταβαλλόμενο απάντηση.

1189
01:10:10,060 --> 01:10:16,190
Τα καλά νέα είναι, αν είστε κολλήσει με HTML και JavaScript, CSS,

1190
01:10:16,190 --> 01:10:18,720
εάν είστε αρχίζοντας από ένα app Windows Store,

1191
01:10:18,720 --> 01:10:20,590
πρόκειται να σας αφήσει να το φέρει στο Web

1192
01:10:20,590 --> 01:10:24,650
και στη συνέχεια να χρησιμοποιήσετε αυτά τα είδη των τεχνικών, όπως ερωτήσεις των μέσων ενημέρωσης και τα πράγματα,

1193
01:10:24,650 --> 01:10:27,180
να προσαρμοστούν σε διαφορετικές συσκευές μεγέθους.

1194
01:10:27,180 --> 01:10:29,900
Τούτου λεχθέντος, υπάρχει πάντα πλαίσια και τα πράγματα εκεί έξω

1195
01:10:29,900 --> 01:10:33,450
ότι η υποστήριξη που εκτείνεται από διαφορετικές τεχνολογίες, διαφορετικές πλατφόρμες.

1196
01:10:33,450 --> 01:10:35,670
Αυτό αλλάζει όλη την ώρα.

1197
01:10:35,670 --> 01:10:40,030
Είμαστε, επίσης, να αλλάξουμε τα πράγματα, καθώς κοιτάζουμε προς αυτό που έχουμε τώρα

1198
01:10:40,030 --> 01:10:42,950
πραγματικά έξω με τα Windows Phone 8.

1199
01:10:42,950 --> 01:10:44,930
Έχουμε κάποιες κοινές βασικές υποδομές

1200
01:10:44,930 --> 01:10:48,180
προσφέρονται μεταξύ των εφαρμογών για αυτά τα περιβάλλοντα.

1201
01:10:48,180 --> 01:10:51,200
Έτσι τα πράγματα που κάνετε για να δημιουργήσει μια εφαρμογή Windows Store,

1202
01:10:51,200 --> 01:10:57,790
πολλά που μπορεί να μεταφέρει πάνω σε ένα Windows Phone 8, καθώς και την εφαρμογή.

1203
01:10:57,790 --> 01:11:02,270
Αυτό και πάλι είναι μια αναδυόμενη ιστορία, έτσι δεν υπάρχει κάποιο περιεχόμενο για ότι Build.

1204
01:11:02,270 --> 01:11:06,780
Το SDK μόλις βγήκε πριν από λίγο. Ήταν μόλις κυκλοφόρησε πριν από λίγο καιρό.

1205
01:11:06,780 --> 01:11:09,920
Αλλά από την άποψη της άλλες πλατφόρμες πάρα πολύ,

1206
01:11:09,920 --> 01:11:13,360
ίσως τρέξει σε πολλά πλαίσια cross-platform, καθώς και.

1207
01:11:13,360 --> 01:11:16,170
Τα καλά νέα είναι ότι τα πράγματα που κάνεις εδώ,

1208
01:11:16,170 --> 01:11:19,620
η βασική λειτουργικότητα είναι κατ 'ευθείαν επάνω web πρότυπο πράγματα.

1209
01:11:19,620 --> 01:11:24,010
Τα μόνα πράγματα που δεν θα μεταφράσει εύκολα είναι τα πράγματα που κάνει τα Windows 8,

1210
01:11:24,010 --> 01:11:28,060
αλλά αυτό δεν αποτελεί έκπληξη, διότι είναι ένα χαρακτηριστικό των Windows.

1211
01:11:28,060 --> 01:11:34,090
Δεν πρόκειται να βρείτε την ανταλλαγή ή παρόμοια είδη συμβάσεων σε κάθε άλλη πλατφόρμα.

1212
01:11:34,090 --> 01:11:37,480
Έτσι, αυτά είναι τα πράγματα που θα θέλετε να από την άποψη του σχεδιασμού

1213
01:11:37,480 --> 01:11:40,820
βεβαιωθείτε ότι έχετε τρόπους για το είδος της αφηρημένης αυτής της έξω, έτσι ώστε να μπορούμε να πούμε,

1214
01:11:40,820 --> 01:11:42,970
«Αν είμαι τρέχει σε αυτό, μπορώ να το κάνω."

1215
01:11:42,970 --> 01:11:48,120
Αν δεν είμαι, υπάρχει κάποια σχεδιαστικά πρότυπα που μπορείτε να χρησιμοποιήσετε για να κρύψει το είδος αυτά τα πράγματα μακριά.

1216
01:11:48,120 --> 01:11:53,360
Αλλά να έχετε κατά νου. Ναι. Λυπάμαι. Προχωρήστε.

1217
01:11:53,360 --> 01:11:58,130
>> [Φοιτητής] Αν θέλω να δοκιμάσει τα Windows app μου στην κορυφή του [δεν ακούγεται]

1218
01:11:58,130 --> 01:12:02,310
[Bowen] Ναι. Πήδηξα ένα πράγμα πάρα πολύ. Ναι.

1219
01:12:02,310 --> 01:12:04,910
Θα απαντήσω στην ερώτησή σας πρώτα, τότε εγώ θα σας δείξω ένα χαρακτηριστικό που ξέχασα να αναφέρω.

1220
01:12:04,910 --> 01:12:09,220
Έχουμε κάποια διαθέσιμα μηχανήματα σε τοπικό επίπεδο. Λυπάμαι.

1221
01:12:09,220 --> 01:12:11,240
Το ερώτημα ήταν, πώς μπορώ να ελέγξω τα πράγματα στις συσκευές

1222
01:12:11,240 --> 01:12:14,230
αν δεν τυχαίνει να έχουν ένα σωρό πράγματα για να διαλέξετε;

1223
01:12:14,230 --> 01:12:17,130
[Guarin] Σας δάνεισε παιδιά, νομίζω, 5 ή 6. Πόσα χρειάζεστε;

1224
01:12:17,130 --> 01:12:20,940
[Φοιτητής] Έχουμε 4 από αυτά. >> Εντάξει. Εχετε 4 πλάκες για να παίξει γύρω με.

1225
01:12:20,940 --> 01:12:25,520
Έτσι, σίγουρα αφήσει ο καθένας ξέρει, παρακαλώ. [Γέλια] >> [Bowen] Awesome.

1226
01:12:25,520 --> 01:12:27,610
Αυτό είναι μια ακόμα καλύτερη απάντηση από ό, τι επρόκειτο να σας δώσω.

1227
01:12:27,610 --> 01:12:31,250
Έχουμε τις ώρες γραφείου για τους προγραμματιστές που κάνουμε στο γραφείο μας

1228
01:12:31,250 --> 01:12:35,110
και τώρα έρχεται σύντομα στο Microsoft Store πάνω στο Pru,

1229
01:12:35,110 --> 01:12:37,010
Edwin αλλά έχει ήδη φροντίσει για εσάς.

1230
01:12:37,010 --> 01:12:42,180
Υπάρχουν 4 πλάκες που διατίθενται για δανεισμό, για τη δοκιμή.

1231
01:12:42,180 --> 01:12:45,440
Εκεί πάμε. Υπάρχει ένα παράδειγμα ενός εκεί.

1232
01:12:45,440 --> 01:12:47,340
Οπότε ναι, απολύτως. Μεγάλη.

1233
01:12:47,340 --> 01:12:52,700
Απολύτως μακράν ο καλύτερος τρόπος για να δοκιμάσετε είναι να είναι σε μια συσκευή.

1234
01:12:52,700 --> 01:12:56,810
Αν δεν τυχαίνει να έχουν ένα ακόμη ή δεν θέλετε να περπατήσετε σε όλη την πανεπιστημιούπολη στο χιόνι

1235
01:12:56,810 --> 01:13:01,130
να αρπάξει ένα ή οτιδήποτε άλλο, υπάρχει ένας τρόπος για να γίνει αυτό πίσω στο Visual Studio.

1236
01:13:01,130 --> 01:13:10,360
Αν πάω πίσω στο όταν ήμουν εδώ, εδώ, αντί της χρησιμοποίησης τοπικού υπολογιστή,

1237
01:13:10,360 --> 01:13:13,590
θα μπορούσε να συνδεθεί με απομακρυσμένο μηχάνημα, αλλά αυτό δεν είναι αυτό που μιλώ για εδώ.

1238
01:13:13,590 --> 01:13:16,830
Simulator είναι το πράγμα που ίσως να θέλετε να εξετάσει.

1239
01:13:16,830 --> 01:13:22,120
Θα τρέξω αυτό, και πραγματικά αυτό που είναι, είναι ουσιαστικά ένα παράθυρο στο δικό σας σύστημα.

1240
01:13:22,120 --> 01:13:26,260
Εδώ είναι στην πραγματικότητα το σύστημά μου τρέχει, τρέχει Contoso,

1241
01:13:26,260 --> 01:13:29,550
αλλά με έναν τρόπο που μου επιτρέπει να αλλάξετε κάποιες από τις παραμέτρους εκτέλεσης,

1242
01:13:29,550 --> 01:13:31,060
οι περιβαλλοντικές παραμέτρους.

1243
01:13:31,060 --> 01:13:34,150
Έτσι μπορώ να πω εδώ, "Ξέρεις τι;"

1244
01:13:34,150 --> 01:13:39,240
Αχ. Έχω ήδη να τρέχει σε προσομοιωμένο οθόνη 27 ιντσών σε ανάλυση 2560.

1245
01:13:39,240 --> 01:13:44,930
Μπορώ εύκολα να πέσει το κάτω και να δούμε τι αίτησή μου θα κάνει με μικρότερη οθόνη

1246
01:13:44,930 --> 01:13:47,480
ή αλλάζοντας τις ρυθμίσεις DPI ή οτιδήποτε άλλο.

1247
01:13:47,480 --> 01:13:50,700
Έτσι, σε μια μικρή οθόνη, 10.6, τι πρόκειται να κάνει;

1248
01:13:50,700 --> 01:13:53,040
Αυτό φαίνεται ακόμα αρκετά καλά, έτσι δεν είναι;

1249
01:13:53,040 --> 01:13:58,220
Θα θελήσετε να το κάνετε αυτό, ειδικά αν είστε υποβολή στο κατάστημα, επειδή κάνουμε

1250
01:13:58,220 --> 01:14:00,480
ως μέρος της διαδικασίας δοκιμής.

1251
01:14:00,480 --> 01:14:02,400
Και αν υπάρχουν προβλήματα όπως αυτό,

1252
01:14:02,400 --> 01:14:06,160
τότε θα μπορούσε να τρέξει σε ένα ζήτημα να πάρει πιστοποίηση για το κατάστημα.

1253
01:14:06,160 --> 01:14:09,240
Αλλά αυτό είναι μέρος του προσομοιωτή. Πραγματικά δροσερό. Πολύ εύκολο να το κάνουμε αυτό.

1254
01:14:09,240 --> 01:14:11,480
Μπορείτε επίσης να χρησιμοποιήσετε χαρακτηριστικά, όπως περιστροφή ως καλά.

1255
01:14:11,480 --> 01:14:15,650
Μπορώ να κάνετε κλικ στο κουμπί εδώ, έχουν το περιστρέψετε, να δούμε τι κάποιος θα έχουν ως εμπειρία

1256
01:14:15,650 --> 01:14:20,970
περιστρεφόμενη πλάκα τους, tablet τους, και, χρησιμοποιώντας την εφαρμογή σας με αυτό.

1257
01:14:20,970 --> 01:14:25,060
Υπάρχουν κάποια άλλα πράγματα όπως το άγγιγμα άμιλλα και κάποια άλλα πράγματα,

1258
01:14:25,060 --> 01:14:27,210
ρύθμιση GPS.

1259
01:14:27,210 --> 01:14:31,050
Μπορώ να προσποιηθώ ότι είμαι σε μια διαφορετική θέση και να δούμε τι κάνει η αίτησή μου

1260
01:14:31,050 --> 01:14:34,690
όταν προσποιούμαι ότι είμαι πίσω στο Σιάτλ ή κάτι τέτοιο.

1261
01:14:34,690 --> 01:14:41,970
Αλλά είναι ένα πολύ χρήσιμο χαρακτηριστικό, και είναι χτισμένο σε τόσο Visual Studio και στο Blend.

1262
01:14:41,970 --> 01:14:44,460
Ναι. Η ερώτησή σας.

1263
01:14:44,460 --> 01:14:48,530
>> [Φοιτητής] Εάν γράφετε ένα παιχνίδι, δεν το Visual Studio έχει καμία υποστήριξη για τα κινούμενα σχέδια;

1264
01:14:48,530 --> 01:14:55,550
Ναι. Το ερώτημα είναι γύρω animation υποστήριξη, ιδιαίτερα με τυχερά παιχνίδια.

1265
01:14:55,550 --> 01:14:58,380
Εξαρτάται. [Γέλια]

1266
01:14:58,380 --> 01:15:06,870
Με JavaScript θα ήθελα να πω ότι υπάρχει πιθανώς λιγότερη υποστήριξη από ό, τι υπάρχει από την πλευρά της XAML,

1267
01:15:06,870 --> 01:15:11,430
η οποία έχει χρονοδιαγράμματα, έχει storyboards και τα πράγματα που είναι χτισμένο in

1268
01:15:11,430 --> 01:15:18,710
Για τις κινούμενες εικόνες για JavaScript εφαρμογές, δεν ξέρω πόσο μια απάντηση που θέλω να σας δώσω.

1269
01:15:18,710 --> 01:15:25,110
Έχω πόρους στο blog μου, που περνούν πολλές επιλογές και για τις δύο κινήσεις της φυσικής,

1270
01:15:25,110 --> 01:15:29,280
επιλογές για JavaScript προσανατολισμένη παιχνίδια για τα Windows 8.

1271
01:15:29,280 --> 01:15:31,300
Θα ήθελα να σας παραπέμψω σε αυτούς.

1272
01:15:31,300 --> 01:15:34,300
Βασικά, υπάρχουν τόσες πολλές επιλογές.

1273
01:15:34,300 --> 01:15:37,770
Ο λόγος που είμαι διστάζει είναι ότι υπάρχει τόσο πολλές επιλογές για να κάνει κινούμενα σχέδια με JavaScript.

1274
01:15:37,770 --> 01:15:44,280
Θα μπορούσε να είναι CSS, θα μπορούσε να βασίζεται καμβά, θα μπορούσε να είναι μόνο βασικές κινήσεις DOM,

1275
01:15:44,280 --> 01:15:47,470
θα μπορούσε να είναι πολλά διαφορετικά πράγματα, γι 'αυτό πραγματικά εξαρτάται από την επιλογή σας.

1276
01:15:47,470 --> 01:15:55,790
Αν αποφασίσετε να χρησιμοποιήσετε κάτι σαν Create.js ή ασβέστη ή άλλα είδη των πλαισίων -

1277
01:15:55,790 --> 01:15:59,150
Λοιπόν, δεν είμαι καν σίγουρος ότι πρόκειται να είναι σε θέση να χρησιμοποιήσει ένα υψηλότερο τέλος πλαίσιο

1278
01:15:59,150 --> 01:16:01,370
ήθελα επιπτώσεων ή Construct.

1279
01:16:01,370 --> 01:16:07,000
Αυτό τείνει να δημιουργήσει περισσότερο κώδικα από ό, τι θα μπορούσε να εξετάσει από την αρχή.

1280
01:16:07,000 --> 01:16:11,730
Αλλά σε αυτές τις περιπτώσεις, θα μπορούσατε να χρησιμοποιήσετε ένα προσομοιωτή, μπορείτε να χρησιμοποιήσετε τα περιβάλλοντα,

1281
01:16:11,730 --> 01:16:17,480
και έχω την τάση να χρησιμοποιούν μόνο αυτό το περιβάλλον για την πλατφόρμα δοκιμών μου σε αυτές τις περιπτώσεις

1282
01:16:17,480 --> 01:16:19,930
όπως είμαι ανάπτυξη παιχνιδιών.

1283
01:16:19,930 --> 01:16:22,110
Έχω πάει μια χαρά ειδικά με κινούμενα σχέδια καμβά,

1284
01:16:22,110 --> 01:16:23,850
το οποίο είναι ίσως το πιο κοινό πράγμα.

1285
01:16:23,850 --> 01:16:27,360
Το καλύτερο θα πάμε να βρείτε πιθανώς είναι τα εργαλεία dev στο πρόγραμμα περιήγησης

1286
01:16:27,360 --> 01:16:30,160
και τα εργαλεία dev στο Visual Studio.

1287
01:16:30,160 --> 01:16:34,610
Το είδος της οφιοειδή απάντηση εκεί, αλλά ελπίζω πήρα την απάντησή σας. Ναι. Μπορείτε.

1288
01:16:34,610 --> 01:16:36,470
>> [Φοιτητής] Ποιες είναι οι επιλογές αποθήκευσης δεδομένων για τα Windows 8 apps;

1289
01:16:36,470 --> 01:16:41,100
Ποιες είναι οι επιλογές αποθήκευσης δεδομένων για τα Windows 8 εφαρμογές, Windows Store apps;

1290
01:16:41,100 --> 01:16:46,790
Οι επιλογές σας είναι πραγματικά κάθε αίτηση παίρνει τη δική του πισίνα της τοπικής αποθήκευσης

1291
01:16:46,790 --> 01:16:52,150
για τις ρυθμίσεις και για τα δεδομένα, αλλά είναι επίσης γελοία εύκολο στη χρήση αποθήκευσης περιαγωγής,

1292
01:16:52,150 --> 01:16:54,920
να χρησιμοποιήσει cloud-based αποθήκευσης. Είναι δωρεάν.

1293
01:16:54,920 --> 01:16:58,250
Αυτό που συμβαίνει είναι ότι μπορείτε να επιλέξετε βασικά μια διαφορετική κατηγορία και να σας πω,

1294
01:16:58,250 --> 01:17:03,370
"Ρυθμίσεις για την περιαγωγή, Αποθήκευση, αυτό το συγκεκριμένο σύνολο του περιεχομένου,"

1295
01:17:03,370 --> 01:17:06,050
και ο λογαριασμός του Microsoft τους, ό, τι έχετε συνδεθεί ως,

1296
01:17:06,050 --> 01:17:08,620
πρόκειται να είναι το κλειδί για την περιαγωγή γύρω από τις εν λόγω πληροφορίες.

1297
01:17:08,620 --> 01:17:13,790
Έτσι, αν μπορώ να χρησιμοποιήσω το παιχνίδι σας στο φορητό υπολογιστή μου και τότε θα συνδεθείτε με τον ίδιο λογαριασμό

1298
01:17:13,790 --> 01:17:18,900
και παίζω το παιχνίδι σε μια επιφάνεια ή ένα δισκίο,

1299
01:17:18,900 --> 01:17:23,610
ότι θα περιφέρονται αυτόματα αυτήν τη ρύθμιση και τα δεδομένα μεταξύ των μηχανών.

1300
01:17:23,610 --> 01:17:27,550
Αυτό είναι ένα προεπιλεγμένο πράγμα. Αυτό είναι καλό για ορισμένες ποσότητες δεδομένων.

1301
01:17:27,550 --> 01:17:30,220
Δεν θα θέσει μια τεράστια βάση δεδομένων σε αυτές.

1302
01:17:30,220 --> 01:17:35,350
Για αυτό θα πρέπει να πάνε σε άλλα είδη λύσεις, όπως βάση δεδομένων που φιλοξενείται στο σύννεφο,

1303
01:17:35,350 --> 01:17:36,690
τέτοια πράγματα.

1304
01:17:36,690 --> 01:17:39,840
Υπάρχουν κάποιες άλλες επιλογές της κοινότητας γύρω από άλλα είδη των τεχνολογιών δεδομένων.

1305
01:17:39,840 --> 01:17:42,920
Έχω δει κάποια SQLite επιλογές στην κοινότητα γύρω από εκεί.

1306
01:17:42,920 --> 01:17:46,690
Έτσι, όλο και περισσότερο οι αναδυόμενες, αλλά αυτά είναι τα κύρια πράγματα που θα δούμε προς

1307
01:17:46,690 --> 01:17:49,430
για ένα παιχνίδι ή μια εφαρμογή.

1308
01:17:49,430 --> 01:17:50,610
Και είχατε μια ερώτηση στο πίσω πάρα πολύ.

1309
01:17:50,610 --> 01:18:02,390
>> [Φοιτητής] Από την άποψη του δικτύου [δεν ακούγεται] μεταφόρτωση ή λήψη αρχείων [δεν ακούγεται]

1310
01:18:02,390 --> 01:18:04,870
[Bowen] Είναι η ερώτησή σας για το πώς μπορείτε να δείτε αυτό ή πώς μπορείτε να debug αυτό και να το δοκιμάσετε;

1311
01:18:04,870 --> 01:18:10,630
[Φοιτητής] Πώς μπορείτε να το debug [δεν ακούγεται]

1312
01:18:10,630 --> 01:18:12,670
Λυπάμαι. Δεν μπορώ να ακούω όλα αυτά.

1313
01:18:12,670 --> 01:18:16,480
[Φοιτητής] Πώς μπορείτε να πάρετε το bug δοκιμαστεί και, επίσης, [δεν ακούγεται]

1314
01:18:16,480 --> 01:18:17,490
Μεγάλη. Μεγάλη.

1315
01:18:17,490 --> 01:18:21,860
Πώς μπορείτε να εργαστείτε με το δίκτυο; Πώς μπορείτε να δείτε τι συμβαίνει;

1316
01:18:21,860 --> 01:18:23,620
Υπάρχουν πολλές διαφορετικές απαντήσεις σε αυτό το ένα,

1317
01:18:23,620 --> 01:18:26,420
αλλά επιτρέψτε μου να σας δείξει κατά πάσα πιθανότητα τα ευκολότερα πράγματα εδώ.

1318
01:18:26,420 --> 01:18:29,350
Επιτρέψτε μου να απαλλαγούμε από τον προσομοιωτή για ένα δευτερόλεπτο.

1319
01:18:29,350 --> 01:18:31,740
Ακριβώς ένα ζευγάρι επιλογές debugging για τη δικτύωση.

1320
01:18:31,740 --> 01:18:36,070
Υπάρχει μια πλήρης στοίβα δικτύου ψήνεται δικαίωμα σε τόσο στο επίπεδο WinRT και από WinJS,

1321
01:18:36,070 --> 01:18:42,810
έτσι ώστε να μπορείτε πολύ εύκολα να κάνουν XHR, τύπου AJAX κλήσεις από το παιχνίδι ή την εφαρμογή σας για να το κάνουμε αυτό.

1322
01:18:42,810 --> 01:18:47,250
Κατά κύριο λόγο, έχω την τάση να χρησιμοποιούν 2 πράγματα.

1323
01:18:47,250 --> 01:18:53,660
Χρησιμοποιώ τα ίδια τα πραγματικά εργαλεία dev, που έχουν μια στοίβα δικτύου ψημένο σε αυτά.

1324
01:18:53,660 --> 01:18:55,870
Επιτρέψτε μου να σας δείξω την αρχική σελίδα των Windows.

1325
01:18:55,870 --> 01:19:02,730
Μπορώ να φέρω αυτό επάνω, και υπάρχει πραγματικά ένα πληρεξούσιο δίκτυο ψημένο σε αυτά τα εργαλεία εδώ.

1326
01:19:02,730 --> 01:19:08,390
Έτσι, μπορώ να το κάνω αυτό, μπορώ να ανανεώσετε τη σελίδα και πρόκειται να μου δείξει όλες τις αλληλεπιδράσεις,

1327
01:19:08,390 --> 01:19:14,550
συμπεριλαμβανομένων των AJAX κλήσεις για αυτήν την περίοδο, για τη διάρκεια του εν λόγω αίτημα του.

1328
01:19:14,550 --> 01:19:17,600
Αυτό είναι χρήσιμο. Είναι πρόκειται να είναι πολύ χρήσιμο για τον browser-based εφαρμογές.

1329
01:19:17,600 --> 01:19:20,470
Για τα άλλα είδη των εφαρμογών, συμπεριλαμβανομένων των Windows Store apps,

1330
01:19:20,470 --> 01:19:23,970
Μπορώ να χρησιμοποιήσω ένα εργαλείο που ονομάζεται Fiddler.

1331
01:19:23,970 --> 01:19:29,650
Θα πάμε για να πάρει ένα παιχνίδι σε απάντηση. [Γέλια]

1332
01:19:29,650 --> 01:19:32,750
Fiddler είναι ένα απλό proxy. Νομίζω ότι μπορώ να δείξω ότι σε σας.

1333
01:19:32,750 --> 01:19:40,190
Είναι απλά GetFiddler.com, η οποία, περιέργως, είμαι εντοπισμό στοίβα δικτύου μου

1334
01:19:40,190 --> 01:19:41,740
πρόκειται να GetFiddler.

1335
01:19:41,740 --> 01:19:45,700
Αλλά ούτως ή άλλως, Fiddler έχει γραφτεί από ένα από τα PMs για την ομάδα του IE,

1336
01:19:45,700 --> 01:19:48,290
έτσι ξέρει τι κάνει.

1337
01:19:48,290 --> 01:19:52,630
Αυτή είναι μια καλή προσέγγιση που μπορείτε να χρησιμοποιήσετε για την κυκλοφορία δικτύου debugging.

1338
01:19:52,630 --> 01:19:55,730
Θα ήθελα να συστήσω αυτό. Ερώτηση εκεί πάρα πολύ.

1339
01:19:55,730 --> 01:19:58,050
>> [Φοιτητής] Είναι ένας εύκολος τρόπος να ενσωματώσει είσοδο ξένων γλωσσών εκεί,

1340
01:19:58,050 --> 01:20:00,810
όπως τα ιαπωνικά, τα κινέζικα και σε εφαρμογές των Windows;

1341
01:20:00,810 --> 01:20:03,240
Δεν μπορώ να πω ότι έχω κάνει πάρα πολλά από τον εαυτό μου, αλλά ψήνεται μέσα

1342
01:20:03,240 --> 01:20:08,470
Υπάρχουν επιλογές για την πορεία της εκπομπής της αίτησής σας - Συγγνώμη, δεν είπα το ζήτημα -

1343
01:20:08,470 --> 01:20:11,100
επιλογές γύρω από την παγκοσμιοποίηση, τον εντοπισμό του περιεχομένου,

1344
01:20:11,100 --> 01:20:14,320
συμπεριλαμβανομένων των πραγμάτων όπως είναι σε θέση να πωλούν σε διάφορες αγορές

1345
01:20:14,320 --> 01:20:19,190
και στόχος ότι η έκδοση της εφαρμογής για τις επιμέρους γλώσσες

1346
01:20:19,190 --> 01:20:21,080
ή καλλιέργειες ή τέτοια πράγματα. Απολύτως χτισμένο in

1347
01:20:21,080 --> 01:20:22,980
Είχαμε υποστήριξη γι 'αυτό για πάντα,

1348
01:20:22,980 --> 01:20:26,630
και ότι μεταφέρει τις επιλογές σας για το Windows Store.

1349
01:20:26,630 --> 01:20:30,450
Μπορείτε να το κάνετε αυτό στο ίδιο το κατάστημα, να πωλούν σε διάφορες αγορές,

1350
01:20:30,450 --> 01:20:34,050
μπορείτε να το κάνετε αυτό στην αίτησή του, καθώς επίσης με τη χρήση των πόρων για τον καθορισμό,

1351
01:20:34,050 --> 01:20:42,220
«Αν είμαι αναπτυχθεί για αυτόν τον πολιτισμό, στη συνέχεια, χρησιμοποιήστε τις παρεκκλίσεις για κειμενικό περιεχόμενο μου

1352
01:20:42,220 --> 01:20:44,510
"Ή να χρησιμοποιήσετε μια δεξιά προς τα αριστερά αναγνώστη."

1353
01:20:44,510 --> 01:20:51,290
Αυτά είναι όλα μέρος του ορισμού WinJS και WinRT APIs. Καλή ερώτηση.

1354
01:20:51,290 --> 01:20:54,770
>> Πώς τα πάμε; Οποιαδήποτε άλλα;

1355
01:20:54,770 --> 01:20:58,850
Και αν κάποιος σε βίντεο έχει ερωτήσεις, είμαι cbowen @ microsoft,

1356
01:20:58,850 --> 01:21:02,790
έτσι είμαι στην ευχάριστη θέση να λάβει οποιαδήποτε από τις ερωτήσεις σας από το μέλλον.

1357
01:21:02,790 --> 01:21:05,690
Πολύ - Από το μέλλον, το μέλλον [μιμείται echo].

1358
01:21:05,690 --> 01:21:09,140
Έτσι, εδώ είμαι εγώ. Επιτρέψτε μου να θέσω ξανά την επαφή μου εδώ.

1359
01:21:09,140 --> 01:21:11,840
Έτσι, ας μου στείλει ένα σημείωμα, cbowen @ microsoft,

1360
01:21:11,840 --> 01:21:15,190
και θα επικοινωνήσουμε μαζί σας το συντομότερο μπορώ.

1361
01:21:15,190 --> 01:21:19,010
>> Οτιδήποτε άλλο που αναρωτιέστε; Είμαστε εντάξει;

1362
01:21:19,010 --> 01:21:24,050
Μεγάλη. Εντάξει. Σας ευχαριστώ όλους πάρα πολύ. Το εκτιμώ. [Χειροκροτήματα]

1363
01:21:24,800 --> 01:21:27,000
>> [CS50.TV]