Yahoo! उपयोगकर्ता इंटरफ़ेस ब्लॉग (YUIBlog)

YUI: ओपन घंटे गुरु मई 24

YUIDoc अपडेट और ट्रैविस सीआई एकता

YUIDoc के नवीनतम रिलीज और YUI परीक्षण ट्रैविस सीआई पर चल रही पर अपने हाल के पोस्ट के साथ , यह एक अच्छा समय चैट और क्यू और डेव के साथ एक तरह लगता है. कि वहाँ डेव के साथ चैट करने के लिए एक बुरा समय है नहीं.

समय और विवरण

हम गुरुवार को 10:00 से 11:00 पीडीटी ऑनलाइन हो जाएगा.

हम इस सप्ताह कनेक्ट एडोब का उपयोग करने के लिए वापस जा रहे हैं क्योंकि गूगल + हैंगआउट से एयर प्रसारण संकल्प पर थोड़ा कम था, और हम गैर के शेयरों के उपयोगकर्ताओं के लिए अधिक सुलभ हो चैट करना चाहते हैं. हमें पता है कि अगर आप सहमत हैं या टिप्पणी में असहमत.

रिकॉर्डिंग

रिकॉर्डिंग YUILibrary यूट्यूब चैनल में उपलब्ध है .

बातचीत खोजें: Bloglines | technorati

साझा करें और विस्तार: del.icio.us साथ पसंद | digg यह! | reddit!

YUI और ट्रैविस एक git पेड़ में बैठा

पिछले कुछ हफ्तों में, मैं समय का एक बड़ा सौदा बिताया है YUI कोर परीक्षण को क्रियान्वित करने पर हो रही ट्रैविस सीआई . आज के रूप में, हमारे लिए हर धक्का YUI 3 GitHub परिणाम पर रेपो में 6,000 से अधिक (6053 सटीक होना करने के लिए) इकाई परीक्षण मार डाला जा रहा है और लॉग इन इन परीक्षणों +१,१३० हमारे जावास्क्रिप्ट केवल मुख्य इकाई के अंदर natively को क्रियान्वित परीक्षण Node.js संस्करण 0.4.x और 0.6.x (0.7.x समर्थन के साथ जल्द ही जोड़ा जा) पर. हम हमारे पूर्ण इकाई परीक्षण (+४९२३ परीक्षण) सूट, मेरे कमांड लाइन के साथ चल रहा है के साथ पालन YUITest / PhantomJS आवरण, ग्रोवर .

आज मैं आप कैसे और क्यों हम यह कर रहे हैं के बारे में एक छोटे से अधिक बताना चाहते हैं.

क्यों?

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

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

एक बात हम इस प्रक्रिया को जोड़ना चाहते हैं हमारे वर्तमान कोड कवरेज रिपोर्ट तक पहुँच है. वर्तमान में, हम एक कोड कवरेज रिपोर्ट दैनिक FF12, क्रोम के नवीनतम और IE8 में निष्पादित परीक्षण से चलाने के लिए, लेकिन हमारे उपयोगकर्ताओं में से कोई भी देख सकते हैं कि हम ~ 80% को कवर कर रहे हैं:

हम मुश्किल बहुत काम कर रहे हैं इस मुद्दे को सुधारने और उम्मीद है कि इस डेटा को देखना हर किसी के लिए खुले में.

कैसे?

मैं हमारे कोर परीक्षण सुइट्स को कम से कम परिवर्तन करने के क्रम में उन्हें ट्रैविस सीआई में Node.js के तहत चलाने के लिए किया था. "मूल परीक्षण SUITES" के द्वारा, मैं किसी भी YUI मॉड्यूल कि एक काम डोम के लिए की आवश्यकता के बिना निष्पादित कर सकते हैं मतलब है. यह भी शामिल है, लेकिन तक सीमित नहीं है: हैं कोर YUI, लोडर, YQL, Y.Array, Y.Object, आदि इन मॉड्यूल संशोधन के बिना Node.js के सभी पूरी तरह से प्रयोग करने योग्य अंदर हैं.

पर देखने के YQL परीक्षण एक उदाहरण के रूप में.

सब मुझे करना पड़ा था एक Node.js मानक परीक्षण आवरण हम एक ब्राउज़र में उपयोग और सटीक एक ही परीक्षण है कि ब्राउज़र में मार डाला है शामिल करने के लिए इसी तरह आवरण बना.

यहाँ YQL मॉड्यूल आवरण है:

अब, यह वही परीक्षण मॉड्यूल एक ब्राउज़र में और बिना Node.js संशोधन में क्रियान्वित किया जा सकता है!

Caveats?

इन Node.js में natively चलाने के परीक्षण के लिए आदेश में, वे डोम के साथ बातचीत करने के लिए नहीं की जरूरत है. उदाहरण के लिए, Y.Array से निपटने के लिए सहायक तरीकों के होते हैं Array जावास्क्रिप्ट में है. लेकिन वहाँ कुछ परीक्षण है कि डोम तत्वों से निपटने के लिए सुनिश्चित करें कि सही मान देने के सहायक तरीकों में शामिल हैं. इन परीक्षणों के लिए, मैं एक नए परीक्षण में डोम से संबंधित कोड को स्थानांतरित करने के लिए और नजरअंदाज कर दिया परीक्षण की सूची है कि परीक्षण जोड़ने जब Y.UA.nodejs पता चला है. इस तरह, ऐसे परीक्षण Node.js में अनदेखी कर रहे हैं, लेकिन अभी भी ब्राउज़र में चला.

यहाँ एक उदाहरण है:

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

ग्रोवर क्या है?

ग्रोवर कमांड लाइन है कि आप PhantomJS के में YUITest आधारित परीक्षण पर अमल करने की अनुमति देता है एक उपकरण है. PhantomJS एक नेतृत्वहीन वेबकिट उदाहरण है कि आप एक जीयूआई वर्तमान के बिना एक HTML पृष्ठ रेंडर करने के लिए अनुमति देता है. तो ग्रोवर इस पर अंतर बंद कर देता है और आप ट्रैविस की तरह एक सीआई प्रणाली के अंदर कमांड लाइन से हमारे इकाई परीक्षण चलाने के लिए अनुमति देता है.

ग्रोवर के माध्यम से उपलब्ध है स्वतंत्र और npm install -g grover (आप PhantomJS द्विआधारी ग्रोवर का उपयोग करने से पहले स्थापित होना आवश्यक है)

हम यह सब कैसे देखते हैं?

ट्रैविस CI पिछले बनाता है की एक पूरी रिपोर्ट, साथ ही स्थिति अप करने की तारीख की जानकारी प्रदान करता है. नीचे हमारे ट्रैविस सीआई पर होस्ट परियोजनाओं के लिए लिंक कर रहे हैं:

• 3 YUI
• YUIDoc
• यती
• ग्रोवर

यहाँ क्या हमारे निर्माण उत्पादन (जैसे से लग रहा है की एक छोटा सा टुकड़ा है yui3 रेपो के लिए निर्माण इतिहास ):

और क्या यह क्या करता है?

हम नई हमारी परियोजनाओं के सभी पर खींचो / ट्रैविस GitHub अनुरोध सुविधा की कोशिश कर रहे हैं. इसका मतलब यह है कि जब भी हमें एक डेवलपर के लिए एक खींचो अनुरोध सबमिट, ट्रैविस स्वचालित रूप से उनके कोड खींच, यह मास्टर में मर्ज (अपने सर्वर पर) और इसके खिलाफ हमारी पूर्ण इकाई परीक्षण सूट चलाने के. उनके "ट्रैविस बीओटी" स्वचालित रूप से खींचो डेवलपर किया जाए या नहीं उनके पैच का परीक्षण पारित कर दिया बताने के अनुरोध के लिए एक टिप्पणी पोस्ट करेंगे.

यहाँ खींचो अनुरोध गुजर का एक उदाहरण है:

और जहां यह विफल रहता है:

आगे क्या है

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

मैं, एक के लिए, इन नई सुविधाओं के सभी के साथ बहुत खुश हूँ और मुझे आशा है कि आप भी हैं!

बातचीत खोजें: Bloglines | technorati

साझा करें और विस्तार: del.icio.us साथ पसंद | digg यह! | reddit!

YUI 3.6.0 PR1 अब उपलब्ध है

हम समुदाय परीक्षण और प्रतिक्रिया के लिए YUI 3.6.0 PR1 की उपलब्धता की घोषणा की कृपा कर रहे हैं. इसे बाहर की जाँच के माध्यम से एक क्षण ले कृपया CDN या डाउनलोड .

यहाँ सभी YUI 3.6.0 मील के पत्थर के लिए लक्ष्य तिथियाँ हैं:

• PR1 - 8 मई, 2012
• PR2 - जून 12, 2012
• PR3 - जुलाई 17, 2012
• GA - 31 जुलाई, 2012

आइटम हम पर 3.6.0 YUI के लिए काम कर रहे हैं की एक सिंहावलोकन में शामिल हैं:

• Scrollview संवर्द्धन
• DataTable सुविधाओं और प्रदर्शन में सुधार
• चार्ट बग फिक्स
• छवि अपलोडर में पूर्वावलोकन फीचर
• पॉपअप कैलेंडर
• YUI बीज और वैश्विक प्रदर्शन के लिए रिफैक्टर्ड

हम भी कदम उठा रहे हैं हमारे विकास चक्र गाढ़ा ताकि हम कर सकते हैं निकट भविष्य में मासिक रिलीज करने के लिए संक्रमण.

सूची मुद्दों PR1 3.6.0 में संबोधित किया और पूरी सूची 3.6.0 के लिए लक्षित मुद्दों हमारे बग ट्रैकर में उपलब्ध हैं.

हम आपको आमंत्रित में शामिल होने के चल रहे विकास चर्चा GitHub पर टीम के साथ हो रहा है.

हम अपने निरंतर प्रतिक्रिया के लिए तत्पर हैं!

बातचीत खोजें: Bloglines | technorati

साझा करें और विस्तार: del.icio.us साथ पसंद | digg यह! | reddit!

0.3.0 YUIDoc आधिकारिक है!

आज हम नए आधिकारिक रिहाई की घोषणा की कृपा कर रहे हैं YUIDoc , हमारे जावास्क्रिप्ट प्रलेखन जनरेटर. YUIDoc Node.js आवेदन है कि स्रोत में टिप्पणी से एपीआई प्रलेखन उत्पन्न करता है, एक जावाडोक और Doxygen जैसे उपकरणों के समान सिंटैक्स का उपयोग. YUIDoc वर्तमान में है शक्ति YUI के लिए एपीआई दस्तावेज़ीकरण और किया गया है सक्रिय रूप से पिछले वर्ष की तुलना में अद्यतन .

बड़ी छवि देखें

YUIDoc प्रदान करता है:

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

नई इस संस्करण में जोड़ा सुविधाओं के कुछ हैं:

• कोड टिप्पणी में markdown समर्थन
• बॉक्स के बाहर और अधिक कई टैग के लिए समर्थन
• तर्क को आसान तानाना के लिए अनुमति देने के लिए अलग
• बेहतर थीम समर्थन
• विकास समय पूर्वावलोकन के लिए सर्वर मोड
• बाहरी मिश्रण डेटा
• आसान पार मंच अधिष्ठापन
• अंदर और मौजूदा परियोजना के बाहर पार से जोड़ने
• JSON आधारित विन्यास

इनमें से कुछ पर एक छोटे से अधिक विस्तार में मिलता है:

सरल स्थापना

यदि आप Node.js और NPM स्थापित है, स्थापना आसान है:

  NPM जी स्थापित yuidocjs 

कोड टिप्पणी में markdown समर्थन

YUIDoc साथ अपनी टिप्पणी को पार्स markdown से पहले यह handlebars आप महान लचीलापन दे जब अपने डॉक्स लेखन टेम्पलेट लागू होता है.

तर्क को आसान तानाना के लिए अनुमति देने के लिए अलग

YUIDoc आंतरिक YUI के स्तर के बुनियादी ढांचे का उपयोग करता है और निर्यात इन मॉड्यूल के सभी जब आप require yuidocjs मॉड्यूल की require . यह अंत उपयोगकर्ताओं YUIDoc के internals में हुक करने के लिए और जिस तरह से यह काम करता है बदलने की अनुमति देता है. तुम वर्गों विस्तार, उन्हें बढ़ाने कर सकते हैं या सिर्फ फ्लैट परिवर्तन तरीकों के बाहर अपनी आवश्यकताओं सूट करने के लिए.

बेहतर थीम समर्थन

इस रिलीज में हम अंतर्निहित उपयोग Y.Handlebars सहायक के लिए सभी टेम्पलेट पीढ़ी संभाल. हम यह भी ध्यान में विकास को ले लिया जब इस सुविधा का निर्माण. YUIDoc पहले खोज partials के लिए विषय निर्देशिका में बनाया है, तो यह आपके स्थानीय विषय निर्देशिका खोज होगा. यह आप केवल आप अपने विषय में बदलने के लिए और हर आंशिक प्रतिलिपि बनाने के भले ही आप इसे संशोधित नहीं कर रहे हैं नहीं करना चाहते हैं फ़ाइलों को बनाए रखने के लिए अनुमति देता है.

विकास समय पूर्वावलोकन के लिए सर्वर मोड

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

बाहरी मिश्रण डेटा

YUIDoc अब आप अन्य YUIDoc उदाहरण से अपने प्रलेखन प्रदान की गई उत्पादन जोड़ने के लिए अनुमति देता है. उदाहरण के लिए, यदि आपके परियोजना YUI का उपयोग कर रहा है और हमारे कुछ प्रमुख वर्गों के विस्तार, तो आप हमारे निर्यात करने के लिए लिंक कर सकते हैं data.json फ़ाइल (हमारे YUIDoc निर्माण से) और जब YUIDoc अपने दस्तावेज़ों को डेसिमल यह हमारे डेटा और पार से लिंक मिलेगी के सभी आपके विस्तारित हमारे वापस वर्गों. इस तरह आप अन्य परियोजनाओं कोड दस्तावेज नहीं है, तो आप बस अपने डॉक्स कहना है जैसे कि यह तुम्हारा हिस्सा था.

परियोजना परिवर्तन

GitHub पर सभी भविष्य YUIDoc विकास पूरी तरह से आयोजित किया जाएगा. हम उनके विकी पर परियोजना ट्रैकिंग जाएगा और उनके मुद्दों का उपयोग करने के लिए हमारे टिकट का प्रबंधन. यह एक देशी Node.js परियोजना की तरह चलाया जाएगा पूरी तरह से खुले में. हम भी समर्थन अनुरोधों के लिए एक Google समूह का उपयोग किया जाएगा, तो आज साइन अप !

हम यह भी रिपोर्ट है कि है YUIDoc इकाई परीक्षण पर होस्ट कर रहे हैं खुश ट्रैविस CI और GitHub धक्का प्रति चलेंगे!

• स्रोत
• दस्तावेज़ीकरण
• एपीआई डॉक्स
• Google समूह
• ट्रैविस - सीआई

YUIDoc के पुराने संस्करण के बारे में क्या?

पुराने YUIDoc के लिए अजगर स्रोत शाखा वर्तमान GitHub रेपो पर जहां यह indefinately रहेगा. वहाँ किसी भी पुल अनुरोधों को स्वीकार करने या उस कोड के आधार पर किसी भी अद्यतन करने पर कोई योजना बना रहे हैं.

बातचीत खोजें: Bloglines | technorati

साझा करें और विस्तार: del.icio.us साथ पसंद | digg यह! | reddit!

YUI: ओपन घंटे गुरु मई 10

3.5.0 अपलोडर YUI

अपलोडर एक और घटक है कि 3.5.0 में एक प्रमुख उन्नयन देखा था. कई बदलाव, एक बड़ा एक HTML5 समर्थन ब्राउज़रों में देशी सुविधाओं के लिए समर्थन के अलावा था.

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

समय और विवरण

हम गुरुवार को 10:00 से 11:00 पीडीटी ऑनलाइन हो जाएगा.

इस हफ्ते, हम बाहर की कोशिश कर रहा हूँ पर एयर गूगल प्लस हैंगआउट, तो ऑडियो और वीडियो फ़ीड + जी के माध्यम से होगा, और हम में चैट की निगरानी # Freenode पर yui आईआरसी चैनल हो जाएगा .

रिकॉर्डिंग देखें

बातचीत खोजें: Bloglines | technorati

साझा करें और विस्तार: del.icio.us साथ पसंद | digg यह! | reddit!

3.5.1 YUI की घोषणा

हम पर YUI 3.5.1 की उपलब्धता की घोषणा की कृपा कर रहे हैं CDN या के रूप में Download . 3.5.1 YUI एक छोटे scoped रिलीज बग फिक्स ही है .

आनंद लें!

बातचीत खोजें: Bloglines | technorati

साझा करें और विस्तार: del.icio.us साथ पसंद | digg यह! | reddit!

एक DataTable में प्रदर्शित नियंत्रण: एक अवलोकन

हाल ही में, वहाँ एक DataTable में इनपुट फ़ील्ड का उपयोग कर के बारे में मंचों में एक सवाल था. चल रही ब्राउज़र में कभी अधिक जटिल अनुप्रयोगों का निर्माण धक्का के साथ, मैंने फैसला किया कि तालिका डेटा संपादन के लिए उपलब्ध विकल्पों में से एक सिंहावलोकन उपयोगी हो सकता है.

सबसे सीधा रास्ता करने के लिए डेटा को संपादित इनलाइन संपादन का उपयोग करने के लिए होगा, लेकिन यह अभी तक के YUI 3 DataTable में उपलब्ध नहीं है. मतलब समय में, एक विकल्प के लिए सीधे तालिका कक्षों, करने के लिए इसी तरह की में अपने खुद के इनपुट क्षेत्र का रोल है इस उदाहरण है .

यदि आप जब ऐसा होता है प्रत्येक परिवर्तन को बचाने के लिए नहीं चाहते, तो आप इस्तेमाल कर सकते हैं QuickEdit गैलरी मॉड्यूल के बजाय. यह आप सभी दृश्यमान कक्षों को संपादित करने और तब एक ही आपरेशन में परिवर्तनों को सहेजने की सुविधा देता है.

ऊपर समाधान मॉडल हैं. यदि आप सभी कोशिकाओं को संपादित करने के लिए एक गैर - मॉडल पसंद करते हैं, आप इस्तेमाल कर सकते हैं थोक संपादक विजेट. इस पृष्ठ पर अंक लगाना के साथ काम करता है, तो आप एक ही आपरेशन में अपनी मेज की सभी पृष्ठों में परिवर्तन सहेज सकते हैं. यह भी मदद से आप आसानी से जोड़ और पंक्तियों को हटा दें और तब भी जब आप एक दूरस्थ डेटास्रोत का उपयोग कर रहे हैं!

संपादक थोक YUI DataTable के शीर्ष पर नहीं बनाया है, लेकिन है. यदि आप YUI DataTable से अन्य सुविधाओं की जरूरत है, आप इस्तेमाल कर सकते हैं राज्य संरक्षण प्लगइन YUI 3 DataTable के लिए. इस पृष्ठ पर अंक लगाना के साथ भी काम करता है, तो आप एक ही आपरेशन में सभी पृष्ठों पर सभी मूल्यों को बचा सकता है, लेकिन यह आप आसानी से जोड़ सकते हैं या पंक्तियों को हटाने के लिए डिज़ाइन नहीं किया गया है.

राज्य संरक्षण प्लगइन भी उपयोगी है अगर आप एक तालिका में पंक्तियों का चयन करने के लिए जांचपेटी प्रदर्शित की तरह कुछ सरल करना चाहते हैं.

इन सभी अलग अलग समाधान के लिए कारण है कि व्यापार-offs इंजीनियरिंग काफी जटिल हैं, तो यह एक एक पानी के नल के समाधान का निर्माण करने के लिए सब से ऊपर सुविधाओं का समर्थन करने के लिए उचित नहीं है. उम्मीद है, इस अवलोकन में मदद मिलेगी आप अपने अगले बड़ी तालिका के आधार पर आवेदन से निपटने के लिए उपयुक्त मॉड्यूल का चयन करें.

के बारे में लेखक: जॉन Lindal ( @ jafl5272 चहचहाना पर) नेतृत्व जिस पर नींव का निर्माण करने के लिए इंजीनियरों में से एक है याहू! एपीटी बनाया गया है. पहले, वह याहू प्रकाशक नेटवर्क पर काम किया.

बातचीत खोजें: Bloglines | technorati

साझा करें और विस्तार: del.icio.us साथ पसंद | digg यह! | reddit!