[अनुवाद] एक आधुनिक वेब डेवलपर, या 6 चीजें जिन्हें जीवित रहने के लिए आपको जानना आवश्यक है

यह लेख वेब विकास की दुनिया में हुए परिवर्तनों के बारे में है। मैं बड़ी संख्या में ऐसे वेब डेवलपर्स देखता हूं जो सचमुच पुरानी प्रौद्योगिकियों में फंस गए हैं, विशेष रूप से .NET दुनिया में। यदि आपने अभी तक अपने कौशल में सुधार करने और बदलते रुझानों के अनुकूल होने की शुरुआत नहीं की है, तो आपको आज से शुरू करना चाहिए।


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

1 - कोड की गुणवत्ता में सुधार (जावास्क्रिप्ट और सीएसएस)

यदि आप सक्षम HTML और CSS नहीं लिखते हैं, तो आप जीवित नहीं रहेंगे।

• सभी कोर जावास्क्रिप्ट सुविधाओं को जानें।
• फिर भाषा की उन्नत सुविधाओं के लिए आगे बढ़ें
• जैसे ही आप शुद्ध जेएस में आत्मविश्वास महसूस करते हैं, उच्च स्तर की अमूर्त भाषाओं से परिचित हो जाते हैं, जैसे कि कॉफीस्क्रिप्ट या टाइपस्क्रिप्ट । आवश्यक जावास्क्रिप्ट पुस्तकालयों के उपयोग में सुधार, यहाँ न्यूनतम आवश्यक की एक सूची है:
• JQuery - आपने इसे बहुत पहले सीखा था, है ना?
• आवश्यकताएँ .js - जावास्क्रिप्ट फ़ाइल और मॉड्यूल डाउनलोडर।
• Underscore.js - उपयोगिताओं का एक बड़ा पुस्तकालय
• modernizr HTML / CSS क्षमताओं का समर्थन करने के लिए एक ब्राउज़र है।
• history.js - HTML इतिहास API का अनुकरण करें, ब्राउज़र इतिहास के साथ काम करें।

और यहाँ थोड़ा अधिक है:

• उपयोगी जावास्क्रिप्ट लाइब्रेरी और jQuery प्लगइन्स
• क्रॉकफोर्ड का जावास्क्रिप्ट संसाधन
• टाइपस्क्रिप्ट की कोशिश करें, खासकर यदि आप अक्सर अपने काम में Microsoft .NET का उपयोग करते हैं।
• CSS के लिए, SASS या कम एक्सटेंशन देखें, CSS3 तकनीकों पर जाएं , और विभिन्न ब्राउज़रों के लिए CSS3 के समर्थन पर नज़र रखें। उत्तरदायी डिजाइन की अवधारणाओं को समझें और मीडिया प्रश्नों का उपयोग करना शुरू करें।

2 - उत्तरदायी डिजाइन बनाएं

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

उत्तरदायी वेब डिज़ाइन (RWD) वेब डिज़ाइन के लिए एक दृष्टिकोण है जब एक साइट को इष्टतम रूप प्रदान करने के लिए डिज़ाइन किया गया है - ज़ूम का उपयोग किए बिना पढ़ने और नेविगेट करने में आसान, डिवाइस को घुमाएं, और स्क्रॉल करें - उपकरणों की एक विस्तृत श्रृंखला के लिए (मॉनिटर से मोबाइल उपकरणों के लिए)

व्यक्तिगत रूप से, मैं ट्विटर बूटस्ट्रैप और ज़र्ब के फाउंडेशन का उपयोग करता हूं। मैं बूटस्ट्रैप के साथ बहुत लंबे समय से काम कर रहा हूं, और फाउंडेशन चिप्स द्वारा सुखद आश्चर्यचकित हूं।

अनिवार्य पढ़ने:

• एथन मार्कोटे द्वारा उत्तरदायी वेब डिज़ाइन
• उत्तरदायी सीएसएस फ्रेमवर्क की तुलना

3 - सबसे उपयोगी जावास्क्रिप्ट MVC फ्रेमवर्क का अन्वेषण करें

एक प्रथम श्रेणी के जावास्क्रिप्ट डेवलपर बनें। क्लाइंट के लिए कई जावास्क्रिप्ट MVC फ्रेमवर्क हैं, लेकिन कम से कम 5 सीखें (हाँ, कम से कम 5)। मैंने आपके लिए एक स्टार्टर किट संकलित की है।

• Backbone.js
• AngularJS
• Spine.js
• नॉकआउटJS (MVVM)
• Ember.js
• YUI

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

4 - REST और HTTP को समझें

आपको यह समझना होगा कि वेब सेवाएँ कैसे काम करती हैं और साइट के सर्वर साइड को बनाने और प्रबंधित करने में कुशल हैं। उदाहरण के लिए, Node.js. का उपयोग करें यदि आप .NET का उपयोग कर रहे हैं, तो वेब एपीआई के साथ शुरू करें। इसके अलावा, समझें कि REST कैसे काम करता है। हाइपरमीडिया सीखने के लिए समय निकालें। सिद्धांत पर ध्यान न दें, कुछ उदाहरणों का पालन करें। और फिर, उपरोक्त उल्लिखित MVC फ्रेमवर्क में से एक के साथ REST वेब सेवाओं के अपने ज्ञान को संयोजित करें, और इन तकनीकों का उपयोग करके किसी प्रकार का प्रोजेक्ट बनाएं। सही HTTP अनुरोधों का उपयोग करें।

अनिवार्य पढ़ने:

• WOA यहाँ रहने के लिए है
• रिचर्डसन परिपक्वता मॉडल - मार्टिन फॉलर द्वारा लेख
• रीस्ट इन प्रैक्टिस
• हाइपरमीडिया और फॉर्म

ये लेख शुरू करने के लिए एक अच्छी जगह है। इसके अलावा, रेडीमेड कार्यान्वयन जैसे कि मेट्योर, सिग्नलआर पर ध्यान दें।

5 - भविष्य HTML5 है

HTML5 मानक बहुत गतिशील है, लेकिन पहले से ही बहुत कुछ स्वीकृत हो चुका है। साइटों के विकास के साथ, एचटीएमएल 5 कई कंटेनर (जैसे फोनगैप, आदि) प्रदान करता है जो आपको अपने अनुप्रयोगों को एक ब्राउज़र में पैक करने की अनुमति देता है - मोबाइल उपकरणों के लिए कंटेनर (तथाकथित हाइब्रिड अनुप्रयोग), सामान्य वितरण चैनलों के माध्यम से मूल अनुप्रयोगों के रूप में वितरण के लिए।

HTML5 वेब पर सामग्री को संरचित और प्रस्तुत करने के लिए एक मार्कअप भाषा है और इंटरनेट की मुख्य तकनीक है। यह HTML मानक का पाँचवाँ संशोधन है (1990 में बनाया गया और 1997 में HTML4 के रूप में मानकीकृत) और नवंबर 2012 तक विकास के अधीन है। मुख्य लक्ष्य कोड की मानव पठनीयता को बनाए रखते हुए आधुनिक मीडिया सामग्री के लिए समर्थन जोड़कर भाषा में सुधार करना है और कंप्यूटर द्वारा पहचाने जाने योग्य है। अन्य डिवाइस (वेब ​​ब्राउज़र, पार्सर आदि)।

कई अच्छे HTML5 लेख हैं:

• नेट्ट्स वॉकथ्रू विथ उदाहरण
• आधुनिक डिजाइन के दर्शन को समझने के लिए स्मैशिंग मैगज़ीन आर्टिकल एक बेहतरीन शुरुआत है।
• शीर्ष 25 HTML5 सुविधाएँ

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

• HTML5 सुविधाओं का उपयोग करने के कुछ उदाहरण
• Html5please या CanIUse जैसी किसी चीज़ का उपयोग करें, वे मानक में नवीनतम परिवर्तनों से अवगत होने में आपकी मदद करेंगे जिनका उपयोग आप अपने डिज़ाइन को बेहतर बनाने के लिए कर सकते हैं।
• इसके अलावा, देखें कि बड़े बाजार के खिलाड़ी क्रॉस-प्लेटफॉर्म हाइब्रिड अनुप्रयोगों के निर्माण के लिए एक मंच के रूप में एचटीएमएल 5 का उपयोग कैसे करते हैं - न केवल वेब के लिए, बल्कि डेस्कटॉप और मोबाइल उपकरणों के लिए भी।
• Google Chrome पैकेज्ड एप्लिकेशन
• फ़ायरफ़ॉक्स ओएस

6 - ऑप्टिमाइज़ करें

विकास के दौरान और इसके अंत में आप जो कुछ भी करते हैं उसका अनुकूलन करें।

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

खैर यह सब, मैं सुझावों के साथ समाप्त हुआ। आप पढ़ने के लिए बैठ सकते हैं, और सुधार करना शुरू कर सकते हैं, मैं आपकी सफलता की कामना करता हूं।

वेब डेवलपर्स के लिए अनूप मधुसूदन का बदलते समय - 6 टिप्स आपको जीवित रहने के लिए पढ़ना चाहिए