एक मोहक फ्लेक्स डेवलपर

Question

के लिए एचटीएमएल 5 ढांचे मैं कई वर्षों तक एक फ्लेक्स देव के रूप में काम कर रहा हूं, वास्तव में जटिल ऐप्स बना रहा हूं। हाल के प्रचार के साथ, मुझे एचटीएमएल 5 सीखने में दिलचस्पी है।

मैं फ्लेक्स ढांचे के बारे में क्या पसंद यह एक सुसंगत, सुसंगत, पूरा रिया के निर्माण के लिए ढेर है। मुझे लगता है कि इसमें आउट-ऑफ-द-बॉक्स के घटकों का एक विस्तृत सेट है, और वास्तव में जटिल, बड़े पैमाने पर अनुकूलित & स्किन किए गए घटकों को विस्तारित और निर्माण के लिए एक ढांचा है।

वहाँ इसी तरह के चौखटे एचटीएमएल 5 अंतरिक्ष में बाहर कर रहे हैं?

मैंने जो खोज किया है, उससे मुझे लगता है कि वहाँ बहुत उपयोगी .js स्क्रिप्ट हैं जो निफ्टी घटक, प्रभाव इत्यादि प्रदान करते हैं। हालांकि, मैं परिपक्व और वास्तुशिल्प के साथ ठोस जेएस ढांचे को नहीं ढूंढ पा रहा हूं घटक पुस्तकालय

यह मैं चिंता है कि एक जटिल आवेदन के निर्माण में, मैं पाइपलाइन कोड के बहुत सारे लेखन एक साथ अलग-अलग घटकों तार की हो सकता है।

मुझे पता है कि एचटीएमएल 5 यह प्रारंभिक अवस्था में है, इसलिए यदि कोई आशाजनक चौखटे है कि मैं पर नजर रखने की जानी चाहिए, मैं उन्हें के बारे में जानना चाहते हैं।

आदर्श फ़्रेमवर्क की आवश्यकताएं मेरे खरीदारी की सूची इस प्रकार है होगा:

• (जीवन चक्र की घटनाओं सहित)
• एक्सटेंसिबल
• लेआउट प्रबंधकों डेटा के लिए
• ब्राउज़र नास्तिक
• समर्थन ठोस घटक वास्तुकला बंधन जटिल Skinning
के लिए
• समर्थन सेवाओं परतों की
• अमूर्त & प्रोटोकॉल (यानी।, सोप/JSON/सभी IRemoteService का एक प्रकार एक्सएमएल सेवाएं हैं)

यूआई ढांचे खुद के साथ साथ, क्या चौखटे जावास्क्रिप्ट अंतरिक्ष में

के लिए मौजूद हैं
• एमवीसी आर्किटेक्चर। (फ्लेक्स दुनिया में Parsley, या Maté के समान)
• निर्भरता इंजेक्शन
• इकाई परीक्षण

Answer 1

यदि आप फ्लेक्स देव हैं, तो हो सकता है कि सेन्का फ्रेमवर्क (मेरी कंपनी) के डेस्कटॉप और मोबाइल संस्करण दोनों को जांचने में रुचि हो: डेस्कटॉप ऐप्स के लिए एक्सएस जेएस और मोबाइल/टैबलेट ऐप्स के लिए सेन्चा टच।

एक्सटी जेएस डेस्कटॉप वेब ऐप्स पर केंद्रित है जो आईई 6 पर वापस काम कर सकता है, इसलिए "एचटीएमएल 5" होने के लिए ज्यादा जगह नहीं है, हालांकि हम कहां हैं (हमारी नई चार्टिंग सामग्री कैनवास, एसवीजी या वीएमएल का उपयोग करती है ब्राउज़र के आधार पर यह स्वयं को पाता है)।

सेन्चा टच एंड्रॉइड, आईओएस, ब्लैकबेरी और आईई 9 (?) मोबाइल ब्राउज़र पर केंद्रित है, इसलिए हम सभी CSS3, स्थानीय स्टोरेज इत्यादि का उपयोग करते हैं, जिससे आप एक छड़ी को हिला सकते हैं। यदि आप एक आधुनिक ब्राउज़र की धारणा से शुरू करते समय एक परीक्षण केस की तलाश में हैं तो आप यह कर सकते हैं।

अतिरिक्त जेएस & सेन्चा टच सभी तरह से घटकों के नीचे है। घटक और लेआउट दोनों का सबसे अच्छा अवलोकन this article है जो Ext JS 2 के लिए लिखा गया था, हालांकि घटक जेएस 3 के लिए घटक और लेआउट मॉडल में बहुत कुछ नहीं बदला गया है। लेआउट को Ext JS 4 के लिए एक पुनर्लेखन मिल रहा है - जिसमें इसकी पहली बीटा होगी इस महीने - उन्हें CSS3 फ्लेक्सबॉक्स लेआउट सिस्टम की तरह अधिक बनाने के लिए।

एक्स्टेंसिबिलिटी एक उचित घटक मॉडल होने का विस्तार है। एक्सटी जेएस में उपयोगकर्ता एक्सटेंशन घटकों का एक गुच्छा है जिसे मिश्रित और मिलान किया जा सकता है। बाजार घटक के बाद एक पेशेवर का एक अच्छा उदाहरण Ext Scheduler. है good tutorial on how to create components भी है।

डेटा बाइंडिंग: यूआई घटक स्टोर करने के लिए बाध्य हैं, इसलिए नए यूआई तत्वों को नए डेटा के साथ अपडेट किया जाता है क्योंकि यह बदलता है। यह कैसे काम करता है इसकी भावना प्राप्त करने के लिए आप store API reference पढ़ सकते हैं।

परिसर skinning - लेकिन Ext जे एस 3 और 2 IE6 अनुकूलता आवश्यकताओं के कारण थोड़ा और विषय के लिए शामिल हैं

(आप छवियों उत्पन्न करने के लिए है) - Sencha टच एक excellent theming system जो Ext जे एस 4 में पोर्ट की जा रही है है सेवा परत data proxy, which is extended for JSON, Http, XML etc के साथ सारणीबद्ध हैं।

सेन्चा टच और एक्सएस जेएस 4 में एक (सरल) एमवीसी आर्किटेक्चर है। एक्सएस जेएस 3 और नीचे नहीं है। जो निर्णायक लैब्स से बाहर आया -

यहाँ a good write-up on dependency injection in Ext JS है (लेकिन यह टच सामान्यीकरण चाहिए)

इकाई परीक्षण के लिए, हम जैस्मीन सलाह देते हैं।

एक्सटी जेएस और सेन्चा टच का व्यापक रूप से उपयोग किया जाता है - एक्सटी जेएस ज्यादातर कॉरपोरेट ऐप्स के लिए, लेकिन कई बड़ी कंपनियां इसका उपयोग कर रहे हैं जैसे कि सेलफोर्स, मार्केटो और बाहरी केंद्रित उपयोगकर्ताओं के लिए अधिक। सेन्चा टच में a nice gallery of apps from our latest dev contest है, आपको इसे देखना चाहिए।

आप टूलींग के बारे में परवाह है, तो हम भी एक जीयूआई खींचें और ड्रॉप डिजाइनर और एक CSS3 के एनीमेशन उपकरण (डेवलपर पूर्वावलोकन में बाद)

Answer 2

एचटीएमएल 5 बॉयलरप्लेट आप के लिए दिलचस्प हो सकता है। http://html5boilerplate.com/

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

Answer 3

के साथ कुछ बहुत अच्छा काम करते हैं, मुझे लगता है कि आपको Sencha Framework पसंद हो सकता है जो आप की कुछ चीजों का अनुपालन करते हैं।

Answer 4

Sproutcore एक जावास्क्रिप्ट आवेदन रूपरेखा है। यह एक समृद्ध कुंजी-मूल्य अवलोकन/बाध्यकारी आधारभूत संरचना के साथ पूरी तरह से एमवीसी है जो आपको लिखने के लिए आवश्यक प्लंबिंग कोड की मात्रा को कम करता है, यदि आप इसे सही तरीके से उपयोग करते हैं।यह आपकी अधिकांश आवश्यकताओं का समर्थन करता है:

"ठोस घटक वास्तुकला (जीवन चक्र घटनाओं सहित)" - प्रत्येक दृश्य में जीवन चक्र की घटनाओं का एक समूह होता है।

"एक्स्टेंसिबल" - स्प्राउटकोर मिश्रणों का समर्थन करता है, और इसका अपना 'प्रोटोटाइप विरासत' शास्त्रीय विरासत सामान में परिवर्तित करता है ताकि आपको लगता है कि आप जेएस में कक्षाएं बना रहे हैं।

"लेआउट प्रबंधक" - आप अपने विचारों को बताते हैं, वे कहां हैं, वे कितने बड़े हैं। स्प्लिट व्यूज़ हैं जिन्हें आप आकार बदल सकते हैं, और घोंसला, लेकिन यह एक ऐसा क्षेत्र हो सकता है जहां अनुसूचित जाति आपकी आवश्यकताओं को पूरा नहीं करती है (हालांकि आप आसानी से देखने के माध्यम से दृश्य आकार बदलने को कार्यान्वित कर सकते हैं)

"ब्राउज़र अज्ञेयवादी" - यह सुंदर ब्राउज़र अज्ञेयवादी है , किसी अन्य जेएस ढांचे की तरह होगा।

"डेटा बाध्यकारी के लिए समर्थन" - बहुत व्यापक बाध्यकारी आधारभूत संरचना। यदि आप एक मॉडल फ़ील्ड में दृश्य फ़ील्ड बांधते हैं, तो यह मॉडल अपडेट होने पर अपडेट हो जाएगा।

"जटिल स्किनिंग के लिए समर्थन" - यदि आप डिफ़ॉल्ट थीम पसंद नहीं करते हैं तो किसी अन्य वेब ऐप की तरह सीएसएस के माध्यम से स्किन किया गया है।

"यूनिट परीक्षण" - एससी जगह में एक कुनीट परीक्षण दोहन के साथ आता है। जब आप कक्षा बनाने के लिए एससी कमांड लाइन उपकरण का उपयोग करते हैं (यह एक एम, एक वी, या सी हो) उपकरण आपके लिए एक परीक्षण स्टब बनाता है।

'एचटीएमएल 5' - शुरू करने के लिए एक घबराहट अवधारणा का प्रकार। एससी निश्चित रूप से बिल्ड टूल्स में एचटीएमएल 5 एप मैनिफेस्ट उत्पन्न करने का समर्थन करता है। ब्राउज़र स्थानीय भंडारण में लिखने के लिए ढांचे उपलब्ध हैं। मुझे लगता है कि निकट भविष्य में अधिक एचटीएमएल 5 क्षमताओं ऑनलाइन आ जाएगी।

क्रोम ऐप स्टोर पर एनपीआर ऐप और यह sudoku ऐप दोनों एससी ऐप्स हैं।

Answer 5

मैं तुम्हें रूप में एक ही नाव में हूँ है। मुझे मिले सभी जेएस ढांचे को बहुत सी सीएसएस की आवश्यकता होती है ताकि उन्हें देशी फ्लेक्स के रूप में आधा अच्छा बनाया जा सके। अधिकांश नए जेएस ढांचे पुराने ब्राउज़र पर छोड़ देते हैं।

फंडिंग और ठंडा डेमो दीर्घकालिक जेएस फ्रेमवर्क विजेता उल्का कर सकता है।

मैं AngularJS

की सादगी पसंद है यहाँ कुछ लोकप्रिय वालों

http://blog.stevensanderson.com/2012/08/01/rich-javascript-applications-the-seven-frameworks-throne-of-js-2012/