आधुनिक, भारी जावास्क्रिप्ट विकास के लिए अच्छे संसाधन और उपकरण? [बन्द है]


22

मैं कुछ परियोजनाओं को करने में दिलचस्पी रखता हूं जिनमें जावास्क्रिप्ट का भारी उपयोग होता है। नाममात्र HTML5 आधारित कैनवास गेम, संभवतः नोड.जेएस का भी उपयोग कर रहे हैं। मैं जावास्क्रिप्ट के लिए आधुनिक सर्वोत्तम प्रथाओं, उपकरणों और संसाधनों को सीखने में रुचि रखता हूं।

जावास्क्रिप्ट अनुसंधान के लिए कठिन है क्योंकि आप अंत में बहुत पुरानी सामग्री के माध्यम से लुप्त होती हैं, उस समय से यह कहते हुए कि "जावास्क्रिप्ट" एक चार अक्षर का शब्द था।

यदि आप जावास्क्रिप्ट प्रोग्रामिंग में बहुत अधिक शामिल हैं ...

  • आप किस टेक्स्ट एडिटर या आईडीई का उपयोग करते हैं?
  • आप किस इकाई परीक्षण ढांचे का उपयोग करते हैं?
  • आप सेलेनियम का उपयोग करते हैं, या कुछ और?
  • आप अन्य किन उपकरणों का उपयोग करते हैं?
  • क्या समुदाय मौजूद हैं जो हाल ही में जावास्क्रिप्ट में चर्चा करते हैं?
  • आप किन पुस्तकों को पढ़ते / संदर्भित करते हैं?
  • आप कौन से ब्लॉग पढ़ते हैं?


कुछ महान ब्लॉग जो मैंने पढ़े: dailyjs.com - JS अखाड़े में नई लाइब्रेरी और फ्रेमवर्क के बारे में कुछ बेहतरीन पोस्ट Node.js. पर भारी फोकस के साथ। perfectionkills.com - बहुत बार अद्यतन नहीं किया गया लेकिन जब कंगैक्स एक लेख लिखता है, तो वह वास्तव में गहराई में चला जाता है, आपको एहसास होगा कि आपको कितना जेएस नहीं पता है।
मैट मोलनार

एडोब ब्रैकेट्स वेब एडिटर: github.com/adobe/brackets - क्रोमियम एम्बेडेड फ्रेमवर्क का उपयोग करते हुए ज्यादातर जावास्क्रिप्ट में लिखा जाता है। इसके अलावा एक दिलचस्प लेख है कि उन्होंने कैसे उस ब्रैकेट संपादक का निर्माण किया (टूल के बारे में बात करते हुए, फ्रेमवर्क का उपयोग किया गया): ec2-174-129-28-157.compute-1.amazonaws.com/2012/06/26/…
Czarek TomczA

वाह यह सवाल एक अद्यतन का उपयोग कर सकता है।
एरिक रेपेन

जवाबों:


19

मेरी सूची होगी:

जैसे ही वे अलमारियों (आमतौर पर) से टकराते हैं, किताबें पुरानी हो जाती हैं।


7
उस पर मैं संदर्भ अनुभाग में मोज़िला डॉक्टर केंद्र भी जोड़ूंगा
ट्रेज़ॉयड

2
+1, यह मेरी सूची से बहुत अधिक है, लेकिन मैं YUI कंप्रेसर (या Google के क्लोजर कंपाइलर) भी जोड़ूंगा।
डेमियन ब्रेख्त

पेजपीड "प्रोफाइल डिफरेबल जावास्क्रिप्ट" विकल्प के लिए भी एक अच्छा है। जेएस कोडिंग उपकरण कड़ाई से नहीं, लेकिन फिर भी बहुत उपयोगी है।
एड जेम्स

2
@ आरडीएल - जो, अगर कोई जावास्क्रिप्ट प्लग-इन विम के लिए उपयोग करते हैं?
माइक एच

मुझे लगता है कि कोई इकाई परीक्षण उपकरण / रूपरेखा की सिफारिश नहीं की गई है, यहाँ तक कि अत्यधिक
उत्थान

9

आप किस टेक्स्ट एडिटर या आईडीई का उपयोग करते हैं?

सभी के पास संपूर्ण वेब ऐप विकास सुविधाओं (जावास्क्रिप्ट, HTML, सीएसएस आदि) के लिए समर्थन है। अगर आप फ्रीवेयर सॉल्यूशन की तलाश में हैं तो अप्टाना को चुनें।

आप किस इकाई परीक्षण ढांचे का उपयोग करते हैं?

  • सेलेनियम

    1. मल्टी ब्राउजर सुपरओर्ट [IE, Firefox, Chrome, Safari, Opera और Konqueror] कई प्लेटफार्मों [विंडोज, लिनक्स, Macintosh आदि] पर है।
    2. परीक्षण मामलों को लिखने के लिए कई प्रोग्रामिंग भाषाओं का समर्थन [HTML, Java, C #, Perl, PHP, Python, Ruby आदि]।
    3. दूरस्थ निष्पादन (परीक्षण के मामले एक मशीन पर रहते हैं और ब्राउज़र पर निष्पादन एक अलग मशीन में हो सकता है)।
    4. आप ब्राउज़र कम से कम मोड में भी प्रतिगमन चला सकते हैं

आप अन्य किन उपकरणों का उपयोग करते हैं?

  • फायरबग, IE देव टूल बार आदि, डीबगिंग के लिए ब्राउज़र इन-बिल्ट टूल
  • त्वरित विकास के लिए आप कुछ यूआई लाइब्रेरी फ्रेमवर्क जैसे JQuery, YUI, ExtJS आदि का उपयोग कर सकते हैं।
  • HTTP अनुरोध और प्रतिक्रियाओं को डीबग करने के लिए फ़िडलर / HTTP वॉच।
  • JSLint कुछ जावास्क्रिप्ट वाक्यविन्यास मुद्दों को सत्यापित करने के लिए।
  • HTML, CSS और Javascript कोड के संशोधन के लिए YUICompressor।
  • डायनाट्रेस / YSlow / पृष्ठ गति - प्रदर्शन परीक्षण के लिए
  • स्मृति लीक का पता लगाने के लिए sIEve
  • विभिन्न IE संस्करणों पर अपने आवेदन के परीक्षण के लिए IE परीक्षक।

आप किन पुस्तकों को पढ़ते / संदर्भित करते हैं?

अधिक


1
सेलेनियम एक एकीकरण परीक्षण उपकरण है, न कि इकाई परीक्षण! इसके बाकी हिस्से पर मेरी राय में बहुत अधिक जगह है: D
एड जेम्स

1
jQuery UI से बहुत अधिक के लिए एक पुस्तकालय है, jQueryUI एक पूरी तरह से अलग पुस्तकालय है।
स्टुपरयूजर

@StuperUser झूठ है। jQuery डोम हेरफेर के लिए एक पुस्तकालय है, और कुछ भी इसे एक बड़े हथौड़ा और "गोल्डन टूल के रूप में उपयोग कर रहा है जो सभी समस्याओं को हल करता है"
रेयनोस

@Raynos, jQuery एक बड़ा हथौड़ा है जब इसका उपयोग DOM हेरफेर के लिए किया जाता है जब जावास्क्रिप्ट करेगा। यह निश्चित रूप से रामबाण के रूप में अपनी प्रतिष्ठा के लिए मेमे-योग्य स्थिति प्राप्त करता है। जैसा कि हम दोनों ने कहा है, इसे "यूआई लाइब्रेरी" कहना गलत है।
स्टुपरयूज़र

@StuperUser: मुझे लगता है कि वह वास्तव में jQuery यूआई का मतलब है
रेयान

6

मुझे अभी भी लगता है कि गंभीर जावास्क्रिप्ट विकास के लिए उपलब्ध उपकरण उस तरह से पीछे हैं जहां उन्हें होना चाहिए, लेकिन यहां कुछ ऐसे हैं जो मैं उपयोग करता हूं।

  • विकास के लिए मैं वीआईएम का उपयोग करता हूं, लेकिन आप एक कोशिश के लायक नेटबीन्स पा सकते हैं।
  • यूनिट टेस्टिंग के लिए चमेली अच्छी है लेकिन परफेक्ट नहीं।
  • एनवीजे आपको कमांड लाइन पर अपनी इकाई परीक्षण चलाने का एक अच्छा तरीका दे सकता है
  • मैं सेलेनियम 2 के वेबड्राइवर भाग की अत्यधिक अनुशंसा करता हूं
  • पूर्ण गूगल क्लोजर सुइट बहुत उपयोगी है
  • मैं आपको यह भी सलाह देता हूं कि साइड फायरबग के साथ डिबगिंग के लिए Google क्रोम और IE का उपयोग कैसे करें, क्योंकि इन सभी में उनके आइडिओसिंक हैं जो आपको सभी प्रकार के नेत्रहीन गलियों को भेज सकते हैं।
  • जावास्क्रिप्ट के लिए कुछ उत्कृष्ट पुस्तकालय हैं जो गंभीर विकास के लिए बहुत आवश्यक हैं। मैं आपको jQuery से शुरू करने की सलाह दूंगा लेकिन बहुत सारे ऐसे हैं जो अच्छे हैं।
  • jQuery के लेखक जॉन रेजिग का एक उपयोगी ब्लॉग भी है

जैसा कि मैंने अभी-अभी आरडीएल के लिए प्रस्तुत किया है, वही प्रश्न: (यदि कोई हो) प्लग-इन आप जावास्क्रिप्ट के लिए उपयोग करते हैं?
माइक एच।

@ मैं vim के लिए किसी भी जावास्क्रिप्ट विशिष्ट प्लगइन्स का उपयोग नहीं करते हैं। मैं jsctags की सिफारिश करूंगा जो ctags का उपयोग करने वाले किसी भी प्लगइन्स के साथ एकीकृत होगा जैसे टैगलिस्ट-प्लस
डंकन ग्रांट

5

ठीक है ... हालांकि अभी तक पूरी तरह से, मैं वर्तमान में एक नए क्रॉस-प्लेटफ़ॉर्म ओपन सोर्स प्रोजेक्ट के लिए मुख्य डेवलपर हूं:

जेएस स्टूडियो

यहाँ एक स्क्रीनशॉट है:

कुछ सुविधाएँ दूसरों की तुलना में अधिक पूर्ण हैं ... लेकिन यहाँ इच्छित लक्ष्य हैं:

  • सिंटेक्स हाइलाइटिंग (बहुत अधिक पूर्ण)
  • परियोजना संगठन (आंशिक रूप से लागू)
  • स्वतः पूर्ण (jQuery जैसे सामान्य जेएस फ्रेमवर्क के लिए पूरा होने सहित)
  • बिल्ड सिस्टम (फाइल, मिनिमाइजेशन आदि के संयोजन के लिए)
  • एक्स्टेंसिबल जीयूआई (जावास्क्रिप्ट एक्सटेंशन के माध्यम से)
  • वाक्यविन्यास हाइलाइटिंग के लिए लाइन नंबरिंग (पूर्ण प्रकार), वर्ड-रैप, विन्यास योग्य रंग

मैंने विंडोज के लिए दैनिक बिल्ड अप सेट किया है और आप यहां सबसे हाल का निर्माण पा सकते हैं: http://files.quickmediasolutions.com/jsstudio/


यह दिलचस्प लग रहा है। मैं एक अच्छे JavaScript IDE की तलाश में हूँ। क्या कोई बाइनरी है जिसे डाउनलोड किया जा सकता है? मैंने वेब पेज पर कोई नहीं देखा।
जोनास

@ जोनास: दुर्भाग्य से, इस प्रारंभिक चरण में, केवल उबंटू के लिए एक बाइनरी है। लेकिन उम्मीद है कि मेरे पास सड़क के नीचे एक विंडोज बाइनरी बनाने का समय होगा।
नाथन उस्मान

@ जोनास: बहुत जल्दी विंडोज का निर्माण यहां होता है - कुछ चीजें अभी तक काम नहीं करती हैं, लेकिन आप कम से कम फाइलों / कुछ अन्य चीजों को खोल / सहेज सकते हैं।
नाथन उस्मान

इस मोर्चे पर कोई नया घटनाक्रम?
नॉक्टिस

@ नोक्टिस: दुख की बात है, नहीं। मैं कोड पूरा करने के लिए कुछ जटिलताओं में भाग गया और परियोजना पिछले साल या दो के लिए अनिवार्य रूप से बेकार हो गई है।
नाथन उस्मान

4

श्रेणी 'अन्य उपकरण' में, मैं कॉफीस्क्रिप्ट (जावास्क्रिप्ट के लिए संकलित एक भाषा) का उपयोग करता हूं , क्योंकि यह मुझ पर दर्द जावास्क्रिप्ट जावास्क्रिप्ट वाक्यविन्यास को दूर ले जाता है।

list.sort (a, b) -> a.isSmaller(b)

बनाम

list.sort(function(a, b) { return a.isSmaller(b) });

एक तर्क दे सकता है, तकनीकी रूप से यह जावास्क्रिप्ट नहीं है, लेकिन कॉफ़ीस्क्रिप्ट की "भावना" है, कि यह सिर्फ एक पतली परत है।


3

JQuery लाइब्रेरी के लिए एपीआई http://api.jquery.com/ और jQuery इन एक्शन की एक अच्छी तरह से अंकित की गई कॉपी । इसे कवर करने के लिए कवर पढ़ें और फिर नए रिलीज़ में अपडेट प्राप्त करने के लिए http://twitter.com/jquery का अनुसरण करें ।

आपने कहा है कि पुस्तकें पुरानी हो जाती हैं, लेकिन आपको आधारभूत स्तर के ज्ञान को प्राप्त करने की आवश्यकता होगी, फिर एक बार गति करने के लिए, अद्यतित रहें।

यूनिट टेस्टिंग और फायरबग के लिए क्यूनिट और डीबगिंग के लिए फायरबग के लिए एक जावास्क्रिप्ट सिंटैक्स हाइलाइट करें


2

क्या समुदाय मौजूद हैं जो हाल ही में जावास्क्रिप्ट में चर्चा करते हैं?

अधिकांश चीजों को कवर किया गया है लेकिन किसी का उल्लेख नहीं किया गया है


0

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

जरूरत पड़ने पर आप कच्चे जावास्क्रिप्ट में भी जा सकते हैं।

आपका कोड तब अनुकूलित, छोटा जेएस में संकलित हो जाता है। मैंने इस दृष्टिकोण का सफलतापूर्वक नोड.जेएस-जैसे डोमलेस जेएस वातावरण में उपयोग किया है।

HTML5 गेम के लिए, PlayN की जाँच करें जो कि एक पुस्तकालय है जो ठीक उसी के लिए GWT का उपयोग करता है।


यदि आप किसी भी तरह से जावास्क्रिप्ट को किसी अन्य भाषा में संकलित करने जा रहे हैं, तो बहुत सारे विकल्प हैं - आपको जावा का उपयोग करने की आवश्यकता नहीं है! उदाहरण के लिए, हम कार्यस्थल पर js_of_ocaml का उपयोग कर रहे हैं ताकि हम OCaml में अपना कोड लिख सकें और इसे ब्राउज़र पर चला सकें।
तिखन जेल्विस

0

मैं बहुत से जावास्क्रिप्ट विकास करता हूं। इनमें से बहुत सारे का उल्लेख किया गया है, लेकिन यहां मैं इसका उपयोग करता हूं:

  • Notepad ++
  • Firebug
  • IE डिबगर (F12) और Chrome डीबगर (Windows पर F12)
  • मैं मुख्य रूप से प्रश्नों के लिए स्टैक ओवरफ्लो का उपयोग करता हूं । यहां आना मददगार भी साबित हुआ है।
  • पहली किताब जो मैंने प्रयोग की थी, वह थी जावास्क्रिप्ट: द डेफिनिटिव गाइड वे थे जब वापस। वर्तमान में मैं पुस्तकों का उपयोग उतना नहीं करता जितना मैं एमडीएन या एमएसडीएन डॉक्स जैसी साइटों का उपयोग करता हूं ।
  • हम कुछ jQuery का उपयोग उन स्थानों पर करते हैं जहाँ यह हमारे जीवन को आसान बनाता है।
  • यूनिट टेस्टिंग के लिए हम अपने टेस्ट हार्नेस का निर्माण करते हैं।

0

मैं जावास्क्रिप्ट साप्ताहिक समाचार पत्र की सिफारिश कर सकता हूं । आईटी इस

जावास्क्रिप्ट समाचार और लेखों का एक मुक्त, एक बार साप्ताहिक ई-मेल राउंड-अप।

मैंने जॉन रेसिग की किताबें नहीं पढ़ी हैं, लेकिन मैंने अच्छी प्रतिक्रिया सुनी और पढ़ी है। उनकी नई पुस्तक सीक्रेट्स ऑफ़ द जावास्क्रिप्ट निंजा जल्द ही प्रकाशित होगी।


क्या कोई नीच को समझा सकता है?
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.