[Powered by Google Translate] [ندوة - ويندوز 8 - تطوير التطبيق / لعبة مع HTML5] [كريس بوين، ادوين Guarin - جامعة هارفارد] [هذا CS50. - CS50.TV] 

مهلا، الجميع. اسمي ادوين Guarin. هذا هو كريس بوين. أنني سأترك له تقديم نفسه في الثانية. أنا فقط تريد أن تجعل من إعلان سريعة. في المقام الأول، كل ما CS50 يحصل الطلاب على ويندوز 8 مجانا. لذلك إذا كنت تفكر في استخدامه فعلا لمشروع النهائي الخاص بك، انها لك. سوف نيت ترسل رسالة بالبريد الالكتروني في وقت لاحق للحصول على تعليمات. الشيء الثاني هو إذا قررت إرسال بريد ويندوز 8 التطبيق لمشروع النهائي CS50 الخاص بك، نحن ذاهبون إلى أن تفعل بعض الهدايا: أجهزة إكس بوكس، ونحن قد تكون قادرة على إعطاء لائحة بعيدا، أشياء من هذا القبيل. حتى إذا كان هناك أي شيء عقد بعودتكم، دعونا كريس أو أعرف كيف يمكننا مساعدتك في بناء شيء رائع حقا. لذلك شكرا مرة أخرى على حضوركم اليوم، وسوف نسلمها لكريس. 

شكرا لك، ادوين. شكرا، الجميع، على الانضمام إلينا اليوم. أنا كريس بوين. أنا واحد من الزملاء ادوين هنا في شمال شرق البلاد. أردت فقط أن تنفق قليلا من الوقت مع الذي تتحدث عنه كيفية جعل تطبيق Windows المتجر مع HTML5، وجافا سكريبت، والمغلق ونوع من الحصول على أي أسئلة قد تكون لديكم حول هذا الموضوع أجاب لك كما كنت تبحث نحو التفكير ربما استخدامه لنهائيات CS50 فرصة. 

أن قال، سنقوم فقط الغوص الحق فيها. سأذهب الى الشرائح أكثر من هنا. إذا كان لديك أي أسئلة، لا تتردد في ارسال لي رسالة بالبريد الالكتروني. أنا cbowen@microsoft.com، وهناك بلدي بلوق وبلدي التغريد. ومع ذلك كنت ترغب في الحصول على اتصال معي، وهذا على ما يرام. لقد حصلت على حوالي ساعة من الاشياء، وأريد الحصول على أسئلتك في طول الطريق، لذلك لا تخجل من وجود الأسئلة خلال هذه. أنهم لا يستطيعون معرفة من الذي طرح الأسئلة على التسجيل، لذلك عليك أن تكون مجهولة المصدر كما تريد أن تكون. 

اسمحوا لي الغوص في الحق، فقط تعطيك مقدمة سريعة إلى ويندوز 8، وتظهر لك عدد قليل من الأشياء حول Windows المتجر التطبيقات التي قد تفكر كما كنت تفكر في تطوير تطبيق. نحن نبحث في ويندوز 8. كنا خارج لبضعة أسابيع حتى الآن. وهناك الكثير من اعتماد قوية الى هناك بالفعل. كنت قد شهدت بالفعل الآلات السطحية التي لدينا كذلك. هناك واحد أكثر من هنا في الواقع يمكنك إلقاء نظرة على إذا كنت هنا في شخص. أنا حقا أريد أن أتحدث إليكم، تظهر لك حول قليلا عن ويندوز 8. هذه الفكرة مع ويندوز 8، وأنه حقا لا تجلب كل الاشياء تعرف عن ويندوز إلى الأمام في بعض التجارب الجديدة - على وجه الخصوص، وأشياء مثل على الجهاز السطح مع لمسة، هذا النوع من أكثر الأجهزة المحمولة التي هي الآن في السوق، لكنه أيضا ويندوز في صميمها. لذلك فهذا يعني أنك يمكن تثبيته على أي شيء حقا أن يدير ويندوز 7، من هاتفك أكبر الثلاثي SLI الألعاب تلاعب وصولا الى جهاز الكمبيوتر المحمول والأجهزة الأخرى لامعة الجديدة التي قد كنت اتناول اليوم. وسوف تشغيل ويندوز 8. سوف تظهر لك حول قليلا، وجميع التجارب التي سترى هنا هي الأشياء التي يمكن أن تخلق. والفكرة هي سواء كان اللمس، والماوس ولوحة المفاتيح، أيا كان الجهاز هو أنك تقوم بتشغيل التطبيق الخاص بك، فإنه سيكون لتشغيل كبيرة. ويندوز 8 مساعدة مع كل تلك السيناريوهات. 

هذه الشرائح جانبا، دعونا مجرد الحصول على الحق في إلقاء نظرة حول هنا. اسمحوا لي أن تظهر لك حول بلدي الشاشة الرئيسية. هذا هو بلدي شاشة البداية. أنا فقط تعطيك قليلا من جولة هنا. أنا على آلة عدم لمس، لذلك بقدر ما أريد أن أتطرق شاشة الكمبيوتر المحمول الخاص بي، انها لن تفعل شيئا، لذلك أنا فقط التمرير في جميع أنحاء هنا قليلا وتظهر لك. بعض الأشياء التي قد تلاحظ هي حقيقة أن هذه ما تسمى البلاط الحية في الواقع يمكن أن يديروا، وأنها يمكن أن توفر لك المعلومات - ربما تحديثات على إحصاءات عن لعبة أو تظهر لك الأخبار من بعض التطبيقات في وقت سابق أن هنا على الجانب الأيسر. هناك نذهب. أنا متأكد من انها إيجابية إلا ونبأ عظيم خيالي. يمكنك ان ترى هنا أنه يدعو حقا انتباهكم مرة أخرى إلى التطبيق، وقال: "مهلا، هناك شيء جديد هنا. نلقي نظرة. تعال مرة أخرى في ونرى ما هو الجديد بالنسبة لك." وهذا ما يسمى بلاط الحية، ويمكنك أن تفعل الإخطارات إما مباشرة من التطبيق نفسه أو إذا كنت نلقي نظرة في مزيد من التفاصيل، عليك معرفة كيفية كتابة الخدمة عن بعد التي يمكن أن تدفع فعلا المعلومات إلى البلاط، و وهو ما يحدث مع هذه التطبيقات الأخبار. انهم في الواقع الحصول على الأخبار من سحابة وتحديث بلاط هناك حق حتى يعرف الناس هناك سبب لفتح التطبيق وإلقاء نظرة مهما كان أحدث الأخبار في أي من هذه أو إذا كان هناك وصفات جديدة أو على درجة عالية جديدة للتغلب على أو اللعب صديق أو أيا كان على هذه التطبيقات. انه شيء لإغراء لك تكبير الخريطة. ذلك أن البلاط الحية، ويمكن أن يكون الشخص، يمكن أن يكون موقع على شبكة الانترنت كذلك. عادة انها التطبيق. 

الى حد كبير كل هذه الأشياء التي لدي هنا جاء من متجر Windows. سوف إطلاق ذلك. انها واحدة من التطبيقات التي تحصل بشكل افتراضي على أي جهاز أن يدير ويندوز 8. يمكنك أن تأتي هنا للبحث عن أي شيء كنت تريد، من الأشياء التي يتم تسليط الضوء على العاب أنني لم أر من قبل. أوه، نجاح باهر، ونحن قد حصلت على الكرة والدبابيس جديدة هنا. يمكنك تثبيت هذه هنا من المخزن، وسوف نتحدث عن كيفية تطوير هذه. لديك الكثير من الخيارات في كيفية إنشائها. سوف نركز على القصة في جافا سكريبت مع HTML و CSS، ولكن للمستخدم، للمشتري من التطبيق، لا يهم ما هو مكتوب فيه. يمكن أن تمضي قدما والعمل معها. أنا مفتون بها هذا واحد، لذلك أنا بحاجة لفتح هذا الأمر ونلقي نظرة. كل التطبيق، بما في ذلك تلك التي يمكنك تقديم وبيع أو إعطاء بعيدا عن الحر، كل ما تريد القيام به في المتجر، سوف تحصل على الصفحة الرئيسية لمثل هذا. يمكنك تقديمها مع طلبك حفنة من لقطات الشاشة - ترى بعض هنا - تفاصيل حول التطبيق، وبمرور الوقت تتراكم عليك كل من التقييمات - انهم في الأساس مجرد تصنيف النجوم -، واستعراض، والتي توفر أكثر قليلا البصيرة. في الواقع، شخص ما لديه لكتابة شيء واقول لكم كيف كنت رهيبة، والتي ستدخل حيز التعليقات فرعكم أكثر من هنا، وأنا لم ينظر في. رائعة. "لن حتى فتح". كيف كبيرة. حسنا، بالنسبة للأشخاص الذين لم مفتوحة وهذا المدى، يبدو أنها حقا يتمتع بها. [يضحك] تضع ذلك في اعتبارها. الإنترنت. يمكن لأي شخص أن يقول ما يريدون حول التطبيق الخاص بك. لذا تأكد من أنك تقوم بعمل عظيم مع ذلك، تأكد من أنك مما يجعلها مريحة للمستخدم كما يمكنك لأنهم بضع نقرات بعيدا عن تقديم آرائهم، والتي سوف تتراكم حتى تقييمك الاستعراض الشامل. وأنت تريد أن تفعل أفضل ما لديكم لأنك ستكون ضد غيرها من التطبيقات. وسوف يكون هناك الآلاف من التطبيقات بالفعل في مخزن، وهناك احتمالات، قد يكون هناك شيء لا وظيفة مشابهة إلى ما تفعلونه. حتى لو كنت تستطيع حقا تبرز من الحشد، وهذا سيكون لصالحك، بطبيعة الحال. 

أننا سنصل إلى مخزن في وقت لاحق قليلا على. أريد حقا إلى التركيز على خلق تطبيقات. ولكن النسخة قصيرة من المخزن هو التوزيع في جميع أنحاء العالم، انها تلقائيا جزءا من ويندوز 8، والناس فقط اطلاق النار عليه ونلقي نظرة على مختلف تطبيقات هنا، لديك ملصق كتاب اللباس الهاتفي وجميع أنواع مختلفة التطبيقات. الطلاء الطازجة، وأنا استخدم هذا كثيرا - على نحو رديء، ولكن أنا استخدامها كثيرا. انها تظهر لي بالفعل تملك ذلك. اسمحوا لي أن تظهر لك شيئا ليس لدي - UVideos ليس لدي كما العلامة التجارية الجديدة. ترى هنا أنه مجاني، بحيث يمكنك تثبيته مباشرة من المخزن. لديك الخيارات أيضا. يمكنك ان تعطي بالطبع بعيدا. يمكنك وضع الإعلانات في التطبيق أو اللعبة. يمكنك أيضا تهمة لذلك، ويمكن بسهولة جدا توفير محاكمة للتطبيق وكذلك لذلك يمكنك أن تدع الناس تحاول ذلك لمدة أسبوع أو كل ما تريد القيام به. هذا مجرد تخصيص من خلال البوابة. أنت لا تكتب أي رمز لذلك. لذلك أقول لكم، "يمكنك استخدام هذا لمدة أسبوع وبعد ذلك كنت قد حصلت على شرائه" أو هل يمكن أن تفعل أشياء مثل، "هل يمكن أن تلعب على 3 مستويات الأول من هذه اللعبة "ثم كنت قد حصلت لشراء للوصول إلى بقية العالم." هل يمكن أن تفعل حتى في التطبيق المشتريات كذلك، لذلك يمكنك القول، واضاف "لقد حصلت على مغامرات أو مجموعات من الرسومات أو الأشياء التي هي مقفلة إضافية - "مزيد من الوصفات التي هي مقفلة - إذا قمت بشراء هذه المجموعات الموسعة" ويمكنك أن تفعل ذلك كل ما في التطبيق أو اللعبة نفسها. لذلك، تماما متروك لكم، واختيارك. هناك الكثير من الأشياء التي يمكنك القيام به في المخزن، ثم أساسا كنت عرضه على قناة الشهادات. يمكننا أن نتحدث عن ذلك كل قليلا في وقت لاحق، ولكن هذا هو الهدف. كنت ترغب في الحصول على التطبيق ظهورك في جميع أنحاء العالم في متجر هنا. 

مرة أخرى على شاشة البداية هنا، أود أن تظهر لك حول أكثر قليلا. إذا كنت إطلاق هذه التطبيقات، واسمحوا لي أن أضرب لكم مثالا من بعض وظائف عبر التطبيق هنا. للقيام بذلك، وسوف تطلق الطلاء الطازجة. شيء واحد سترى هنا هو كل بت واحد من الشاشة، كل بكسل من الشاشة، انتقل إلى التطبيق الخاص بك. لقد ولت الأيام التي لديك هذه الحدود حول النوافذ مع الكثير من الأزرار التي هي دائما أخذ هناك مساحة في كل وقت. الآن كنت تريد حقا أن تحصل بعيدا من أن يكون مجرد والمحتوى الخاص بك أن يكون التركيز. يمكننا أن نفعل الأشياء مع ويندوز عن طريق الوصول إلى أنواع أخرى من القوائم. واحد منهم هو في الواقع ما يسمى شريط السحر، ويخرج من الجانب من الشاشة. يمكنك نفض الغبار فعلا من الجانب إذا كان لديك شاشة تعمل باللمس، هل يمكن انقر بزر الماوس الأيمن إذا كان لديك ماوس، وهناك اختصار لوحة المفاتيح لذلك، هناك دائما أكثر من طريقة واحدة لفعل شيء في البيئة هنا. أن يبرز عددا من الأشياء التي يمكنك القيام به. الأكثر وضوحا هو أن تتمكن من العودة إلى شاشة البداية، ولكن ال 4 الأخرى هي ما يسمى السحر. فهي العقود التي يمكنك وصله إلى باعتبارها مطور التطبيق. انهم بارد جدا. البحث، وأنا متأكد من أن هذا شيء كنت تنوي القيام به، تقاسم سأريكم في الثانية، والأجهزة وإعدادات، وهذه هي كل الأشياء التي يمكن أن التطبيق الخاص بك الاندماج للاستفادة من ويندوز، ليقول، "لقد فعلت من جهتي "وأنا أريد ويندوز لدعم بعض الوظائف الأخرى، "وأنا لا أريد أن أكتب الكثير من التعليمات البرمجية لجعل ذلك يحدث." هذا هو حقا الفائدة من استخدام هذه الميزات. اسمحوا لي أن تظهر لك واحدة. للقيام بذلك، وأنا سوف تجعل لوحة جديدة. كما أنني تحدثت عن استخدام كل بيكسل للالتطبيق الخاص بك. افتراضيا، هذا هو ما يبدو التطبيق الطلاء مثل عندما كنت استخدامه. انها حقا مجرد عن كل ما كنت الرسم المحتوى الخاص بك. أستطيع أن أفعل الأشياء المرعبة هنا. ما الذي يجب أن يوجه؟ لا أعرف. الشخبطة؟ أوه، عظيم. أستطيع أن أفعل الشخبطة. رائعة. وتركيا؟ [يضحك] هذه هي تركيا الأكثر تجريدا سترون. أنا يمكن أن يحقق أيضا ما يسمى شريط التطبيق، وهذا هو حقا واحدة من الطرق الرئيسية التي يمكنك استخدامها لإخفاء بعيدا كل الاشياء التي قد تكون على التطبيق الخاص بك أو اللعبة قبل مجرد أخذ مساحة في كل وقت. حتى الآن يمكنك وضعه هنا، وهذا هو حقا واحدة من التجارب أكثر جمالا مع شريط التطبيق الذي رأيت. وضع الخيارات هنا لاختيار ألوان مختلفة. أردنا تركيا، ولذا فإننا سوف أضع بعض البني هنا، تبدأ خلط في بضع الألوان. نحن سنأخذ اللون وسيطة هنا ثم نعود هنا. يمكنك أن تبدأ الرسم. هناك تركيا الخاص بك. رائعة. لا أستطيع رسم لتبدأ، ولكن للقيام بذلك مع لوحة اللمس أمام جمهور، بل هو أفضل. هذا هو رهيبة. هذه الفكرة، رغم ذلك، هو كل ما يهمني هو الحق هنا على السطح. دعنا نقول أنا راض جدا مع هذا أنني قد حصلت على تقاسمها مع شخص ما. عادة ما كنت تفعل مع إصدارات أخرى من ويندوز، كنت ربما أخذ لقطة شاشة، كنت تفعل بعض النسخ واللصق من النص الخاص بك أو أشياء من هذا القبيل التي تريد مشاركتها بها، ثم انتقل وفتح تطبيق آخر وضعه فيه. هنا لم يكن لديك للقيام بذلك. يمكنك إحضار فعلا شريط السحر ويقول: "أريد أن أشارك هذه." عند هذه النقطة انها سوف تظهر لك جميع التطبيقات الذين يعرفون كيفية العمل مع كل ما يجري تقاسمها. في هذه الحالة انها صورة، لذلك سيكون ليقول: "أرى أنك قد حصلت على صورة." "هل ترغب في مشاركة ذلك؟" يمكنك ان ترى أنا نفسي البريد الإلكتروني الاشياء في كل وقت. أنها تعترف بأن، وانها تقدم لي أن كاختصار، لكنه تبين لي أيضا أن يعرف كل التطبيق كيفية التعامل مع التقاط صورة وتفعل شيئا معها. وقد أشارت جميع هذه إلى Windows أنهم يستطيعون أن يفعلوا ذلك. في هذه المرحلة هذا هو ويندوز. اختار المستخدم فقط ما يريدون القيام به معها. سأفعل بلدي المعتادة PuzzleTouch. يمكنك ان ترى لقد خلق جميع أنواع الألغاز مع مرور الوقت. سآخذ PuzzleTouch ويقول: "أريد أن أشارك هذا الخلق مذهلة مع PuzzleTouch". انها سوف تمضي قدما ويقول "العظمى. تحتاج لمشاركة هذه؟ رائع." "هل تريد أن تجعل من اللغز الذي من السهل والمتوسط، أيا كان؟" أنا سنحقق احدة متوسطة هنا. فهو يجعل اللغز. انها سوف تكون لغزا محيرا رهيب لأنه في الغالب فارغة. لكنه على استعداد، وانها في الواقع مرة أخرى في التطبيقات الأخرى. إذا جئت هنا، ويمكنني أن ابحث عنه وإطلاقه. الآن إذا أردنا تمرير ما يزيد قليلا قليلا هنا، يجب أن نرى إنشاء بلدي في مكان ما. حيث لم يذهب؟ أي نوع من اللغز لم أقوم؟ أنا لم تجعل من السهل؟ أوه، ومن هناك، وهناك حق. [يضحك] انها لغز تركيا التي يمكن التعرف عليها بسهولة من هنا. ولكن الشيء أريد أن أوضح لك، والشيء باردة هنا وتطبيقات لم يكن يعرف أي شيء عن بعضهم البعض. قالوا فقط، "أنا عندي صورة للمشاركة، وأنا أعرف كيفية التعامل مع الصور." وأنت كمطور، لم يكن لديك لكتابة التعليمات البرمجية. عندما يطلب مني شخص للمشاركة، انا ذاهب الى وضع بعض البيانات في هذا الهيكل القليل من البيانات وأنا القيام به. التطبيق الآخر يأخذ أكثر، لا شيء له، وهذا هو نهاية تبادل الخبرات. هذا هو شيء واحد فقط يمكنك القيام به - حقا، حقا قوية - وانها ستكون واحدة من تلك الأشياء التي يمكن أن تساعد حقا التفريق التطبيق الخاص بك وأيضا لعبتك أيضا في المخزن. الناس سوف تكون قادرة على القول، "وهذا مفيد حقا." "أنا استخدم هذا اللغز الخالق في كل وقت. إنه أمر رائع." 

هذا عن ما يكفي من لمحة موجزة عن ما يحدث هنا. هناك بضعة ميزات أخرى أيضا أنه ربما سوف نسلط الضوء ونحن نمضي من خلال التعليمات البرمجية. ولكن أريد أن يغوص الشرائح، وللقيام بذلك، وانا ذاهب للذهاب الى سطح المكتب، الذي هو في حد ذاته البلاط يعيش آخر هنا. يمكنني الخوض في هذا، والمؤكد، وأنا على الشرائح بلدي، ولكن اسمحوا لي أن تظهر لك في الواقع ما نحن فيه. نحن في الواقع في وضع سطح المكتب. هذا هو حقا حيث ما كنت أقوله قبل حول Windows المضي قدما لخبرات جديدة يظهر نفسه. هذا هو ويندوز تعلمون. وتسمى تطبيقات ويندوز تطبيقات سطح المكتب. أنها تعمل هنا. إذا كان لديك القائمة تطبيقات وتريد تشغيلها على ويندوز 8، يمكنك القيام به على الاطلاق ذلك. هذه ليست هي نفسها الأشياء كما تطبيقات متجر، والتي هي أكثر من هنا، مثل الطلاء الطازجة وهذه التطبيقات ان بي سي نيوز وأشياء من هذا القبيل. تلك سيأتي من المخزن. يمكنهم سد العجز في بعض الميزات التي كنت تظهر لك والبعض الآخر بأنني لم تظهر لك فقط حتى الآن. ولكن فقط الحفاظ على ذلك في الاعتبار. لدينا دعم لكلا من هذه الأمور أيضا. أنا آسف. هو شيء لا يظهر على الشاشة؟ لقد فقدت تماما. هذا هو الغريب. بخير. شكرا لافتا أنه من أصل. ما لم تكن قد تم رؤية لفترة من الوقت هي لغتي يظهر لك أن سطح المكتب هو هنا. ما هو الشيء الأخير الذي رأيت؟ هل رأيت هذا؟ هذا هو سطح المكتب. كنت تعرف مسبقا ما يبدو. لا شيء غير عادي بشكل رهيب. انها تحمل لنا تلك التجربة إلى الأمام بالنسبة لك والسماح لك استخدام الأشياء التي كنت قد. على سبيل المثال، وأنا سوف يظهر لك برنامج Visual Studio. هذا هو تطبيق سطح المكتب. انها تسير لتشغيل في هذا الوضع. انها تسير لدعم بيئة أكثر تعقيدا مع الكثير من الخيارات وأشياء من هذا القبيل، لذلك يجعلها خيارا جيدا باعتبارها الوكالة سطح المكتب. 

أن قال، دعونا نذهب إلى الشرائح لقليلا فقط وتعطيك بعض المحتويات التمهيدية ومن ثم ندخل في ترميز الواقع هنا. والخبر السار هو سمعت كنت قد تم التركيز على الكثير من CSS وجافا سكريبت، HTML. كل تلك الأشياء التي كنت قد تعلم حمل مباشرة في المتجر تطبيقات ويندوز صنع. الأشياء التي كنت قد تم الاستماع حول تطبيق مع محددات CSS وجميع تلك الأشياء هو بالضبط ما تفعله لإنشاء تطبيق هنا لمخزن. سنذهب من خلال هذه الأمور شيئا فشيئا. في الأساس، وأنا بناء على الاشياء التي كنت بالفعل قد اتخذت من الوقت للتعلم. هذا هو الرسم البياني الشامل للتقنيات التي يمكن أن تستخدم لجعل التطبيقات لنظام التشغيل Windows 8. الاشياء على الحق، وتطبيقات سطح المكتب، هو في الحقيقة ما نعرفه بالفعل. هذا هو الاشياء التي هي حقا في العالم ويندوز 7 ترحيلها إلى ويندوز 8. كل هذه خيارات المضي قدما: C #، VB، Win32 ونوع من التنمية. عظيم. لا توجد مشكلة. الاشياء الجديدة هي على الجانب الأيسر باليد. هذا المتجر تطبيقات ويندوز، وذلك عندما كنت ترغب في الحصول على طلبي السلكية في ويندوز 8 استخدام كل تلك الميزات، والحصول عليها في مخزن، والحصول على تلك التجربة رائع حقا من تطبيقات ويندوز المتجر. للقيام بذلك، يمكنك أن ترى هنا كنت قد حصلت على كل ما تبذلونه من الخيارات مع XAML، C + +، C #، VB، هل يمكن أن تفعل دايركت، وأشياء من هذا القبيل، والأشياء التي تتجاوز الشريحة. ولكن بالنسبة لنا، ونحن ذاهبون الى التركيز الحق في على حقيقة أن HTML، CSS، وجافا سكريبت هي في الواقع مواطن من الدرجة الأولى لصنع تطبيقات ويندوز 8 وللمتجر Windows. لذلك هذا امر جيد للجميع هنا والناس مشاهدة على الفيديو لأنه يمكنك الاستفادة من كل هذه التجارب مجرد أن لديك وربطة عنق حقا في ما يقدم ويندوز. وأنت تسير أن نفعل ذلك من خلال مجموعة من واجهات برمجة التطبيقات، والتي ينبغي أن تكون هناك مفاجأة. كل نظام التشغيل لديها واجهات برمجة التطبيقات الخاصة بها. علينا أن نفضح ما يمكن القيام به من خلال ويندوز ما يسمى WinRT. انها مجموعة من واجهات برمجة التطبيقات التي فقط يفعل كل شيء لك. إذا كنت بحاجة إلى فتح الملفات، تحتاج إلى استخدام الكاميرا، تحديد الموقع الجغرافي، وأشياء من هذا القبيل، يذهبون من خلال ما يمكن أن نقدمه لك ويندوز. للوصول إلى ذلك، لدينا بعض أكثر جافا سكريبت أن يحدث لجعل الأمر أسهل بالنسبة لك أن تفعل ذلك. أننا سنصل إلى ذلك في لحظة. لكنه الآن، وهذا هو الأساس خريطة الطريق الخاصة بك. الأشياء التي كنت قد تم بالفعل القيام على رأس بعض واجهات برمجة التطبيقات أن المساعدة التي تعمل مع ويندوز يساوي المتجر. وهذا هو حقا حول كل ما عليك أن تعرف من مستوى عال. 

سنقوم يغوص في الواقع يعمل مع الاشياء الآن. الأشياء ربما كنت قد رأيت بالفعل حفنة من، مع IE9 قليلا حين يعود قدمنا ​​الدعم لكثير من، في ذلك الوقت، أحدث المعايير في شبكة الإنترنت، لذلك الكثير من الميزات CSS جديدة، الكثير من الجديد HTML، ECMAScript 5، الذي هو في الحقيقة جافا سكريبت. لذلك كان كل شيء لأنه باستثناء الوضع صارمة في IE9. مجرد طن من الاشياء مع CSS، CSS3، كل ما في هناك. ويحمل كل هذه الأشياء إلى الأمام في ما نقوم به مع ويندوز 8. يمكنك استخدام هذه الأشياء، ويمكنك استخدام كل ما هو جديد في IE10. مع IE10 نقدم الدعم لجميع هذه الأشياء أيضا. انهم جميعا تسارع الأجهزة، لذلك إذا كنت على جهاز يحتوي نوعا من GPU، الذي هو على الارجح الى حد كبير كل الجهاز الذي يمكن أن يحصل في السنوات ال 8 الماضية، وأنت تسير لتكون قادرة على تسارع الأجهزة الإخراج، خرج البصرية مع CSS، قماش، SVG. كل هذه الأمور سوف تذهب من خلال تسريع الأجهزة ويكون ذلك أسرع بكثير وأكثر كفاءة. النسخة قصيرة من كل هذا - أنا لن تذهب من خلال كل شيء واحد هنا - إذا كنت ترى أنه في هذه القائمة، إذا كنت تستطيع ان تفعل ذلك في IE10، إذا كان التطبيق على شبكة الإنترنت التي كنت تقوم بتشغيل التي تعمل في IE10، انها شيء يمكنك القيام به باعتبارها الوكالة ويندوز المتجر. وهذا الى حد كبير ذلك. حتى اذا كان يعمل في IE10، انها الذهاب الى العمل باعتبارها الوكالة ويندوز المتجر. انها على الطاولة كشيء التي يمكنك استخدامها. 

هناك الكثير هنا. ليس لدينا حتى منتصف الليل، لذلك لا أستطيع مراجعة كل شيء هنا. ولكن هناك بعض المواقع التي سوف تساعدك على فهم ما هذه الأمور يمكن القيام به، وأنا سأريك واحد منهم في الثانية. أردت فقط أن أشير إلى عدد قليل من الأشياء الأساسية التي قد ننظر. ربما كنت قد رأيت بالفعل بعض من هذه في دراستك، ولكن هذه هي مفيدة حقا، ولا سيما مع ويندوز مخزن التطبيقات، من الجانب CSS. بحيث تكون قادرة على القيام التحويلات والتحولات، وتوفير الحركة مع الرسوم المتحركة - هذه كلها جزء من CSS الآن، وأنهم جميعا تدعمها المتصفحات الحديثة، وIE10 وIE9 قد أضافت الدعم مع مرور الوقت لجميع هذه الأشياء. وهكذا لماذا أكتب ذلك بنفسك، لماذا تذهب من خلال كل المتاعب من فعل هذه الأشياء باليد عندما يمكن ان تستخدم CSS بسيطة تحويل لخلق تأثير 3D للتطبيق الخاص بك؟ عظيم. هذه هي الطريقة التي يعمل بها. أنا لا يمكن أن تجعل من أي أكثر صعوبة من ذلك. إذا كنت تعرف كيف تفعل ذلك في CSS، وانت تعرف كيفية القيام بذلك في التطبيق ويندوز المتجر. 

يذهب أبعد من ذلك لتخطيط، حتى أشياء مثل التطبيق مخزن، ولكن يذهب أبعد من ذلك، وربما تبحث في التطبيق الأخبار وهذا ما يظهر لك مقالات أو وصفات أو أشياء من هذا القبيل، وهذه أنواع أخرى من الميزات في CSS هي مفيدة حقا: الشبكة، Flexbox، والمناطق CSS هو أكثر من معيار جديد إلى حد ما كذلك. هذه الأمور جميعا سوف تساعدك وضع المحتوى وتدفق المحتوى بين أقسام، تكون قادرة على القيام ترقيم الصفحات والواصلة دون الحاجة لكتابة الاشياء نفسك. كنت أقول، "الرجاء القيام بما يلي بالنسبة لي" وكما الشاشه العقاري يختلف على أجهزة مختلفة أو كما سترى في لحظة، كما كنت المفاجئة تطبيق لديها كميات أصغر من المساحة على الشاشة، وهذا لا يشكل مشكلة بالنسبة CSS. فإنه يمكن الاستفادة من - we'll الحديث عن استفسارات وسائل الإعلام في الثانية - فإنه يمكن أن تأخذ الرعاية من الأشياء مع اعادة تموضع المحتوى الخاص بك، يتدفق المحتوى من المناطق فقط مع هذه الأشياء التي كنت قد شهدت بالفعل مع تكنولوجيا الإنترنت. 

على الجانب HTML5، وهناك أيضا مجموعة من الأشياء التي من شأنها أن تكون مفيدة جدا بالنسبة لك مع ويندوز مخزن التطبيقات. مرة أخرى، ونحن لن نذهب من خلال كل هذه، ولكنهم فقط هنا. حتى إذا كنت في حاجة لاستخدامها، السمعية والبصرية، وإذا كنت تريد أن تفعل التحقق من الأشكال، تحديد الموقع الجغرافي، وجميع الأشياء التي يمكنك القيام به في تفعيل جافا سكريبت مع 5 أو ECMAScript 5، المفهرسة لتخزين المحلية - وهذه هي جميع الخيارات بالنسبة لك. إذا كنت تبحث عن إجابة، مجرد إلقاء نظرة على التكنولوجيات القائمة مع HTML5 و CSS وستجد إجابات أسهل من الاضطرار للفة الكثير من الاشياء التي بنفسك. اسمحوا لي أن تظهر لك حول قليلا هنا. أنا عندي موقع يمكن أن نذهب إلى. اسمحوا لي أن استقال من هذه الشريحة لفترة ثانية. 

إذا ذهبنا إلى IETestDrive.com، لن أفعل الكثير من التجريبي هنا. IETestDrive.com يظهر لك حقا الكثير من كل ما هو جديد مع IE10، الأشياء التي يمكنك القيام به. أجد أن هذا أمر مفيد حقا لأنه بدلا من القراءة من خلال مجموعة من الأوراق البيضاء، ننظر في عدد قليل تجريبية، وهذا ما سوف تساعدك على وضع رادار على الشخصية الخاصة بك حول ما إذا كان من المنطقي التكنولوجيا حتى للقيام بأي إجراء المزيد من البحوث مع لذلك عليك أن تفهم، "أرى ما هو هذا". "أنا أفهم ما يفعل طلب الرسوم المتحركة الإطار بالنسبة لي." "أنا أفهم كيف يمكن استخدام الأقاليم أو مرشحات SVG." تراهم في العمل، نراهم على سبيل المثال هنا، وتقرر لنفسك إذا كان ذلك سيكون مفيدا بالنسبة لك في المشاريع الخاصة بك وخارجها كما كنت مواصلة العمل مع تكنولوجيا الإنترنت. هنا أود فقط نشجعكم على إلقاء نظرة. أنا لا أعتقد أنني سوف تنفق الكثير من الوقت في الواقع تعمل هذه. لدينا ما يكفي لتظهر مع كتابة التعليمات البرمجية. سترى هنا الأشياء من الآثار التي تعمل باللمس للألعاب التي تعمل باللمس في هذا القسم، الرسوم المتحركة، وتسارع الأجهزة سريع حقا الرسوم المتحركة هناك، بعض التحسينات التي سترى في بعض هذه العينات كذلك، وهناك كثير، كثير أكثر. إذا ذهبت أكثر من هنا وفتح خريطة الموقع، هناك فقط عدد المضحكة من العينات هنا. يمكنك ان ترى كل منهم هنا. إذا كنت تبحث في شيء أو سمعت عن شيء وكنت أتساءل ربما هذا سيكون شيء رائع، لاستخدامها في التطبيق، حاول البحث هنا، وهناك ربما التجريبي جيدة من أجل أن تنقذ نفسك بعض الوقت. 

حسنا؟ أي أسئلة حتى الآن من أجل الناس هنا؟ بخير. سنقوم تحمل على هنا. مرة أخرى، لمجرد التحقق من ذلك. فهي معايير الويب، لذلك يذهب إلى أي مواقع أخرى عرض عليك أن تعرف من ومعرفة ما إذا كان تلك التكنولوجيات معنى لما كنت تحاول القيام به. 

عد إلى الشرائح. أن قال، كنت تتحرك من عالم الإنترنت إلى العالم حقا تثبيت التطبيق المحلي، لذلك هناك بعض الأشياء أن نشير هنا. في المقام الأول، وليس هناك خادم الويب المعنية هنا. ليس هناك اباتشي، وليس هناك IIS تشغيل هنا تخدم ما يصل إلى صفحات عميل بعيد، إلى وكيل متصفح النائية. في هذه الحالة، يتم تعبئتها كل شيء حقا بالنسبة لك. كنت أسلم بأن التطبيق الخاص بك إلى مخزن، ويحصل على شهادة عليه، انها في المخزن، وبعد ذلك الناس بالآلاف سيتم تثبيت اللعبة أو التطبيق الخاص بك. ولكن أساسا، انهم سحب عليه محليا إلى الماكينة. ليس هناك حاجة للذهاب إلى الشبكة بعد الآن إلا إذا كان لديك المكالمات التي تحتاج إلى API عن بعد، وهذا طبيعي تماما وكذلك أيضا. لكنهم لن تكون في ذلك الوضع حيث لديهم للذهاب استجابة طلب من خادم للحصول على الصفحة التالية من محتواها. بحيث قال، هناك بعض الاختلافات الطفيفة API. هذه هي بسيطة بشكل لا يصدق. انهم غير المرجح أن تصل إليك في الترميز العادي الخاص بك، لكنهم على الأقل موثقة. انهم نوع من حافة الحالات هناك. 

الشيء الآخر الجدير بالذكر هو الاختلافات الثقة. أنا فقط أذكر هذا لأنني فقط أريد أن تأكد من قلت ذلك لذلك إذا واجهت في وقت لاحق، سوف تظن قال كريس، "شيء حول هذا الموضوع، "لذلك ربما، نعم، حسنا"، ثم تذهب مرة أخرى ويمكنك معرفة ما كان عليه. سياقات يهم. افتراضيا نحن نحاول حماية المستخدم من ناقلات الهجوم. هناك بعض الأشياء التي يمكنك القيام به بشكل افتراضي وبعض الأمور تحتاج إلى تغيير السياق إلى تمكين. كما كنت تستخدم بعض المكتبات هناك - you've بالفعل تم العمل مع مسج، ولكن إذا كنت تبحث عن مكتبات أخرى هناك - قد يكون استخدام بعض الوظائف هذا النوع من يتجاوز الاستخدام المحلي، لا أكثر ديناميكية التفاعلات طلبات XHR، وأشياء من هذا القبيل. في بعض الأحيان قد تجد تلك سيتم تعطيل افتراضيا، وفي هذه الحالة، لا مجرد البحث، والبحث عن السياق المحلي وعلى شبكة الإنترنت، وعليك معرفة كيفية إصلاح ذلك. فقط للتأكد من أنك تعرف عن ذلك عندما تبدأ في استخدام أطر أخرى، والتي، وأود أن أذكر، كنت تماما قادرة على القيام. حتى إذا وجدت بعض إطار آخر - we'll الحديث عن هذا في الثانية - للعب القمار، وترغب في استخدام ذلك، وتريد أن تستخدم بعض المكتبات التحكم الموجودة هناك وكنت لا تريد أن تكتب هذه الأشياء نفسك - انها فكرة جيدة، أليس كذلك؟ - يمكنك استخدام هذه الاشياء على الاطلاق. لا يوجد شيء عقد بعودتكم من استخدام أي نوع من المكتبة التي يقوم على جافا سكريبت، CSS، HTML5. مرة أخرى، إذا كان شيء يمكنك القيام به في IE10، وهو من هيك الكثير في هذه الأيام، يمكنك أن تفعل ذلك. تسحبه إلى التطبيق الخاص بك، المرجعية التي مكتبة جافا سكريبت، واستخدامها في التطبيق الخاص بك، فقط مع الأخذ في الاعتبار قد ضرب سياق الأمان مرة واحدة في حين - وليس في كثير من الأحيان. 

ثم الميزات، ونحن سوف يذهب أكثر من عدد قليل من أكثر من تلك ونحن نمضي. وUX ستحصل على نوع من استخدامها لكما ترون المزيد والمزيد من التطبيقات من متجر Windows. كنت التعود على كيفية عملها وكيف يميل جمالية التصميم على العمل عبر تطبيقات مختلفة وما سيتم اعتاد الناس على تواجهها. هذا هو حقا جزء مهم. تأكد من أنه عندما تصل النار تطبيقك أنها لا تحتاج لقراءة دليل، التي لم تفعل، من جانب الطريق. ينبغي أن تكون فقط قادرة على البدء في اللعب مع التطبيق الخاص بك والاعتقاد بها دون صعوبة كبيرة. عن طريق الالتزام والتمسك الكثير من هذه الممارسات، كنت تنوي القيام به مستخدمين خدمة كبيرة، مما يجعل ذلك أسهل. 

بخير. آخر شيء واحد على الجانب API ثم أننا سنصل إلى الكتابة فعلا التعليمات البرمجية. WinJS هو هذا الشيء ذكرت لفترة وجيزة للغاية مع تلك الشريحة المعقدة مع كل هذه الخيارات المختلفة التي لديك لجعل التطبيقات. WinJS، يمكنك التفكير في الأمر باعتباره رفيق. انها صديقك لمساعدتك في كتابة الاشياء بسرعة أكبر. انها مجرد جافا سكريبت و CSS. لم يكن لديك لاستخدامه. يمكنك استخدامه. إذا كنت على وشك أن يدعو إلى ميزات ويندوز، سوف ينتهي بك الأمر استخدامه، ولكن إذا كان هناك أشياء مثل بعض أنماط التصميم أو عناصر التحكم التي كنت حقا لا تريد استخدامها، كنت تريد استخدام شيء آخر، والامر متروك لك. تقرر ما الذي تريد استخدامه والأساليب التي تريد استخدامها. ملامح من namespacing والطبقة الجيل - متروك لكم. إذا كنت تفضل واحدة أو أخرى، انها تماما اختيارك. انها لا تزال جافا سكريبت و CSS. لكنه سيحتاج لمساعدتك تفعل الكثير من الاشياء. على سبيل المثال، وهنا مجموعة فرعية من ما يمكن القيام به، أشياء مثل مساعدة البرمجة غير المتزامنة مع وعود. أي واحد منكم يسمع أو يعمل مع Node.js؟ انها نمط مشترك للعمل مع البرمجة غير المتزامنة. وذلك أساسا ما تقوله هو، "الذهاب تفعل شيئا، "وأنت تسير أن تعطيني وعدا أن عليك العودة الى لي عند الانتهاء من ذلك." هذا هو أساسا ما يجري. لذلك لم يكن تجميد التطبيق الخاص بك في حين أن المستخدم هو الذهاب واختيار ملف أو شيئا ما يجري المتدفقة إلى أسفل من الويب. لا تزال واجهة المستخدم استجابة. ويمكنك القيام بذلك عن طريق استخدام البرمجة غير المتزامنة. يبدو معقدة للغاية، ولكن من السهل حقا لأنك كنت تستخدم عود وكنت أقول، "الذهاب قيام بذلك وعند الانتهاء من ذلك، ندعو مرة أخرى إلى هذا الأسلوب." هذا الى حد كبير ذلك. هذا كل ما بنيت في لWinJS. انها سوف تجعل من الأسهل كثيرا على كتابة تطبيقات مرنة وقوية حقا. 

يمكنك ان ترى بقية هنا، والكثير من الرسوم المتحركة. على الارجح واحدة من أكثر الأشياء أهمية على هذه الشريحة هي الضوابط. أعتقد أن لدينا ككل - نعم، أنا أعمل. وهنا مثال على بعض فقط من عناصر التحكم التي يمكنك استخدامها في التطبيقات الخاصة بك. هذا هو كل ما يصل مباشرة من WinJS. كنت لا أكتب هذه أنفسكم، كنت أقول، "هنا كيف أريد أن يؤلف طلبي". "سوف تستخدم وجهة نظر الآخر حتى أتمكن من الذهاب بين الصور المختلفة". أنا لم تظهر لك الدلالي التكبير. سأريكم أنه في الثانية. ListViews. هناك GridViews. كنت قد رأيت بالفعل الشبكة كجزء من تطبيق متجر، بحيث تكون قادرة على استخدام كتل من المحتويات والتمرير عبر ذلك. القوائم Flyout سترى من وقت لآخر. وأظهر لي شريط التطبيق لك أن تطبيق الطلاء الطازجة وكذلك، لذلك أنت رأيت كيف يمكنك تخصيص ذلك عن طريق وضع أزرار على ذلك وبعد أن إخفاء بعيدا عندما كنت لا تهتم لاستخدام ذلك. هذا حقا تماما متروك لكم لاستخدام. وهذه كلها عناصر التحكم التي هي جزء من WinJS. سوف تظهر لك كيفية جعل هذه في ثانية واحدة، ولكن هناك أكثر من مجرد هذا، والشيء الرئيسي هو استخدامها إذا كنت تريد، انقاذ بعض الوقت. 

إذا كان لديك السيطرة المكتبات الأخرى التي ترغب في استخدامها، وهذا ما يرام تماما جدا. أشياء مثل مسج UI تفعل الكثير من هذا النوع من الفكرة كذلك، توفير المزيد من الضوابط التي تمتد ما يمكنك القيام به في HTML و JavaScript. دعونا الغوص. لقد سبق أن قلت ذلك. استخدام ما تريد. فقط نأخذ في اعتبارنا ان كنت قد واجهت بعض القضايا السياق. ولكن يمكنك بالتأكيد مزيج المباراة وأيا كان نوع من المكتبات كنت مرتاحا، كنت تريد أن تتعلم، وتريد أن تستخدم، لتنقذ نفسك بعض الوقت. 

دعونا نتحدث عن مجرد أدوات لثانية واحدة. يمكنك الحصول على ما تحتاجه لبدء العمل مع ويندوز مخزن التطبيقات. إذا ذهبت إلى الوراء، لدي أشياء كثيرة جدا هنا. إذا ذهبت إلى هذه الصفحة، وهو dev.windows.com، يمكنك تحميل كل ما تحتاجه. كطلاب، لديك إمكانية الوصول إلى أكثر من عامة الناس لا، حتى تتمكن من الحصول على إصدارات أعلى نهاية من Visual Studio. ذكر ادوين يمكنك الحصول بالفعل ويندوز كذلك. ولكن بصفة عامة، لجميع المطورين، يمكنك الذهاب الى هذا الموقع وتحميل كل ما تحتاجه لجعل تطبيق، وأنها كلها مجانية. حتى لا يكون هناك نسخة مجانية من Visual Studio، هناك بعض الأدوات التي من شأنها تثبيت جنبا إلى جنب مع ذلك - كل ما تحتاجه لإنشاء واختبار التطبيق الخاص بك. انها فقط عندما كنت ذاهب لنشر التطبيق الخاص بك إلى مخزن أن وأنت تسير في حاجة إلى حساب مطور. هذا أيضا أعتقد مجانية. هو مجانية للطلاب كذلك؟ >> [Guarin] أي واحد؟ حساب المطور، وتقديم الفعلية. >> [Guarin] نعم. هذا هو المزيد من الأخبار الجيدة. سوف تذهب ننظر إلى هذا. انها سوف يقول للفرد افتراضيا انها 49 دولارا. ولكن لا تسجل في أن كطالب. سنقوم تحصل على بعض المعلومات من خلال البرامج التي يمكنك الحصول على حساب مجانا، والتي من شأنها أن تسمح لك ثم يقدم التطبيقات الخاصة بك وصولا الى المتجر، كثير كما تشاء، وجميع من أن الخير سوف يتبع قريبا. ذلك أن dev.windows.com. يمكنك تحميل الأدوات التي قد تحتاج من هنا. وإذا كنت تريد، يمكنك الحصول على نسخة تجريبية من ويندوز هنا، ولكن مرة أخرى، لن تحتاج ل. 

موقع آخر - اسمحوا لي أن أشير إلى هذه النقطة واحدة من اصل للك بسرعة - هو design.windows.com. كان ذلك dev.windows.com. Design.windows.com، يمكنك تخمين ما هو عليه ل. انها فعلا موقع ودية جدا. هناك الكثير من المعلومات الجيدة هنا. يمكنك العمل من خلال ذلك. انها سوف اعطيكم بعض النصائح حول بعض الأمور التي ربما لم تكن قد فكرت قبل أو كان عليها أن تتعامل مع من قبل، مثل تصميم لمسة وتصميم لعوامل شكل مختلف، تصميم لقدرات ويندوز 8، والأشياء التي ذكرتها من قبل مثل البحث وتبادل، وبعض الأشياء التي لم تكن قد تحدث عن بعد. جميعا سردها هنا، وانها مجموعة جيدة من صفحات ملف مفيدة التي من شأنها أن تساعدك على فهم كيفية صنع نوع معين من التطبيق، كيفية القيام التفاعل، وكيفية التعامل مع واجهة المستخدم وUX التطبيق الخاص بك. وأود أن ننصح نلقي نظرة على هذا، خاصة إذا كنت في مرحلة ما على أمل نشر تطبيق إلى المخزن. كنت تريد الذهاب الى معرفة كيفية جعل التطبيق الجيد لأنني ذكرت من قبل إذا كنت لا، هناك هذه المشاركات مرة أخرى. الناس سوف تكون سعيدة. فإنها لن تكون قادرة على العثور على الأشياء التي يتوقعونها في الأماكن الصحيحة. لا أحد يريد أن يحدث ذلك لك. 

المضي قدما هنا، اسمحوا لي أن يغلق أسفل. الآن بعد أن تعرف أين يمكن الحصول على الأشياء، وسوف تظهر لك كيفية البدء فعليا باستخدام الاشياء. لتبدأ، وسوف تظهر في الواقع كنت هنا مثالا من تطبيقات سطح المكتب على شاشة البداية. هنا يمكنك ان ترى البصرية ستوديو، يمكنك ان ترى مزيج وأدوات المطورين الأخرى التي لدي. لديهم البلاط مختلفة قليلا. وهذا لأنهم تطبيقات سطح المكتب، وفي تلك الحالات انهم جميعا سوف إطلاق العودة إلى سطح المكتب حقا مثلما تطبيقات التي كنت تستخدم ل. حتى تجربة ويندوز، انها نفس الشيء. لم تكن كذلك، على سبيل المثال، مثل المسلحة! أو هذه الأشياء. اسمحوا لي أن إطلاق واحدة بسرعة. في الواقع، وهنا مثيرة للاهتمام. وقد وضعت هذه من قبل الطلاب بالعمل في شراكة في NERD. تطبيق كامل الشاشة، هذه الأنواع من التجارب هنا. أوه، شاشات قطع لطيفة وجميع أنواع وسائل الترفيه. أنها وضعت هذا. ونحن قد تظهر وكذلك كل شيء بينما نحن في ذلك. في الواقع، لقد عملت معهم قليلا، وقدم لهم بعض النصائح حول الأمور لأنهم كانوا يفعلون جافا سكريبت لتطبيقها. من فضلك، أنا لا أخذ الائتمان لعملهم؛ فعلوا كل عمل. أنا فقط قدمت لهم قليلا من النصائح هنا وهناك، لكنها فعلت بعض الاشياء العظيمة باستخدام الواجهة الأمامية جافا سكريبت وربط في بعض محركات الفيزياء والأشياء التى يمكن جعل الكثير من هذا العمل. تذهب. دعونا نرى ما اذا كان يعمل. نجاح باهر، وأنه لا يزال يعمل. كل الحق، وحسن. ولكن تحصل على هذه الفكرة. والتطبيق كامل الشاشة، تجربة جيدة حقا. هذا وتدعم ليس فقط بلدي الماوس وقلم إذا كان لدي اشياء من هذا القبيل ولكن أيضا لمس. إذا كان لدي شاشة تعمل باللمس، ويمكنني أن مجرد رسم على ذلك والاستمرار في العمل مع ذلك. 

شيء واحد أنا لم تظهر، والسبب أنا أحمل هذا الأمر وأردت أن يكون التطبيق أخرى لتظهر لك ما يمكنك القيام به، يمكنك فعلا تأخذ التطبيقات في ويندوز وجرها إلى جانب الشاشة. وهذا ما يسمى العض تطبيق. في هذه الحالة، لقد اتخذت Inkarus ولقد إضافته إلى الجانب هنا. هي عليه الآن في ضوء انجذاب، والذي يسمح لي أن أفعل شيئا آخر في حين أن التطبيق هو هناك. فإن معظم الألعاب ستجد ببساطة وقفة. وهذا شيء طبيعي لائقة للقيام إلا لعبتك يمكن توسيع نطاق بطريقة أو بأخرى إلى أسفل لأنه صغير من القرار، ربما مثل نوعا من ألعاب اللوح أو أشياء من هذا القبيل في بعض الأحيان. ولكن بصفة عامة، وأسهل شيء نفعله، والشيء الأكثر ملاءمة للقيام للألعاب هو لإيقاف التطبيق. لتطبيقات مثل تطبيقات الأخبار، وإذا كنت اطلاق هذا واحد وبعد ذلك ثبتها، سترى أنه يغير في الواقع كثيرا في كيف انها عرض البيانات لك. هنا انها تظهر لك في الحقيقة لعموم أكثر العمودي تلك المعلومات، ولكن ما زلت يمكن استخدامها على الاطلاق التطبيق. حتى انها لا تزال مفيدة جدا. حقيقة أنه في طريقة عرض أصغر لا تبقي لي من استخدام هذا التطبيق. حتى التفكير في ذلك. إنه شيء تحتاج إلى أن يكون تطبيقات الخاصة بك القيام به إلى حد ما، ولكن الامر متروك لكم لتحديد كيفية وظيفية يجب أن يكون تطبيقات الخاصة بك في هذا النوع من بيئة أصغر. اسمحوا لي أن يغلق واحدة إلى أسفل والعودة إلى حيث كنا هنا. 

ادوين، قمت بإضافة صورة لي بالفعل؟ >> [Guarin] نعم. >> [بوين] انظر في ذلك. ترى ذلك؟ وأضاف إدوين صورة. [يضحك] 

دعونا نعود إلى هنا في برنامج Visual Studio. اسمحوا لي أن إطلاق هذا بالنسبة لك. كان يمكن أن النقر على البلاط على أن الشاشة ابدأ. انها جلبت لي مرة أخرى إلى وضع سطح المكتب، وانها تطلق التطبيق سطح المكتب من Visual Studio. هذا هو ويندوز التي تعرف بالفعل. أستطيع أن تمضي قدما وإنشاء مشروع هنا. سوف نركز مرة أخرى على جافا سكريبت، HTML. انا ذاهب الى الخروج وتحديد ما يصل هنا تحت جافا سكريبت، ويندوز المتجر. هناك عدد من القوالب التي يمكنك استخدامها. لزيادة الإنتاجية، أنصح لك أن نلقي نظرة على بعض هذه الكواكب الأخرى هنا مثل الشبكة وسبليت. انهم مفيدة حقا إذا كنت تقديم طلب الذي يحدث أن يكون هذا النوع من التصميم والملاحة. سترى هذه كثيرا. وكان واحد أنا فقط كنت في الواقع أظهرت مثيل تطبيق الشبكة. لذلك إذا كنت تعتقد أنك على وشك أن يجعل التطبيق الأخبار أو قارئ RSS أو شيء من هذا القبيل الذي يتعامل مع الإدخالات المتعددة التي ترغب في إظهار التفاصيل، التفكير في استخدام واحدة من هذه القوالب لتبدأ بسرعة وتخصيص من هناك. ولكن فقط حتى أستطيع أن تظهر لك كل الأجزاء المتحركة هنا أنا ذاهب لإنشاء التطبيق فارغة، ومن ثم سنذهب أعمق قليلا في تفاصيل. أنا مجرد جعل هذا التطبيق فارغة هنا. انها تسير لإنشاء المشروع كله بالنسبة لي. سوف تفتح الأشياء التي أريد أن تظهر لك بشكل افتراضي. اسمحوا لي فقط في تكبير قليلا لتظهر لك ما خلق لنا هنا. الأشياء التي كنت سوف ننظر في البداية كلها اسمه الافتراضي. لذلك كنت ذاهب للبحث عن default.html، default.js، وdefault.css. الشيء الآخر هو أن نشير إلى أن لدينا بالفعل إشارة إلى ما ذكرت من قبل. هذا هو WinJS. لا أحد يدعو فعلا هذا الاسم الطويل هنا. فمن WinJS، مكتبة ويندوز لجافا سكريبت. إذا كنت فتحه، يمكنك ان ترى كل شيء هنا. هناك ملفات CSS مختلفة، وهناك جافا سكريبت. انه هناك لمساعدتك. انها حقا هناك لتوفير الضوابط والأساليب والاشياء التي يمكنك فقط استخدام تلقائيا. ولكن مرة أخرى، إذا كان هناك أشياء التي تريد استخدامها بدلا من حيث التصميم وغيرها من الضوابط، انها تماما متروك لكم. وسوف تظهر لك كيفية استخدام زوجين من تلك الأشياء الآن. 

إلى أكثر من لدينا على الجانب الأيسر، واسمحوا لي أن تظهر لك صفحة HTML الافتراضي. كنت قد رأيت بالفعل الاشياء WinJS، وهذا هو حقا كل ما يحدث هناك مع تلك الخطوط منتصف العلامات، وبذلك فقط في CSS افتراضيا وجلب بضعة ملفات JavaScript من WinJS. لا تحتاج إلى أن يكون سيد ما يحدث داخل تلك الملفات. انها مثيرة للاهتمام جدا أن نلقي نظرة عليها لمراجعة نوع من ما يحدث في هناك لأن هناك تقنيات المتوسطة والمتقدمة جدا للاهتمام يحدث في هناك، ولكن الشيء الجميل هو كما المطورين، يمكنك أن تأخذ فقط الاستفادة منهم، مجرد استخدامها وليس من الضروري حقا أن تقلق بشأن ذلك. لا يزال بإمكانك قيادة السيارة دون الحاجة إلى معرفة كيف يعمل، أليس كذلك؟ ذلك أن هذا النوع من الشيء الذي يحدث هنا. هناك ضوابط والأساليب والاشياء التي يمكنك اذهبوا الى الامام واستخدام والتعليمات البرمجية التي يمكنك استخدامها في الثانية دون الحاجة إلى معرفة ما في هناك. هنا الملفات الخاصة بك. وهذه هي الأماكن التي يمكنك تعديل CSS الخاصة بك وجافا سكريبت الخاصة بك للحصول على الأشياء المتداول. عليك أن تكون إضافة ملفات أخرى بالتأكيد جافا سكريبت وملفات CSS وربما غيرها كما ينمو المشروع الخاص بك، ولكن هذا هو في الحقيقة مجرد نقطة انطلاق. هنا هو مرحبا، أي ما يعادل عالم HTML، لذلك نعود في العلامة الجسم. في الجزء العلوي، بالمناسبة، انها DOCTYPE HTML5، لذلك عليك أن تدرك أن من ما كنت قد تم العمل على. هناك في هذا التحسس كامل هنا كذلك، لذلك إذا كنت تفعل أشياء مثل نوع في علامة فيديو وتوسيع أنه من أصل، وربما كنت قد علمت عن حقيقة التي تحتاج إلى القيام به لترميز تراجع الفيديو في HTML5 - أو ربما لديك - لضمان أن المتصفحات المختلفة لديها دعم للفيديو الخاص بك. لدينا مثل هذه الامور عبر HTML، عبر تفعيل جافا، عبر CSS. أن الذي بني في، وأنا سأريك المغلق في الثانية. هنا يمكنك ان تمضي قدما والبدء في تعديل التعليمات البرمجية، والعلامات. في الواقع، قبل أن يغير شيئا، وانا ذاهب لتشغيل هذا وتظهر لك ما تحصل عليه. وأنت تسير في الحصول على شاشة البداية التي يمكنك تخصيص ثم تحصل على مرحبا، تجربة العالم هنا. انه امر رائع، أليس كذلك؟ والمضي قدما في السفينة التي، أليس كذلك؟ المحتويات يذهب هنا. هذا هو الشيء الأساسي. فإنه يمكن فقط الحصول على أفضل من هناك. سنذهب قدما وإضافة في بعض الاشياء. لقد حصلت على القليل من العلامات انا ذاهب لنسخ هنا فقط لذلك لم يكن لديك لمشاهدة لي الكتابة. اسمحوا لي ان اذهب إحضار الأدوات هنا، وأنا سوف يعلقون ذلك لأنني سوف تفعل ذلك عدة مرات. الأدوات، إذا كنت لم أر البصرية ستوديو، هو أين أنت ذاهب للعثور على مجموعة من الضوابط. يمكنك أيضا وضع مقتطفات الشفرة إلى أنه يمكنك إعادة استخدامها. هنا سوف البوب ​​فقط في بعض HTML الأخرى، لا شيء على الإطلاق المتقدمة بشكل رهيب هنا. انها مجرد HTML الأساسية قائلا لدي مدخلا أين يمكنني الكتابة، لدي زر أين يمكنني تقديمه، ومن ثم لدي شعبة هذا أساسا عنصر نائب التي يمكن استخدامها لإخراج "مرحبا، قمت بكتابة هذا." انها مقدمة لHTML سبيل المثال. إذا قمت بتشغيل هذا، فإننا تلقائيا الحصول على HTML، ولكن علينا أيضا تلقائيا على التصميم. هذه هي واحدة من الامور الهامة من WinJS. انها سوف تعطيك افتراضيا بعض الشكل والمظهر التي تنسجم حقا مع بقية ما يقوم به ويندوز 8. هنا ترون أشياء مثل الزر. الزر بشكل افتراضي في HTML لا تبدو مثل ذلك، ولكنه لا يفعل هنا لأنه يحصل على هذا الحق CSS من هذا الملف المغلق في WinJS. إذا كنت ترغب في استخدام شيء آخر، إذا كنت ترغب في تغيير ذلك، ودفع غرامة تماما، نمضي قدما ونفعل ما تريد. ولكن هذا هو الافتراضي. انها سوف تكون أكثر دراية للمستخدمين. وبالطبع هذا لن تفعل أي شيء لأنني لم سلك فعليا حتى أي نوع من التعليمات البرمجية للرد على ذلك. كان مجرد HTML. حتى أتمكن من التخلص من ذلك، وسوف نعود إلى التطبيق لدينا. 

اسمحوا لي أن التحول إلى default.js لدينا. وهذا يبدو ومعقدة جدا، ولكن انها مجرد القيام ببعض الامور بالنسبة لك. انها النمطي. انها سوف تكون هي نفسها في جميع المشاريع الخاصة بك. الشيء الوحيد وهذا ما نفعله هو مجرد نوع من متسائلا "كيف يمكنني الحصول على هنا؟" وقال: "هل إطلاق هذا التطبيق لأول مرة؟" "هل استئناف التطبيق من وجود لها أن توقفت؟" وقبل بضعة أشياء من هذا القبيل. حقا، تركيزنا على هذا الملف هنا هو الحق عنه هنا. عند هذه النقطة، وهذا سطر واحد من التعليمات البرمجية مهم جدا. انها تسير فعلا للذهاب والبحث من خلال كل من العلامات الخاصة بك، وانها سوف تجد الأشياء التي كنت قد طلبت أن تحولت إلى الضوابط، ضوابط أعمق مثل عنصر تحكم تصنيف، مثل عرض الشبكة، مثل flyout وتلك الأشياء الأخرى التي عرضتها عليكم في هذه الشريحة من قبل. انهم ليسوا عناصر HTML الأصلية. أنت فقط لا أقول flyout كعنصر، وأنها تعرف ماذا تفعل. ما نقوم به في الواقع هو نفس الشيء الذي يحدث في أنواع أخرى من أطر المراقبة. مسج UI يفعل نفس النوع من النهج العام. يمكنك استخدام علامات HTML في الخاص بك، وبعد ذلك بعض جافا سكريبت يأتي من خلال لاحقا ويقول: "أوه، أنا أعرف ما هو، وهذا هو المطلوب لهذا أن يتحول إلى هذه الأشياء،" وهو أكثر تعبيرا HTML الأخرى لجعل مثل عنصر تحكم تقييمات، و وهو ما سوف تظهر لك الآن. هذا السطر من التعليمات البرمجية هو الوعد الذي يقول، "عندما يتم الوفاء بهذا الوعد، "لقد تم إنشاء ثم كل ما كنت قد طلبت." وهذا كل شيء. يبدو معقدة بعض الشيء، لكنها في الحقيقة هي نفسها في كل مشروع. إلى هنا حيث يمكنك البدء في إضافة في أي شيء آخر كنت تريد أن يكون يحدث، ولذا فإننا سوف أعود إلى ذلك في الثانية. 

في المقام الأول، وأنا في حاجة الى القليل من التعليمات البرمجية التي يمكن أن تستجيب لحقيقة أن شخصا ما قد النقر على زر. انا ذاهب الى المضي قدما ووضع ذلك في أسفل هنا. مرة أخرى، وأنا لن تفعل أي كتابة أمامك هنا. جافا سكريبت الأساسية جدا فقط أقول عندما يتم استدعاء هذا ونحن في طريقنا إلى أن تقدم بعض التفاصيل عن كيف وصلنا هنا ومن ثم نحن في طريقنا للقيام عدد قليل من الأشياء الأساسية. تذهب تجد الشيء في صفحة HTML بلدي الذي يدعى nameInput، الاستيلاء عليها، واتخاذ قيمته، صفعة "مرحبا" على الجبهة منه، والعصا التي ينتج سلسلة إلى أن شعبة الوسم التي كانت لدينا قبل ذلك لم يكن لديك أي شيء حقا من قبل. الآن ونحن في طريقنا لتجد أن العلامة وجعل محتواه الداخلي مساوية لتلك السلسلة. جافا سكريبت بسيط جدا. نأمل كنت مع الاعتراف بأن هناك حقا أي شيء غير عادي يحدث هنا. انها مجرد التوالى بزيادة HTML وJS هنا. إذا قمت بتشغيل هذا الآن، فإنه لا يزال لا يذهب للقيام بأي عمل لأنني لم السلكية عنه لاستقبال هذا الحدث. للقيام بذلك، سأفعل ذلك الحق هنا، والعودة مرة أخرى إلى بلدي الأدوات، ظهرت عليه هنا. أتوقع كنت قد رأيت كل هذا النوع من الاشياء من قبل، ولذا فإنني سوف لا أكثر من تفسير ذلك. الآن ونحن في طريقنا للذهاب الحصول على helloButton. ونحن في طريقنا إلى القول، "زر، التهاني." "هنا هو الحدث الذي لك الآن يتم الاستجابة ل". "عندما ينقر على لك، استدعاء هذه الدالة، وbuttonClickHandler". وهذا هو أن وظيفة واضاف نحن فقط الحق في أسفل هناك. هذا هو. حتى الآن لدينا تطبيق وظيفية بشكل مثير للدهشة. أعتقد أن عليك أن أعجب حقا من هذا. كريس. انتظر. نجاح باهر. بخير. هذا مذهل. [يضحك] ولكن هناك أكثر من ذلك. لا تشتري حتى الآن. الانتظار. 

اسمحوا لي أن تظهر لك أكثر قليلا هنا والخروج من كامل الشاشة. ونحن في طريقنا إلى المشي قبل أن تشغيل. اسمحوا لي أن تذهب في الواقع وتظهر لك قليلا مع CSS. فقط افتراضيا، إذا نظرنا إلى الوراء في الصفحة هنا، كلما نجحنا في هذه الأمور من WinJS وحصلنا على واجهة المستخدم الظلام، في الواقع، يمكنك تغييره إلى الافتراضي لاستخدام تطبيق ضوء. واجهة المستخدم الظلام هو جيد لتطبيقات الرسم مثل استخدام الكثير من الصور، كنت تظهر الكثير من المحتوى المرئي. إذا كنت تظهر الكثير من مضمون النص، واجهة المستخدم الضوء عموما هو خيار جيد. لم يكن لديك في اختيار ذلك، ولكني تحولت إلى أنه والآن ترونه نفس العلامات، نفس كل شيء، انها مجرد أساسا باستخدام مخطط مقلوب هنا حيث كل شيء مما يجعل من نص أسود على أبيض. هذا كل شيء حسن وجيد. اسمحوا لي أن الخروج هنا، ودعونا فعلا أكثر قليلا مع CSS. أنا وضعت مرة أخرى على الظلام لأنني أعتقد أنه ربما السهل أن نرى على الشاشة عندما تبدأ في فعل هذه الأشياء. أنا ذاهب لتحل محل هيئة واحدة لمزيد من الوقت. سأذهب هنا. اسمحوا لي بقصف هذا. دعونا جلب في الجسم مع الطبقات. أعتقد أنك قد فعلت محددات أساسية مع CSS واشياء من هذا القبيل بالفعل، لذلك ربما كنت أعرف ما يحدث هنا. مجرد تعيين بعض الفئات لرأس لدينا، ونحن بصدد إنشاء شعبة جديدة إلى التفاف بقية الاشياء التي يمكننا الآن استخدام أسلوب كل ذلك معا. ذلك ما يمكنني القيام به الآن هو الذهاب الى لدينا CSS الافتراضي. هل نظرت استفسارات وسائل الإعلام حتى الآن؟ هل تحدثت عن ذلك على الإطلاق؟ استفسارات وسائل الإعلام هي جزء من هذا الاتجاه الناشئ - أو انها اتجاها ثبت الآن فعلا على الويب - استجابة لتصميم أو التكيف، والفكرة هي أن التطبيقات الخاصة بك يمكن ضبط أنفسهم حقا على نحو ملائم بناء على ما الجهاز الذي أنهم يتعرضون تظهر على القيام به. حتى إذا كنت على جهاز محمول، من الواضح أنك لن يكون لها الكثير من العقارات الشاشة الحقيقي كما سوف على شاشة 30 بوصة كبيرة يجلس مع سطح المكتب، وجهاز كمبيوتر كبيرة من هذا القبيل. وبالتالي فإن الجواب القديم إلى أنه لن يكون لديك 5، 6 إصدارات مختلفة من نفس الصفحة وكنت فتح الإصدار الذي تم ضبطها لهذه الشاشة حجم معين. ليست كبيرة. انها جدا، ومتكررة جدا وهناك طن من الصيانة للقيام بذلك. الآن لدينا شيء يسمى استفسارات وسائل الإعلام المغلق، ويمكننا استخدام هذه للكشف تلقائيا عندما يكون هناك أحجام معينة أو استخدامات معينة من المحتوى الخاص بك التي يتم تنفيذها. حتى تتمكن من الرد على ذلك، ويمكنك أن تقول، "حسنا، في هذه الحالة "ربما كنت لا تحتاج حتى لي ان اقول لكم ما يحدث هنا." هذا هو فقط أقول إذا قطعت هذا التطبيق، مثل عرضتها عليكم من قبل - الاستيلاء عليه ووضعه إلى جانب الشاشة - ثم دعونا نفعل التصميم التالية. التصميم لا يقتصر فقط على الألوان وأشياء من هذا القبيل. انها أيضا عن التحجيم وهوامش وسائد وتوجهات المحتوى أو حتى تعطيل أو تمكين أجزاء كاملة من صفحتك و، في هذه الحالة، التطبيق الخاص بك أو اللعبة كذلك. حتى هنا يمكنك أن تفعل بسيطة كما تريد. وهذا لن يكون مفيدا في تطبيقات الخاصة بك، ولكن حان الوقت التجريبي، لذلك انا ذاهب الى المضي قدما ومجرد إضافة في محدد الجسم الأساسية والقول، وقال "عندما أنا قطعت، دعونا نمضي قدما ونفعل لون الخلفية ودعونا اختيار شيء." كنت قد حصلت على التحسس هنا. هذا هو في الواقع حقا بارد. في عام 2012 واضاف لدينا الكثير من الأشياء لدعم CSS وجافا سكريبت و HTML. كنت قد حصلت بالطبع المنسدلة التحسس الذكي جدا، ولكن هذا ليس الشيء باردة. الشيء هو بارد كنت قد حصلت على محددات البصرية لكثير من الأشياء أيضا. لذلك يمكن أن تذهب من خلال ومجرد اختيار لون، أو يمكنك الخروج وتكون أكثر تحديدا، ويمكنك اختيار - هذه ستكون رهيبة. أنا في الواقع اختيار لون لائقة هنا. مشاهدة العلامات أيضا، من جانب الطريق. هذا هو شكل موحد RGB الخاص بك هناك. ولكن إذا كنت تستخدم التعتيم، وانها سوف بالتحول لاستخدام قناة ألفا محدد هنا. حتى تستطيع أن ترى ذلك، فإن اللون مع الشفافية أساسا في المئة أن لديك لذلك كل خبز الحق في هناك. انا ذاهب الى الاحتفاظ بها على أنها 100٪ ومن ثم عندما انتهيت مع ذلك، كل شيء على ما يرام وجيدة. الآن إذا قمت بتشغيل التطبيق ونحن نأخذ التطبيق، ونحن ثبتها، ويجري تعديل هذا اللون الخلفية تلقائيا فقط لأن لدينا بعض CSS تقول "الذهاب نفعل ذلك." يمكنك أيضا كتابة جافا سكريبت جدا من شأنها أن تفعل الشيء نفسه أو التي يمكن أن تستخدم في الواقع إلى وقفة لعبة، تفعل أشياء من هذا القبيل. وهذا ربما عندما كنت استخدام جافا سكريبت. هل إيقاف اللعبة حلقة في تلك المرحلة. قد تحتاج بعض جافا سكريبت لأن ذلك لن يكون شيئا كنت CSS ل. ولكن نأخذ في الاعتبار انها مجرد حدث. هل يمكن أن نقول: "عندما يتم تغيير حجم طلبي، "دعونا نرى ما اذا كنا كنت قطعت." وهذا كل شيء. 

حسنا؟ لقد تم الحديث كثيرا. هناك أسئلة حتى الآن على ما نحن فيه؟ نعم. [طالب] هل هناك برنامج تعليمي لأحد أن الحصول على المزيد من المعلومات؟ نعم >>. والسؤال هو، هل هناك برنامج تعليمي لهذا؟ أنا مجرد توسيع نطاقه ليشمل كل شيء. هناك عدد قليل من الأشياء التي يمكنك الذهاب إليها. دعونا فعلا نخرج من هنا. اسمحوا لي أن أعود هنا. شيء واحد هو أن نشير إلى البصرية ستوديو نفسها لديها الدروس بنيت فيها اسمحوا لي أن التخلص من هذا. إذا ذهبت وإنشاء مشروع جديد، لا ملف، مشروع جديد، وننظر إلى الجانب الأيسر ناحية، هناك عقدة على الانترنت في هذا محدد. انها سوف تأخذ قليلا. أنا في بلدي MyFi هنا. لكنه سيحتاج إلى الخروج وانها سوف تعطيني فرصة لايجاد قوالب ولكن أيضا، وهو الأهم، وعينات أيضا. لذلك استطيع ان اضغط على جافا سكريبت. انها سوف تجد عينات بالنسبة لي. قرار بلدي هي طريقة عالية هنا. عادة، سوف ترى قائمة من الكثير من أشياء مختلفة هنا. إذا كان هناك شيء كنت تريد أن تجرب، واختيار اللغة، جافا سكريبت هنا، ويقول: "أنا لا أعرف كيفية القيام تحديد الموقع الجغرافي". "أنا لا أعرف كيف لفتح ملف." "أنا لا أعرف كيفية الاستفادة من كاميرا ويب "أو تحسين لمسة أو أشياء من هذا القبيل." هناك عينات في كل شيء: تقاسم، والبحث عن والحانات التطبيق، إجراء المكالمات عن بعد لخدمة، ترميز جسون. كل تلك الأنواع من الأشياء هناك عينات لهنا، وانهم ليسوا عينات الضخمة التي تسير ليأخذك كل ليلة لسحب بصرف النظر فقط لتجد أن شيئا واحدا أردت أن تعلم. انهم حقا جيدة. انهم صغيرة، الحق في الحصول على نقطة من أنواع العينات. تعلمت من نصف طن من خلال الذهاب من خلال هذه نفسي، ولذا فإنني أوصي بأن الكثير كما شيئا واحدا. 

شيء آخر أن نشير أيضا هو بالطبع أنا أظهر لكم dev.windows.com، لذلك إذا كنت أعود إلى ذلك، سترى في الأسفل هناك أيضا عينات هنا. حتى يمكنك تحميل كل منهم في آن واحد، ولكن هناك أيضا الكثير من الموارد الأخرى هنا أيضا التي يمكن أن تساعدك على الحصول على ما يصل الى سرعة. 

الشيء الآخر، وأود أن أوصي حقا أن تحاول ذلك، لقد حصلت على بلدي بلوق، ولكن سأذهب فقط الحق في ذلك. سأريكم. بلدي بلوق لديها موارد وأشياء من هذا القبيل. واحدة من الأشياء أن نشير هنا هو الحق، وهذا الشيء: فكرتك. التطبيق الخاص بك. 30 يوم. إذا نقرت على هذا، انها سوف تجلب لك إلى موقع مفيدة حقا. وهذا هو أكثر فائدة بكثير مما كنت قد تتوقع. هذه ستكون 30 يوما من المحتوى الذي يمكن الحصول أساسا النصائح والحيل طوال هذه العملية كما كنت تهيئة التطبيق. وكما كنت قد لا تتوقع، يمكنك فعلا الحصول عليه للألعاب جدا وللتطبيقات الهاتف، وأشياء من هذا القبيل. حتى توقيع أساسا عن ذلك، وانهم ذاهبون الى أن يرسل لك النصائح والحيل على، "هل فكرت في القيام بذلك؟ هل تؤيد التقط؟" "وهنا بعض المبادئ التوجيهية بشأن كيفية القيام بذلك بشكل جيد". "هل فكرت في تقديم إلى مخزن؟" "هل فكرت كيف وأنت تسير لبيع التطبيق الخاص بك؟" انها تسير على المشي من خلال كل هذه الأشياء المختلفة. وفعلا، إذا كنت على المسار الألعاب، وعند نقطة ما عليك أن تبدأ بالاعتراف شخص أتحدث معك لأنه كان فعلا للذهاب إلى Redmint للقيام بهذه وسجلت 2 أشرطة الفيديو هناك. ولكن هذا كله جزء من مسار الألعاب، وهناك أيضا المسار الكامل لتطوير التطبيق العام. وهذا ما يسمى الجيل التطبيق. أنا بالتأكيد يوصي بأن لكنت كذلك بالإضافة إلى العينات. 

هناك الكثير من أشرطة الفيديو على موقع يسمى قناة 9 أيضا. وهذا ربما كان آخر شيء سوف يوصي وكذلك قبل أن ننتقل هنا. Channel9.msdn.com. هذا شيء عظيم لأنك لن تكون القراءة من خلال طن من الأوراق البيضاء. انها في الاساس الكثير من أشرطة الفيديو ولقطات للشاشة والأشياء التي هي الحق في هذه النقطة. لا ينبغي أن أقول انها دائما الحق في هذه النقطة. ذلك يعتمد الذي يقوم به الكلام. ولكن عموما، هناك بعض أشرطة الفيديو حقا إلى نقطة هنا التي سوف تظهر لك بعض الشيء خاصة قد ترغب في معرفة أو رؤية demoed. هناك أيضا كل من المحتوى لدينا من مؤتمرنا الذي حدث قبل بضعة أسابيع دعا إنشاء، وسترى أن هناك حق. هناك تقنيات الأساسية لنظام التشغيل Windows 8 مباريات. هناك تذهب. كنت هناك، في الواقع. لا يمكنك رؤيتي. كنت أكثر من هنا. ولكن على أية حال، أن جانبا، وأود أن ننصح نلقي نظرة على تلك أشرطة الفيديو. انهم مفيدة جدا. إذا كنت عالقة على شيء أو كنت ترغب فقط لرؤية ما يمكن القيام به شيئا، إطلاق تلك المباراة. 

[Guarin] بريد ويندوز فقط أرسل لي رسالة بالبريد الالكتروني مع وصلة الى المحتوى للطلاب للتحميل مع نموذج التعليمات البرمجية وأشياء من هذا القبيل. >> [بوين] العظيم. رهيبة. شكرا لك، ادوين. 

جيدة. >> [طالب] لدي سؤال. >> [بوين] أوه. نعم، من فضلك. [سؤال الطالب غير مسموع] >> [بوين] أوه، أنا سعيد لأنك سألت ذلك. نعم. كان السؤال، هناك واجهة مرئية بالنسبة لي لخلق الأشياء؟ سوف ادوين مكافأة لك بسخاء لهذا السؤال. هل هناك طريقة للقيام بذلك. علينا أن نفعل الآن؟ دعونا نفعل ذلك الآن. انا ذاهب للذهاب إليها الآن. في الواقع، اسمحوا لي أن أضيف في أكثر شيء واحد لهذا العرض، وبعد ذلك سوف تظهر لك الجواب الفعلي. كنت ذاهبا لإضافة في أكثر CSS قليلا هنا. كنت قليلا قبالة على الظلال هنا. اسمحوا لي أن وضعت في بعض CSS هنا للاستفادة من الفئات التي أضفنا قبل قليل، إلى الرأس، إلى شعبة mainContent، ومن ثم إلى greetingOutput. إذا كنت تفعل ذلك وتشغيله، يمكنك ان ترى نحن الآن قد حصلت على حشوة مختلفة قليلا والهوامش، لذلك لدينا بالفعل بعض الإزاحات هنا. هذه هي أكثر نحو ما وأنت تسير أن نتوقع من تطبيق مصقول النهائي. ولكن أنا مجرد عرض هذا لكم لأنه على التوالى بزيادة CSS. حتى الأشياء التي كنت تعرف مسبقا يمكنك استخدام هنا لضبط المحتوى كما يحلو لك. كنت قد رأيت بالفعل كيفية جعل الخلفية تغيير على هذا النحو. 

إذا أعود إلى HTML لدينا، وانا ذاهب لإضافة أكثر واحد في مجموعة من العلامات، وهذا هو في الواقع ستكون عنصر تحكم من WinJS. انا ذاهب للذهاب وانتزاع هذا، تسمية. اسمحوا لي أن تأكد أنا أفعل ذلك في المكان المناسب. ربما جيدة بما فيه الكفاية. هنا لقد أضفت فقط - وسنذهب كامل الشاشة بحيث يمكنك رؤية كل شيء - واضاف لقد تسمية لشعبة المقبل. يسمى شعبة ratingControlDiv. في حد ذاته انها لن تفعل شيئا. إذا قمت بفتح هذا في مستعرض، كنت تبحث في فارغة، وشعبة نفسه. ولكن بسبب هذا الخط غامضة من التعليمات البرمجية التي عرضتها عليكم من قبل، عملية كل شيء، انها تسير للبحث عن شيء يشبه هذا - مراقبة البيانات للجانبين - وانها سوف تجد كل ما هو في تلك المعلمة. انها تسير لجعل مثيل أيا كان ذلك هو انها لافتا إلى. في هذه الحالة، انها عنصر تحكم تصنيف، لذلك أنا أقول، "الرجاء الذهاب واستبدال هذا الشيء "مع كل ما عليك القيام به لجعل عنصر تحكم تصنيف." يمكن أن يكون عنصر تحكم الوجه، يمكن أن يكون حلقة التقدم أو أيا كان عنصر التحكم الذي تريد استخدامه. انهم جميعا سوف تعمل بشكل أساسي بنفس الطريقة. كنت تستخدم معيار HTML5 علامات تشير إلى ما تريد، ثم وأنت تسير في الحصول على السيطرة في نهاية هذا. اسمحوا لي أن تشغيل هذا. لقد نسختها التي في، والآن بعد أن العلامات يصبح هذا، الذي هو في الواقع عددا كبيرا من عناصر HTML. هذه كلها الصور الفردية، وهناك DIVS حولهم مع محددات. نأمل يمكنك أن ترى ذلك. انها خفية قليلا. أستطيع أن تحوم فوق عناصر مختلفة، وانها سوف تسمح لي أن أرى التقييم هنا. استطيع ان اضغط عليه، وأنه يتذكر تصنيف ولكن هذا عن ذلك. انها لا تفعل شيئا مع التصنيف. 

آخر شيء واحد أريد أن تظهر لك على هذا قبل أن تتحول إلى تجربة تصميم أكثر البصرية قليلا من التعليمات البرمجية التي يمكن استخدامها للرد على هذه الضوابط WinJS. اسمحوا لي أن الخروج من هناك، والعودة للخروج من الشاشة الكاملة، والتحول الى JS هنا لثانية. أستطيع أن أفعل ذلك هنا. اعتقد انني سوف يحل محل هذا الشيء كله. في الواقع، وأعتقد أنه سوف يحل محل كل ذلك، ولكننا سنكتشف معا. سوف أضع هذا هنا. نعم. انا ذاهب الى حذف هذا أيضا. ماذا أزيد؟ يبدو مثل الكثير. انها ليست الكثير. أنا مجرد تمديد هذا الخط من التعليمات البرمجية التي تحدثت بالفعل عن قبل، وأنا أقول: "عندما يتم كل شيء، عندما بذلت جميع الضوابط بلدي، "ثم قيام بذلك." لذلك قم بتشغيل هذه الوظيفة يسمى الانتهاء. في هذه الحالة، وهذا هو الاشياء التي يمكن معرفة. تذهب تجد أن السيطرة شعبة. في الواقع، هناك شيء واحد أود أن أشير إلى. أن السطر التالي يقول الواقع، وقال "لقد حصلت على هذا ratingControlDiv". "أريد أن أتحدث إلى أنها لو كانت السيطرة الحقيقية، عنصر تحكم WinJS". ذلك أساسا، كنت طالبا لذلك منه. أنت تقول: "أريد أن أتحدث إليكم كمجموعة تحكم." ثم يمكنك البدء في قول أشياء مثل، "ونحن في طريقنا لإضافة المستمع لك "حتى عندما كنت غيرت يمكننا الرد على ذلك". وبعد ذلك يمكننا أن نفعل أيضا أشياء مثل هذه. في الواقع، وهذا هو القانون القديم هناك. أعتقد أنا في عداد المفقودين في واحدة اللصق وظيفة أكثر من ذلك، والتي من شأنها أن تكون وظيفة الفعلية التي من شأنها أن تستجيب للسيطرة تصنيف يتم تغييرها. اسمحوا لي أن موسيقى البوب ​​في الحق هنا إلى أسفل، في مكان ما حول هناك. وفي هذه الحالة، فإن الشيء الوحيد الذي هو الجديد هو حقيقة أننا ذاهبون إلى ما يحكي لنا السيطرة تصنيف ونطلبه ما يسمى tentativeRating. هناك حفنة من الأشياء الأخرى المختلفة التي تحكم ذلك يمكن أن أقول لكم، وغني عن السيطرة عن طريق التحكم. انها واضحة جدا. عليك أن تكون قادرا على معرفة ذلك لا مشكلة على الإطلاق. أنا تشغيل هذا، والآن عندما أقوم بتغيير التقييمات وانقر على التصنيف، يمكنك أن ترى الآن أنه فعلا الاستجابة لذلك. انها وضع هذا التصنيف على الشاشة إلى أن شعبة الوسم فارغة على خلاف ذلك تحت السيطرة التصنيف. هذا هو سحر الكثير من الاشياء هنا أيضا. حتى كنت إنشاء تطبيقات لمتجر Windows، هناك طن من الضوابط التي يمكنك استخدامها فقط. أنهم جميعا العمل من هذا القبيل. 

اسمحوا لي أن تظهر لك الجانب المرئي من تصميم لهذه التطبيقات. والخبر السار هو سيكون لديك بالفعل هذه الأداة عند تثبيت كل شيء إذا ذهبت إلى أن تحميل وتحصل على برنامج Visual Studio. أستطيع انقر على الحق في ذلك. أنا لن تكبير. هو فقط يقول المفتوحة في مزيج. مزيج هو أداة أخرى تعمل جنبا إلى جنب مع Visual Studio ويتركز أكثر من ذلك بكثير على الجانب تصميم الأشياء، لذلك السطوح حقا الأدوات التي هي الأمثل لخلق الأنماط، إنشاء الرسوم المتحركة، والعمل مع CSS، والكثير من الأمور في هذا النوع من الوريد. هنا ما يجب أن تكون مثيرة جدا للاهتمام واضح جدا هو على الفور ونحن نبحث في التطبيق. نأمل تزال. بدلا من رؤية رمز، والتي ما زلنا لا نرى في الجزء السفلي، نراه التمثيل الفعلي للتطبيق. ما هو أكثر من ذلك، انها ليست مجرد تمثيل التطبيق، هو في الواقع التطبيق على التوالي. وهذا ما هو حقا لطيفة عن مزيج. وقد فعلت الفريق الكثير من العمل لتحقيق HTML وجافا سكريبت و CSS في هذه الأداة. الآن يمكنك فعلا، إذا كنت غريبة، "ماذا يعني ذلك؟ ماذا يمكنني أن أفعل؟" يمكنني تصميم فعلا لهذا التطبيق على الرغم من مثل هذه الامور لا وجود لها في العلامات بلدي. تذكر أن مراقبة تصنيف؟ كان مجرد علامة شعبة. هذه الاشياء، وهذا النجم، موجود فقط في وقت التشغيل. كيف لي أن أعرف ذلك؟ هناك القليل من السحر أكثر من هنا. نرى هذه البراغي البرق؟ أي وقت ترى صاعقة، وهذا يعني تم إنشاؤه من قبل شيئا في وقت التشغيل. ركض بعض جافا سكريبت وتحولت شيئا في هذا أو خلق هذا مع بعض المنطق. تلك النجوم التي تراها هناك تم إنشاؤها بواسطة جافا سكريبت عن طريق WinJS. الشيء الجميل هو، لا يهم بالنسبة لي، وأنا لا يزال تصميم هو، لا يزال يمكنني أن أذهب في وتغييره، ويمكنني أن معرفة ما يجري هنا، أنا يمكن أن ننظر في CSS، ويمكنني أن تمضي قدما ومعرفة لماذا هذا اللون على ما هو عليه، يمكنني بدء العبث مع الأشياء وجعل الامور الرهيبة، كل ما أريد القيام به. في الواقع، سأترك الأمور وحدها. ولكن يمكنك أن ترى هنا كل شيء المغلق وانها يظهر لك هنا. إذا ذهبت إلى هناك، وانها سوف تظهر لك كل ما يسمونه الرابحة، وبالتالي فإن قواعد CSS التي هي الأكثر تحديدا والأكثر اختيارها لهذا البند، والتي ربما كنت قد ذهبت بالفعل أكثر في الفصول الدراسية، حيث يمكنك أن تقول هناك الخط العام أننا تنطبق على كل شيء، ولكن لأن هذا هو H1 ولدي اللون المحددة لH1S، انها سوف تكون هذا اللون، وهذا لأنه أكثر تحديدا من body1. هذا شيء واحد هنا يظهر لك كل ذلك، وانها حقا قوية الاشياء كما تحصل على أكثر تعقيدا، كنت أتساءل لماذا هذه الأشياء هي على ما هي. وسوف اقول لكم فعلا، ويمكنك اختيار أي من هذه العناصر هنا. هذا اللون ليست سيئة جدا، في الواقع. يمكنك تحديدها. نأمل يمكنك أن ترى هذا. عن كل ما لديك على التطبيق الخاص بك، فإنك تشاهد سلسلة كاملة جميع CSS التي يمكن أن تطبق على ذلك وأي واحد هو الفوز، أي واحد قد حصلت فعلا الأسبقية. هذه هي نوع من الممل. ليس هناك الكثير مما يجري في بعض هذه. إذا ذهبت وتغيير اللون، ثم عليك أن تبدأ في رؤية بعض المتتالية هناك. يمكنك أيضا استخدام HTML هنا كذلك. يمكنني أن أذهب من خلال وتعديل خصائص HTML لجميع هذه الأشياء كما أتمنى. هناك فقط طن من الاشياء هنا. 

أنا لا أريد أن تأخذ وقتك من خلال الذهاب من خلال كل شيء هنا. فقط أعلم أنه هنا. هناك الكثير من وظائف تصميم المنحى وهذا متاح فقط لأجلك حتى تتمكن من البقاء البصرية، والعمل مع التطبيق، وليس من الضروري أن تفعل الكثير من التخمين التي يجب أن تفعل عادة والدراجات الخلفي من مستعرض العودة الى التصميم الخاص بك، عودة إلى المتصفح. هذا هو حقا الاشياء باردة لذلك، وكما يمكنك تطوير التطبيق ويندوز المتجر، انها سوف تجعلك الكثير أكثر إنتاجية. 

سترى أيضا انها تتبع العلامات الخاصة بك هنا وCSS كما كنت تعمل من خلال أشياء مختلفة. انها على الارجح من الصعب حقا بالنسبة لك لمعرفة ذلك، وخاصة على الفيديو، ولكن هذا ما يحدث هنا، وأنصح لك تصبح مألوفة مع ذلك. سيوفر لك الكثير من الوقت. وهذا مزيج. إذا قمت بإجراء أية تغييرات هنا، فإنهم تلقائيا سوف تحمل على الظهر إلى Visual Studio. انها نفس الملفات، انها نفس كل شيء. سأترك ذلك وحدها. لدي مثال أفضل أن أريد أن تظهر لك. ولكن إذا كنت إجراء تغيير هناك، وحفظه وعدت إلى Visual Studio، فإنه يقول، "مهلا، أنت فقط غيرت شيئا. هل يمكنني تحميله بالنسبة لك؟" نعم. وكنت تستخدم نفس الاشياء هناك. هذا هو نهاية تلك عينة معينة. 

أريد أن تظهر لك عينة نهاية أعلى فقط لإعطائك وجهة نظر من وظائف أخرى قد نفكر أيضا. هذا هو التطبيق عينة التي يمكنك تحميلها. إذا كنت تبحث عن شيء يسمى معسكر ويندوز في علبة، هناك بعض العينات التي هي في ذلك، واحد منهم هو وشركة النصر كتاب الطبخ. يمكنني فقط تشغيل هذا بالنسبة لك. شاشة البداية مخصصة. هذا هو تطبيق رأي الشبكة. لقد ملزمة بعض البيانات المخصصة هنا. يمكنك التنقل من خلال هذا. يمكنك الذهاب وإلقاء نظرة على الأشياء المختلفة التي سوف تجعلنا الجياع بعد ظهر يوم الجمعة. لا أعرف. ما هو الذهاب الى جعل لي أكثر جائع؟ لا أعرف. أنا مجرد الذهاب الى اختيار واحد. تذهب إلى هذه الأشياء. وسوف تظهر لك وصفة. هل يمكن أيضا، بدلا من النقر على عنصر، يمكنك الذهاب الحق في تلك الفئة من المحتوى، وهذا الجزء من المحتوى. في هذه الحالة، يمكنك قراءة الكثير من وهمية اللاتينية أقول لك كل شيء عن هذه الوصفات هنا ثم انتقل الحق إلى وصفة محددة. كما يدعم هذا أشياء مثل تقاسم التي عرضتها عليكم من قبل مع الصور. يمكنك أيضا البحث في هذا التطبيق أيضا. انها واضحة جدا للقيام بالبحث. أساسا، كنت مجرد الحصول على سلسلة من النص من ويندوز وعليك أن تقرر كيف تريد التعامل مع هذا البحث. انها بضعة أسطر من التعليمات البرمجية للحصول على ذلك، وبعد ذلك ما تفعله معها بعد ذلك هو تماما متروك لكم. 

هنا لديهم أيضا شريط التطبيق حيث أنهم يستخدمون بعض الوظائف الأخرى. انا اقول لكم فقط ما هو عليه. للتذكير فقط هو الذهاب الى استخدام ما يسمى الإخطار نخب. هذا هو مفيد حقا للسماح للمستخدم معرفة متى حدثت أشياء، مثل تم تثبيت تطبيق أو أنجز شيئا. كما انها جيدة جدا للألعاب. إذا كان لديك عالم المستمرة أو لوحة الزعيم والخدمة التي هو أن استضافة ربما على جهاز منفصل، تلك الإخطارات يمكن إرسالها إلى آلة وحتى إذا كان المستخدم لا يستخدم لعبتك، ولعب اللعبة أو تشغيل التطبيق الخاص بك، فإنها يمكن أن لا يزال الحصول على إشعارات حول تلك الأنواع من الأحداث. لذلك يمكن أن أقول، "لقد تم تدمير القلعة الخاصة بك أو يتم تدمير مجرد شيء." "نعود هنا، والدفاع عنه"، أو شيء من هذا القبيل. النقر على الإخطار، تذهب الظهير الايمن في المباراة، ويمكن أن تقوم به. حتى تلك الأنواع من الأشياء يمكن أن تساعد في رسم الناس فعلا مرة أخرى إلى التطبيق الخاص بك على نحو فعال جدا. 

هناك أيضا دعم في هذا التطبيق لاستخدام الميكروفون، وكاميرا ويب، و القيام الفيديو والتقاط الصور. يمكنك أيضا دبوس البلاط الثانوية. انها مفيدة إذا كنت تريد أن يكون مجرد البلاط الذي يذهب الحق في محتوى معين. في هذه الحالة، فإنه يذهب الحق في هذه الوصفة. كل شيء أنا بالذكر أنا تظهر فقط لأنه من الأشياء التي يمكنك التفكير في استخدام كذلك. بالنسبة للجزء الأكبر، فهي واضحة جدا للاستخدام. أنصح لك فقط أن إحضار عينة المستكشف والعثور على العينة التي يمكن أن تظهر لك كيف تفعل ذلك. انها جميلة واضحة لتحقيق تلك في تطبيقات الخاصة بك هناك أيضا. 

كنت ذاهبا لتظهر لك شيئا آخر وهذا هو بارد جدا هنا. أنا المفاجئة هذا التطبيق، وأنا ذاهب إلى العودة إلى Visual Studio. يتم تشغيل هذا التطبيق. انها تعمل من برنامج Visual Studio. أستطيع أن أفعل بعض الأشياء باردة جدا مع ذلك. أنا فعلا خيارا لتحديد عنصر، ويمكنني أن أذهب أكثر من هنا إلى التطبيق الحي وأستطيع أن أقول، "أنا أتساءل لماذا مدة التحضير أخف قليلا الرمادي من العنوان نفسه؟" استطيع ان اضغط عليه. انها تسير لمزامنة أن يعود إلى Visual ستوديو، وانها سوف تظهر لي بالضبط المحتوى الذي تم إنشاؤه التي أسفرت في ذلك الجزء من واجهة المستخدم. حتى في هذه الحالة، فإنه من البند الفرعي وبناء مزدوجة H4، وربما أن يقول لنا ما نحتاج إلى معرفته لباعتباره H4 ضمن هذا السياق، انها سوف تحصل على نوع معين من الخط. ولكن إذا ما زلت لا أعرف لماذا، وأنا يمكن النقر على أنماط تتبع. أنا يمكن بعد ذلك توسيع من لون وأستطيع أن تعرف بالضبط لماذا هذا اللون ليس لون الجسم ولكن في الواقع هو شيء آخر. هذا هو في الأساس أدوات ديف من إنترنت إكسبلورر إلى درجة جلبت الى برنامج Visual Studio. إذا كنت قد عملت مع أدوات كروم ديف، الحرائق، وأشياء من هذا القبيل، تلك الأنواع من الأدوات التي هي في المستعرض، وقد جلب هذا النوع من الوظائف البصرية ستوديو الحق في لذلك لم يكن لديك بالفعل لإطلاق المتصفح والعمل مع تلك الأدوات بشكل منفصل. الآن لدي التطبيق متجر Windows فقط قيد التشغيل، وأستطيع أن تبدأ في سحب إربا ومعرفة ماذا يفعلون الأشياء ما هي عليه. 

يمكنني أيضا أن تفعل ذلك بهذه الطريقة أيضا. يمكنني أن أذهب ومجرد اختيار الحق شيئا من العلامات ومعرفة ما هو عليه في التطبيق نفسه. أعتقد أنني قد ذهبت قبل كل شيء. أنا هنا أنا تحوم حول هذا. أستطيع تحديده. انها سوف تظهر لي في تطبيق تشغيل الفعلي حيث أن الشيء هو أنني الآن النقر على في العلامات. الاشياء باردة حقا. كما كنت في محاولة لمعرفة ماذا يجري وماذا يفعل HTML، ما CSS يقوم به، والحفاظ على ذلك في الاعتبار. تذكر هذا لأنك هنا وكما أن مزيج يمكن أن تعمل مع تطبيق حي على التوالي. 

آخر شيء واحد أردت أن أبين لك هذا التطبيق - بالمناسبة، فإنه يظهر لك دلتا مع تغير الأشياء أيضا، حتى تتمكن من مشاهدة لأولئك يسلط الضوء الأصفر. تلك هي الأشياء التي تغيرت فقط في التطبيق. ولكن شيء واحد آخر. أريد أن أعود إلى مزيج فقط لثانية واحدة هنا. سنقوم بفتح هذا الأمر، فتح في مزيج، نفس التطبيق، ونفس كل شيء. أريد فقط أن تظهر لك خبرة هنا ليست مجرد كنت عالقا في الصفحة الرئيسية النظر في الأمور ستحصل افتراضيا عند تشغيل التطبيق، والسماح لها الجلوس هناك. يمكنك أيضا تشغيل هذا الرمز صغيرة جدا هنا. انه دعا الوضع التفاعلي. النقر على ذلك. انها تسير لإحضار التطبيق الخاص بك. أنت لست في وضع التصميم بعد الآن، لذلك كنت لن النقر على الأشياء لتغيير وظيفة، ولكن يمكنك فعلا العمل مع التطبيق الآن. يمكنك من خلال النقر، يمكنك أن تفعل ما، والحصول على وصفة أن يهمك أو لفئة. دعونا نذهب إلى هذه الفئة. أنا أقول، "حسنا، هنا هو المكان الذي أريد أن تصميم". ثم النقر فوق هذا الزر مرة أخرى، وسوف تجلب لك مرة أخرى إلى السطح التصميم، والآن يمكنك أن تفعل كل تلك الأشياء التي كنت أتحدث عنها من قبل. سوف أظل النقر حتى أحصل على هذا اختيارها، ومعرفة أبعادها، معرفة HTML لذلك، وCSS لذلك لتشغيل التطبيق، وبعض جزء لاحق من التطبيق. جدا، ومفيدة للغاية. سوف تظهر هذه لك. يرجى الاحتفاظ بها في الاعتبار إذا كنت تبحث في كتابة التعليمات البرمجية مع هذا لأنه ذاهب الى توفر لك الكثير من المتاعب، وأنه من الأشياء الجيدة جدا. هذا الى حد كبير كل ما أردت أن تظهر لك على مزيج وفي Visual Studio عن كل ذلك. 

أي أسئلة في أي من تلك الأدوات؟ أي شيء على الإطلاق؟ >> [Guarin] لدي الاشياء لنعطيه، أسئلة جيدة جدا، والأشياء الجيدة. 

[يضحك بوين] لقد أظهر بالفعل كنت تجريبية بلدي هنا. أنا ذاهب لوضعها على صفحة الموارد وأنتقل إلى الأسئلة الآن. أن الإشارة الأولى هي أن الجيل تطبيقات الموقع مع مسار اللعبة ومسار التطبيق. الاشتراك في تلك. ليس لديك إلى الانتظار 30 يوما للحصول على المحتوى. يمكنك البدء في الذهاب والنظر في المحتوى كما يحلو لك. أنا أفهم الأطر الزمنية الخاصة بك قد تكون مختلفة من - [يضحك] لذلك عندما هو Hackathon؟ هذا هو بضعة أسابيع، أليس كذلك؟ لذلك لم يكن لديك 30 أيام الانتظار. لذلك نعم، يمكنك الاشتراك لذلك وبعد ذلك فقط تبدأ في سحب محتوى من منه. أيضا ديف ومراكز تصميم. وأنا لم أذكر هذا، ولكن هناك أيضا محرر مستندات المتجر. وهذا سيكون لبعد Hackathon كما كنت على استعداد لبدء تقديم تطبيقات الخاصة بك لمخزن. هناك بعض المبادئ التوجيهية المفيدة هنا، بعض الإرشادات حول كيفية الحصول على الأشياء في المخزن، بعض المشاكل الشائعة التي قد رحلة لك، وهذا هو نهاية تلك الموارد. 

فما يدور في ذهنك؟ أي شيء آخر لك - [Guarin] من يفكر في القيام التطبيق ويندوز لCS50؟ بارد. [بوين] كول. عظيم. 

أي أسئلة حول الاشياء التي كنت قد رأيت حتى الآن، ومدى ارتباطه هذا؟ على سبيل المثال، مع مزيد من الوقت يمكنني أن تأخذ اللعبة التي كنت قد كتبت والتي يتم تشغيلها في المتصفح ومجرد نوع من تذهب من خلال عملية جلب ذلك في Visual Studio و مما يجعلها التطبيق ويندوز المتجر. يستغرق وقتا أكثر مما كان لدينا حقا لتشمل اليوم، ولكن النسخة القصير هو انها نفس التعليمات البرمجية التي قمت تعمل في المتصفح، والأشياء التي قمت بتغيير هي الأشياء التي عليك أن تقرر إلى سد العجز في ويندوز 8. حتى إذا كنت ترغب في استخدام السحر، وإذا كنت ترغب في البحث أو مشاركة، تحتاج إلى إنشاء شريط التطبيق لإخفاء بعيدا بعض الوظائف على ذلك، تلك هي أنواع الأشياء التي قد تتغير. ولكن جوهر التطبيق الويب الخاص بك يمكن أن تبقى سليمة. مرة أخرى، طالما أنه يعمل في IE10، فإنه سيكون من السهل حقا ميناء لتحقيق تلك الأشياء في استوديو البصرية، في مزيج، وجعله التطبيق ويندوز المتجر. مرة أخرى، والشيء الوحيد الذي سوف تحتاج إلى معرفة هي تلك الميزات الأخرى التي يمكنك استخدامها لتضيء تطبيق، مثل البلاط الحية وتلك الأنواع من الأشياء. 

نعم. >> [طالب] سؤالي هو حول العمل المتنقلة. حتى إذا كنت جعل التطبيق الذي يعمل التطبيق على سطح المكتب، هو حقا من السهل تحويلها إلى الهاتف النقال، أو هناك - السؤال هو، إذا قمت بعمل التطبيق ويندوز المتجر الذي تم الأمثل حقا لهذه البيئة وأريد أن نصل إلى عالم المحمول، ما تشارك مع ذلك؟ ذلك، مثل العديد من الأسئلة، هو دائما الجواب المتغيرة باستمرار. والخبر السار هو إذا كنت العالقة مع HTML و JavaScript، CSS، إذا كنت تريد ان تبدأ من التطبيق ويندوز المتجر، انها سوف تتيح لك إحضاره إلى ويب ومن ثم استخدام تلك الأنواع من التقنيات، مثل استفسارات وسائل الإعلام والأشياء، للتكيف مع حجم مختلف الأجهزة. أن قال، هناك دائما أشياء الأطر وهناك هذا الدعم يمتد من التكنولوجيات المختلفة، منصات مختلفة. الذي يتغير في كل وقت. نحن أيضا تغيير الأشياء وكذلك نحن ننظر نحو ما لدينا الآن فعلا مع هاتف ويندوز 8. لدينا بعض البنى التحتية الأساسية المشتركة عرضت بين التطبيقات لتلك البيئات. وذلك من الاشياء التي تفعلونه لإنشاء التطبيق ويندوز المتجر، الكثير من التي يمكن أن تنتقل إلى الهاتف تطبيق ويندوز 8 أيضا. وهذا هو مرة أخرى قصة الناشئة، لذلك هناك بعض المحتوى عن ذلك في إنشاء. وSDK حصلت للتو قبل قليل. وقد صدر للتو عليه قبل بعض الوقت. ولكن من حيث منصات أخرى أيضا، ربما واجهت العديد من الأطر عبر منصة كذلك. الأخبار الجيدة هي الاشياء التي تفعلونه هنا، الوظيفة الأساسية هي على التوالي على شبكة الإنترنت الاشياء القياسية. الأشياء الوحيدة التي لن تترجم بسهولة هي الأشياء التي لا ويندوز 8، ولكن هذا لم يكن مفاجئا لأنها ميزة Windows. كنت لن تجد تقاسم أو أنواع مماثلة من العقود على كل منصة أخرى. حتى تلك هي الأشياء التي كنت تريد أن من منظور التصميم تأكد أن لديك وسائل لنوع من التجريدية أنه من ذلك يمكنك القول، "إذا أنا على التوالي على هذا، وأنا يمكن أن نفعل ذلك." إذا أنا لا، هناك بعض أنماط التصميم التي يمكن استخدامها لإخفاء نوع من الاشياء التي بعيدا. ولكن الحفاظ على ذلك في الاعتبار. نعم. آسف. المضي قدما. 

[طالب] إذا أريد لاختبار بلدي التطبيق ويندوز على رأس [غير مسموع] [بوين] نعم. أنا تخطي أكثر شيء واحد أيضا. نعم. أنا سأجيب على سؤالك الأول، ثم سوف تظهر لك ميزة نسيت أن أذكر. لدينا بعض الآلات والمعدات المتوفرة محليا. أنا آسف. كان السؤال، كيف يمكنني اختبار الأشياء على الأجهزة إذا كنت لا يحدث لديهم الكثير من الأمور للاختيار من بينها؟ [Guarin] ونحن أقرض يا رفاق، كما أعتقد، 5 أو 6. وكم تحتاج؟ [الطالب] وصلنا 4 منهم. حسنا >>. يا رفاق حصلت 4 الألواح للعب مع حولها. ذلك بالتأكيد سماح الجميع يعرف، من فضلك. [يضحك] >> [بوين] ممتاز. هذا جوابا حتى أفضل مما كنت ذاهب الى ان نعطيكم. لدينا ساعات العمل للمطورين التي نقوم بها في مكتبنا والآن قريبا إلى مخزن Microsoft عبر في PRU، ولكن إدوين قد اتخذت بالفعل من الرعاية لك. هناك 4 الألواح المتاحة للإقراض، للاختبار. هناك نذهب. هناك مثال واحد تصل هناك. لذلك نعم، بالتأكيد. عظيم. على الاطلاق حتى الآن أفضل طريقة لاختبار ذلك هو أن تكون على الجهاز. إذا لم يكن ليحدث لديها واحدة بعد أو أنك لا تريد السير عبر الحرم الجامعي في الثلج لانتزاع واحدة أو أيا كان، هل هناك طريقة للقيام بذلك مرة أخرى في Visual Studio. إذا أعود إلى حيث كنت هنا، وهنا بدلا من استخدام الجهاز المحلي، هل يمكن الاتصال عن بعد آلة، ولكن هذا ليس ما أتحدث عنه هنا. محاكاة هو الشيء الذي كنت قد ترغب في النظر في. أنا تشغيل هذا، وحقا ما هو عليه، انها أساسا نافذة على النظام الخاص بك. هنا هي في الواقع نظام بلدي تشغيل، وتشغيل شركة النصر، ولكن في الطريقة التي تسمح لي تغيير بعض المعلمات التنفيذ، المعلمات البيئية. لذلك أستطيع أن أقول هنا، "أنت تعرف لماذا؟" اه. سبق لي أن تشغيله في محاكاة شاشة 27 بوصة في 2560 القرار. يمكنني بسهولة أن تسقط إلى أسفل ونرى ما سيفعل طلبي مع شاشة أصغر أو عن طريق تغيير إعدادات DPI أو أيا كان. لذلك على الشاشة الصغيرة، وهو 10.6، ما هو الذهاب الى القيام به؟ التي لا تزال تبدو جيدة جدا، أليس كذلك؟ فأنت تريد أن تفعل هذا، وخاصة إذا كنت تقديم إلى مخزن، لأننا نفعل كجزء من عملية الاختبار. وإذا كان هناك مشاكل من هذا القبيل، ثم كنت قد واجهت مشكلة الحصول على شهادة لمخزن. ولكن هذا جزء من جهاز محاكاة. رائع حقا. من السهل جدا أن تفعل ذلك. يمكنك أيضا استخدام ميزات مثل الدورية أنها كذلك. استطيع ان اضغط على زر هنا، وذلك بالتناوب، ونرى ما شخص ما من شأنه أن يكون بمثابة تجربة الدورية لائحة بهم، لوحي لها، واستخدام التطبيق الخاص بك مع ذلك. هناك بعض الأشياء الأخرى أيضا مثل مضاهاة مسة وبعض الأشياء الأخرى، وضع GPS. أستطيع أن أدعي أنني أنا في مكان مختلف ونرى ما يفعل طلبي عندما كنت أدعي أنني مرة أخرى في سياتل أو شيء من هذا. لكنه ميزة مفيدة حقا، وانها بنيت في لكل من Visual Studio و في مزيج. نعم. سؤالك. 

[طالب] إذا كنت تكتب لعبة، لا البصرية ستوديو ديك أي دعم للرسوم المتحركة؟ نعم. السؤال هو حول الدعم والرسوم المتحركة، وخاصة مع الألعاب. ذلك يعتمد. [يضحك] مع جافا سكريبت سأقول هناك على الارجح أقل من الدعم هناك على الجانب XAML، التي لديها جداول زمنية، لديها القصص المصورة والأشياء التي بنيت فيها للالرسوم المتحركة على تطبيقات جافا سكريبت، وأنا لا أعرف كم من إجابة أريد أن أعطيك. لدي موارد على بلدي بلوق التي تذهب من خلال الكثير من الخيارات لكلا الرسوم المتحركة والفيزياء، و خيارات للألعاب جافا سكريبت المنحى على ويندوز 8. وأود أن أشير لكم إلى هؤلاء. في الأساس، هناك الكثير من الخيارات. السبب أنا مترددة هي ان هناك الكثير من الخيارات للقيام الرسوم المتحركة مع جافا سكريبت. يمكن أن يكون CSS، فإنه يمكن أن تستند قماش، فإنه يمكن أن تكون الرسوم المتحركة DOM الأساسية فقط، يمكن أن يكون هناك الكثير من الاشياء المختلفة، لذلك يعتمد حقا على اختيارك. إذا قررت استخدام شيء من هذا القبيل Create.js أو الجير أو أنواع أخرى من الأطر - حسنا، أنا لست متأكدا حتى وأنت تسير لتكون قادرة على استخدام إطار أعلى نهاية مثل تأثير أو بناء. التي تميل إلى توليد مزيد من رموز مما كنت قد تنظر من الصفر. ولكن في هذه الحالات، هل يمكن الاستمرار في استخدام جهاز محاكاة، يمكنك استخدام البيئات، وأنا أميل إلى مجرد استخدام هذه البيئة لمنصة اختبار لي في تلك الحالات كما أنني تطوير الألعاب. لقد كنت بخير خاصة مع الرسوم المتحركة قماش، الذي هو على الارجح الشيء الأكثر شيوعا. أفضل وأنت تسير على الأرجح أن تجد هي أدوات ديف في المستعرض وأدوات ديف في Visual Studio. نوع من التعرجات الجواب هناك، ولكن نأمل حصلت على جوابك. نعم. لك. 

[طالب] ما هي خيارات تخزين البيانات لتطبيقات ويندوز 8؟ ما هي خيارات تخزين البيانات لتطبيقات ويندوز 8، ويندوز مخزن التطبيقات؟ خياراتك هي حقا كل تطبيق يحصل على حمام السباحة الخاص بها من التخزين المحلي لإعدادات وبيانات، ولكن هذا أيضا من السهل يبعث على السخرية لاستخدام التجوال التخزين، لاستخدام التخزين المستندة إلى مجموعة النظراء. انها حرة. ما يحدث هو أنك في الأساس اختيار فئة مختلفة، وأقول لكم، "إعدادات التجوال، حفظ، هذه مجموعة معينة من المحتوى، و" وبها Microsoft الاعتبار، مهما كانت قد وقعت في النحو، ستكون مفتاح التجوال تلك المعلومات حولها. حتى إذا كنت تستخدم اللعبة على جهاز الكمبيوتر المحمول الخاص بي وبعد ذلك تسجيل الدخول بنفس حساب وألعب اللعبة على السطح أو قرص، التي من شأنها أن تجوب هذا الإعداد والبيانات بين تلك الآلات تلقائيا. هذا شيء افتراضي. هذا امر جيد لكميات معينة من البيانات. أنت لن تضع قاعدة بيانات ضخمة في تلك. لذلك كنت بحاجة للذهاب إلى أنواع أخرى من الحلول، مثل قاعدة بيانات استضافتها في السحابة، أشياء من هذا القبيل. هناك بعض الخيارات المجتمعية الأخرى حول أنواع أخرى من تقنيات البيانات. رأيت بعض الخيارات سكليتي في المجتمع حول هناك أيضا. لذلك أكثر وأكثر والناشئة، ولكن تلك هي الأشياء الأساسية التي ستبحث نحو لعبة أو التطبيق. وكان لديك سؤال في الظهر أيضا. 

[طالب] من حيث شبكة [غير مسموع] تحميل أو تنزيل الملفات [غير مسموع] [بوين] هل سؤالك كيف يمكنك ان ترى ذلك أو كيف يمكن تصحيح ذلك واختباره؟ [طالب] كيف يمكن تصحيح ذلك [غير مسموع] آسف. لا أستطيع سماع كل ذلك. [طالب] كيف تحصل عليه علة اختبارها وأيضا [غير مسموع] عظيم. عظيم. كيف يمكنك العمل مع الشبكات؟ كيف يمكنك معرفة ما الذي يحدث؟ هناك العديد من الإجابات المختلفة لهذا واحد، ولكن اسمحوا لي أن تظهر لك ربما كان أسهل الأشياء هنا. اسمحوا لي أن التخلص من محاكاة لفترة ثانية. خيارات التصحيح بضع لإقامة الشبكات. هناك كومة شبكة الكامل خبز الحق في المستويين WinRT ومن WinJS، بحيث يمكنك بسهولة جعل XHR جدا، ويدعو AJAX نوع من اللعبة أو التطبيق للقيام بذلك. في المقام الأول، وأنا أميل إلى استخدام الأشياء 2. يمكنني استخدام أدوات ديف الفعلية ذاتها، والتي لها مكدس الشبكة خبز فيها. اسمحوا لي أن تظهر لك الصفحة الرئيسية ويندوز. أستطيع أن أحمل هذا الأمر، وهناك في الواقع وكيل شبكة يخبز في هذه الأدوات هنا. لذلك أستطيع أن أفعل ذلك، وأنا يمكن تحديث الصفحة، وانها سوف تظهر لي كل التفاعلات، بما في ذلك AJAX يدعو لتلك الدورة، لمدة هذا الطلب ل. هذا هو مفيد. انها سوف تكون مفيدة جدا للتطبيقات المستندة إلى المستعرض. لأنواع أخرى من التطبيقات، بما فيها ويندوز مخزن تطبيقات، يمكنني استخدام أداة تسمى عازف الكمان. وأنت تسير في الحصول على لعبة في الاستجابة. [يضحك] العابث هو وكيل بسيطة. أعتقد أنني يمكن أن تظهر ذلك لك. انها GetFiddler.com فقط، والتي، ومن المثير للاهتمام، وأنا بلدي تتبع مكدس الشبكة الذهاب الى GetFiddler. ولكن على أية حال، لقد كتب عازف الكمان من قبل أحد مدراء المشاريع على فريق IE، لذلك فهو يعرف ما يفعل. هذا هو وكيل الجيدة التي يمكنك استخدامها لحركة مرور الشبكة التصحيح. أود أن أوصي بأن. السؤال هناك أيضا. 

[طالب] هل هناك طريقة سهلة لدمج المدخلات لغة أجنبية، مثل اليابانية أو الصينية، في تطبيقات ويندوز؟ لا أستطيع أن أقول لقد فعلت الكثير من ذلك بنفسي، ولكن يخبز فيه. هناك خيارات لانبعاث بالطبع التطبيق الخاص بك - أنا آسف، أنا لا أقول السؤال - خيارات حول العولمة، توطين المحتوى، بما في ذلك أمور مثل القدرة على بيعها في الأسواق المختلفة وتستهدف هذا الإصدار من التطبيق الخاص بك لتلك اللغات الفردية أو الثقافات أو أشياء من هذا القبيل. بنيت على الاطلاق فيها. لقد كان لدينا دعم لهذا لإلى الأبد، والذي يحمل إلى الأمام في خياراتك ويندوز المتجر. يمكنك أن تفعل ذلك في مخزن نفسها، وبيع في الأسواق المختلفة، يمكنك أن تفعل ذلك في التطبيق وكذلك أيضا مع استخدام الموارد لتعريف، "إذا أنا وضعت لهذه الثقافة، ثم استخدام هذه تجاوزات لمضمون النص بلدي "أو استخدام الحق في ترك القارئ." تلك هي كلها جزء من WinJS الافتراضي واجهات برمجة التطبيقات WinRT. سؤال جيد. 

كيف نفعل؟ أي أشخاص آخرين؟ وإذا كان أي شخص لديه أسئلة على شريط فيديو، وأنا cbowen @ مايكروسوفت، لذلك أنا سعيد لاتخاذ أي من الأسئلة الخاصة بك من المستقبل. جدا - من المستقبل، [صدى يحاكي] المستقبل. حتى هنا هو لي. اسمحوا لي أن أطرح العودة الاتصال الخاصة بي هنا. لذلك فقط أرسل لي ملاحظة، cbowen @ مايكروسوفت، وسوف نعود اليكم في أقرب وقت أستطيع. 

أي شيء آخر كنت أتساءل؟ نحن جيدة؟ عظيم. حسنا. شكرا جزيلا لكم جميعا. وأنا أقدر ذلك. [تصفيق] 

[CS50.TV]