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
[כריס בואן, אדווין Guarin - אוניברסיטת הרווארד]

3
00:00:05,090 --> 00:00:07,350
[זה CS50. - CS50.TV]

4
00:00:07,350 --> 00:00:10,290
>> היי, כולם. השם שלי הוא אדווין Guarin. זה כריס בואן.

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
נייט ישלח את הדוא"ל בהמשך לקבלת הוראות.

10
00:00:25,740 --> 00:00:32,850
הדבר השני הוא אם אתה מחליט לכתוב אפליקציה Windows 8 לפרויקט גמר 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
אז אם יש משהו שעוצר אותך, תן לי כריס או אני יודע

14
00:00:42,460 --> 00:00:45,010
איך אנחנו יכולים לעזור לך לבנות משהו ממש מגניב.

15
00:00:45,010 --> 00:00:48,580
אז שוב תודה שבאתם היום, ואני למסור אותו לכריס.

16
00:00:48,580 --> 00:00:50,500
>> תודה לך, אדווין.

17
00:00:51,000 --> 00:00:52,740
תודה לכולם, שהצטרף אלינו היום.

18
00:00:52,740 --> 00:00:55,800
אני כריס בואן. אני אחד מעמיתיו של אדווין כאן בצפון מזרח.

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
אם יש לך שאלות כלשהן, אל תהסס לשלוח לי מייל.

26
00:01:19,440 --> 00:01:23,460
אני cbowen@microsoft.com, ויש בבלוג שלי ושלי לצפצף.

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 שאתה עשוי לשקול

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 המשחקים עד למחשב הנייד שלך

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
אתם יכולים לראות כאן זה באמת קורא את תשומת לבכם בחזרה לאותה האפליקציה, ואמר,

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
>> פחות או יותר את כל הדברים האלה שיש לי כאן הגיעו מחלונות הראווה. אני נשיק את זה.

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
אבל למשתמש, לרוכש של האפליקציה, זה לא משנה מה הוא נכתב בו

89
00:04:52,790 --> 00:04:54,670
הם יכולים להמשיך ולעבוד עם זה.

90
00:04:54,670 --> 00:04:57,870
אני מסוקרן זה, אז אני צריך לפתוח את זה ותסתכל.

91
00:04:57,870 --> 00:05:02,310
כל יישום, כולל אלה שאתה יכול להגיש ולמכור או לתת אותו בחינם,

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
פנטסטי. "אפילו לא ייפתח." עד כמה גדול.

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
יש לך הלבשת מדבקת הספר וכל מיני סוגים של אפליקציות שונות.

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
אתה יכול לשים את פרסום באפליקציה או משחק.

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
גם אתה יכול אפילו לעשות רכישות בתוך היישום, כך שאתה יכול להגיד,

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
ואתה יכול לעשות את זה כל בתוך האפליקציה או המשחק עצמו.

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
אתה רוצה לקבל את החשיפה העולמית האפליקציה שלך בחנות כאן.

136
00:07:40,410 --> 00:07:44,170
>> חזור על המסך התחל כאן, אני רוצה להראות לך מסביב קצת יותר.

137
00:07:44,170 --> 00:07:50,580
אם אני להפעיל יישומים אלה, הרשו לי לתת לך דוגמא של חלק מהפונקציונליות של אפליקציה צולבת כאן.

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
כל הפיקסלים של המסך, ללכת לאפליקציה שלך.

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
הם חוזים, כי אתה יכול לחבר אל כמפתחת אפליקציה. הם די מגניבים.

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
דיברתי גם על שימוש בכל פיקסל לאפליקציה שלך.

164
00:09:08,240 --> 00:09:11,850
כברירת מחדל, זה מה שאפליקצית הצבע נראית כמו כשאתה משתמש בו.

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
קשקושים? אוי, גדול. אני יכול לעשות את השרבוטים. פנטסטי.

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
אני יכול גם להביא את מה שנקרא בר היישום,

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
עם סרגל האפליקציה שאני ראיתי.

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
אתה יכול להתחיל בציור. יש את התרנגול שלך. פנטסטי.

180
00:10:02,990 --> 00:10:07,660
אני לא יכול לצייר מלכתחילה, אבל לעשות את זה עם משטח מגע מול קהל הוא אפילו טוב יותר.

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
היית אולי לקחת צילום מסך, היית עושה העתקה והדבקה של הטקסט שלך כמה

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
"האם אתה רוצה לחלוק את זה?" אתה יכול לראות אותי בדוא"ל לעצמי דברים כל הזמן.

194
00:10:45,590 --> 00:10:49,420
היא מכירה בכך, וזה הציע לי כי כקיצור דרך,

195
00:10:49,420 --> 00:10:53,270
אבל זה גם מראה לי כל אפליקציה שיודעת איך להתמודד עם צילום תמונה

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
זה הולך קדימה, ואומר, "יופי. אתה רוצה לחלוק את זה? פנטסטי".

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
האפליקציה אחרת משתלטת, עושה את הדבר שלו, וזה הסוף של החוויה השיתוף.

219
00:12:10,990 --> 00:12:14,550
זה רק דבר אחד שאתה יכול לעשות - ממש, ממש חזק -

220
00:12:14,550 --> 00:12:17,570
וזה הולך להיות אחד מאותם דברים שבאמת יכול לעזור להבדיל האפליקציה שלך

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
אנחנו נמצאים למעשה במצב שולחן עבודה.

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 נקראים יישומי שולחן עבודה. הם רצים כאן.

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
אלה לא אותם הדברים כמו יישומים בחנות, הנמצאים כאן,

238
00:13:07,590 --> 00:13:12,240
כמו צבע טרי ואפליקציות חדשות NBC האלה ודברים כאלה. אלה יגיעו מהחנות.

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. זה הוא יישום שולחן עבודה.

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
עם הרבה אפשרויות ודברים כאלה, אז זה הופך אותו לאופציה טובה כמו יישום שולחן עבודה.

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
כל אותם הדברים שאתה כבר לומד לשאת ישירות לתוך מה שהופך את אפליקציות Windows Store.

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
הדברים בצד הימין, יישומי שולחן העבודה, זה באמת מה שאנחנו כבר יודעים.

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, אז אני רוצה לקבל קווית הבקשה שלי לתוך Windows 8

268
00:14:58,220 --> 00:15:02,300
תוך שימוש בכל התכונות האלה, לקבל אותו לתוך החנות, ולקבל את החוויה ממש מגניב

269
00:15:02,300 --> 00:15:05,260
של יישומי חלונות הראווה.

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 Store.

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
אתה הולך לעשות את זה באמצעות מערכת של ממשקי API, שאמורה להיות לא מפתיע.

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
זה סט של ממשקי API שפשוט עושה הכל בשבילך.

282
00:15:46,370 --> 00:15:51,650
אם אתה צריך לפתוח את הקבצים, אתה צריך להשתמש במצלמה, המיקום הגיאוגרפי, דברים כאלה,

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 Store.

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
סטנדרטים חדשים באינטרנט, ולכן הרבה תכונות 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
הם כולם בחומרה מואצת, כך שאם אתם במכונה שיש לו סוג כלשהו של GPU,

301
00:16:59,340 --> 00:17:04,190
שהוא כנראה די הרבה בכל מכונה שאתה יכול לקבל ב 8 השנים האחרונות,

302
00:17:04,190 --> 00:17:07,609
אתה הולך להיות מסוגל לקבל פלט בחומרה המואצת,

303
00:17:07,609 --> 00:17:11,770
פלט חזותי עם CSS, בד, 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
אם זה יישום אינטרנט שאתה מפעיל שפועל בIE10,

309
00:17:25,650 --> 00:17:28,640
זה משהו שאתה יכול לעשות כאפליקצית Windows Store.

310
00:17:28,640 --> 00:17:33,100
וזה פחות או יותר אותו. אז אם זה עובד בIE10, זה הולך לעבוד כאפליקצית 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, מהצד ה-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
>> הולך מעבר לזה לפריסה, דברים כמו גם את יישום החנות,

327
00:18:32,080 --> 00:18:35,350
אבל הולך מעבר לזה, מסתכל אולי אפליקציה חדשות שמראה לך מאמרים

328
00:18:35,350 --> 00:18:40,160
או מתכונים או דברים כאלה, אלה סוגים אחרים של תכונות ב-CSS הם באמת שימושיים:

329
00:18:40,160 --> 00:18:45,610
רשת, Flexbox, אזורי CSS הוא יותר של תקן חדש למדי גם כן.

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
או כפי שתראה ברגע, כמו שאתה לצלם יישום

335
00:19:03,850 --> 00:19:07,920
יש כמויות קטנות יותר של שטח על המסך, זה לא בעיה עבור ה-CSS.

336
00:19:07,920 --> 00:19:11,160
זה יכול לקחת את יתרון של - דיבורים, נה על שאילתות בתקשורת בשנייה -

337
00:19:11,160 --> 00:19:15,880
זה יכול לטפל בדברים עם למקם מחדש את התוכן שלך, זורם תוכן מאזורים

338
00:19:15,880 --> 00:19:21,240
רק עם הדברים האלה, כי ייתכן שכבר ראו עם טכנולוגיית אינטרנט.

339
00:19:21,240 --> 00:19:25,470
>> בצד HTML5, יש גם כמה דברים

340
00:19:25,470 --> 00:19:28,140
שיהיה מועיל מאוד בשבילך עם אפליקציות Windows Store.

341
00:19:28,140 --> 00:19:30,980
שוב, אנחנו לא לעבור את כל אלה, אבל הם פשוט כאן.

342
00:19:30,980 --> 00:19:35,470
אז אם אתה צריך להשתמש בו, אודיו וידאו, אם אתה רוצה לעשות את האימות מהטפסים,

343
00:19:35,470 --> 00:19:40,570
מיקום גיאוגרפי, כל הדברים שאתה יכול לעשות ב-JavaScript עם JavaScript 5 או ECMAScript 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
אני לא עושה הרבה מהדגמה כאן.

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
אסתכל על כמה הדגמות, וזה הולך לעזור לך לשים אותו על הרדאר האישי שלך

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
"אני מבין מה מסגרת אנימציה בקשה עושה בשבילי."

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
כפי שאתה ממשיך לעבוד עם טכנולוגיית אינטרנט.

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
אתה רואה כאן את הדברים ממגע אפקטים למשחקים מבוססי מגע באותו סעיף,

367
00:21:01,640 --> 00:21:06,050
אנימציה, אנימציה בחומרה המואצת ממש מהר לשם,

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
ואתה תוהה אולי זה יהיה משהו מגניב להשתמש באפליקציה,

375
00:21:25,850 --> 00:21:31,720
נסה לחפש כאן, ויש כנראה הדגמה די טובה לזה כדי להציל את עצמך כמה זמן.

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
הם תקני אינטרנט, ולכן ללכת לכל אתרי ראווה אחרים שאתה מכיר

380
00:21:45,450 --> 00:21:50,550
ולראות אם טכנולוגיות אלה הגיוניים עבור מה שאתה מנסה לעשות.

381
00:21:50,550 --> 00:21:53,190
>> חזור לשקופיות.

382
00:21:53,190 --> 00:22:00,290
עם זאת, אתה עובר מעולם אינטרנט כדי באמת עולם יישום המקומי מותקן,

383
00:22:00,290 --> 00:22:01,850
אז יש כמה דברים לציין כאן.

384
00:22:01,850 --> 00:22:03,690
קודם כל, אין שום שרת אינטרנט המעורב כאן.

385
00:22:03,690 --> 00:22:06,120
אין אפצ'י, אין 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
אין צורך לצאת לאינטרנט יותר, אלא אם כן יש לך שיחות שצריכים 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
כך שאם אתה נתקל בזה מאוחר יותר, אתה חושב, "כריס אמר משהו על זה,

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
ובמקרה זה, פשוט לעשות חיפוש, לחפש באינטרנט והקשר מקומי,

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
אז אם אתה מוצא כמה מסגרת אחרת - דיבורים, נה על זה בשנייה -

416
00:23:49,290 --> 00:23:54,000
למשחקים ואתה רוצה להשתמש בזה, אתה רוצה להשתמש בכמה ספריות שליטה כי הם שם

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
למשוך אותו לתוך האפליקציה שלך, התייחסות שספריית 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
מחלונות הראווה.

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
ודא כי כאשר הם יורים את האפליקציה שלך שהם לא צריכים לקרוא את ספר,

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
או שהוא מוזרם משהו למטה מהאינטרנט.

459
00:26:15,810 --> 00:26:17,210
ממשק המשתמש נשאר קשוב.

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
אני לא הראינו לך זום הסמנטי. אני אראה לך את זה בשנייה.

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
תפריטים נשלפים תראו מעת לעת.

478
00:27:15,660 --> 00:27:19,090
בר האפליקציה שגם הראה שביישום הצבע הטרי,

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.

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
אדווין הזכיר כבר שאתה יכול לקבל את Windows גם כן.

500
00:28:34,090 --> 00:28:36,790
אבל באופן כללי, לכל המפתחים, אתה יכול ללכת לאתר זה

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
שאתה הולך צריך חשבון מפתחים.

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
>> האתר האחר - הרשה לי לציין את זה עבורך במהירות - הוא 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
איך לעשות את האינטראקציה, איך להתמודד עם ממשק המשתמש ו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
כדי להתחיל, אני בעצם להראות לכם כאן דוגמא של יישומי שולחן עבודה על מסך ההתחלה שלי.

543
00:30:48,520 --> 00:30:53,600
כאן אתה יכול לראות Visual Studio, אתה יכול לראות בלנד וכלי פיתוח אחרים שיש לי.

544
00:30:53,600 --> 00:30:55,890
יש להם אריחים שונים במקצת.

545
00:30:55,890 --> 00:30:57,930
זה בגלל שהם יישומי שולחן עבודה,

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
הם לא, למשל, כמו מזוינים! או את הדברים האלה. הרשה לי לפתוח במהירות אחד.

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

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
אפליקציה במסך מלא, חוויה ממש טובה.

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
עכשיו זה בתצוגת הצמד, וזה מאפשר לי לעשות משהו אחר בזמן שהיישום שהוא שם.

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
ליישומים כמו יישומי חדשות, אם אני להשיק את זה ואז אני הצמדתי אותו,

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
העובדה שזה בתצוגה קטנה יותר לא תמנע ממני השימוש באפליקציה הזאת. אז תחשוב על זה.

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
>> אדווין, שהוספת את התמונה שלי כבר? >> [Guarin] כן. >> [Bowen] תראה את זה.

589
00:33:48,110 --> 00:33:51,510
רואה את זה? אדווין הוסיף תמונה. [צוחק]

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
זה החזיר אותי למצב שולחן עבודה, וזה משיק יישום שולחן העבודה של 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
כמו הרשת והפיצול.

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
אז אם אתה חושב שאתה הולך להיות ביצוע אפליקציה חדשות או קורא ה-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
אני הולך ליצור את האפליקציה הריקה, ואחר כך נלך קצת עמוק יותר לתוך הפרטים.

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
הדברים שאתה הולך להסתכל בהתחלה הם כולם ברירת המחדל בשם.

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
הנה שלום, המקבילה בעולם של ה-HTML, ולכן אנחנו שוב בתג הגוף.

643
00:36:52,570 --> 00:36:55,990
בחלק העליון, דרך אגב, זה הסוג של מסמך 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
כי אתה צריך לעשות קידוד fallback לתגי וידאו ב-HTML5 - או אולי יש לך -

648
00:37:12,760 --> 00:37:17,490
כדי לוודא שיש לי דפדפנים שונים תמיכה בוידאו שלך.

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
ואז אתה מקבל את שלום, ניסיון בעולם כאן. זה פנטסטי, נכון?

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
תן לי ללכת להביא את ארגז הכלים כאן, ואני להצמיד את זה כי אני עושה את זה כמה פעמים.

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, אבל אנחנו גם מקבלים באופן אוטומטי את סגנון.

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
ואמר: "האם אתה משיק את היישום הזה בפעם הראשונה?"

687
00:39:39,090 --> 00:39:42,640
"האם אתה לחדש את היישום מהצורך להיות מושעה את זה?"

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
פקדים עמוקים יותר כמו שליטת דירוג, כמו תצוגת רשת, כמו התפריט הנשלף

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
אתה פשוט לא אומר נשלף כאלמנט ויש לו יודע מה לעשות.

697
00:40:17,860 --> 00:40:22,120
מה שאנחנו עושים בפועל הוא אותו הדבר שקורה בסוגים אחרים של מסגרות שליטה.

698
00:40:22,120 --> 00:40:26,200
ממשק משתמש jQuery עושה את אותו סוג של גישה כללית.

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
לתפוס אותו, קח את הערך שלו, סטירה "שלום" על החלק הקדמי שלו, ואת המקל שמחרוזת וכתוצאה מכך

717
00:41:28,490 --> 00:41:31,960
שלתג 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
אנחנו הולכים לומר, "לחצן, מזל טוב."

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
כריס. חכה לו. וואו. אוקיי. זה מדהים. [צוחק]

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 ויש לנו ממשק המשתמש-הכהה,

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
אם אתה מראה הרבה תוכן טקסטואלי, ממשק משתמש האור הוא בדרך כלל בחירה טובה.

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
אני אלך כאן. תן לי יפציץ זה.

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
רק הקצאה כמה שיעורים לכותרת שלנו, ואנו יוצרים 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
או שזה מגמה הוקמה החברה בפועל באינטרנט -

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
אז בואו נעשה את הסטיילינג הבא.

780
00:45:23,910 --> 00:45:25,850
סטיילינג הוא לא רק על צבעים ודברים כאלה.

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
זה לא יהיה שימושי ביישומים שלך, אבל זה זמן הדגמה,

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
יש כמובן לך הנפתח 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
עכשיו, אם אני מפעיל את האפליקציה ואנחנו לוקחים את האפליקציה והצמדנו אותו,

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
השאלה היא, האם יש הדרכה לזה? אני רק להרחיב אותו לכל דבר.

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 עצמו יש הדרכות בנויות פנימה

817
00:47:45,180 --> 00:47:47,650
תן לי להיפטר מזה.

818
00:47:47,650 --> 00:47:51,520
אם אתה רוצה ללכת וליצור פרויקט חדש, אל קובץ, פרויקט חדש,

819
00:47:51,520 --> 00:47:56,750
ולהסתכל על צד שמאל, יש צומת אינטרנט בבורר זה.

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 כאן, ואומר: "אני לא יודע איך לעשות את המיקום הגיאוגרפי."

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
ישנן דוגמאות לכל דבר: שיתוף, חיפוש, ברים יישום,

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
יש לי אותו בבלוג שלי, אבל אני פשוט אלך ישר לעניין.

845
00:49:24,510 --> 00:49:28,220
אני אראה לך. יש בבלוג שלי משאבים ודברים כאלה.

846
00:49:28,220 --> 00:49:35,300
אחד הדברים להצביע הוא ממש כאן, הדבר הזה: הרעיון שלך. האפליקציה שלך. 30 ימים.

847
00:49:35,300 --> 00:49:40,960
אם תלחץ על זה, זה הולך להביא אותך לאתר באמת מועיל.

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
לאורך כל תהליך שכפי שאתה יוצר את אפליקציה.

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
"האם חשב על עושה את זה? האם אתה תומך בצמד?"

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
ויש גם מסלול מלא על פיתוח אפליקציה כללי.

864
00:50:27,650 --> 00:50:29,380
זה נקרא הדור App.

865
00:50:29,380 --> 00:50:33,460
הייתי בהחלט ממליץ לך את זה גם כן, בנוסף לדגימות.

866
00:50:33,460 --> 00:50:38,110
>> יש הרבה קטעי וידאו באתר שנקרא ערוץ 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
אבל בדרך כלל, יש כמה קטעי וידאו באמת to-the-הנקודה כאן

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
בשם בנה, ואתה תראה את זה שם.

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 פשוט שלח לי מייל עם קישור לתוכן

882
00:51:36,890 --> 00:51:42,140
לסטודנטים להוריד עם קוד לדוגמא ודברים כאלה. >> [Bowen] גדול.

883
00:51:42,140 --> 00:51:45,510
מדהים. תודה לך, אדווין.

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
אדווין יגמול לכם ביד רחבה לשאלה הזאת.

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
למעשה, הרשה לי להוסיף דבר אחד יותר להדגמה זו,

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
אם אני עושה את זה ולהפעיל אותו, אתה יכול לראות עכשיו שיש לנו ריפוד שונה קצת ומרווחים,

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
זה יכול להיות שליטה שנייה, זה יכול להיות טבעת ההתקדמות או מה ששליטה ברצונך להשתמש.

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
כל אלה הם תמונות בודדות, ויש אלמנטים מסוג div סביבם עם בוררים.

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
זה מכניס את הדירוג שעל המסך שלתג 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 Store,

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
אם אתה הולך להורדה ושאתה מקבל Visual Studio.

971
00:57:06,240 --> 00:57:09,890
אני יכול לחץ לחיצה ימנית על זה. אני לא זום פנימה

972
00:57:09,890 --> 00:57:12,040
זה פשוט אומר להרחיב בתערובת.

973
00:57:12,040 --> 00:57:16,040
תערובת היא כלי נוסף שעובד זה לצד זה עם 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
יצירת אנימציות, עבודה עם CSS, הרבה דברים בסוג כזה של וריד.

977
00:57:29,720 --> 00:57:36,380
הנה מה שצריך להיות מאוד מעניין ודי ברור באופן מיידי שאנחנו מסתכלים על האפליקציה.

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
מה עוד, שזה לא רק ייצוג של האפליקציה, הוא למעשה הריצה האפליקציה.

982
00:57:49,640 --> 00:57:52,010
וזה מה שבאמת נחמד על תערובת.

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
זכור כי שליטת דירוג? זה היה רק ​​תג 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
זה הולך להיות בצבע הזה, וזה בגלל שזה יותר ספציפי מbody1.

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
זה יחסוך לכם הרבה זמן. זה תערובת.

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
זוהי אפליקציה לדוגמא שאתה יכול להוריד.

1043
01:01:32,280 --> 01:01:35,620
אם אתם מחפשים משהו שנקרא המחנה של Windows בתיבה,

1044
01:01:35,620 --> 01:01:40,340
יש כמה דוגמאות שנמצאות בזה, ואחד מהם הוא ספר הבישול של Contoso.

1045
01:01:40,340 --> 01:01:41,640
אני רק יכול להפעיל את זה בשבילך.

1046
01:01:41,640 --> 01:01:44,700
מסך פתיחה מותאמת אישית. זהו יישום תצוגת גריד.

1047
01:01:44,700 --> 01:01:49,590
הם כבר חייבים כמה נתונים מותאמים אישית כאן. אתה יכול לנווט את זה.

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
>> כאן יש להם גם בר יישום שבו הם משתמשים בחלק מהפונקציונליות אחרת.

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
וגם אם המשתמש אינו משתמש במשחק שלך, לשחק את המשחק שלך או ריצת האפליקציה שלך,

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
אז דברים כאלה יכולים לעזור באמת למשוך אנשים בחזרה לאפליקציה שלך די ביעילות.

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
אני מקיש ביישום זה, ואני מתכוון לחזור ל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
וזה הולך להראות לי בדיוק את התוכן שנוצר שהביא בחלק זה של ממשק המשתמש.

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
זה הוא למעשה כלי הפיתוח מ-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
עכשיו יש לי אפליקציה 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
וגם בלנד שיכול לעבוד עם יישום ריצה בשידור חי.

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
אנחנו תפתחו את זה, להרחיב בתערובת, אותה אפליקציה, אותו דבר.

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
זה נקרא מצב אינטראקטיבי.

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
זה פחות או יותר כל מה שרציתי להראות לך בתערובת וב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
>> [בואן צוחק] אני כבר הראה לך ההדגמות שלי כאן.

1150
01:07:43,700 --> 01:07:47,000
אני הולך לשים את זה בעמוד המשאבים ופונים לשאלות עכשיו.

1151
01:07:47,000 --> 01:07:53,850
כי ההתייחסות הראשונה היא שאתר של הדור 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
גם התפתחות ומרכזי העיצוב.

1160
01:08:15,320 --> 01:08:17,620
ולא הזכרתי את זה, אבל יש גם Docs Store.

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] מי חושב על לעשות יישום של Windows עבור CS50? מגניב.

1167
01:08:40,580 --> 01:08:42,200
[Bowen] מגניב. גדול.

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
ושפועל בדפדפן ופשוט סוג של לעבור את התהליך

1171
01:08:57,310 --> 01:08:59,870
להביא את זה לתוך Visual Studio ומה שהופך את האפליקציה 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
אתה צריך ליצור סרגל אפליקציה להסתתר כמה פונקציונלי על גבי זה,

1177
01:09:19,899 --> 01:09:21,939
אלה הם הסוגים של דברים שאתה תשתנה.

1178
01:09:21,939 --> 01:09:25,229
אבל הליבה של יישום האינטרנט שלך יכולה להישאר ללא פגע.

1179
01:09:25,229 --> 01:09:29,590
שוב, כל עוד זה עובד בIE10, זה הולך להיות יציאה ממש קלה

1180
01:09:29,590 --> 01:09:33,680
להביא את הדברים האלה לVisual Studio, לתוך תערובת, ולהפוך אותו לאפליקצית 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
אם אתה מתחיל מאפליקצית Windows Store,

1191
01:10:18,720 --> 01:10:20,590
זה הולך לתת לך להביא אותו לאינטרנט

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 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
זה שוב סיפור מתפתח, ולכן יש קצת תוכן על זה בבנייה.

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
אתה בטח נתקל בהרבה מסגרות בפלטפורמות גם כן.

1207
01:11:13,360 --> 01:11:16,170
חדשות טובות היא הדברים שאתה עושה כאן,

1208
01:11:16,170 --> 01:11:19,620
פונקציונליות הליבה היא ישר דברים סטנדרטיים באינטרנט.

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 על גבי [לא ברור]

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] מדהים.

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
ועכשיו מגיע בקרוב לחנות של מיקרוסופט על פני בPru,

1229
01:12:35,110 --> 01:12:37,010
אבל אדווין כבר דאג לך.

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
סימולטור הוא הדבר שאולי אתה רוצה לבדוק.

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
מסתובב הצפחה שלהם, הלוח שלהם, ובאמצעות היישום שלך עם זה.

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 ובתערובת.

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
כן. השאלה היא סביב תמיכת אנימציה, במיוחד עם משחקים.

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
שבו יש לוחות זמנים, יש תרחישים ודברים שבנויים פנימה

1268
01:15:11,430 --> 01:15:18,710
לאנימציות ביישומי JavaScript, אני לא יודע עד כמה תשובה שאני רוצה לתת לך.

1269
01:15:18,710 --> 01:15:25,110
יש לי משאבים בבלוג שלי שעוברים דרך הרבה אפשרויות עבור שתי אנימציות הפיזיקה,

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
רוצה השפעה או לבנות.

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
הכי טוב שאתה הולך כנראה למצוא הוא הכולים הפיתוח בדפדפן

1286
01:16:27,360 --> 01:16:30,160
והכולים הפיתוח ב-Visual Studio.

1287
01:16:30,160 --> 01:16:34,610
סוג של תשובה פתלתלה לשם, אבל אני מקווה שיש לי את התשובה שלך. כן. שלך.

1288
01:16:34,610 --> 01:16:36,470
>> [תלמיד] מהן אפשרויות אחסון נתונים עבור Windows 8 אפליקציות?

1289
01:16:36,470 --> 01:16:41,100
מהן אפשרויות אחסון נתונים עבור Windows 8 Apps, אפליקציות Windows Store?

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
כדי להשתמש באחסון מבוסס ענן. זה בחינם.

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
והחשבון שלהם מיקרוסופט, מה שהם כבר חתמו כב,

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] האם השאלה שלך איך אתה יכול לראות את זה או איך אתה יכול לאתר באגים ושלבדוק את זה?

1311
01:18:04,870 --> 01:18:10,630
[תלמיד] איך אתה יכול לדבג אותו [לא ברור]

1312
01:18:10,630 --> 01:18:12,670
סליחה. אני לא יכול לשמוע את כולו.

1313
01:18:12,670 --> 01:18:16,480
[תלמיד] איך אתה מקבל את זה באג שנבדק וגם [לא ברור]

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
רק כמה אפשרויות ניפוי לעבודה ברשת.

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
זה שימושי. זה הולך להיות מאוד שימושי עבור יישומים מבוססי דפדפן.

1329
01:19:17,600 --> 01:19:20,470
עבור סוגים אחרים של יישומים, כוללים יישומים של Windows Store,

1330
01:19:20,470 --> 01:19:23,970
אני משתמש בכלי שנקרא כנר.

1331
01:19:23,970 --> 01:19:29,650
אתה הולך לקבל את משחק בתגובה. [מגחך]

1332
01:19:29,650 --> 01:19:32,750
כנר הוא פרוקסי פשוט. אני חושב שאני יכול להראות לך את זה.

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
אבל בכל מקרה, כנר כבר נכתב על ידי אחד מראשי הממשלה בצוות IE,

1336
01:19:45,700 --> 01:19:48,290
כך שהוא יודע מה הוא עושה.

1337
01:19:48,290 --> 01:19:52,630
זה פרוקסי טוב שאתה יכול להשתמש עבור תעבורת רשת באגים.

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
או תרבויות או דברים כאלה. נבנה לחלוטין פנימה

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 ברירת המחדל ו-APIs WinRT. שאלה טובה.

1354
01:20:51,290 --> 01:20:54,770
>> איך אנחנו עושים? כל האחרים?

1355
01:20:54,770 --> 01:20:58,850
ואם מישהו בוידאו יש שאלות, אני cbowen @ מיקרוסופט,

1356
01:20:58,850 --> 01:21:02,790
אז אני שמח לקחת את כל השאלות שלך מהעתיד.

1357
01:21:02,790 --> 01:21:05,690
מאוד - מן העתיד, עתיד [מחקה הד].

1358
01:21:05,690 --> 01:21:09,140
אז הנה הוא לי. תן לי להחזיר את הקשר שלי כאן.

1359
01:21:09,140 --> 01:21:11,840
אז פשוט לשלוח לי פתק, cbowen @ מיקרוסופט,

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]