[Powered by Google Translate] [संगोष्ठी - विंडोज 8 - app / खेल विकास एचटीएमएल 5 के साथ] [क्रिस बोवेन, एडविन Guarin - हार्वर्ड विश्वविद्यालय] [यह CS50 है. - CS50.TV] 

अरे, सब लोग. मेरा नाम एडविन Guarin है. इस क्रिस बोवेन है. मैं उसे एक दूसरे में खुद को परिचय देंगे. मैं बस एक त्वरित घोषणा करना चाहते हैं. सबसे पहले, आप छात्रों CS50 सभी के लिए मुफ्त विंडोज 8 मिलता है. आप वास्तव में अपने अंतिम परियोजना के लिए उपयोग करने के बारे में सोच रहे हैं, तो यह तुम्हारा है. नैट निर्देश के लिए बाद में एक ईमेल भेज देंगे. आप अपने CS50 अंतिम परियोजना के लिए एक Windows 8 app लिखने के लिए तय अगर दूसरी बात यह है, हम कुछ giveaways कर रही हो जा रहे हैं: एक Xbox, हम दूर इस तरह से सामान एक स्लेट देने के लिए सक्षम हो सकता है. तो तुम वापस पकड़ अगर वहाँ कुछ भी है, क्रिस जाने या मुझे पता है हम कैसे आप वास्तव में कुछ शांत बनाने में मदद कर सकते हैं. तो एक बार फिर धन्यवाद आज आ रहा है, और के लिए मैं क्रिस के हाथ करेंगे. 

एडविन धन्यवाद. शुक्रिया, सब लोग, आज हमारे साथ जुड़ने के लिए. मैं क्रिस बोवेन हूँ. मैं यहाँ पूर्वोत्तर में एडविन के सहयोगियों में से एक हूँ. मैं सिर्फ तुम्हारे बारे में बात कर के साथ समय का एक छोटा सा बिताना चाहता था कैसे एचटीएमएल 5, जावास्क्रिप्ट के साथ एक विंडोज स्टोर आवेदन करने के लिए, और सीएसएस और एक तरह से आप इसके बारे में कोई प्रश्न हो सकता है आप के लिए जवाब मिल आप शायद एक CS50 फाइनल अवसर के लिए यह प्रयोग करने के बारे में सोच की ओर देख रहे हैं. 

उस ने कहा, हम सिर्फ सही अंदर डुबकी हूँ मैं यहाँ पर स्लाइड करने पर जायेंगे. यदि आप कोई प्रश्न करते हैं, मुझे एक ईमेल भेजने के लिए स्वतंत्र महसूस हो रहा है. मैं cbowen@microsoft.com हूँ, और मेरा ब्लॉग और मेरा ट्विटर से नहीं है. आप मेरे साथ संपर्क में प्राप्त करना चाहते हैं लेकिन, वह ठीक है. , मैं सामान के एक घंटे के बारे में मिल गया है, और मैं जिस तरह से अपने सवालों में प्राप्त करना चाहते हैं इसलिए इस दौरान सवालों के होने के बारे में शर्म नहीं है. वे जो रिकॉर्डिंग पर सवाल पूछ रहा है नहीं देख सकते हैं, आप होना चाहते हैं तो आप के रूप में गुमनाम हो जाएगा. 

बस आप विंडोज 8 के लिए एक त्वरित परिचय दे, मुझे सही में गोता करते हैं, और क्या आप सोच सकते हैं कि विंडोज स्टोर क्षुधा के बारे में बातें की कुछ दिखाने आप एक आवेदन को विकसित करने के बारे में सोच रहे हैं. हम विंडोज 8 पर देख रहे हैं. अब हम एक दो सप्ताह के लिए बाहर गया है. वहाँ पहले से ही मजबूत गोद लेने की एक बहुत. आप हम के रूप में अच्छी तरह से है कि सतह मशीन पहले से ही देखा है सकते हैं. आप यहाँ व्यक्ति में हो अगर वास्तव में आप पर एक नज़र ले जा सकते हैं यहाँ पर भी नहीं है. मैं वास्तव में, आपसे बात करना चाहते हैं विंडोज 8 के बारे में एक छोटा सा तुम्हें दिखाने के आसपास. विंडोज 8 के साथ विचार है, यह वास्तव में आगे आप विंडोज के बारे में पता है सब सामान लाना है कुछ नए अनुभवों में - विशेष रूप से, बातें, स्पर्श के साथ भूतल मशीन पर पसंद बाजार पर अब कर रहे हैं कि अधिक मोबाइल उपकरणों के इन प्रकार, लेकिन यह अपने मूल में भी विंडोज है. तो यह आप विंडोज 7 चलाता है कि कुछ भी पर वास्तव में इसे स्थापित कर सकते हैं इसका मतलब अपने लैपटॉप के लिए नीचे अपने सबसे बड़े ट्रिपल SLI गेमिंग रिग से और अपने चमकदार नया अन्य उपकरणों के लिए आप आज उठा सकता है. वे विंडोज 8 चलेंगे. मैं तुम्हें सिर्फ एक छोटा सा चारों ओर दिखाता हूँ, और आप देखेंगे कि सभी अनुभवों को आप बना सकते हैं कि चीजें हैं. विचार यह स्पर्श, माउस, कीबोर्ड है कि क्या है, युक्ति आप अपने आवेदन पर चल रहे हैं कि जो कुछ भी है, यह महान चलाने के लिए जा रहा है. विंडोज 8 उन सभी स्थितियों के साथ मदद मिलेगी. 

एक तरफ इन स्लाइड्स, चलो बस सही यहाँ के आसपास एक नज़र लेने में मिलता है. मुझे मेरे घर स्क्रीन के चारों ओर तुम्हें दिखाते हैं. यह मेरा शुरू स्क्रीन है. मैं सिर्फ तुम्हारे यहां एक दौरे का एक छोटा सा दे देंगे. मैं तो जितना मैं अपने लैपटॉप स्क्रीन को छूने के लिए चाहते हैं, के रूप में एक गैर स्पर्श मशीन पर हूँ यह एक बात नहीं करेंगे, तो मैं बस यहाँ एक छोटा सा चारों ओर स्क्रॉल और तुम्हें दिखाता हूँ. तुम नोटिस सकता है कुछ बातें इन लाइव टाइल्स कहा जाता है कि तथ्य हैं वास्तव में चेतन कर सकते हैं, और वे आपको जानकारी प्रदान कर सकते हैं - एक खेल के लिए आंकड़े पर शायद अपडेट या आप बाएँ हाथ की ओर पर यहाँ हैं कि पहले क्षुधा में से कुछ से खबर दिखा. हम वहाँ जाते हैं. मैं इसे केवल सकारात्मक और सनक से अच्छी खबर है यकीन है. आप यह वास्तव में कह, वापस app करने के लिए आपका ध्यान बुला रहा है यहाँ देख सकते हैं, "अरे, कुछ नया करने के लिए यहाँ नहीं है. एक नज़र रखना. में वापस आ जाओ और आप के लिए क्या नया है." यही लाइव टाइल कहा जाता है, और आप सूचनाओं कर सकते हैं आवेदन से ही सही या तो आप और अधिक विस्तार में एक बार देख ले, तो आप एक दूरस्थ सेवा लिखने के लिए कैसे पता चल जाएगा कि वास्तव में टाइल करने के लिए जानकारी धक्का कर सकते हैं, जो इन समाचार Apps के साथ क्या हो रहा है है. वे वास्तव में सही वहाँ बादल से खबर मिल रहा है और टाइल अपडेट कर रहे हैं ताकि लोगों को आवेदन खोलने के लिए और एक नज़र लेने के लिए एक कारण नहीं है पता जो कुछ भी पर ताजा खबर इनमें से किसी में है या नए व्यंजनों या हरा करने के लिए एक नई उच्च स्कोर अगर वहाँ या इन आवेदनों पर एक दोस्त खेलने या जो भी हो. यह अंदर वापस आप को लुभाने के लिए कुछ है इसलिए कि लाइव टाइल्स है, और यह एक व्यक्ति को हो सकता है, यह भी एक वेबसाइट हो सकता है. आमतौर पर यह एक आवेदन है. 

बहुत ज्यादा मैं यहाँ है कि इन सब बातों के विंडोज स्टोर से आया है. मुझे लगता है कि शुरू करेंगे. यह आप डिफ़ॉल्ट रूप से मिलता है कि आवेदनों में से एक है विंडोज 8 चल रहा है कि किसी भी मशीन पर. क्या आप चाहते हैं चाहते हैं कुछ भी खोजने के लिए यहां आ सकते हैं, मैं पहले नहीं देखा है कि खेल के लिए डाला जाता है कि चीजों से. ओह, वाह, हम यहां एक नई पिनबॉल मिल गया है. आप की दुकान से यहीं इन स्थापित कर सकते हैं, और हम इन विकसित करने के बारे में बात करेंगे. आप उन्हें कैसे बनाने में विकल्पों की एक बहुत कुछ है. हम एचटीएमएल और सीएसएस के साथ जावास्क्रिप्ट कहानी पर ध्यान केंद्रित करेंगे, लेकिन उपयोगकर्ता के लिए, अनुप्रयोग के खरीदार के लिए, यह तो उसमें लिखा गया था कि क्या कोई फर्क नहीं पड़ता वे आगे जाकर उसके साथ काम कर सकते हैं. मैं इस एक के द्वारा intrigued रहा हूँ, इसलिए मैं इस खोलने के लिए और एक नज़र लेने की जरूरत है. आप प्रस्तुत करने और बेचने या मुफ्त के लिए दूर दे सकते हैं कि लोगों सहित हर अनुप्रयोग,, तुम दुकान में क्या करना चाहते हैं जो भी हो, इस तरह से एक घर पृष्ठ मिल जाएगा. आप अपने आवेदन स्क्रीन शॉट्स के एक समूह के साथ प्रस्तुत कर सकते हैं - आप यहाँ कुछ देख - आवेदन के बारे में जानकारी है, और समय के साथ आप दोनों मूल्यांकन जमा करेंगे - , और समीक्षा - वे मूल रूप से बस सितारा रेटिंग हो एक छोटा सा और अंतर्दृष्टि प्रदान करते हैं. दरअसल, किसी को कुछ लिखें और तुम कितने भयानक तुम्हें बताने के लिए है और कि मैं देखा नहीं है, जो यहाँ पर अपना समीक्षा अनुभाग में जाना होगा. बढ़िया. "यहां तक ​​खुला नहीं होगा." कैसे महान. खैर, यह खुला और रन था, जिनके लिए लोगों के लिए, वे वास्तव में यह आनंद लेने लगते हैं. [हंसते हुए] इसे ध्यान में रखें. इंटरनेट. किसी को भी वे अपने आवेदन के बारे में क्या चाहते हैं कह सकते हैं. तो अगर आप इसके साथ एक बहुत अच्छा काम कर रहे हैं, सुनिश्चित करें आप आप के रूप में उपयोगकर्ता के लिए यह रूप में आराम कर रहे हैं बनाना वे एक जोड़े को दूर एक समीक्षा प्रदान करने से इन्हें क्लिक कर रहे हैं क्योंकि, और कि अपने समग्र समीक्षा दर्ज़ा अप करने के लिए जमा करेंगे. आप को अन्य अनुप्रयोगों के खिलाफ होने जा रहे हैं और क्योंकि आप अपने सबसे अच्छा करना चाहते हैं. पहले से ही दुकान में क्षुधा के हजारों रहे हो जाएगा, और संभावना है कि आप क्या कर रहे हैं करने के लिए इसी तरह की कार्यक्षमता करता है कि वहाँ कुछ हो सकता है, कर रहे हैं. आप वास्तव में भीड़ से बाहर खड़ा कर सकते हैं, कि बेशक, अपने लाभ के लिए होने जा रहा है. 

हम एक छोटा सा बाद में दुकान में मिल जाएगा. मैं वास्तव में क्षुधा बनाने पर ध्यान केंद्रित करना चाहते हैं. लेकिन दुकान के लघु संस्करण दुनिया भर में वितरण है, यह स्वचालित रूप से विंडोज 8 का हिस्सा है, लोगों को सिर्फ यह आग और यहां विभिन्न Apps पर एक नज़र रखना आप ड्रेस अप स्टीकर बुक और विभिन्न Apps के सभी प्रकार है. खराब है, लेकिन मैं यह एक बहुत का उपयोग करें - नए रंग, मैं इस एक बहुत का उपयोग करें. यह मैं पहले से ही यह खुद मुझे दिखा रहा है. मुझे तुम मेरे पास नहीं है कुछ दिखाने दो - UVideos मैं नए ब्रांड के रूप में नहीं है. आप यह मुफ़्त है यहाँ देखते हैं, तो आप सही दुकान से स्थापित कर सकते हैं. तुम भी विकल्प हैं. आप निश्चित रूप से यह दूर दे सकते हैं. आप एप्लिकेशन या खेल में विज्ञापन डाल सकता है. तुम भी इसके लिए चार्ज कर सकते हैं, और आप बहुत ही आसानी के साथ ही आवेदन के लिए एक परीक्षण प्रदान कर सकता है इसलिए आप लोगों को एक सप्ताह या जो भी आप करना चाहते हैं के लिए यह कोशिश कर सकते हैं. यही पोर्टल के माध्यम से सिर्फ अनुकूलन है. आप उस के लिए कोई कोड नहीं लिख सकता हूँ. तो तुम ", आप एक सप्ताह के लिए इस का उपयोग कर सकते हैं और उसके बाद आप इसे खरीदने के लिए मिल गया है", कहते हैं या आप इस खेल के पहले 3 स्तरों खेल सकता है ", की तरह बातें कर सकता है "और फिर आप आराम का उपयोग करने के लिए खरीद करने के लिए मिल गया है." आप कह सकते हैं तो तुम भी, साथ में app खरीद कर सकता है "हम अतिरिक्त रोमांच या खुला रहे हैं कि ग्राफिक्स या चीजों के सेट मिल गया है - "खुला रहे हैं कि अधिक व्यंजनों -. आप इन विस्तारित सेट खरीद" और आप सभी बॉक्स या खेल के भीतर ही ऐसा कर सकते हैं. तो, पूरी तरह आप पर निर्भर है, अपनी पसंद. तुम दुकान में क्या कर सकते हैं कि चीजों में से एक बहुत कुछ है, और तो बुनियादी तौर पर आप एक प्रमाणीकरण चैनल को प्रस्तुत कर रहे हैं. हम बाद में उस पर एक छोटा सा के बारे में सभी बात कर सकते हैं, लेकिन इस लक्ष्य है. आप यहाँ दुकान में अपने app दुनिया भर में दृश्यता प्राप्त करना चाहते हैं. 

वापस यहाँ शुरू स्क्रीन पर, मैं एक छोटा सा और चारों ओर आप दिखाना चाहते हैं. मैं इन एप्लिकेशन लॉन्च करते हैं, तो मुझे आप कुछ पार app की कार्यक्षमता का एक उदाहरण यहाँ दे. करना है कि, मैं नए रंग का शुभारंभ करेंगे. आप देखेंगे एक बात स्क्रीन के हर एक सा है, स्क्रीन के सभी पिक्सल, अपने app करने के लिए जाना. वे दिन गए जब आप खिड़कियों के आसपास इन सीमाओं है जहां दिन हैं हमेशा अंतरिक्ष हर समय वहाँ ले जा रहे हैं कि बटन के बहुत से. अब आप वास्तव में उस से दूर जाना चाहते हैं और सिर्फ अपनी सामग्री ध्यान केंद्रित किया है. हम मेनू के अन्य प्रकार के पहुँचने से विंडोज के साथ बातें कर सकते हैं. उनमें से एक, आकर्षण बार यही कहा जाता है वास्तव में है और यह स्क्रीन के किनारे से बाहर आता है. आप एक टच स्क्रीन है, तो आप वास्तव में, की ओर से झाड़ सकता है आप सही हैं, तो आप एक माउस है, तो इसके लिए एक कुंजीपटल शॉर्टकट नहीं है क्लिक कर सकते हैं यहां के वातावरण में कुछ करने के लिए एक से अधिक तरह हमेशा वहाँ है. यही कारण है कि आप ऐसा कर सकते हैं कि चीजों के एक नंबर लाता है. सबसे स्पष्ट है, आप शुरू स्क्रीन करने के लिए वापस जा सकते है लेकिन अन्य 4 आकर्षण क्या कहा जाता हैं. वे तुम्हें एक app डेवलपर के रूप में प्लग कर सकते हैं कि अनुबंध कर रहे हैं. वे बहुत अच्छा कर रहे हैं. खोज, मुझे लगता है कि आप क्या करने जा रहे हैं कुछ है यकीन है, मैं एक सेकंड में आपको दिखाता हूँ बांटने, और उपकरणों और सेटिंग्स, इन सब अपने अनुप्रयोग में प्लग कर सकते हैं कि बातें कर रहे हैं विंडोज का लाभ उठाने के लिए कहते हैं, "मैं अपने काम कर दिया "और मैं विंडोज कुछ अन्य कार्यक्षमता का समर्थन करना चाहते हैं, "और मुझे लगता है कि ऐसा करने के लिए कोड का एक बहुत कुछ लिख नहीं करना चाहती." यह वास्तव में इन सुविधाओं का उपयोग करने का एक फायदा है. मुझे आप एक दिखाते हैं. करना है कि, मैं एक नया चित्र बना देंगे. मैं भी अपने अनुप्रयोग के लिए हर पिक्सेल उपयोग करने के बारे में बात की थी. डिफ़ॉल्ट रूप से, इस रंग app आप इसे प्रयोग कर रहे हैं जब की तरह लग रहा है. यह सिर्फ आप चित्रकारी कर रहे हैं जो कुछ के बारे में वास्तव में अपनी सामग्री है. मैं यहां भयानक बातें कर सकता है. मैं क्या आकर्षित करना चाहिए? मुझे नहीं मालूम. Scribbles? ओह, महान. मैं scribbles कर सकते हैं. बढ़िया. एक तुर्की? [हंसते हुए] यह आप देखेंगे सबसे अमूर्त तुर्की है. मैं भी, एप्लिकेशन बार यही कहा जाता है ऊपर ला सकता है और यह वास्तव में आप उपयोग कर सकते हैं कि प्रमुख तरीकों में से एक है अपने अनुप्रयोग या खेल से पहले पर किया गया हो सकता है कि सभी सामान दूर छिपाने के लिए सिर्फ अंतरिक्ष हर समय ले रही है. तो अब आप इसे यहाँ रख सकते हैं, और यह वास्तव में अधिक सुंदर अनुभवों में से एक है मैंने देखा है कि app पट्टी के साथ. विभिन्न रंगों के चयन के लिए यहां विकल्प रखो. हम एक तुर्की चाहता था, इसलिए हम एक जोड़े के रंग में मिश्रण शुरू, यहाँ कुछ भूरे रंग डाल देता हूँ. हम यहाँ एक मध्यवर्ती रंग ले और फिर यहां वापस मिल जाएगा. आप ड्राइंग शुरू कर सकते हैं. अपने टर्की है. बढ़िया. मैं के साथ शुरू करने के लिए आकर्षित, लेकिन एक दर्शक के सामने एक touchpad के साथ यह करने के लिए भी बेहतर है नहीं कर सकते हैं. यह कमाल है. विचार है, हालांकि, मैं सतह पर यहीं के बारे में परवाह है कि सब कुछ है. कहते हैं कि मैं मैं किसी के साथ साझा करने के लिए मिल गया है कि इस के साथ बहुत संतुष्ट हूँ कहते हैं. आम तौर पर क्या आप Windows के अन्य संस्करणों के साथ क्या होगा, आप शायद एक स्क्रीन शॉट ले जाएगा, आप अपने पाठ का कुछ कॉपी पेस्ट करना चाहते हैं या आप बाहर साझा करना चाहते हैं कि इस तरह बातें, और फिर जाने के लिए और एक और आवेदन को खोलने और इसे में डाल दिया. यहाँ आप ऐसा करने की जरूरत नहीं है. आप वास्तव में आकर्षण बार बाहर लाने और कह सकते हैं, "मैं इस साझा करना चाहते हैं." इस बिंदु पर यह आप सभी क्षुधा को दिखाने के लिए जा रहा है कि साझा किया जा रहा है जो कुछ के साथ काम करने के लिए कैसे पता है. इस मामले में यह एक तस्वीर है, तो यह कहने जा रहा है "मैं आपको एक तस्वीर मिल गया है देखते हैं." "आपको लगता है कि साझा करना चाहते हैं?" तुम्हें पता है मैं अपने आप को हर समय सामान ईमेल देख सकते हैं. यह मान्यता है कि, और यह कि एक शॉर्टकट के रूप में, मुझे पेशकश की है लेकिन यह भी मुझे एक तस्वीर लेने के साथ सौदा करने के लिए कैसे जानता है कि हर अनुप्रयोग दिखा रहा है और इसके साथ कुछ कर रही है. ये सभी वे ऐसा कर सकते हैं कि विंडोज के लिए संकेत दिया है. इस बिंदु पर यह विंडोज है. उपयोगकर्ता अभी वे इसके साथ क्या करना चाहते हैं चुनता है. मैं PuzzleTouch की मेरी हमेशा कोशिश करूँगा. तुम्हें पता है मैं समय के साथ पहेली के सभी प्रकार बना लिया देख सकते हैं. मैं PuzzleTouch लेते हैं और कहते हैं, "मैं PuzzleTouch साथ इस अद्भुत रचना को साझा करना चाहते हैं." यह आगे जाना है और कहने के लिए जा रहा है "महान. आप? उत्कृष्ट इस साझा करना चाहते हैं." "तुम, मध्यवर्ती, आसान है कि एक पहेली बनाने के लिए चाहते हैं जो कुछ भी?" मैं यहाँ एक मध्यवर्ती एक कर देंगे. यह पहेली बना देता है. यह ज्यादातर खाली है, क्योंकि यह एक भयानक पहेली होने जा रहा है. लेकिन यह तैयार है, और इसे वापस अन्य आवेदन में वास्तव में है. मैं यहां से बाहर आते हैं, तो मैं इसके लिए खोज और इसे शुरू कर सकते हैं. हम यहाँ सिर्फ एक छोटा सा पर स्क्रॉल अब, अगर हम कहीं न कहीं मेरी रचना देखना चाहिए. मैं कहाँ गए थे? मैं पहेली का किस तरह किया? मैं इसे आसान कर दिया? ओह, वहाँ यह अभी भी वहीं है. [दबी हंसी] यह यहाँ है कि आसानी से पहचानने तुर्की पहेली है. लेकिन मैं तुमसे कहना चाहता हूँ बात, यहां शांत बात क्षुधा एक दूसरे के बारे में कुछ भी पता नहीं था. वे केवल "मैं साझा करने के लिए एक तस्वीर मिल गया है, और मैं चित्रों के साथ निपटने के लिए पता है." और एक डेवलपर के रूप में आप, आप उस कोड लिखने की जरूरत नहीं है. किसी को साझा करने के लिए मुझसे पूछता है, मैं इस छोटी डेटा संरचना में कुछ डेटा डाल करने के लिए जा रहा हूँ और मैं कर रहा हूँ. अन्य अनुप्रयोग, अधिक लेता है इसकी बात करता है, और उस अनुभव बांटने का अंत है. वास्तव में, वास्तव में शक्तिशाली - ये आप क्या कर सकते हैं कि सिर्फ एक ही बात है - और यह वास्तव में अपने app अंतर करने में मदद कर सकता है कि उन चीजों में से एक होने जा रहा है और भी दुकान में भी अपने खेल. लोग कहने के लिए सक्षम होने के लिए जा रहे हैं "यह वास्तव में उपयोगी है." "मैं इस पहेली निर्माता सब समय का उपयोग करें. यह शानदार है." 

यही कारण है कि यहां क्या हो रहा है की एक संक्षिप्त सिंहावलोकन के बारे में काफी है. हम कोड के माध्यम से जाने के रूप में अन्य सुविधाओं के लिए भी हो सकता है कि हम को उजागर करेंगे एक जोड़ी है. लेकिन मैं स्लाइड्स में गोता लगाने के लिए, और ऐसा करने के लिए चाहता हूँ, मैं, डेस्कटॉप के लिए जा रहा हूँ जो अपने आप में यहाँ एक और लाइव टाइल है. मुझे यकीन है कि पर्याप्त, इस में जा सकते हैं, मैं, मेरी स्लाइड पर हूँ लेकिन हम कर रहे हैं, जहां मुझे वास्तव में तुम्हें दिखाते हैं. हम डेस्कटॉप मोड में वास्तव में कर रहे हैं. यह सच है जहां मैं Windows आगे ले जाने के बारे में पहले क्या कह रहा था नए अनुभवों को ही दिखाता है. यह आपको पता है कि विंडोज है. विंडोज अनुप्रयोगों डेस्कटॉप क्षुधा कहा जाता है. वे यहां चलाते हैं. आप क्षुधा मौजूदा और किया है, तो आप विंडोज 8 पर उन्हें चलाने के लिए चाहते हैं आप पूरी तरह से ऐसा कर सकते हैं. ये यहां खत्म हो गई हैं, जो दुकान क्षुधा, के रूप में एक ही बातें नहीं कर रहे हैं नए रंग और इन एनबीसी न्यूज क्षुधा और इस तरह बातें की तरह. उन की दुकान से आ जाएगा. उन्होंने कहा कि मैं आपको दिखा रहा था कि सुविधाओं में से कुछ में प्लग कर सकते हैं और मैं बस अभी तक आप नहीं दिखाया है कि दूसरों को. लेकिन सिर्फ दिमाग में रखना है कि. हम साथ ही इन दोनों बातों के लिए समर्थन किया है. मैं माफी चाहता हूँ. कुछ स्क्रीन पर प्रदर्शित नहीं हो रहा? मैं इसे पूरी तरह से खो दिया है. यह विचित्र है. ठीक है. उनका कहना है कि करने के लिए धन्यवाद. क्या आप थोड़ी देर के लिए देख नहीं किया गया है अपने डेस्कटॉप यहाँ है कि आप दिखा है. तुम्हें देखा है कि पिछले बात क्या है? क्या तुमने यह देखा? यह डेस्कटॉप है. आप पहले से ही यह कैसा लग रहा है पता है. यह बहुत असामान्य बात नहीं है. यह हमारे आपके लिए आगे कि अनुभव ले जाने और क्या आप को मिला है कि चीजों का उपयोग दे रहा है. उदाहरण के लिए, मैं दृश्य स्टूडियो दिखा सकता हूँ. यह एक डेस्कटॉप अनुप्रयोग है. यह इस मोड में चलाने के लिए जा रहा है. यह एक अधिक जटिल वातावरण का समर्थन करने के लिए जा रहा है एक विकल्प और है कि जैसे बहुत सी चीजें हैं, इसलिए साथ यह यह एक डेस्कटॉप अनुप्रयोग के रूप में एक अच्छा विकल्प बनाती है. 

उस ने कहा, चलो बस एक छोटा सा के लिए स्लाइड करने के लिए जाओ और आप कुछ परिचयात्मक सामग्री दे और फिर वास्तव में यहाँ कोडिंग में मिलता है. अच्छी खबर यह है कि मैं आप सीएसएस और जावास्क्रिप्ट, एचटीएमएल का एक बहुत पर ध्यान केंद्रित किया गया है सुना है. आप विंडोज स्टोर क्षुधा बनाने में सीधे ले सीख रहा हूँ कि उन सभी बातों के. आप सीएसएस चयनकर्ताओं और उन सभी चीजों को लागू करने के साथ के बारे में सुन रहा हूँ कि चीजें तुम दुकान के लिए यहां एक आवेदन पत्र बनाने के लिए करते हैं कि वास्तव में क्या है. हम थोड़ा करके इन बातों बिट के माध्यम से जाना होगा. असल में, मैं आप पहले से ही जानने के लिए समय ले लिया है कि सामान पर निर्माण कर रहा हूँ. यह आप इस्तेमाल कर सकते हैं कि प्रौद्योगिकी के समग्र चार्ट है विंडोज 8 के लिए आवेदन पत्र बनाने के लिए. सही, डेस्कटॉप क्षुधा, पर सामान हम पहले से ही जानते हैं कि क्या वास्तव में है. यह वास्तव में विंडोज 8 में आगे बढ़ाया विंडोज 7 दुनिया है कि सामान है. उन विकल्पों में से सभी को आगे ले जाने के लिए: सी #, VB, विकास की Win32 तरह. ग्रेट. नो प्रौब्लम. नया सामान बाएं हाथ की ओर है. यही कारण है कि मैं अपने आवेदन विंडोज 8 में तार करना चाहते हैं, कि जब विंडोज स्टोर क्षुधा है उन सभी सुविधाओं का उपयोग कर, दुकान में मिलता है, और कहा कि वास्तव में अच्छा अनुभव प्राप्त विंडोज स्टोर आवेदनों की. ऐसा करने के लिए, आप आप XAML के साथ अपने सभी विकल्प मिल गया है यहाँ देख सकते हैं, सी + +, सी #, VB, आप इंटरनेट से कर सकता है, इस तरह बातें, स्लाइड परे जाना है कि चीजें. लेकिन हमारे लिए, हम इस तथ्य पर सही में ध्यान केंद्रित करने जा रहे हैं कि एचटीएमएल, सीएसएस, और जावास्क्रिप्ट विंडोज 8 के लिए आवेदन पत्र बनाने के लिए वास्तव में एक प्रथम श्रेणी के नागरिक हैं, और विंडोज स्टोर के लिए. तो यह सब यहाँ और वीडियो पर देख लोगों के लिए अच्छा है तुम सिर्फ तुम हो कि उन सभी अनुभवों का लाभ उठाने सकता है क्योंकि और वास्तव में विंडोज क्या प्रदान करता है में टाई. आप आश्चर्य नहीं होना चाहिए जो एपीआई का एक सेट, के माध्यम से ऐसा करने जा रहे हैं. हर ओएस अपनी ही एपीआई है. हम विंडोज WinRT क्या कहा जाता है के माध्यम से क्या कर सकते हैं बेनकाब. यह सिर्फ तुम्हारे लिए सब कुछ करता है कि एपीआई का एक सेट है. आप फ़ाइलों को खोलने की जरूरत है, तो आप कैमरा, जियोलोकेशन, उस तरह चीजों का उपयोग करने की आवश्यकता है, वे विंडोज आप के लिए क्या पेशकश कर सकते के माध्यम से जाना. उस तक पहुंचने के लिए, हम यह और भी आसान बनाने जा रहा है कि कुछ और जावास्क्रिप्ट है आप ऐसा करने के लिए. हम एक क्षण में है कि मिल जाएगा. लेकिन अब के लिए, कि मूल रूप से अपने रोड मैप है. आप पहले से ही कुछ एपीआई के शीर्ष पर कर रहा हूँ कि चीजें आप विंडोज के साथ काम करते हैं कि मदद की दुकान अनुप्रयोग के बराबर होती है. और कहा कि वास्तव में आप उच्च स्तर से पता है के बारे में सब है. 

हम वास्तव में अब सामान के साथ काम करने में डुबकी हूँ. आप शायद पहले से ही की एक गुच्छा देखा है बातें, IE9 साथ थोड़ी देर पहले हम, समय, का एक बहुत कुछ के लिए समर्थन शुरू की नये वेब में मानकों, ताकि नए सीएसएस सुविधाओं की एक बहुत, वास्तव में जावास्क्रिप्ट है जो नए HTML, एकमा स्क्रिप्ट 5, का एक बहुत. तो सख्त मोड के लिए छोड़कर उसके लिए सब कुछ IE9 में था. सीएसएस के साथ सामान की बस एक टन, CSS3, सब वहाँ में. और यह सब सामान हम विंडोज 8 के साथ क्या कर रहे हैं में आगे रहता है. आप इन चीजों का उपयोग कर सकते हैं, और आप IE10 में नया क्या है कि सब कुछ का उपयोग कर सकते हैं. IE10 के साथ हम के रूप में अच्छी तरह से इन सब बातों के लिए समर्थन परिचय. वे सब हार्डवेयर त्वरित, तो आप GPU के कुछ प्रकार है कि एक मशीन पर हैं, जो शायद बहुत ज्यादा आप पिछले 8 साल में मिल सकता है कि हर मशीन है, आप हार्डवेयर त्वरित उत्पादन करने में सक्षम होने के लिए जा रहे हैं, सीएसएस के साथ दृश्य उत्पादन, कैनवास, एसवीजी. उन सभी चीजों हार्डवेयर त्वरण के माध्यम से जाना जाएगा और कहा कि बहुत तेजी से और अधिक कुशल हो. इस सब के लघु संस्करण - मैं कर रहा हूँ यहाँ हर एक बात के माध्यम से जाना नहीं जा रहा - आप इस सूची में यह देखते हैं, आप IE10 में यह कर सकते हैं, यह IE10 में काम करता है कि आप चल रहे हैं कि एक वेब अनुप्रयोग है, यह आपको एक विंडोज स्टोर app के रूप में कुछ कर सकते है. और कहा कि यह बहुत सुंदर है. यह IE10 में काम करता है, तो यह एक विंडोज स्टोर app के रूप में काम करने के लिए जा रहा है. यह आप इस्तेमाल कर सकते हैं कि कुछ के रूप में मेज पर है. 

यहाँ बहुत कुछ है. हम आधी रात तक नहीं है, इसलिए मैं यहाँ सब कुछ की समीक्षा नहीं कर सकते हैं. लेकिन आप इन बातों को क्या कर सकते हैं समझने में मदद मिलेगी कि कुछ साइटों रहे हैं, और मैं एक दूसरे में आप उनमें से एक दिखाएंगे. मैं सिर्फ तुम पर लग सकता है कि महत्वपूर्ण बातों की कुछ बात करना चाहता था. हो सकता है कि आप पहले से ही अपनी पढ़ाई में इनमें से कुछ देखा है, लेकिन इन सीएसएस ओर से, विंडोज स्टोर क्षुधा के साथ विशेष रूप से, वास्तव में सहायक होते हैं. तो बदल देती है और बदलाव करने में सक्षम होने, एनीमेशन के साथ गति प्रदान - इन, अब सीएसएस का हिस्सा हैं, और वे सभी आधुनिक ब्राउज़रों द्वारा समर्थित रहे और IE10 और IE9 इन सब बातों के लिए समय के साथ समर्थन जोड़ लिया है. और ऐसा क्यों है यह अपने आप को लिखने, क्यों हाथ से ये बातें कर के सभी परेशानी के माध्यम से जाना आप अपने आवेदन के लिए एक 3 डी प्रभाव बनाने के लिए एक सरल सीएसएस बदलना इस्तेमाल कर सकते हैं? ग्रेट. यही कारण है कि यह कैसे काम करता है. मैं यह है कि किसी भी अधिक मुश्किल नहीं कर सकता. आप सीएसएस में यह कैसे करना जानते हैं, तो आप विंडोज स्टोर app में यह कैसे करना है पता है. 

लेआउट के लिए कि परे जा रहे हैं, यहां तक ​​कि दुकान app की तरह बातें, लेकिन आप लेख दिखा रहा है कि शायद एक खबर एप्लिकेशन को देख, उस पार जा या ऐसा व्यंजनों या बातें, सीएसएस में सुविधाओं के इन अन्य प्रकार के वास्तव में उपयोगी होते हैं: ग्रिड, Flexbox, सीएसएस क्षेत्र एक काफी नए मानक के अधिक के रूप में अच्छी तरह से है. ये बातें सब, आप सामग्री बाहर करना और वर्गों के बीच सामग्री प्रवाह में मदद करने के लिए जा रहे हैं आप सामान अपने आप को लिखने के लिए बिना पृष्ठ पर अंक लगाना और हायफ़नेशन करने में सक्षम हो. तुम सिर्फ "मेरे लिए, निम्न कार्य करें कहते हैं," और स्क्रीन अचल संपत्ति विभिन्न मशीनों पर अलग है आप एक आवेदन तस्वीर के रूप में या तो आप एक पल में देखेंगे स्क्रीन पर अंतरिक्ष की छोटी मात्रा में है, कि सीएसएस के लिए कोई समस्या नहीं है. इसे का लाभ ले सकते हैं - एक दूसरे में मीडिया के प्रश्नों के बारे में we'll बात - यह क्षेत्रों से सामग्री बह रही है, अपनी सामग्री repositioning के साथ बातें की देखभाल कर सकते हैं बस आप पहले से ही वेब तकनीक के साथ देखा हो सकता है कि इन बातों के साथ. 

एचटीएमएल 5 तरफ, चीजों की एक गुच्छा भी कर रहे हैं कि विंडोज स्टोर Apps के साथ आप के लिए बहुत उपयोगी हो जाएगा. फिर, हम इन सभी के माध्यम से जाना नहीं होगा, लेकिन वे अभी कर रहे हैं यहाँ. तो आप इसका इस्तेमाल करने की जरूरत है, ऑडियो, वीडियो, आप रूपों से सत्यापन करना चाहते हैं, जियोलोकेशन, आप जावास्क्रिप्ट 5 या एकमा स्क्रिप्ट 5 के साथ जावास्क्रिप्ट में क्या कर सकते हैं यह सब बातें, IndexedDB स्थानीय भंडारण के लिए - इन आप के लिए सभी विकल्प हैं. आप एक जवाब के लिए देख रहे हैं, बस एचटीएमएल 5 और सीएसएस के साथ मौजूदा प्रौद्योगिकियों को देखो और आपको लगता है कि बहुत सारी चीज़ें अपने आप रोल करने के लिए होने से आसान जवाब मिल जाएगा. मुझे यहाँ एक छोटा सा चारों ओर तुम्हें दिखाते हैं. मुझे लगता है हम पर जा सकते हैं एक साइट मिल गया है. मुझे एक पल के लिए इस स्लाइड के बाहर छोड़ दिया. 

हम IETestDrive.com के लिए बाहर जाना है, तो मैं यहाँ एक डेमो के लिए ज्यादा कुछ नहीं होगा. IETestDrive.com वास्तव में, आप IE10 साथ क्या नया है की एक बहुत दिखा रहा है आप कर सकते हैं कि चीजें. मैं, इस वजह बजाय सफेद कागज का एक गुच्छा के माध्यम से पढ़ने का वास्तव में उपयोगी है लगता है कुछ क़ौम को देखो, और है कि आप अपनी खुद की निजी रडार पर डाल मदद करने के लिए जा रहा है एक प्रौद्योगिकी के साथ भी किसी भी अधिक शोध करने के लिए समझ में आता है कि क्या बारे में तो आप "मैं इस बात के लिए क्या है.", समझ में आ जाएगा "मैं अनुरोध एनीमेशन फ्रेम मेरे लिए क्या करता है समझते हैं." "मुझे लगता है मैं उन क्षेत्रों या एसवीजी फिल्टर इस्तेमाल कर सकते हैं कि कैसे समझते हैं." आप यहाँ एक उदाहरण पर उन्हें देख, कार्रवाई में उन्हें देख, कि अपनी खुद की परियोजनाओं में और परे आप के लिए उपयोगी होने जा रहा है और अगर खुद के लिए तय आप वेब प्रौद्योगिकी के साथ काम करने के लिए जारी है. यहाँ मैं बस एक बार देख लेने के लिए प्रोत्साहित करेगा. मुझे लगता है मैं वास्तव में इन चल ज्यादा समय खर्च करेंगे नहीं लगता. हम कोड लिखने के साथ दिखाने के लिए पर्याप्त मिल गया है. तुम, स्पर्श प्रभाव है कि विभाग में करने के लिए स्पर्श आधारित खेल से यहां चीजें देखेंगे एनीमेशन, वहाँ वास्तव में तेजी से हार्डवेयर त्वरित एनीमेशन, कुछ आप के रूप में अच्छी तरह से इन नमूनों में से कुछ में देख लेंगे कि अनुकूलन, और बहुत, बहुत अधिक नहीं है. आप यहाँ पर जा सकते हैं और साइट मानचित्र ऊपर खुला, यहां नमूनों में से केवल एक हास्यास्पद संख्या है. आप उन सब को यहाँ देख सकते हैं. आप कुछ देख रहे हैं या यदि आप कुछ के बारे में सुना और तुम, शायद इस ऐप्लिकेशन में उपयोग करने के लिए कुछ अच्छा होगा सोच रहे हैं यहाँ देखने का प्रयास करें, और यह अपने आप को कुछ समय बचाने के लिए के लिए एक बहुत अच्छा प्रदर्शन शायद नहीं है. 

ठीक है? कोई प्रश्न अब तक यहां के लोगों के लिए? ठीक है. हम यहाँ पर ले लेंगे. फिर, कि बस की जाँच करें. वे वेब मानकों हैं, तो आप के बारे में पता है कि किसी भी अन्य शोकेस साइटों के लिए जाना उन प्रौद्योगिकियों आप करने की कोशिश कर रहे हैं के लिए समझ बनाने के लिए अगर और देखते हैं. 

स्लाइड्स के लिए वापस. उस ने कहा, यदि आप वास्तव में एक स्थापित स्थानीय आवेदन दुनिया के लिए एक वेब दुनिया से आगे बढ़ रहे हैं तो यहाँ से बाहर बात करने के लिए कुछ चीजें हैं. सबसे पहले, यहाँ कोई शामिल वेब सर्वर नहीं है. कोई अपाचे यहां चल रहे आईआईएस है, वहाँ नहीं है एक दूरस्थ ब्राउज़र एजेंट के लिए, एक दूरदराज के ग्राहक के लिए पृष्ठों की सेवा. इस मामले में, वास्तव में सब कुछ आप के लिए पैक किया जाता है. आप स्टोर करने के लिए अपने आवेदन के रूप में, यह प्रमाणित हो जाता है कि प्रस्तुत यह दुकान में बाहर है, और उसके बाद हजारों लोगों ने लोगों को अपने खेल या अपने अनुप्रयोग स्थापित हो जाएगा. लेकिन मूल रूप से, वे अपनी मशीन को स्थानीय स्तर पर यह नीचे खींच रहे हैं. आप एक दूरस्थ एपीआई की जरूरत है कि कॉल जब तक अब और वेब के लिए बाहर जाने की कोई जरूरत नहीं है, और उस के रूप में अच्छी तरह से भी पूरी तरह से सामान्य है. लेकिन वे एक सर्वर से अनुरोध प्रतिक्रिया जाने के लिए वे कहाँ है कि मोड में होना करने के लिए नहीं जा रहे हैं अपनी सामग्री के अगले पृष्ठ पाने के लिए. तो उस ने कहा, कुछ मामूली एपीआई मतभेद है. इन अविश्वसनीय रूप से छोटे हैं. वे अपने सामान्य कोडिंग में तुम्हें मारने के लिए उम्मीद कर रहे हैं, लेकिन वे कम से कम प्रलेखित रहे हैं. वे एक तरह से वहाँ मामलों किनारे कर रहे हैं. 

बाहर इशारा लायक दूसरी बात यह विश्वास मतभेद है. मैं सिर्फ बनाने के लिए चाहते हैं, क्योंकि मैं केवल यह उल्लेख यकीन है कि मैं यह कहा ताकि आप इसे बाद में चलाते हैं, आपको लगता होगा, "क्रिस, इस बारे में कुछ कहा "तो हो सकता है, ठीक है, हाँ" और फिर तुम वापस जाओ और तुम यह क्या था पता लगाना. संदर्भों बात. डिफ़ॉल्ट रूप से हम हमले के वैक्टर से उपयोगकर्ता की रक्षा के लिए प्रयास करें. आप डिफ़ॉल्ट रूप से कर सकते हैं कि कुछ चीजें हैं और कुछ चीजें आप को सक्षम करने के संदर्भ बदलने की जरूरत है. तुम वहाँ कुछ पुस्तकालयों का उपयोग कर रहे हैं - तुम्हीं ने पहले से ही jQuery के साथ काम कर रहा तुम वहाँ से बाहर अन्य पुस्तकालयों के लिए देखने के लिए अगर - लेकिन आप कुछ कार्यक्षमता का उपयोग किया जा सकता है उस तरह के और अधिक गतिशील बातचीत, स्थानीय उपयोग के परे है चला जाता है XHR अनुरोधों, इस तरह बातें. कभी कभी आप उन डिफ़ॉल्ट रूप से अक्षम हो जाएगा मिल सकता है, और उस मामले में, बस, स्थानीय और वेब संदर्भ के लिए देखो, एक खोज करते हैं और आपको लगता है कि ठीक करने के लिए पता चल जाएगा. आप अन्य चौखटे का उपयोग करने के लिए शुरू के रूप में बस, सुनिश्चित करें कि आप उस के बारे में पता था बनाने मैं उल्लेख करना चाहिए, जो आपको पूरी तरह से करने में सक्षम हो. तो अगर आप कुछ अन्य ढांचे को मिल - एक सेकंड में इस बारे में we'll बात - आप उसका इस्तेमाल करना चाहते हैं जुआ खेलने के लिए और, आप बाहर है कि वहाँ कुछ नियंत्रण पुस्तकालयों का उपयोग करना चाहते हैं और आपको लगता है कि चीजें अपने आप को लिखना नहीं चाहता है - यह सही है, एक अच्छा विचार है? - आप पूरी तरह से इस सामान का उपयोग कर सकते हैं. वापस जावास्क्रिप्ट पर आधारित है कि पुस्तकालय के किसी भी प्रकार का उपयोग करने से पकड़े कुछ भी नहीं है, सीएसएस, एचटीएमएल 5. फिर, यह आप इन दिनों एक बहुत की एक बिल्ली है जो IE10, में कुछ कर सकता है, आप यह कर सकते हैं. , अपने अनुप्रयोग में खींच जावास्क्रिप्ट पुस्तकालय, और अपने आवेदन में इसका इस्तेमाल करते हैं कि संदर्भ, बस आप एक समय में एक बार एक सुरक्षा प्रसंग हिट हो सकता है ध्यान में रखते हुए - नहीं बहुत बार. 

हम जाने के रूप में और फिर सुविधाओं, हम उन लोगों में से कुछ अधिक पर जायेंगे. आप अधिक से अधिक आवेदनों को देखने के रूप में आप की तरह की आदत हो जाएगी UX विंडोज स्टोर से. तुम कैसे वे काम के लिए एक महसूस पाने के लिए और कैसे डिजाइन सौंदर्य काम करने के लिए जाता है विभिन्न अनुप्रयोगों और क्या भर में लोगों का सामना करने के लिए इस्तेमाल किया जाएगा. यह वास्तव में महत्वपूर्ण हिस्सा है. वे अपने अनुप्रयोग को आग जब वे एक मैनुअल पढ़ने की जरूरत नहीं है, सुनिश्चित करें कि वे जिस तरह से करते हैं, जो कभी नहीं. वे सिर्फ अपने आवेदन के साथ खेल शुरू करने के लिए सक्षम होना चाहिए और अधिक कठिनाई के बिना यह पता लगाना. चिपके हुए हैं और इन तरीकों का एक बहुत का पालन करके, आपको लगता है कि आसान बनाने, अपने उपयोगकर्ताओं को एक बड़ा एहसान करने जा रहे हैं. 

ठीक है. पिछले एक एपीआई पक्ष पर बात और तब हम वास्तव में कोड लिखने में मिल जाएगा. WinJS मुझे लगता है कि जटिल स्लाइड के साथ बहुत संक्षेप में उल्लेख किया है कि बात है आप आवेदन पत्र बनाने के लिए किया है कि उन सभी विभिन्न विकल्पों के साथ. WinJS, आप एक दोस्त के रूप में सोच सकते हैं. यह आपको और अधिक जल्दी से सामान लिखने में मदद करने के लिए अपने दोस्त है. यह सिर्फ जावास्क्रिप्ट और सीएसएस है. आप इसका इस्तेमाल करने की जरूरत नहीं है. आप इसका इस्तेमाल कर सकते हैं. आप विंडोज सुविधाओं में बुला रहे हो जा रहे हैं, तो आप यह प्रयोग खत्म हो जाएगा, लेकिन क्या तुम सच में उपयोग नहीं करना चाहते हैं कि कुछ डिजाइन पैटर्न या नियंत्रण की तरह बातें की हैं, आप कुछ और उपयोग करना चाहते हैं, यह आप पर निर्भर है. क्या आप उपयोग करना चाहते हैं और आप उपयोग करना चाहते हैं कि शैलियों फैसला. namespacing और वर्ग पीढ़ी से विशेषताएं - आप पर निर्भर है. आप एक या दूसरे को पसंद करते हैं, यह पूरी तरह से अपनी पसंद है. यह अभी भी जावास्क्रिप्ट और सीएसएस है. लेकिन यह आप सामान का एक बहुत कुछ कर मदद करने के लिए जा रहा है. उदाहरण के लिए, इसे यहाँ क्या कर सकते हैं की एक सबसेट है, वादे के साथ अतुल्यकालिक प्रोग्रामिंग मदद करने की तरह बातें. आप में से किसी के बारे में सुना या Node.js के साथ काम किया है? यह अतुल्यकालिक प्रोग्रामिंग के साथ काम करने के लिए एक आम तरीका है. तो बुनियादी तौर पर आप क्या कह रहे हैं, "कुछ कर जाना, "और आप मुझे आप कर रहे हैं जब तुम मेरे पास वापस कर देंगे कि एक वादा देने के लिए जा रहे हैं." कि क्या हो रहा है अनिवार्य रूप से है. उपयोगकर्ता जा रहा है और एक फाइल उठा रहा है इसलिए जब आप अपने आवेदन फ्रीज नहीं है या कुछ और वेब से नीचे स्ट्रीम किया जा रहा. यूआई उत्तरदायी रहता है. और तुम अतुल्यकालिक प्रोग्रामिंग का उपयोग करके ऐसा कर सकते हैं. यह हास्यास्पद जटिल लगता है, लेकिन आप वादों का उपयोग कर रहे हैं, क्योंकि यह वास्तव में आसान है और तुम सिर्फ "ऐसा करने के लिए जाओ और आप कर रहे हैं, इस विधि को वापस बुलाओ." कहते हैं, यही कारण है कि यह बहुत सुंदर है. यही WinJS में बनाया सब है. यह एक बहुत आसान वास्तव में लचीला और शक्तिशाली अनुप्रयोगों लिखने के लिए बनाने जा रहा है. 

आप यहाँ एनिमेशन का एक बहुत आराम से देख सकते हैं. शायद इस स्लाइड पर अधिक महत्वपूर्ण बातों में से एक नियंत्रण कर रहे हैं. मुझे लगता है मैं एक पूरी लगता है कि - हाँ, मैं करता हूँ. यहाँ आप अपने आवेदन में उपयोग कर सकते हैं कि नियंत्रण की बस कुछ का एक उदाहरण है. यह सब सीधे WinJS से है. आप इन अपने आप को नहीं लिख रहे हैं, तुम सिर्फ "यहाँ मैं अपने आवेदन रचना चाहते है कैसे. कहते हैं," "मैं विभिन्न चित्रों के बीच जा सकते हैं तो मैं एक दूसरा दृश्य का उपयोग करेंगे." मैं आप सिमेंटिक ज़ूम नहीं दिखाया है. मैं एक सेकंड में आपको लगता है कि दिखाता हूँ. ListViews. GridViews है. आप पहले से ही दुकान आवेदन के हिस्से के रूप में एक ग्रिड देखा है, इतनी सामग्री के ब्लॉक का उपयोग करने में सक्षम होने और उस पार स्क्रॉल. Flyout मेनू आप समय - समय पर देखेंगे. एप्लिकेशन बार मैं, के रूप में अच्छी तरह से है कि नए रंग आवेदन के साथ आप से पता चला तो क्या आप उस पर बटन डाल द्वारा कि अनुकूलित कर सकते हैं कि कैसे देखा और आप उसका इस्तेमाल करने की कोई परवाह नहीं है जब कि दूर छिपा रहा. यही कारण है कि उपयोग करने के लिए पूरी तरह से आप पर निर्भर सच है. ये WinJS का हिस्सा हैं जो सभी नियंत्रण कर रहे हैं. , मैं कैसे सिर्फ एक दूसरे में इन बनाने के लिए आपको दिखाता हूँ, लेकिन अभी इस से अधिक है और महत्वपूर्ण बात यह है कि आप चाहते हैं, तो कुछ समय बचा है, उन का उपयोग है. 

क्या आप उपयोग करना चाहते हैं कि अन्य नियंत्रण पुस्तकालयों है, तो वह भी पूरी तरह से ठीक है. JQuery के यूआई जैसे हालात, के रूप में अच्छी तरह से विचार के इस तरह का एक बहुत कुछ आप HTML और जावास्क्रिप्ट में क्या कर सकते हैं कि विस्तार और अधिक नियंत्रण प्रदान करते हैं. मैं पहले से ही कहा है कि अंदर का गोता करते हैं. आप चाहें तो क्या करें. बस आपको कुछ संदर्भ मुद्दों में चला सकता है कि मन में रखो. लेकिन आप निश्चित रूप से, मिश्रण और आप के साथ आराम कर रहे पुस्तकालयों की तरह जो कुछ भी कर सकते हैं मैच क्या आप अपने आप को कुछ समय बचाने के लिए उपयोग करना चाहते हैं, जानने के लिए चाहते हैं. 

चलो बस एक पल के लिए उपकरणों के बारे में बात करते हैं. आप विंडोज स्टोर Apps के साथ काम शुरू करने की जरूरत है प्राप्त कर सकते हैं. मैं वापस बाहर जाना है, तो मैं यहाँ भी कई बातें हैं. आप dev.windows.com है जो इस पेज पर जाना, आप की जरूरत है सब कुछ डाउनलोड कर सकते हैं. छात्रों के रूप में, आप, आम जनता की तुलना में अधिक करने के लिए उपयोग कर सकते है तो आप दृश्य स्टूडियो के उच्च अंत संस्करण प्राप्त कर सकते हैं. एडविन आप पहले से ही के रूप में अच्छी तरह से विंडोज प्राप्त कर सकते हैं उल्लेख किया है. लेकिन सामान्य तौर पर, सभी डेवलपर्स के लिए, अगर आप इस साइट पर जा सकते हैं और आप एक आवेदन करने की जरूरत है सब कुछ डाउनलोड, और यह सब मुफ्त है. तो दृश्य स्टूडियो के एक मुक्त संस्करण, वहाँ है उस के साथ स्थापित हो जाएगा कि कुछ उपकरण हैं - आप अपने आवेदन पत्र बनाने और परीक्षण की जरूरत है सब कुछ. यह आप स्टोर करने के लिए अपने आवेदन पत्र प्रकाशित करने के लिए जा रहे हैं केवल जब आप एक डेवलपर खाते की आवश्यकता करने जा रहे हैं. यह भी मैं स्वतंत्र है विश्वास. यह रूप में अच्छी तरह से छात्रों के लिए नि: शुल्क है? >> [Guarin] कौन सा? डेवलपर खाते, वास्तविक प्रस्तुत. >> [Guarin] हाँ. यही कारण है कि अधिक अच्छी खबर है. आप इस पर देखने जाऊँगा. यह $ 49 है डिफ़ॉल्ट रूप से एक व्यक्ति के लिए कहता हूँ. लेकिन एक छात्र के रूप में उस के लिए साइन अप नहीं है. हम आपको मुक्त करने के लिए एक खाता प्राप्त कर सकते हैं कि अपने कार्यक्रमों के माध्यम से आप कुछ जानकारी मिल जाएगा, और कहा कि आप तो सही स्टोर करने के लिए अपने आवेदन पत्र प्रस्तुत करने देगा, के रूप में आप की तरह के रूप में कई, और उस अच्छाई के सभी जल्द ही पालन करेंगे. इसलिए कि dev.windows.com है. आप यहाँ से आवश्यकता हो सकती है कि उपकरण डाउनलोड कर सकते हैं. आप चाहते हैं, तो आप, यहाँ विंडोज का परीक्षण संस्करण प्राप्त कर सकते हैं लेकिन फिर, आप की जरूरत नहीं होगी. 

अन्य साइट - मुझे जल्दी से आप के लिए यह एक बाहर बिंदु हैं - design.windows.com है. यही dev.windows.com था. Design.windows.com, आप इसके लिए क्या अनुमान लगा सकते हैं. यह वास्तव में एक बहुत अनुकूल साइट है. अच्छी जानकारी का एक बहुत कुछ यहाँ है. आप के माध्यम से यह काम कर सकते हैं. यह आपको कुछ बातों के बारे में कुछ सलाह देने के लिए जा रहा है हो सकता है कि आप के बारे में पहले सोचा या पहले से निपटने के लिए नहीं किया है अलग फार्म कारकों के लिए डिजाइनिंग, स्पर्श के लिए डिजाइन की तरह, विंडोज 8 की क्षमताओं के लिए डिजाइन, बातें मैंने पहले उल्लेख खोज और साझा करने की तरह, मैं अभी तक के बारे में बात नहीं की है कि कुछ चीजें हैं. वे सब यहाँ सूचीबद्ध कर रहे हैं, और यह मददगार फ़ाइल पृष्ठों का एक बहुत अच्छा सेट है कि, आप आवेदन के एक खास तरह बनाने के लिए समझने में मदद मिलेगी बातचीत कैसे करना है, कैसे अपने आवेदन के लिए यूआई और UX से निपटने के लिए. मैं आपको कुछ बिंदु पर कर रहे हैं, खासकर यदि आप इस पर एक नज़र रखना है कि सिफारिश करेंगे स्टोर करने के लिए एक आवेदन पत्र प्रकाशित करने के लिए उम्मीद कर रहा. आप एक अच्छा आवेदन करने के लिए पता करना चाहते करने जा रहे हैं मैं अगर तुम नहीं पहले उल्लेख किया है, क्योंकि उन समीक्षा फिर से नहीं है. लोगों को दुखी होने जा रहे हैं. उन्होंने कहा कि वे सही स्थानों में उम्मीद है कि चीजों को खोजने के लिए सक्षम नहीं होगा. कोई भी आप को कुछ करने के लिए कि चाहता है. 

यहां से आगे चल रहा है, मुझे लगता है कि नीचे बंद करते हैं. अब आप जहां चीजें पाने के लिए पता है, मैं वास्तव में सामान का उपयोग शुरू करने के लिए आपको दिखाई देगा. शुरू करने के लिए, मैं वास्तव में मेरी शुरुआत स्क्रीन पर यहां डेस्कटॉप क्षुधा का एक उदाहरण आपको दिखाई देगा. यहाँ आप दृश्य स्टूडियो को देख सकते हैं, आप मिश्रण और मुझे लगता है कि अन्य डेवलपर उपकरण देख सकते हैं. वे एक अलग टाइल है. वे डेस्कटॉप क्षुधा हैं वह इसलिए कि, और उन मामलों में वे सभी अपने डेस्कटॉप के लिए वापस शुरू करने जा रहे हैं वास्तव में बस के रूप में आप के लिए इस्तेमाल कर रहे हैं कि क्षुधा. तो विंडोज अनुभव, यह एक ही बात है. वे सशस्त्र तरह, उदाहरण के लिए, नहीं कर रहे हैं! या इन बातों को. मुझे जल्दी से एक का शुभारंभ करते हैं. दरअसल, यहां एक दिलचस्प एक है. इस बेवकूफ में भागीदारी में काम कर रहे छात्रों द्वारा विकसित किया गया था. पूर्ण स्क्रीन आवेदन, यहां अनुभवों के इन प्रकार के. ओह, अच्छा कटौती स्क्रीन और मज़ा सामान के सभी प्रकार के. वे इस विकसित की है. हम उस पर रहे हैं हम के रूप में अच्छी तरह से पूरी बात दिखाई दे सकते हैं. वास्तव में, मैं उन चीजों के बारे में कुछ सलाह दे दी है, उनके साथ एक छोटा सा काम वे अपने आवेदन के लिए जावास्क्रिप्ट कर रहे थे क्योंकि. , मैं अपने काम के लिए ऋण नहीं ले रहा हूँ कृपया, वे सभी काम किया था. मैं बस यहाँ और वहाँ उन्हें सलाह का एक छोटा सा दिया लेकिन वे एक जावास्क्रिप्ट सामने अंत का उपयोग कर कुछ महान सामान था और इस काम का एक बहुत बनाने के लिए कुछ भौतिकी इंजन और बातों में बांधने. जाओ. अगर वह काम करता चलो देखते हैं. वाह, यह अभी भी काम किया. अच्छा ठीक है,. लेकिन तुम यह विचार मिलता है. एक पूर्ण स्क्रीन अनुप्रयोग, एक बहुत अच्छा अनुभव है. मैं इस तरह से बातें की है लेकिन यह भी स्पर्श अगर यह मेरे माउस और कलम न केवल समर्थन कर रहा है. मैं एक टच स्क्रीन था, मैं सिर्फ यह पर आकर्षित और उस के साथ काम करना जारी रख सकता है. 

एक मैं नहीं दिखा था बात, और मैं यह ला रहा हूँ कारण मैं तुम क्या कर सकते हैं आप को दिखाने के लिए एक और app है चाहता है, आप वास्तव में विंडोज में आवेदन पत्र लेने के लिए और स्क्रीन के किनारे करने के लिए उन्हें खींच सकते हैं. यह एक आवेदन तड़क कहा जाता है. इस मामले में, मैं Inkarus लिया है और मैं यहां यह पक्ष को जोड़ दिया है. यह तस्वीर देखने में है, और वह यह है कि आवेदन है जबकि मुझे कुछ और करना अनुमति देता है. आप मिल जाएगा सबसे खेल बस यूँ ही रुकेगा. यही कारण है कि सामान्य रूप से अपने खेल में किसी भी तरह नीचे पैमाने पर कर सकते हैं जब तक कि ऐसा करने के लिए एक सभ्य बात है बोर्ड के खेल की शायद कुछ प्रकार की तरह, एक संकल्प के उस छोटे को या अवसर पर इस तरह बातें. लेकिन सामान्य तौर पर, ऐसा करने के लिए सबसे आसान काम है और सबसे उपयुक्त बात खेल के लिए ऐसा करने के लिए आवेदन को थामने के लिए है. मैं तो यह एक शुरू करने और अगर खबर क्षुधा की तरह अनुप्रयोगों के लिए, मैं यह तस्वीर, आप यह वास्तव में यह आप पर डेटा पेश है कि कैसे में काफी परिवर्तन देखेंगे. यहाँ यह वास्तव में एक अधिक ऊर्ध्वाधर पैन की जानकारी है कि आप दिखा रहा है लेकिन मैं अभी भी पूरी तरह से आवेदन कर सकते हैं. तो यह अभी भी बहुत उपयोगी है. यह एक छोटे दृश्य में है कि तथ्य यह है कि एप्लिकेशन का उपयोग करने से नहीं रख करता है. तो उस बारे में सोचते हैं. यह आपको अपनी क्षुधा कुछ हद तक ऐसा करने की जरूरत है कि कुछ है, लेकिन यह अपनी क्षुधा कैसे किया जाना चाहिए कार्यात्मक निर्धारित करने के लिए आप पर निर्भर है एक छोटे पर्यावरण की तरह में. मुझे नीचे है कि एक को बंद करने और हम यहाँ आए थे जहां में वापस जाओ. 

एडविन, आप पहले से ही मेरा एक फोटो गयी? >> [Guarin] हाँ. >> [बोवेन] कि देखो. देखा? एडविन एक फोटो गयी. [हंसते हुए] 

के दृश्य स्टूडियो में यहाँ वापस जाओ. मुझे आप के लिए इस लांच करते हैं. मुझे लगता है कि शुरू स्क्रीन पर टाइल पर क्लिक किया जा सकता था. यह वापस डेस्कटॉप मोड में मुझे लाया है, और यह दृश्य स्टूडियो के डेस्कटॉप अनुप्रयोग की शुरूआत है. यह आपको पहले से ही पता है कि विंडोज है. मुझे आगे जाना है और यहां एक परियोजना बना सकते हैं. हम जावास्क्रिप्ट, एचटीएमएल पर फिर से ध्यान केंद्रित करेंगे. मैं बाहर जाने के लिए और जावास्क्रिप्ट, विंडोज स्टोर के तहत यहाँ का चयन करने के लिए जा रहा हूँ. आप उपयोग कर सकते हैं कि टेम्पलेट्स की एक संख्या है. उत्पादकता के लिए, मैं तुम यहाँ इन अन्य लोगों में से कुछ पर एक नज़र रखना सिफारिश करेंगे ग्रिड और स्प्लिट की तरह. आप एक आवेदन कर रहे हैं यदि वे वास्तव में उपयोगी हो कि डिजाइन और नेविगेशन के उस तरह किया जा रहा है. आप इन एक बहुत देखेंगे. मैं सिर्फ तुम्हें पता चला है वास्तव में एक ग्रिड आवेदन का एक उदाहरण था. तो अगर आप एक समाचार अनुप्रयोग या एक आरएसएस रीडर बनाने जा रहे हैं अगर आपको लगता है या आप विस्तार से दिखाना चाहते हैं, जिसके लिए कई प्रविष्टियों के साथ संबंधित है कि ऐसा कुछ, जल्दी शुरू करने के लिए इन टेम्पलेट का उपयोग करने के बारे में सोचना और वहाँ से इसे अनुकूलित. लेकिन अभी तो मैं आपको यहाँ सभी भागों चलती दिखा सकते हैं मैं रिक्त अनुप्रयोग बनाने के लिए जा रहा हूँ, और फिर हम गहराई में एक छोटा सा गहरा जायेंगे. मैं बस यहाँ कि रिक्त आवेदन कर रहा हूँ. यह मेरे लिए पूरी परियोजना का निर्माण करने जा रहा है. मुझे लगता है मैं डिफ़ॉल्ट रूप से आप दिखाना चाहते हैं कि चीजों को खोल देंगे. मुझे बस यहाँ हमारे लिए बनाया है क्या आप को दिखाने के लिए एक छोटा सा में ज़ूम करते हैं. आप पहली बार में लग जा रहे हैं कि चीजें सभी नामित डिफ़ॉल्ट हैं. तो आप default.html, default.js, और default.css के लिए देखने के लिए जा रहे हैं. बाहर बात करना दूसरी बात यह है कि हम पहले से ही मैं पहले उल्लेख किया है क्या करने के लिए एक संदर्भ है. इस WinJS है. कोई भी वास्तव में यहाँ यह इस लंबी नाम बताते हैं. यह WinJS, जावास्क्रिप्ट के लिए विंडोज पुस्तकालय है. आप इसे खोलते हैं, तो आप इसे यहाँ के सभी देख सकते हैं. अलग सीएसएस फ़ाइलों है, जावास्क्रिप्ट नहीं है. यह तुम्हारी मदद के लिए नहीं है. यह नियंत्रण और शैलियों और आप बस अपने आप उपयोग कर सकते हैं कि सामान उपलब्ध कराने के लिए वास्तव में नहीं है. लेकिन फिर, आप स्टाइल और अन्य नियंत्रण के मामले में के बजाय का उपयोग करना चाहते चीज़ें हैं, तो यह आप पर निर्भर करता है. मैं अभी उन चीजों की एक जोड़ी का उपयोग करने के लिए तुम्हें दिखाता हूँ. 

पीठ पर हमारे बाएं हाथ पक्ष पर, मुझे आपको डिफ़ॉल्ट HTML पेज दिखाते हैं. आप पहले से ही WinJS सामान देखा है, और है कि वहाँ वास्तव में हो रहा है वह सब है मार्कअप के उन मध्यम लाइनों, बस डिफ़ॉल्ट रूप से सीएसएस में लाने के साथ और WinJS से जावास्क्रिप्ट फ़ाइलों के एक जोड़े में ला रही है. आप उन फ़ाइलों के अंदर क्या हो रहा है के मालिक होने की जरूरत नहीं है. यह एक तरह से वहाँ में क्या हो रहा है की समीक्षा करने के लिए उन पर एक नज़र लेने के लिए बहुत दिलचस्प है , वहाँ में चल रहा है बहुत दिलचस्प मध्यवर्ती और उन्नत तकनीक है क्योंकि वहाँ लेकिन अच्छी बात यह डेवलपर्स के रूप में, आप सिर्फ उन का उपयोग, उन का लाभ ले सकते है और वास्तव में इसके बारे में चिंता करने की जरूरत नहीं. आप अभी भी यह सही काम करता है, कैसे पता करने के लिए बिना एक कार ड्राइव कर सकते हैं? तो यह है कि यहां पर हो रहा है कि बात की तरह है. आप बस आगे बढ़ो और उपयोग कर सकते हैं कि नियंत्रण और शैलियों और सामान है और तुम वहाँ में क्या है पता करने के लिए बिना एक दूसरे में उपयोग कर सकते हैं कि कोड. अपने खुद के फाइल कर रहे हैं. ये आप अपने खुद के सीएसएस संशोधित कर सकता है कि अपनी जगह हैं और अपने खुद जावास्क्रिप्ट बातें रोलिंग मिल. तुम निश्चित रूप से अन्य जावास्क्रिप्ट फ़ाइलें और शायद अन्य सीएसएस फ़ाइलें जोड़ने होंगे अपनी परियोजना बढ़ता है, लेकिन यह वास्तव में सिर्फ एक शुरुआती बिंदु के रूप में है. यहाँ हैलो, एचटीएमएल की दुनिया के बराबर है, इसलिए हम वापस शरीर टैग में हैं. शीर्ष पर, वैसे, यह HTML5 doctype है, तो क्या आप पर काम कर रहा है क्या से कि मानेंगे. वहाँ पूर्ण IntelliSense के रूप में अच्छी तरह से यहाँ है, तो आप एक वीडियो टैग में इस प्रकार की तरह बातें करते हैं और कहा कि बाहर का विस्तार, आप शायद इस तथ्य के बारे में सीखा है आप एचटीएमएल 5 में वीडियो टैग के लिए fallback एन्कोडिंग क्या करने की जरूरत है कि - या शायद तुम्हारे पास है - विभिन्न ब्राउज़रों अपने वीडियो के लिए समर्थन किया है कि यह सुनिश्चित करने के लिए. हम सीएसएस के पार, जावास्क्रिप्ट भर एचटीएमएल भर में इस तरह से बातें की है. उस में बनाया गया है, और मैं आप एक दूसरे में सीएसएस दिखाता हूँ. यहाँ आप आगे जाना है और कोड, मार्कअप को संशोधित करने शुरू कर सकते हैं. मैं कुछ भी बदलने से पहले वास्तव में, मैं इस चलाने के लिए और तुम क्या हो आप को दिखाने के लिए जा रहा हूँ. आप अनुकूलित कर सकते हैं जो एक दिखावा स्क्रीन पाने के लिए जा रहे हैं और फिर आपको नमस्कार, यहाँ दुनिया का अनुभव मिलता है. यह ठीक है, बढ़िया है? आगे और जहाज जाओ कि, है ना? सामग्री यहाँ चला जाता है. यही बुनियादी बात है. यह केवल वहाँ से बेहतर हो सकता है. हम आगे जाना है और कुछ सामान में जोड़ देंगे. मुझे लगता है मैं यहाँ में कॉपी करने के लिए जा रहा हूँ मार्कअप का एक छोटा सा मिल गया है अभी तो आप टाइप कर मुझे देखने की जरूरत नहीं है. मुझे यहाँ उपकरण बॉक्स को लाने के लिए चलते हैं, और मैं इस बार कुछ कर रही हो जाएगा, क्योंकि मैं इस पिन करेंगे. आप नियंत्रण का एक गुच्छा खोजने के लिए जा रहे हैं, जहां टूलबॉक्स, आप दृश्य स्टूडियो नहीं देखा है, तो है. आप यह भी पुन: उपयोग कर सकते हैं कि इसे में कोड के टुकड़े डाल सकता है. यहाँ मैं बस कुछ अन्य HTML, सब पर यहां बहुत उन्नत कुछ नहीं में पॉप हूँ. यह मैं मैं लिख सकते हैं, जहां एक इनपुट है कह सिर्फ मूल HTML है, मुझे लगता है मैं इसे प्रस्तुत कर सकते हैं जहां एक बटन है, और फिर मैं अनिवार्य रूप से एक प्लेसहोल्डर है कि एक div है मैं उत्पादन करने के लिए उपयोग कर सकते हैं कि "हैलो, आप इस प्रकार की." यह एचटीएमएल उदाहरण के लिए परिचय है. मैं इस चलाते हैं, तो हम स्वतः HTML मिलता है, लेकिन हम भी स्वतः स्टाइल मिलता है. इस WinJS से महत्वपूर्ण चीजों में से एक है. यह डिफ़ॉल्ट रूप से कुछ देखो तुम दे और कहा कि वास्तव में संगत है महसूस हो रहा है विंडोज 8 क्या कर रहा है के आराम के साथ. यहाँ आप बटन की तरह चीजों को देखने. एचटीएमएल में मूलभूत रूप से बटन कि तरह नहीं लगती है, लेकिन यह यहाँ है यह WinJS में कि सीएसएस फ़ाइल से कि सीएसएस सही हो रही है क्योंकि. आप कुछ और का उपयोग करना चाहते हैं, तो आपको लगता है कि बदलना चाहते हैं, तो पूरी तरह से ठीक, आगे जाना है और आप चाहते हैं कि क्या करना है. लेकिन यह है कि डिफ़ॉल्ट है. यह उपयोगकर्ताओं के लिए अधिक परिचित होने जा रहा है. मैं वास्तव में कोड के किसी भी प्रकार को तार नहीं था क्योंकि और निश्चित रूप से यह कुछ भी नहीं होगा उस पर प्रतिक्रिया के लिए. यह बस HTML था. इसलिए मुझे लगता है कि से छुटकारा मिल सकता है, और हम वापस हमारे आवेदन में आता हूँ. 

मुझे हमारी default.js पर स्विच करते हैं. यह बहुत जटिल लग रहा है, लेकिन यह सिर्फ तुम्हारे लिए कुछ बातें कर रहा है. यह बॉयलरप्लेट है. यह अपने सभी परियोजनाओं में एक ही होने जा रहा है. यह कर रहा है केवल एक चीज की तरह ही पूछ रहा है, "मैं यहाँ कैसे मिला?" और "यदि आप पहली बार के लिए इस app शुरू कर रहे हैं?" कह "आप इसे निलंबित किया जा रहा होने से अनुप्रयोग शुरू कर रहे हैं?" उस तरह चीजों की एक जोड़ी. वास्तव में, यहाँ इस फाइल पर हमारा ध्यान यहाँ के बारे में सही है. इस बिंदु पर, कोड के इस एक पंक्ति बहुत महत्वपूर्ण है. यह वास्तव में, जाओ और अपने मार्कअप के सभी के माध्यम से देखने के लिए जा रहा है और यह आप नियंत्रण में बदल गए हैं करने के लिए कहा गया है कि चीजों को खोजने के लिए जा रहा है, flyout की तरह एक ग्रिड देखने की तरह एक रेटिंग नियंत्रण, जैसे गहरी नियंत्रण और मैं पहले कि स्लाइड पर आपको पता चला कि उन अन्य चीजें. वे देशी HTML नियंत्रण नहीं कर रहे हैं. आप सिर्फ एक तत्व के रूप flyout कहते हैं और यह पता है क्या करना नहीं है. क्या हम वास्तव में क्या नियंत्रण चौखटे के अन्य प्रकार में होता है कि एक ही बात है. jQuery के यूआई सामान्य दृष्टिकोण का एक ही तरह का होता है. आप अपने HTML में चिह्नों का उपयोग करें, और फिर कुछ जावास्क्रिप्ट, बाद में के माध्यम से आता है और कहता है "ओह, मुझे लगता है कि क्या है. कि इस सामान में बदल गया हो इस लिए पूछ रहा है," जो, एक मूल्यांकन नियंत्रण की तरह बनाने के लिए अन्य अधिक अर्थपूर्ण HTML है जो मैं अभी आपको दिखाता हूँ क्या है. कोड की यह पंक्ति इस वादे को पूरा किया जाता है ", कह रही है कि एक वादा है, "आप के लिए कहा है कि सब कुछ तो बना दिया गया है." और यह बात है. यह थोड़ा जटिल लग रहा है, लेकिन यह हर परियोजना में वास्तव में ऐसा ही है. क्या आप भी हो सकते है करना चाहते हैं और जो कुछ भी में जोड़ने शुरू कर सकते हैं, जहां नीचे यहाँ है इसलिए हम एक दूसरे में वापस करने के लिए आया हूँ. 

सबसे पहले, मैं इस तथ्य का जवाब कर सकते हैं कि कोड का एक बिट की जरूरत किसी बटन पर क्लिक किया गया है. मुझे आगे जाना है और यहाँ नीचे में है कि डाल करने के लिए जा रहा हूँ. फिर, मैं यहाँ आप के सामने किसी भी टाइपिंग कर नहीं जा रहा हूँ. बहुत बुनियादी जावास्क्रिप्ट सिर्फ यह कहा जाता है जब कह हम हम यहाँ कैसे मिल गया के बारे में कुछ जानकारी प्रदान करने जा रहे हैं और फिर हम कुछ बुनियादी बातें करने के लिए जा रहे हैं. NameInput नाम है जो अपने HTML पृष्ठ में बात मिल जाओ, इसे ले लो, यह के मोर्चे पर अपने मूल्य, थप्पड़ "नमस्ते" ले, और छड़ी है कि जिसके परिणामस्वरूप स्ट्रिंग कि वास्तव में से पहले कुछ भी नहीं था इससे पहले कि हम था कि div टैग में. अब हम चाहते हैं कि टैग पाते हैं और कि स्ट्रिंग के लिए अपने भीतर की सामग्री के बराबर करने के लिए जा रहे हैं. बहुत सरल जावास्क्रिप्ट. उम्मीद है कि आप यहाँ पर जा रहा असामान्य कुछ भी नहीं सच है कि वहाँ पहचानने रहे हैं. यह यहां बस सीधे HTML और जे एस निर्भर है. मैं अब इस दौड़ तो मैं यह अजीब नहीं है, क्योंकि यह अभी भी किसी भी काम करने के लिए नहीं जा रहा है घटना प्राप्त करने के लिए. ऐसा करने के लिए, मैं फिर से मेरे उपकरण बॉक्स की ओर लौटने, यहीं है कि क्या करेंगे यहां यह popping. मैं तुम से पहले सामान के सभी इस तरह देखा है उम्मीद है, तो मैं इस पर-नहीं समझा जाएगा. अब हम helloButton मिल जाने के लिए जा रहे हैं. हम कहने जा रहे हैं "बटन, बधाई हो." "यहाँ आप अब तक जवाब कर रहे हैं कि एक घटना है." "किसी को आप पर क्लिक करता है, इस समारोह, buttonClickHandler कहते हैं." और कहा कि हम सिर्फ सही वहाँ नीचे तल पर कहा कि समारोह है. बस. तो अब हम एक आश्चर्यजनक कार्यात्मक आवेदन मिल गया है. मैं तुम सच में इस से प्रभावित हो जाएगा. क्रिस. इसके लिए प्रतीक्षा करें. वाह. ठीक है. यह अद्भुत है. [हंसते हुए] लेकिन वहाँ और भी है. अभी तक इसे खरीद नहीं है. रुको. 

मुझे यहाँ और अधिक आप एक छोटा सा दिखा और पूर्ण स्क्रीन से बाहर निकलते हैं. हम चलाने से पहले चलने के लिए जा रहे हैं. मुझ में जाना है और वास्तव में आप सीएसएस के साथ एक छोटा सा दिखा. बस डिफ़ॉल्ट रूप से, हम यहाँ पृष्ठ पर वापस देखो, , हम WinJS से इन चीजों में खींच लिया और हम यूआई अंधेरे मिला जब भी वास्तव में, तुम प्रकाश अनुप्रयोग का उपयोग कर के लिए डिफ़ॉल्ट करने के लिए इसे बदल सकते हैं. यूआई अंधेरे, चित्रों का एक बहुत उपयोग कर की तरह ग्राफिक अनुप्रयोगों के लिए अच्छा है आप दृश्य सामग्री का एक बहुत कुछ दिखा रहे हैं. आप शाब्दिक सामग्री का एक बहुत कुछ दिखा रहे हैं, यूआई प्रकाश आम तौर पर एक अच्छा विकल्प है. आप इसे चुनने के लिए नहीं है, लेकिन मैं यह करने के लिए बंद कर दिया है और अब आप एक ही मार्कअप, वही सब कुछ देख रहे हैं, यह सिर्फ यहां मूल रूप से एक औंधा योजना का उपयोग कर रहा है सब कुछ सफेद पर काले पाठ कर रही है, जहां. यही सब कुछ ठीक है और अच्छा है. मुझे यहाँ से बाहर निकलते हैं, और वास्तव में सीएसएस के साथ एक छोटा सा और अधिक करते हैं. मैं इसे स्क्रीन पर देखने के लिए शायद आसान है क्योंकि मुझे लगता है अंधेरे पर इसे वापस डाल देता हूँ मैं ये बातें कर रही शुरू करते हैं. मैं शरीर एक बार और बदलने के लिए जा रहा हूँ. मैं यहाँ से जाना होगा. मुझे इस परमाणु करते हैं. की कक्षाओं के साथ शरीर में ले आओ. मैं, आप सीएसएस और पहले से ही उस तरह चीजों के साथ बुनियादी चयनकर्ताओं किया है विश्वास है तो आप शायद यहाँ पर क्या हो रहा है. बस हमारे शीर्षक के कुछ वर्गों बताए, और हम एक नया div बना रहे हैं अब हम सब एक साथ शैली के लिए उपयोग कर सकते हैं कि सामान के बाकी को समाहित करना है. तो क्या मैं अब क्या कर सकते हैं हमारे डिफ़ॉल्ट सीएसएस करने के लिए खत्म हो जाना है. आप अभी तक मीडिया के प्रश्नों पर ध्यान दिया है? आप सभी को उस बारे में बात की है? मीडिया के प्रश्नों के इस आकस्मिक प्रवृत्ति का हिस्सा हैं - या यह वेब पर अब वास्तव में एक की स्थापना की प्रवृत्ति है - उत्तरदायी डिजाइन या अनुकूली के लिए, और विचार के लिए अपने आवेदन पत्र वास्तव में उचित रूप से खुद को समायोजित कर सकते हैं वे पर दिखाया जा रहा हो कि डिवाइस क्या कर सकते हैं पर आधारित है. आप एक मोबाइल डिवाइस पर रहे हैं, तो जाहिर है आप के रूप में ज्यादा स्क्रीन अचल संपत्ति के लिए नहीं जा रहे हैं आप एक बड़ा 30 इंच की निगरानी पर एक डेस्कटॉप के साथ बैठा के रूप में होगा, इस तरह एक बड़ा पीसी. तो यह है कि करने के लिए पुराने जवाब एक ही पेज की 5, 6 विभिन्न संस्करणों के लिए किया जाएगा और आप निश्चित है कि आकार स्क्रीन के लिए देखते किया गया संस्करण को खोलने के लिए चाहते हैं. महान नहीं. यह बहुत, बहुत दोहराव है और ऐसा करने के लिए रखरखाव का एक टन है. अब हम सीएसएस मीडिया के प्रश्नों में कुछ कहा है, और हम निश्चित आकार जब वहाँ स्वचालित रूप से पता लगाने के लिए उपयोग कर सकते हैं या अपनी सामग्री के कुछ का उपयोग करता है प्रदर्शन किया जा रहा है. तो इस मामले में, ठीक है ", तो आप उस पर प्रतिक्रिया कर सकते हैं और आप कह सकते हैं "तुम शायद मुझे भी यहाँ पर क्या हो रहा है आपको बताने की जरूरत नहीं है." मैं तुम से पहले पता चला की तरह यह सिर्फ इस आवेदन बिगड़ जाता है तो कह रहा है - यह हथियाने और स्क्रीन की तरफ से यह डाल - तो चलो निम्नलिखित स्टाइल करते हैं. स्टाइलिंग ऐसे ही रंग और सामान के बारे में नहीं है. यह नौकरशाही का आकार घटाने और मुनाफा और paddings और सामग्री के झुकाव के बारे में भी है या भी निष्क्रिय या अपने पृष्ठ का संपूर्ण भागों को सक्षम करने के और, इस मामले में, अपने अनुप्रयोग या अपने खेल के रूप में अच्छी तरह से. जैसा तुम चाहते हो तो यहाँ आप के रूप में सरल कर सकते हैं. यह आपकी ऐप्लिकेशन में उपयोगी नहीं होगा, लेकिन यह डेमो समय आ गया है, , तो मैं आगे जाने के लिए जा रहा हूँ और सिर्फ बुनियादी शरीर चयनकर्ता में जोड़ सकते हैं और कहते हैं "मैं बिगड़ रहा हूँ, चलो, आगे बढ़ो और पृष्ठभूमि रंग करना और के कुछ का चयन चलो." आप यहाँ IntelliSense मिल गया है. यह वास्तव में बहुत शांत है. 2012 में हम सीएसएस समर्थन और जावास्क्रिप्ट और HTML के लिए बहुत सारी चीज़ें जोड़ दिया है. आप बेशक बहुत ड्रॉप डाउन IntelliSense मिल गया है, लेकिन वह शांत बात नहीं है. शांत बात आप के रूप में अच्छी तरह से बहुत सारी चीज़ें के लिए दृश्य चयनकर्ताओं मिल गया है. , तो आप के माध्यम से जा सकते हैं और सिर्फ एक रंग का चयन या आप बाहर जाने के लिए और भी अधिक विशिष्ट हो सकता है और आप चुन सकते हैं कर सकते हैं - इस भयानक होने जा रहा है. मैं वास्तव में यहाँ एक सभ्य रंग ले लेंगे. वैसे, भी मार्कअप देखो. यही कारण है कि वहाँ अपने आरजीबी मानक प्रारूप है. मैं अस्पष्टता स्विच लेकिन, अगर यह यहाँ एक अल्फा चैनल चयनकर्ता पर स्विच करने के लिए जा रहा है. तो तुम, तुम उस के लिए है कि अनिवार्य रूप प्रतिशत पारदर्शिता के साथ रंग देख सकते हैं कि सब ठीक है वहाँ में पकाया. मुझे लगता है मैं उस के साथ काम कर रहा हूँ जब तो 100% के रूप में इसे रखने के लिए और करने के लिए जा रहा हूँ, सब कुछ ठीक है और अच्छा है. अब मैं अनुप्रयोग चलाने और हम app लेने के लिए और हम यह तस्वीर हैं, उस पृष्ठभूमि रंग स्वचालित रूप से समायोजित किया जा रहा है हम कहते हैं कि कुछ सीएसएस सिर्फ इसलिए कि "करते जाओ." आप यह भी है कि एक ही बात करेंगे भी जावास्क्रिप्ट लिख सकते हैं या आप वास्तव में एक खेल को थामने के लिए इस्तेमाल कर सकते हैं, इस तरह बातें करते हैं. आप जावास्क्रिप्ट का उपयोग होता है जब वह शायद. तुम उस बिंदु पर खेल पाश बंद होता. कि आप के लिए सीएसएस होता कुछ नहीं होगा क्योंकि आप कुछ जावास्क्रिप्ट की आवश्यकता होगी. लेकिन यह सिर्फ एक घटना है को ध्यान में रखना. आप अपने आवेदन आकार दिया जाता है जब "कह सकते हैं, "हम बोले रहे हैं देखते हैं." और यह बात है. 

ठीक है? मैं एक बहुत बात कर रहा है. सवाल अब तक हम कहाँ पर हैं? हाँ. [छात्र] किसी और अधिक जानकारी प्राप्त करने के लिए एक ट्यूटोरियल है? >> हाँ. सवाल इस बात के लिए एक ट्यूटोरियल है, है ना? मैं अभी सब कुछ करने के लिए इसे लागू करेंगे. आप के लिए जा सकते हैं कि कुछ चीजें हैं. वास्तव में यहाँ से चले जाओ. मुझे यहाँ से बाहर वापस जाओ. बाहर बात करने के लिए एक बात दृश्य स्टूडियो में ही है अंदर बनाया ट्यूटोरियल है मुझे इससे छुटकारा मिलता है. तुम जाओ और एक नई परियोजना का निर्माण करते हैं, करते फ़ाइल, नई परियोजना, और बाएं हाथ की ओर देखो, इस चयनकर्ता में एक ऑनलाइन नोड है. यह एक छोटा सा लेने के लिए जा रहा है. मैं यहाँ अपने MyFi पर हूँ. लेकिन यह ऊपर आ रहा है और यह मेरे टेम्पलेट्स खोजने के लिए एक मौका देने जा रहा है लेकिन यह भी अधिक महत्वपूर्ण बात, नमूने के रूप में अच्छी तरह से. इसलिए मैं जावास्क्रिप्ट पर क्लिक कर सकते हैं. यह मेरे लिए नमूने मिल रहा है. मेरा संकल्प तरह से उच्च यहाँ है. आम तौर पर, आप यहां अलग अलग चीजों का एक बहुत की एक सूची देखना होगा. आप कोशिश भाषा लेने चाहिए अगर वहाँ कुछ है, यहां जावास्क्रिप्ट, और "मैं जियोलोकेशन कैसे करना है पता नहीं है." कहते हैं, "मैं एक फ़ाइल को खोलने के लिए कैसे पता नहीं है." "मैं वेब कैमरा का लाभ लेने के लिए पता नहीं है "या स्पर्श या उस जैसी चीजों के लिए अनुकूलन." साझा करने, खोज, एप्लिकेशन सलाखों,: सब कुछ के लिए नमूने हैं एक सेवा, JSON एन्कोडिंग के लिए दूरस्थ कॉल करने. उन सभी चीजों की तरह नमूने यहां के लिए कर रहे हैं, और वे अलग खींचने के लिए सारी रात आप ले जा रहे हैं कि विशाल नमूने नहीं कर रहे हैं बस एक बात आप सीखना चाहता था कि लगता है. वे वास्तव में अच्छा कर रहे हैं. वे सही नमूने की बात प्रकार के छोटे हैं. मैं इन के माध्यम से अपने आप को जा रहा द्वारा एक टन सीखा है, और इसलिए मेरा सुझाव है कि एक बात के रूप में एक बहुत. 

भी बाहर बात करने के लिए एक और बात जरूर है कि मैं पता चला है कि आप dev.windows.com, तुम वापस करने के लिए जाना है, इसलिए यदि आप यहाँ नमूने भी वहाँ तल पर दिखाई देगी. तो आप एक ही बार में उन सभी को डाउनलोड कर सकते हैं, लेकिन अन्य संसाधनों का एक बहुत यहाँ भी वहाँ भी है कि तुम गति को प्राप्त कर सकते हैं. 

एक और बात है, और मैं वास्तव में, आप यह कोशिश की सिफारिश करेगा मैं अपने ब्लॉग पर यह मिल गया है, लेकिन मैं अभी इसे ठीक करने के लिए जाना होगा. मैं आपको दिखाता हूँ. मेरा ब्लॉग संसाधनों और इस तरह बातें है. आपका आइडिया: बाहर बात करने के लिए चीजों में से एक, यहीं इस बात है. अपने अनुप्रयोग. 30 दिन. आप इस पर क्लिक करते हैं, यह वास्तव में एक उपयोगी साइट पर ले जा रहा है. यह आपको अपेक्षा से अधिक उपयोगी है. यह आप मूल रूप से युक्तियाँ और चालें प्राप्त कर सकते हैं कि सामग्री के 30 दिन होने जा रहा है आप एक app बना रहे हैं जैसे कि इस प्रक्रिया के दौरान. आप उम्मीद नहीं कर सकते हैं और, जैसा कि आप वास्तव में भी खेलों के लिए इसे प्राप्त कर सकते हैं और फोन क्षुधा के लिए, इस तरह बातें. तो बुनियादी तौर पर, इसके लिए साइन अप, और वे आप पर युक्तियाँ और चालें भेज करने जा रहे हैं "आप ऐसा करने के बारे में सोचा है? आप स्नैप समर्थन करते हैं?" "यहाँ अच्छी तरह से है कि कैसे करना है पर कुछ दिशा निर्देश हैं." "आप स्टोर करने के लिए प्रस्तुत करने के बारे में सोचा है?" "क्या आप अपने आवेदन को बेचने के लिए जा रहे हैं के बारे में सोचा है?" यह सब इन विभिन्न चीजों के माध्यम से चल रहा है. और वास्तव में, तुम जुआ खेलने के रास्ते पर हैं, तो कुछ बिंदु पर क्या आप करने के लिए बात कर रहे व्यक्ति को पहचानने शुरू करेंगे मैं वास्तव में वहाँ उन और दर्ज की गई 2 वीडियो करने के लिए Redmint जाना पड़ा क्योंकि. लेकिन यह सब गेमिंग ट्रैक का हिस्सा है, और सामान्य अनुप्रयोग विकास के लिए एक पूर्ण ट्रैक भी नहीं है. उस पीढ़ी App कहा जाता है. मैं निश्चित रूप से नमूने के अतिरिक्त के रूप में अच्छी तरह से करने के लिए आप की सिफारिश करेगा. 

वीडियो की एक बहुत ही अच्छी तरह से चैनल 9 नामक साइट पर नहीं है. कि शायद हम यहाँ पर ले जाने से पहले मैं के रूप में अच्छी तरह से सिफारिश करेंगे आखिरी बात है. Channel9.msdn.com. आप सफेद कागज के टन के माध्यम से पढ़ने जा नहीं जा रहे हैं क्योंकि इस महान है. यह मूल रूप से बात करने का अधिकार है कि वीडियो, स्क्रीनशॉट और चीजों की एक बहुत कुछ है. मैं यह हमेशा बात करने का अधिकार है नहीं कहना चाहिए. यह बात कर रही है, जो निर्भर करता है. लेकिन आम तौर पर, कुछ सच करने सूत्री वीडियो यहाँ वहाँ कि क्या आप सीखना या demoed देखने के लिए चाहते हो सकता है कुछ खास बात यह दिखा देंगे. हमारे सभी सामग्री के कुछ हफ्तों पहले हुआ था कि हमारे सम्मेलन से भी है गठन कहा जाता है, और आप सही है कि वहाँ देखेंगे. विंडोज 8 खेलों के लिए महत्वपूर्ण प्रौद्योगिकियों है. वहाँ तुम जाओ. मैं वास्तव में, वहाँ था. तुम मुझे नहीं देख सकते हैं. मैं यहाँ समाप्त हो गया था. लेकिन किसी भी तरह, कि एक तरफ, मैं आप उन वीडियो पर एक नज़र रखना है कि सिफारिश करेंगे. वे बहुत मददगार रहे हैं. आप कुछ पर अटक या आप बस कुछ कर सकता है क्या देखना चाहते हैं, तो वे आग. 

[Guarin] Windows मेल केवल सामग्री के लिए एक कड़ी के साथ एक ईमेल भेजा छात्रों की तरह है कि नमूना कोड और सामान के साथ डाउनलोड करने के लिए. >> [बोवेन] महान. बहुत बढ़िया. एडविन धन्यवाद. 

अच्छा. >> [छात्र] मैं एक सवाल है. >> [बोवेन] ओह. कृपया, हाँ. [सुनाई छात्र प्रश्न] >> [बोवेन] ओह, मैं तुम्हें उस से पूछा खुश हूँ. हां. सवाल मुझे चीजें बनाने के लिए के लिए एक दृश्य इंटरफ़ेस है, था? एडविन कि प्रश्न के लिए तुम्हें अच्छा इनाम होगा. यह करने के लिए एक रास्ता है. हम अब क्या करना चाहिए? चलो अब यह करते हैं. मैं इसे अभी तक जाने के लिए जा रहा हूँ. दरअसल, मुझे इस प्रदर्शन के लिए एक और बात में जोड़ दें, और फिर मैं आप वास्तविक जवाब दिखाएंगे. मैं यहाँ एक छोटे से अधिक सीएसएस में जोड़ने के लिए जा रहा था. मैं यहाँ उभयनिष्ठ पर एक छोटे से दूर था. मुझे लाभ लेने के लिए यहां कुछ सीएसएस में डाल दो. हम थोड़ी देर पहले कहा कि कक्षाओं की, शीर्ष करने के लिए, mainContent div को, और फिर greetingOutput लिए. मुझे लगता है कि क्या करना है और इसे चलाने के लिए करते हैं, तो आप, अब हम थोड़ा अलग padding और मार्जिन को मिल गया है देख सकते हैं इसलिए हम वास्तव में यहाँ कुछ ऑफसेट है. ये आप एक अंतिम पॉलिश आवेदन की उम्मीद करने के लिए जा रहे हैं की ओर अधिक कर रहे हैं. यह सीधे सीएसएस निर्भर है लेकिन क्योंकि मैं बस आप को यह दिखा रहा हूँ. तो आप पहले से ही पता है कि चीजें आप अपनी इच्छानुसार सामग्री को समायोजित करने के लिए यहाँ उपयोग कर सकते हैं. आप पहले से ही पृष्ठभूमि उस तरह से बदल कैसे बनाने के लिए देखा है. 

मैं वापस अपने HTML करने के लिए बाहर जाना है, तो मैं मार्कअप का एक और सेट में जोड़ने के लिए जा रहा हूँ और यह वास्तव में WinJS से एक नियंत्रण होने जा रहा है. मुझे जाना है और यह एक लेबल हड़पने के लिए जा रहा हूँ. मुझे लगता है मैं सही जगह में यह कर रहा हूँ सुनिश्चित कर देना. शायद काफी अच्छा है. यहाँ मैं बस जोड़ दिया है - और आप पूरी बात देख सकते हैं तो हम पूर्ण स्क्रीन जाना होगा - मैं अगले div के लिए एक लेबल जोड़ दिया है. div ratingControlDiv कहा जाता है. अपने आप में यह कुछ भी नहीं करेंगे. आप एक ब्राउज़र में इस खोलते हैं, तो आप रिक्त में div ही लग रही होगी. लेकिन क्योंकि मैं तुम से पहले पता चला कि कोड की है कि रहस्यमय लाइन की, सभी प्रक्रिया, यह इस तरह दिखता है कि कुछ देखने के लिए जा रहा है - डेटा जीत नियंत्रण - और यह कि पैरामीटर में जो कुछ भी खोजने के लिए जा रहा है. ऐसा लगता है कि यह करने के लिए इशारा कर रहा है जो कुछ का एक उदाहरण बनाने जा रहा है. इस मामले में, यह एक दर्ज़ा नियंत्रण है, इसलिए मुझे जाना है और इस बात की जगह "कृपया, कह रहा हूँ "साथ जो कुछ भी आप एक रेटिंग नियंत्रण बनाने के लिए क्या करने की जरूरत है." यह एक फ्लिप नियंत्रण हो सकता है, यह प्रगति की अंगूठी या जो कुछ भी नियंत्रण का उपयोग करना चाहते हो सकता है. वे सभी अनिवार्य रूप से एक ही तरह से काम करने के लिए जा रहे हैं. आप क्या चाहते हैं इंगित करने के लिए मानक एचटीएमएल 5 मार्कअप का उपयोग कर रहे हैं, और फिर आप इस के अंत में एक नियंत्रण पाने के लिए जा रहे हैं. मुझे इस चलाते हैं. , मैं सिर्फ इतना है कि में नकल की, और अब है कि मार्कअप यह हो जाता है वास्तव में HTML तत्वों की संख्या काफी है जो. ये सभी व्यक्ति चित्र हैं, और चयनकर्ताओं के साथ उनके आसपास divs नहीं है. उम्मीद है कि आप देख सकते हैं कि. यह एक छोटे से सूक्ष्म है. मैं विभिन्न मदों पर जाएँ कर सकते हैं, और यह मुझे यहाँ रेटिंग को देखने के लिए अनुमति देने के लिए जा रहा है. मैं उस पर क्लिक कर सकते हैं, और यह रेटिंग याद रखता है, लेकिन है कि इसके बारे में. यह वास्तव में रेटिंग के साथ कुछ भी नहीं कर रही है. 

मैं इस पर आप दिखाना चाहते हैं एक अंतिम बात हम एक और दृश्य डिजाइन अनुभव में स्विच करने से पहले मैं इन WinJS नियंत्रण करने के लिए प्रतिक्रिया करने के लिए उपयोग कर सकते हैं कि कोड का एक छोटा सा है. मुझे वापस पूर्ण स्क्रीन से बाहर, बाहर से वहाँ मिलता है, और दूसरी के लिए यहाँ जेएस पर स्विच. मैं यहीं ऐसा कर सकते हैं. मुझे लगता है मैं यह पूरी बात की जगह लेंगे लगता है. असल में, मैं यह सब बदल देगा लगता है, लेकिन हम एक साथ मिल जाएगा. मैं यहाँ में डाल देता हूँ. हाँ. मैं भी इसे हटाना जा रहा हूँ. मैं क्या जोड़ दिया? यह एक बहुत की तरह दिखता है. यह एक बहुत नहीं है. मैं तो बस, मैं पहले से ही पहले के बारे में बात की है कि कोड की है कि लाइन बढ़ाया और मैं, सब मेरे नियंत्रण बनाया गया है, जब सब कुछ किया जाता है ", कह रहा हूँ "तो यह करते हैं." तो फिर पूरा नामक इस समारोह चलाते हैं. इस मामले में, यह आप समझ सकते हैं कि सामान है. कि div नियंत्रण मिल जाओ. असल में, मैं कहना चाहिए वहाँ एक बात है. यही कारण है कि अगली पंक्ति वास्तव में "मुझे लगता है कि ratingControlDiv मिल गया है." कह रहा है "मुझे लगता है कि यह एक वास्तविक नियंत्रण, एक WinJS नियंत्रण के रूप में अगर यह बात करना चाहता हूँ." तो बुनियादी तौर पर, आप इसे से उस के लिए पूछ रहे हैं. आप "मैं एक नियंत्रण के रूप में आप से बात करना चाहते हैं." कह रहे हैं, और फिर आप हम आप के लिए एक श्रोता जोड़ने के लिए जा रहे हैं ", की तरह बातें कह शुरू कर सकते हैं "तुम बदल रहे हैं इसलिए जब हम उस पर प्रतिक्रिया कर सकते." और फिर हम भी इस तरह से बातें कर सकते हैं. असल में, कि वहाँ पुराने कोड है. मुझे लगता है मैं एक और समारोह में चिपकाने याद आ रही है लगता है, और कि बदला जा रहा दर्ज़ा नियंत्रण का जवाब होता है कि वास्तविक समारोह होगा. मुझे सही यहाँ नीचे में है कि पॉप चलो, कहीं वहाँ के आसपास. और इस मामले में, नई ही बात है कि हम में जा रहे हैं कि तथ्य यह है दर्ज़ा नियंत्रण हमें बताता है और हम tentativeRating क्या कहा जाता है के लिए पूछ रहे हैं क्या. कि नियंत्रण आप बता सकते हैं कि विभिन्न अन्य चीजों की एक गुच्छा है, और यह नियंत्रण से नियंत्रण हो जाता है. यह बहुत स्पष्ट है. आप जो भी कोई परेशानी यह पता लगाने में सक्षम हो जाएगा. मैं मूल्यांकन बदलने और रेटिंग पर क्लिक करें जब मैं, अब इस दौड़, और आप अब यह वास्तव में यह करने के लिए जवाब है देख सकते हैं. ऐसा लगता है कि अन्यथा खाली div टैग में स्क्रीन पर कि रेटिंग रख रहा है दर्ज़ा नियंत्रण नीचे. वह भी यहां बहुत सारी चीज़ें का जादू है. , आप विंडोज स्टोर के लिए आवेदन पत्र बना रहे हैं तो जैसा आप बस का उपयोग कर सकते हैं कि नियंत्रण की एक टन है. वे सब इस तरह से काम करते हैं. 

मुझे आप इन अनुप्रयोगों के लिए डिजाइन के दृश्य पक्ष दिखाते हैं. अच्छी खबर यह है कि तुम सब कुछ स्थापित करने पर आप पहले से ही इस उपकरण होगा है आपको लगता है कि डाउनलोड करने के लिए जाना है और आप दृश्य स्टूडियो मिलता है. मैं सही इस पर क्लिक कर सकते हैं. मैं अंदर ज़ूम नहीं होगा यह सिर्फ मिश्रण में ओपन कहते हैं. ब्लेंड दृश्य स्टूडियो के साथ कंधे से कंधा मिलाकर काम करता है कि एक और उपकरण है और चीजों के डिजाइन पक्ष पर अधिक ध्यान केंद्रित किया है, तो यह वास्तव में शैली बनाने के लिए अनुकूलित कर रहे हैं कि उपकरणों की सतहों, , एनिमेशन बनाने सीएसएस के साथ काम कर रहे, नस की तरह में बहुत सारी बातें. यहाँ क्या बहुत ही रोचक और बहुत स्पष्ट होना चाहिए तुरंत हम अनुप्रयोग पर देख रहे है. उम्मीद है कि हम अभी भी कर रहे हैं. इसके बजाय हम अभी भी तल पर देखते हैं जो कोड, देख के, हम आवेदन की वास्तविक प्रतिनिधित्व देख रहे हैं. क्या अधिक है, यह एप्लिकेशन का सिर्फ एक प्रतिनिधित्व नहीं है, यह वास्तव में अनुप्रयोग चल रहा है. और वह वास्तव में मिश्रण के बारे में अच्छा क्या है. टीम इस उपकरण में HTML और जावास्क्रिप्ट और सीएसएस लाने के लिए बहुत काम किया है. यदि आप उत्सुक हैं अब आप वास्तव में, "इसका क्या मतलब है? मैं क्या कर सकता है?" कर सकते हैं इस तरह से बातें मेरी मार्कअप में मौजूद नहीं है, भले ही मैं वास्तव में इस आवेदन के लिए डिजाइन कर सकते हैं. उस दर्ज़ा नियंत्रण याद है? यह सिर्फ एक div टैग था. यह सामान, कि सितारा, केवल क्रम में मौजूद है. मैं कैसे पता है? यहाँ पर जादू का एक छोटा सा है. इन बिजली बोल्ट देखें? आप एक बिजली बोल्ट देख किसी भी समय, कि यह क्रम में कुछ के द्वारा बनाया गया था मतलब है. कुछ जावास्क्रिप्ट भाग गया और बदल गया है इस में कुछ या कुछ तर्क के साथ इस बनाया. उन तुम वहाँ WinJS द्वारा जावास्क्रिप्ट द्वारा बनाया गया है कि देखने के सितारे. अच्छी बात यह है कि यह मेरे लिए कोई फर्क नहीं पड़ता है, मैं अभी भी इसे डिजाइन कर सकते हैं, मैं अब भी में जाने के लिए और इसे बदल सकते हैं, मैं यहां क्या हो रहा है पता कर सकते हैं मैं सीएसएस पर देख सकते हैं, मैं आगे जाना है और रंग तरीका यह है क्यों पता कर सकते हैं मैं चीजों के साथ खिलवाड़ और चीजें भयानक बनाने शुरू कर सकते हैं मैं करना चाहता है जो भी हो. दरअसल, मैं अकेला बातें छोड़ देंगे. लेकिन आप यह सब सीएसएस है यहाँ देख सकते हैं और यह यहाँ आपको दिखा रहा है. मैं वहाँ के लिए ऊपर जाना है, यह आप वे जीत कॉल कि सब कुछ दिखाने के लिए जा रहा है, सबसे विशिष्ट और सबसे उस आइटम के लिए चुने जाते हैं तो सीएसएस नियम, जो आप शायद पहले से ही अपनी कक्षाओं में अधिक चला गया है, जहां आप, हम सब कुछ करने के लिए आवेदन कर रहे हैं कि एक सामान्य फ़ॉन्ट वहाँ कह सकते हैं यह एक H1 है और लेकिन क्योंकि मैं H1S के लिए परिभाषित एक रंग है यह इस रंग होने जा रहा है, और यह body1 से अधिक विशिष्ट है क्योंकि यह है. यह ठीक है यहाँ एक बात है कि तुम उस का सब से पता चलता है, आप और अधिक जटिल हो के रूप में और यह वास्तव में शक्तिशाली सामान है इन बातों तरह वे कर रहे हैं क्यों आप सोच रहे हैं. यह वास्तव में आपको बता देगा, और तुम यहाँ इन वस्तुओं में से किसी को चुन सकते हैं. रंग है कि वास्तव में बहुत बुरा नहीं है. आप उनका चयन कर सकते हैं. उम्मीद है कि आप यह देख सकते हैं. आप अपने आवेदन पर है कि सब कुछ के लिए, आप एक पूरे झरना देखना कि और जो एक के लिए लागू किया जा सकता था कि सभी सीएसएस की जीत है, जो एक वास्तव में पूर्वता ले लिया. ये बोरिंग की तरह कर रहे हैं. इनमें से कुछ में चल रहा एक बहुत कुछ नहीं है. मैं जाकर रंग बदलते हैं, तो आप वहाँ कुछ कैस्केडिंग देखकर शुरू करेंगे. तुम भी रूप में अच्छी तरह से यहाँ HTML का उपयोग कर सकते हैं. मैं के माध्यम से जाना है और मैं इच्छा के रूप में इन सब बातों के लिए HTML गुण संशोधित कर सकते हैं. यहां सामान की सिर्फ टन है. 

मैं यहाँ सब कुछ के माध्यम से जा रहा द्वारा अपने समय लेने के लिए नहीं करना चाहती. बस यह यहाँ है पता है. आप के लिए बस उपलब्ध है कि डिजाइन उन्मुख कार्यक्षमता का एक बहुत कुछ है ताकि आप दृश्य रहने आवेदन के साथ काम करते हैं, और अनुमान लगाने का एक बहुत कुछ करने के लिए नहीं कर सकते हैं तुम वापस अपने डिजाइन में वापस एक ब्राउज़र से सामान्य रूप से और साइक्लिंग करना होगा कि ब्राउज़र में वापस. यह सच है कि के लिए शांत सामान है, और आप एक Windows स्टोर app विकसित रूप में, यह आपको एक बहुत अधिक उत्पादक बनाने जा रहा है. 

आप भी इसे यहाँ मार्कअप पर नज़र रखने और अपने सीएसएस देखेंगे आप अलग अलग चीजों के माध्यम से काम कर रहे हैं. आप विशेष रूप से वीडियो पर, यह देखना है कि यह शायद वास्तव में मुश्किल है, लेकिन लगता है कि यहाँ पर क्या हो रहा है, और मैं तुम्हें उस के साथ परिचित हो की सिफारिश करेंगे. यह तुम समय की एक बहुत बचत होगी. यही मिश्रण है. आप यहाँ किसी भी परिवर्तन करते हैं, वे अपने आप में वापस ले जाने के लिए जा रहे हैं दृश्य स्टूडियो के लिए. यह वही सब कुछ है, एक ही फाइल है. मैं अकेला छोड़ दूँगा. मुझे लगता है मैं आप दिखाना चाहते हैं कि एक बेहतर उदाहरण है. मैं वहाँ एक परिवर्तन किया है और इसे बचाया और मैं वापस दृश्य स्टूडियो के लिए आया था लेकिन, अगर यह कहेंगे, "अरे, तुम सिर्फ कुछ बदल दिया है. मैं तुम्हारे लिए इसे फिर से लोड कर सकते हैं?" हां. और तुम वहाँ एक ही सामान का उपयोग कर रहे हैं. यही कारण है कि उस विशेष नमूना का अंत है. 

मैं बस आप अन्य कार्यशीलता का एक दृश्य देने के लिए आप एक उच्च अंत नमूना दिखाना चाहते हैं आप के रूप में अच्छी तरह के बारे में सोच सकते हैं. यह आप डाउनलोड कर सकते हैं कि एक नमूना अनुप्रयोग है. आप एक बॉक्स में विंडोज शिविर बुलाया कुछ के लिए देखो, वहाँ उस में कर रहे हैं कि कुछ नमूने हैं, और उनमें से एक Contoso रसोई की किताब है. मैं सिर्फ तुम्हारे लिए यह चला सकते हैं. कस्टम छप स्क्रीन. इस ग्रिड देखें आवेदन है. वे यहां कुछ कस्टम डेटा के लिए बाध्य कर दिया है. आप इस माध्यम से नेविगेट कर सकते हैं. तुम जाओ और एक शुक्रवार की दोपहर पर हमें भूख करना होगा कि विभिन्न बातों पर एक नज़र ले जा सकते हैं. मुझे नहीं मालूम. यह मेरी सबसे भूखा बनाने जा रही है? मुझे नहीं मालूम. मैं सिर्फ एक लेने के लिए जा रहा हूँ. आप इन चीजों में चलते हैं. यह आप नुस्खा दिखाएगा. तुम सकता भी, बजाय एक आइटम पर क्लिक करने की, आप सामग्री की उस श्रेणी, सामग्री की है कि खंड के लिए सही से जा सकते हैं. इस मामले में, आप यहां इन व्यंजनों के बारे में आप सब को कह रही नकली लैटिन बहुत पढ़ा सकते हैं और फिर सही विशिष्ट नुस्खा में चलते हैं. यह भी मैं चित्रों के साथ पहले आपको बताते हैं कि बंटवारे जैसे चीजों का समर्थन करता है. आप भी इस आवेदन में खोज सकते हैं. यह खोज करना बहुत सरल है. असल में, तुम सिर्फ विंडोज से पाठ की एक स्ट्रिंग हो रही है और क्या आप उस के साथ खोज कैसे हैंडल करना चाहते फैसला. ऐसा लगता है कि प्राप्त करने के लिए कोड की कुछ लाइनें है, और फिर क्या तुम उस के बाद इसके साथ क्या पूरी तरह से आप पर निर्भर है. 

वे यहाँ भी वे कुछ अन्य कार्यक्षमता का उपयोग कर रहे हैं, जहां एक app बार है. मैं सिर्फ यह है क्या तुम्हें बताता हूँ. एक अनुस्मारक एक टोस्ट अधिसूचना कहा जाता है का उपयोग करने के लिए जा रहा है. यह बातें हुआ है जब उपयोगकर्ता बताने के लिए वास्तव में आसान है, जैसे एक आवेदन स्थापित किया गया था या कुछ पूरा कर लिया गया. यह भी खेल के लिए अच्छा है. आप एक लगातार दुनिया या एक नेता बोर्ड और होस्टिंग है कि एक सेवा है कि शायद एक अलग मशीन पर, उन सूचनाओं को एक मशीन में भेजा जा सकता है और यहां तक ​​कि उपयोगकर्ता अपने खेल खेलने या अपने अनुप्रयोग चल रहा है, अपने खेल का उपयोग नहीं कर रहा है, वे अभी भी घटनाओं के उन प्रकार के बारे में सूचनाएं प्राप्त कर सकते हैं. तो आप "आपका महल को नष्ट कर दिया गया है या बस के बारे में नष्ट हो जाता है." कह सकते हैं, "यहाँ वापस जाओ और इसे रक्षा," या ऐसा कुछ. आप अधिसूचना पर क्लिक करें, आप सही खेल में वापस जाना है, और जब आप इसे खेल सकते हैं. तो उन चीजों की तरह वास्तव में बहुत प्रभावी ढंग से अपने अनुप्रयोग में वापस लोगों को आकर्षित कर सकते हैं. 

माइक्रोफोन, वेब कैमरा का उपयोग कर के लिए इस आवेदन में समर्थन भी है, वीडियो कर और तस्वीरें ले. तुम भी एक माध्यमिक टाइल पिन कर सकते हैं. तुम सिर्फ सही कुछ सामग्री के लिए चला जाता है कि एक टाइल है चाहता हूँ अगर यह उपयोगी है. इस मामले में, यह इस विधि के लिए ठीक हो जाता है. मैं सिर्फ दिखा रहा हूँ मैं उल्लेख कर रहा हूँ सब कुछ यह आप के रूप में अच्छी तरह से उपयोग करने के बारे में सोच सकते हैं कि चीजें है क्योंकि. अधिकांश भाग के लिए, वे का उपयोग करने के लिए बहुत सीधा कर रहे हैं. मैं सिर्फ आपको लगता है कि नमूना एक्सप्लोरर को लाने की सिफारिश करेंगे और कैसे करना है कि आप दिखा सकते हैं कि एक नमूना हैं. यह रूप में अच्छी तरह से कर अपनी क्षुधा में उन लाने के लिए बहुत सीधा है. 

मैं आपको यहां बहुत अच्छा है कि कुछ और दिखाने के लिए जा रहा था. मैं इस आवेदन तस्वीर करेंगे, और मैं वापस दृश्य स्टूडियो में जाने के लिए जा रहा हूँ. इस आवेदन चल रहा है. यह दृश्य स्टूडियो से चल रहा है. मैं उस के साथ कुछ अच्छा सामान कर सकते हैं. मैं वास्तव में एक तत्व का चयन करने के लिए एक विकल्प है, और मैं जीना आवेदन करने के लिए यहाँ पर जा सकते हैं और मैं कह सकता हूँ, "मैं क्यों तैयारी का समय शीर्षक से ही एक छोटा सा हल्के भूरे रंग है सोच रहा हूँ?" मैं उस पर क्लिक कर सकते हैं. यह वापस दृश्य स्टूडियो में उस सिंक्रनाइज़ करने के लिए जा रहा है और यह यूआई के उस हिस्से में हुई है कि वास्तव में सामग्री उत्पन्न मुझे दिखाने के लिए जा रहा है. तो इस मामले में, यह आइटम उपशीर्षक और H4 डबल का निर्माण है, और कहा कि शायद, क्योंकि उस संदर्भ में एक H4 के रूप में हम पता करने की जरूरत क्या हमें बताता है यह फ़ॉन्ट के एक खास तरह हो रहा है. मैं अभी भी पता नहीं क्यों लेकिन, अगर मैं ट्रेस शैलियाँ पर क्लिक कर सकते हैं. मैं तो रंग बाहर का विस्तार कर सकते हैं और कि रंग शरीर का रंग नहीं है कि वास्तव में क्यों मैं पता कर सकते हैं लेकिन वास्तव में कुछ और ही है. यह अनिवार्य रूप से इंटरनेट एक्सप्लोरर से देव उपकरण है दृश्य स्टूडियो में लाया एक हद तक. आप क्रोम देव उपकरणों के साथ काम किया है, तो Firebug, इस तरह बातें, उन ब्राउज़र में हैं कि उपकरणों के प्रकार, कार्यक्षमता के उस तरह सही दृश्य स्टूडियो में लाया गया है तो आप वास्तव में एक ब्राउज़र शुरू करने और अलग से उन उपकरणों के साथ काम करने के लिए नहीं है. अब मैं बस चलाने वाले विंडोज स्टोर app है, और मैं यह अलग खींच रहा है और बातें कर रहे हैं वे क्या कर रहे हैं बाहर खोजने शुरू कर सकते हैं. 

मैं भी इसे इस तरह से कर सकते हैं. मैं जाने के लिए और सिर्फ सही मार्कअप से कुछ लेने के लिए और यह क्या है पता कर सकते हैं आवेदन ही में. मुझे लगता है मैं सब कुछ से चला गया है लगता है. यहाँ मैं इस पर मँडरा रहा हूँ. मैं इसे चुन सकते हैं. यह बात है कि जहां वास्तविक चल आवेदन में मुझे दिखाने के लिए जा रहा है मैं अब मार्कअप में पर क्लिक कर रहा हूँ कि. बहुत अच्छा सामान. आप पर क्या हो रहा है यह पता लगाने की कोशिश कर रहे हैं और क्या एचटीएमएल कर रही है, क्या कर रहा है सीएसएस, इसे ध्यान में रखना. यह आपके लिए यहाँ है याद रखें और भी है कि मिश्रण एक लाइव चल आवेदन के साथ काम कर सकते हैं. 

मैं इस आवेदन के साथ आप दिखाना चाहता था एक आखिरी बात - वैसे, यह चीजों को भी बदलने के रूप में आप डेल्टा से पता चलता है तो आप उन पीले प्रकाश डाला गया के लिए देख सकते हैं. उन सिर्फ आवेदन में बदल गया है कि बातें कर रहे हैं. लेकिन एक आखिरी बात. मैं यहां सिर्फ एक पल के लिए मिश्रण करने के लिए वापस जाना चाहता हूँ. हम मिश्रण है, उसी अनुप्रयोग, वही सब कुछ में खोलें, इस खोल देंगे. मैं अभी सिर्फ आप मुख पृष्ठ पर अटक कर रहे हैं नहीं है कि तुम यहाँ अनुभव दिखाना चाहते हैं क्या आप अनुप्रयोग चला जब डिफ़ॉल्ट रूप से मिलता है और यह वहाँ बैठ दूँगा चीजों को देखने. तुम भी यहाँ यह बहुत छोटा सा आइकन चालू कर सकते हैं. यह इंटरैक्टिव मोड कहा जाता है. आप उस पर क्लिक करें. यह आपके आवेदन को लाने के लिए जा रहा है. आप अब और डिज़ाइन मोड में नहीं कर रहे हैं, तो आप चीजों पर क्लिक करने नहीं जा रहे हैं कार्यक्षमता को बदलने के लिए, लेकिन आप वास्तव में अब आवेदन के साथ काम कर सकते हैं. आप के माध्यम से क्लिक कर सकते हैं, आप, आप के बारे में परवाह है कि एक नुस्खा के लिए जो कुछ भी मिलता है क्या कर सकते हैं या एक वर्ग के लिए. चलो इस श्रेणी में चलते हैं. मैं "मैं डिजाइन करना चाहते हैं, जहां ठीक है, यहाँ है." कहते हैं, तो आप फिर से उस बटन को क्लिक करें, यह आप डिजाइन सतह में वापस लाना होगा, और अब आप मैं पहले के बारे में बात कर रहा था कि उन सभी बातें कर सकते हैं. मैं इस चयनित जब तक मैं अपने आयाम पता लगाना, क्लिक रखेंगे इसके लिए एचटीएमएल, इसके लिए सीएसएस पता लगाना एक चल आवेदन के लिए, आवेदन के कुछ बाद के हिस्से. बहुत, बहुत उपयोगी. मैं आपको यह दिखाता हूँ. आप इस बात से लेखन कोड में देख रहे हैं, तो मन में रख दो. यह आपको परेशानी का एक बहुत बचाने के लिए जा रहा है, और यह बहुत अच्छा सामान है क्योंकि. यह काफी मुझे लगता है कि सभी के लिए ब्लेंड पर और दृश्य स्टूडियो में आप को दिखाने के लिए चाहता था. 

उन उपकरणों में से किसी पर कोई सवाल? पर सब कुछ? >> [Guarin] मैं इतना अच्छा सवाल है, अच्छी चीजें बाहर देने के सामान है. 

मैं पहले से ही आप मेरे यहाँ डेमो दिखाया गया है [बोवेन हंसते हुए कहते हैं]. मैं संसाधन पृष्ठ पर डाल दिया है और अब सवाल बारी करने के लिए जा रहा हूँ. यह पहला संदर्भ खेल ट्रैक और अनुप्रयोग ट्रैक के साथ उस पीढ़ी App साइट है. उन के लिए साइन अप करें. आप सामग्री प्राप्त करने के लिए 30 दिन इंतजार नहीं करना पड़ेगा. आप अपनी इच्छानुसार जा रहा है और सामग्री को देख शुरू कर सकते हैं. [हंसते हुए] - मैं अपने समय फ्रेम से अलग हो सकता समझने तो जब Hackathon है? यह सही, एक दो सप्ताह है? तो आप प्रतीक्षा करने के लिए 30 दिनों के लिए नहीं है. तो हाँ, आप उस के लिए साइन अप कर सकते हैं और फिर बस से सामग्री बाहर खींच शुरू. इसके अलावा देव और डिजाइन केन्द्रों. और मैं यह उल्लेख नहीं किया, लेकिन दुकान डॉक्स भी नहीं है. तुम दुकान के लिए अपनी क्षुधा भेजने शुरू करने के लिए तैयार कर रहे हैं जब यह Hackathon के बाद के लिए किया जाएगा. कुछ उपयोगी दिशा निर्देशों की दुकान में कुछ पाने के लिए तरीके के बारे में कुछ मार्गदर्शन, यहाँ हैं, आप यात्रा कर सकते हैं कुछ आम मुद्दों, और उन है कि संसाधनों का अंत है. 

तो आपके मन में क्या है? और कुछ है कि आप - [Guarin] कौन CS50 के लिए एक विंडोज़ अनुप्रयोग करने के बारे में सोच रही है? कूल. [बोवेन] कूल. ग्रेट. 

तुम अब तक देखा है कि सामान और कैसे इसके बारे में किसी भी सवाल का इस से संबंधित है? उदाहरण के लिए, और अधिक समय के साथ मैं लिखा है कि मैं एक खेल ले सकता है और कि ब्राउज़र में चलाता है और सिर्फ तरह की प्रक्रिया के माध्यम से जाना दृश्य स्टूडियो में लाने और इसे एक विंडोज स्टोर एप्लिकेशन बनाने की. यह हम वास्तव में आज शामिल करने के लिए किया था की तुलना में अधिक समय लगता है, लेकिन लघु संस्करण है, यह आप ब्राउज़र में चल रहा है कि एक ही कोड है और आप को बदलने के लिए चीजें हैं जो आप विंडोज 8 के लिए प्लग करने के लिए तय है कि बातें कर रहे हैं. तो तुम आकर्षण का उपयोग करना चाहते हैं, तो आप खोज या साझा करना चाहते हैं, आप उस पर कुछ कार्यक्षमता दूर छिपाने के लिए एक app पट्टी का निर्माण करने की जरूरत है, उन आप बदलना चाहते हैं कि चीजों की तरह कर रहे हैं. लेकिन अपने वेब एप्लिकेशन की कोर बरकरार रह सकता है. फिर, जब तक यह IE10 में काम करता है, के रूप में यह एक बहुत आसान बंदरगाह होने जा रहा है मिश्रण में, सामान है कि विजुअल स्टूडियो में लाने के लिए, और यह एक विंडोज स्टोर एप्लिकेशन बनाने के लिए. फिर, आप को जानने की जरूरत होगी ही बातें उन अन्य विशेषताएं हैं आप एक लाइव टाइल और चीजों के उन प्रकार की तरह, एक आवेदन को हल्का करने के लिए उपयोग कर सकते हैं. 

हाँ. >> [छात्र] मेरे सवाल का मोबाइल काम करने के बारे में है. तो आप डेस्कटॉप पर एक app के रूप में काम करता है कि एक app बनाने हैं, मोबाइल को स्थानांतरित करने के लिए यह वास्तव में आसान है, या एक है - मैं वास्तव में इस वातावरण के लिए अनुकूलित है कि एक विंडोज स्टोर एप्लिकेशन बनाने अगर सवाल है, और मुझे लगता है कि ऐसा करने के साथ शामिल है, एक मोबाइल की दुनिया में लाने के लिए करना चाहते हैं? यही है, कई सवाल की तरह, हमेशा एक लगातार बदलते जवाब है. अच्छी खबर यह है कि आप HTML और जावास्क्रिप्ट, सीएसएस के साथ चिपके हुए हैं यदि, आप एक Windows स्टोर app से शुरू कर रहे हैं, यह आप वेब करने के लिए इसे लाने के लिए जा रहा है और फिर मीडिया के प्रश्नों और चीजों की तरह तकनीक के उन प्रकार, उपयोग, विभिन्न आकार के उपकरणों के लिए अनुकूल है. उस ने कहा, चौखटे और चीजों को बाहर वहाँ वहाँ हमेशा कि समर्थन विभिन्न प्रौद्योगिकियों, विभिन्न प्लेटफार्मों बाहर का विस्तार. यही कारण है कि हर समय बदलता है. हम अब हम क्या है ओर देखने के रूप में हम यह भी रूप में अच्छी तरह से चीजें बदल रही हैं वास्तव में विंडोज फोन 8 के साथ बाहर. हम कुछ साझा कोर infrastructures है उन वातावरण के लिए अनुप्रयोगों के बीच की पेशकश की. तो आप एक Windows स्टोर अनुप्रयोग बनाने के लिए कर रहे हैं कि सामान, इस बात का एक बहुत है और साथ एक विंडोज फोन 8 आवेदन में ले सकते हैं. यही कारण है कि फिर से एक उभरती हुई कहानी है, इसलिए गठन पर उस के बारे में कुछ सामग्री नहीं है. एसडीके अभी थोड़ी देर पहले बाहर हो गया. यह सिर्फ थोड़ी देर पहले जारी किया गया था. लेकिन अन्य प्लेटफार्मों के मामले में, आप शायद के रूप में अच्छी तरह से कई पार मंच चौखटे में चलाते हैं. अच्छी खबर है, तुम यहां क्या कर रहे हैं कि सामान है मुख्य कार्यक्षमता सीधे वेब मानक सामान है. आसानी से अनुवाद नहीं होगा कि केवल बातें, विंडोज 8 करता है कि बातें कर रहे हैं यह एक Windows सुविधा है लेकिन है कि क्योंकि कोई आश्चर्य की बात. आप हर दूसरे मंच पर साझा करने या अनुबंध के समान प्रकार की खोज करने के लिए नहीं जा रहे हैं. तो उन आप एक डिजाइन के नजरिए से करने के लिए चाहेगा कि बातें कर रहे हैं इसलिए आप कह सकते हैं सुनिश्चित करें कि आप बाहर है कि सार की तरह करने के लिए तरीके हैं बनाने, "मैं इस पर चल रहा हूँ, तो मैं ऐसा कर सकता है." मैं नहीं कर रहा हूँ, तो आप एक तरह से दूर है कि सामान को छिपाने के लिए उपयोग कर सकते हैं कुछ डिजाइन पैटर्न नहीं है. लेकिन ध्यान में रखना है कि. हाँ. माफ़ कीजिए. आगे बढ़ो. 

[छात्र] मैं [सुनाई] के शीर्ष पर अपने विंडोज़ अनुप्रयोग परीक्षण करना चाहते हैं [बोवेन] हाँ. मैं भी एक और बात को छोड़ दिया. हाँ. मैं तो मैं आपको मैं बताना भूल गया एक सुविधा दिखाता हूँ, पहले अपने सवाल का जवाब देंगे. हम स्थानीय स्तर पर उपलब्ध कुछ मशीनों है. मैं माफी चाहता हूँ. सवाल यह है कि मैं उपकरणों पर बातें परीक्षण करते हैं, था मैं से चुनने के लिए चीजों की एक पूरी बहुत कुछ है करने के लिए ऐसा नहीं करते हैं तो क्या होगा? [Guarin] हम, मुझे लगता है, आप 5 या 6 लोग व्रत. आप कितने की जरूरत है? [छात्र] हम उनमें से 4 मिला. >> ठीक है. तुम लोगों के साथ खेलने के आसपास 4 slates मिला. तो निश्चित रूप से, हर किसी को पता है कृपया बताएँ. [हंसते हुए] >> [बोवेन] बहुत बढ़िया. यही कारण है कि मैं तुम्हें देने के लिए जा रहा था की तुलना में एक और भी बेहतर जवाब है. हम हम अपने कार्यालय में है कि डेवलपर्स के लिए कार्यालय समय है और अब, प्रु में माइक्रोसॉफ्ट स्टोर करने के लिए जल्द ही आ रहा लेकिन एडविन पहले से ही आप का ध्यान रखा गया है. ऋण राशि के लिए उपलब्ध 4 slates के परीक्षण के लिए कर रहे हैं. हम वहाँ जाते हैं. वहाँ एक ऊपर की एक उदाहरण है. तो हाँ, बिल्कुल. ग्रेट. बिल्कुल दूर से यह परीक्षण करने के लिए सबसे अच्छा तरीका एक युक्ति पर हो रहा है. आप अभी तक एक भी ऐसा नहीं है या आप बर्फ में परिसर भर में चलने के लिए नहीं चाहते हैं एक या जो कुछ भी हड़पने के लिए, दृश्य स्टूडियो में इस वापस करने के लिए एक रास्ता है. मैं वापस मैं यहां था जहां में जाओ, यहां के बजाय स्थानीय मशीन का उपयोग कर के, आप दूरस्थ मशीन से कनेक्ट कर सकता है, लेकिन लगता है कि मैं यहाँ के बारे में बात कर रहा हूँ नहीं है. सिम्युलेटर आप में देखना चाहते हो सकता है कि बात है. मैं इस भाग लेंगे, और वास्तव में यह क्या है, यह अपने सिस्टम पर अनिवार्य रूप से एक खिड़की है. इधर, Contoso चल रहे हैं, वास्तव में मेरे सिस्टम चल रहा है लेकिन मुझे निष्पादन मानकों के कुछ बदल देता है कि एक तरह से, पर्यावरण मानकों. तो मैंने कहा, "आप जानते हैं कि क्या?" यहाँ कह सकता ओह. मैं पहले से ही यह 2560 के प्रस्ताव पर एक नकली 27 इंच की निगरानी में चल रहा है. मैं आसानी से कि नीचे गिरा और मेरे आवेदन एक छोटे परदे के साथ क्या करना होगा देख सकते हैं या डीपीआई सेटिंग्स या जो कुछ भी बदलकर. तो एक छोटे परदे पर एक 10.6, क्या ऐसा करने जा रहा है? यही कारण है कि अभी भी ठीक है, बहुत अच्छा लग रहा है? हम करते हैं, क्योंकि आप आप स्टोर करने के लिए भेज रहे हैं, खासकर अगर यह करने के लिए चाहता हूँ परीक्षण की प्रक्रिया के हिस्से के रूप में. और इस तरह से अगर वहाँ समस्याएं हैं, तो तुम दुकान के लिए प्रमाणित हो रही एक मुद्दा में चला सकता है. लेकिन उस सिम्युलेटर का हिस्सा है. वास्तव में अच्छा. ऐसा करने के लिए बहुत आसान है. तुम भी रूप में अच्छी तरह से यह घूर्णन की तरह सुविधाओं का उपयोग कर सकते हैं. मैं यहाँ बटन क्लिक कर सकते हैं, इसे बारी बारी है, किसी को एक अनुभव के रूप में होता है क्या देखना , उनके स्लेट घूर्णन उनकी गोली, और उस के साथ अपने आवेदन का उपयोग कर. बहुत स्पर्श अनुकरण और कुछ अन्य चीजों की तरह कुछ अन्य बातें हैं, जीपीएस की स्थापना. मुझे लगता है मैं एक अलग स्थान पर हूँ नाटक और मेरे आवेदन करता है देख सकते हैं मुझे लगता है मैं वापस सिएटल या कुछ में हूँ बहाना है कि जब. लेकिन यह एक बहुत ही उपयोगी सुविधा है, और यह दोनों दृश्य स्टूडियो में और मिश्रण में बनाया गया है. हां. आपका प्रश्न. 

[छात्र] आप एक खेल लिख रहे हैं, विजुअल स्टूडियो एनीमेशन के लिए किसी भी समर्थन करता है? हाँ. सवाल विशेष रूप से जुआ खेलने के साथ, एनीमेशन समर्थन के आसपास है. यह निर्भर करता है. [दबी हंसी] जावास्क्रिप्ट के साथ मैं XAML पक्ष पर वहाँ से भी कम समर्थन वहाँ शायद कहेंगे समयसीमा है, जो storyboards और अंदर निर्मित कर रहे हैं कि चीजें है जावास्क्रिप्ट क्षुधा पर एनिमेशन के लिए, मुझे लगता है मैं आपको देना चाहता हूँ कितना एक जवाब के बारे में पता नहीं है. मैं, दोनों भौतिक विज्ञान एनिमेशन के लिए विकल्पों में से एक बहुत माध्यम से जाना कि मेरे ब्लॉग पर संसाधन हैं विंडोज 8 पर जावास्क्रिप्ट उन्मुख खेल के लिए विकल्प. मैं आप उन का उल्लेख होगा. असल में, वहाँ इतने सारे विकल्प है. मैं हिचकिचा रहा हूँ कारण जावास्क्रिप्ट के साथ एनिमेशन करने के लिए इतने सारे विकल्प वहाँ है. यह सीएसएस हो सकता है, यह कैनवास पर आधारित हो सकता है, यह सिर्फ बुनियादी डोम एनिमेशन हो सकता है यह अलग अलग चीजों का एक बहुत कुछ किया जा सकता है, तो यह वास्तव में अपनी पसंद पर निर्भर करता है. आप Create.js या नीबू या चौखटे के अन्य प्रकार की तरह कुछ का उपयोग करने का निर्णय लेते हैं - खैर, मैं तुम्हें एक उच्च अंत ढांचे का उपयोग करने में सक्षम होने के लिए जा रहे हैं भी यकीन नहीं प्रभाव की तरह या निर्माण. यही कारण है कि आप स्क्रैच से विचार कर सकते हैं और अधिक से अधिक कोड उत्पन्न करने के लिए जाता है. लेकिन उन मामलों में, आप अभी भी वातावरण का उपयोग कर सकते हैं, एक सिम्युलेटर इस्तेमाल कर सकते हैं, और मैं सिर्फ उन मामलों में अपने परीक्षण मंच के लिए इस माहौल का इस्तेमाल करते हैं मैं खेल विकसित कर रहा हूँ के रूप में. मैं विशेष रूप से कैनवास एनिमेशन के साथ ठीक किया गया है शायद सबसे आम बात है. आप शायद मिल जा रहे हैं सबसे अच्छा ब्राउज़र में देव उपकरण है और दृश्य स्टूडियो में देव उपकरण. वहाँ एक घुमावदार जवाब की तरह है, लेकिन उम्मीद है कि मैं अपने जवाब मिल गया. हां. तुम. 

[छात्र] विंडोज 8 क्षुधा के लिए डेटा भंडारण विकल्प क्या हैं? विंडोज 8 क्षुधा के लिए डेटा भंडारण विकल्प, विंडोज स्टोर क्षुधा क्या हैं? अपने विकल्पों को वास्तव में प्रत्येक आवेदन स्थानीय भंडारण के लिए अपने स्वयं के पूल हो जाता हैं , सेटिंग्स के लिए और डेटा के लिए है, लेकिन यह भी भंडारण रोमिंग उपयोग करने के लिए हास्यास्पद आसान है बादल आधारित भंडारण का उपयोग करने के लिए. यह मुफ़्त है. क्या होता है कि आप मूल रूप से एक अलग वर्ग चुनते हैं और आप कहते है, "रोमिंग सेटिंग्स, सेव, सामग्री के इस विशेष सेट," और वे के रूप में हस्ताक्षर कर दिया है जो अपने माइक्रोसॉफ्ट खाते,, चारों ओर की जानकारी है कि रोमिंग के लिए महत्वपूर्ण होने जा रहा है. इसलिए मैं अपने लैपटॉप पर अपने खेल का उपयोग करें और फिर मैं एक ही खाते के साथ प्रवेश करें, तो और मैं एक सतह पर खेल या एक गोली खेलते हैं, कि स्वचालित रूप से उन मशीनों के बीच कि सेटिंग और डेटा घूमेंगे. यह एक डिफ़ॉल्ट बात है. जो डेटा की कुछ मात्रा के लिए अच्छा है. आप उन में एक विशाल डाटाबेस नहीं रखा जाएगा. इसके लिए आप क्लाउड में एक होस्ट डेटाबेस की तरह समाधान के अन्य प्रकार, के लिए जाने की जरूरत है, इस तरह बातें. डेटा प्रौद्योगिकियों के अन्य प्रकार के आसपास कुछ अन्य समुदाय के विकल्प हैं. मैं भी वहाँ के आसपास के समुदाय में कुछ SQLite विकल्पों को देखा है. ताकि अधिक से अधिक उभर रहे हैं, लेकिन उन आप की ओर देखना होगा कि प्राथमिक बातें कर रहे हैं एक खेल है या एक app के लिए. और तुम भी वापस में एक सवाल था. 

नेटवर्क के संदर्भ में [छात्र] [सुनाई] अपलोड करने या फ़ाइलों को डाउनलोड [सुनाई] [बोवेन] आपका सवाल है कि कैसे आप कि कैसे आप उस डिबग और यह परीक्षण कर सकते हैं या देख सकते हैं? [छात्र] आप कैसे इसे डिबग कर सकते हैं [सुनाई] माफ़ कीजिए. मैं यह सब नहीं सुन सकते. [छात्र] कैसे आप भी यह बग परीक्षण किया पाने के लिए और है [सुनाई] ग्रेट. ग्रेट. कैसे आप नेटवर्किंग के साथ काम करते हो? कैसे तुम क्या हो रहा है देख सकते हैं? इस एक के लिए कई अलग अलग जवाब, नहीं है लेकिन मुझे यहाँ शायद सबसे आसान बातें तुम्हें दिखाते हैं. मुझे एक पल के लिए सिम्युलेटर से छुटकारा मिलता है. नेटवर्किंग के लिए सिर्फ एक जोड़ी डिबगिंग विकल्प. सही WinRT स्तर और WinJS से दोनों में पके हुए एक पूरा नेटवर्क पर ढेर है, तो आप बहुत आसानी से XHR कर सकते हैं, AJAX प्रकार है कि ऐसा करने के लिए अपने खेल या app से कहता है. जाहिर है, मैं 2 चीजों का इस्तेमाल करते हैं. मैं उन्हें में पके हुए एक नेटवर्क पर ढेर है जो वास्तविक देव उपकरण खुद का उपयोग करें. मुझे आप Windows होम पेज दिखाते हैं. मैं यह ला सकता है, और यहाँ इन उपकरणों में पके हुए एक नेटवर्क प्रॉक्सी वास्तव में नहीं है. तो, मैं यह कर सकता हूँ मैं पृष्ठ ताज़ा कर सकते हैं, और यह बातचीत के सभी मुझे दिखाने के लिए जा रहा है सहित AJAX कि अनुरोध की अवधि के लिए, कि सत्र के लिए कहता है. यह उपयोगी है. यह ब्राउज़र आधारित क्षुधा के लिए बहुत उपयोगी होने जा रहा है. विंडोज स्टोर क्षुधा सहित क्षुधा, के अन्य प्रकार के लिए, मैं सारंगी नामक उपकरण का उपयोग करें. आप जवाब में एक खेल पाने के लिए जा रहे हैं. [दबी हंसी] सारंगी बजानेवाला एक सरल छद्म है. मुझे लगता है मैं आप को दिखा सकते हैं कि लगता है. यह काफी दिलचस्प है, मैं अपने नेटवर्क पर ढेर अनुरेखण रहा हूँ, जो सिर्फ GetFiddler.com, है GetFiddler जा रहा है. लेकिन किसी भी तरह, सारंगी आईई टीम पर पीएमएस में से एक द्वारा लिखा गया है, तो उन्होंने कहा कि वह क्या कर रहा है जानता है. यह आपको डिबगिंग नेटवर्क यातायात के लिए उपयोग कर सकते हैं कि एक अच्छा प्रॉक्सी है. मुझे लगता है कि सिफारिश करेंगे. प्रश्न भी वहाँ पर. 

[छात्र] विदेशी भाषा इनपुट एकीकृत करने के लिए एक आसान तरीका है, जापानी या चीनी, विंडोज क्षुधा में? की तरह मैं मैं अपने आप को इसके बारे में बहुत कुछ किया है, लेकिन यह अंदर पकाया जाता है नहीं कह सकता बेशक आपके आवेदन उत्सर्जन के लिए विकल्प हैं - मैं माफी चाहता हूँ, मैं सवाल नहीं कहा - वैश्वीकरण के आसपास विकल्प, सामग्री का स्थानीयकरण, विभिन्न बाजारों में बेचने के लिए सक्षम होने की तरह बातें शामिल और उन व्यक्तिगत भाषाओं के लिए अपने आवेदन के उस संस्करण को लक्षित या ऐसा संस्कृतियों या बातें. बिल्कुल अंदर बनाया हम हमेशा के लिए उस के लिए समर्थन किया है, और कहा कि आगे विंडोज स्टोर के लिए अपने विकल्पों में किया जाता है. तुम दुकान अपने आप में ऐसा कर विभिन्न बाजारों में बेच सकते हैं, आप को परिभाषित करने के लिए संसाधनों का उपयोग करने के साथ साथ ही भी आवेदन में ऐसा कर सकते हैं मैं इस संस्कृति के लिए विकसित कर रहा हूँ ", तो मेरे शाब्दिक सामग्री के लिए इन ओवरराइड का उपयोग "या छोड़ा पाठक के लिए एक सही उपयोग करें." उन सभी डिफ़ॉल्ट WinJS और WinRT एपीआई का हिस्सा हैं. अच्छा सवाल है. 

हम कैसे कर रहे हैं? किसी भी अन्य? वीडियो पर किसी को सवाल है तो मैं माइक्रोसॉफ्ट @ cbowen हूँ इसलिए मैं भविष्य से आपके किसी भी सवाल का लेने के लिए खुश हूँ. बहुत - भविष्य से, भविष्य [mimics गूंज]. यहाँ तो मुझे है. मुझे यहाँ मेरे संपर्क वापस डाल दिया. तो बस मुझे माइक्रोसॉफ्ट @ cbowen एक नोट, भेजने और मैं जैसे ही मैं कर सकता हूँ तुम्हारे पास वापस मिल जाएगा. 

आप सोच रहे हैं कि और कुछ? हम अच्छा कर रहे हैं? ग्रेट. ठीक है. बहुत बहुत धन्यवाद. मैं इसकी सराहना करता. [वाहवाही] 

[CS50.TV]