5 एपीआई जो 2013 में वेब को बदल देंगे

यह वेब के विकास को देखने के लिए अविश्वसनीय रूप से रोमांचक है, और 2013 हमें स्टॉक में बहुत कुछ लाएगा। कई प्रौद्योगिकियां आ रही हैं जो 2013 के दौरान वेब के उपयोग और विकास के हमारे तरीकों को मौलिक रूप से बदलने की क्षमता रखती हैं।

कस्टम सीएसएस फ़िल्टर

सीएसएस फिल्टर क्रोम और सफारी में पहले से ही उपलब्ध हैं, और उन्नत शैली सेटिंग्स जैसे धुंधला, ताना, और रंग की तीव्रता को संशोधित करने की अनुमति देते हैं। हालाँकि, यह केवल शुरुआत है। कस्टम सीएसएस फ़िल्टर आपको GLSL में अपनी स्वयं की वर्टेक्स और पिक्सेल शेड्स का वर्णन करते हैं, जो एक ऐसी भाषा है जो 10 साल या तो पारंपरिक 3 डी रेंडरिंग का एक अभिन्न अंग रही है।

व्यवहार में, इसका मतलब है कि आप अविश्वसनीय प्रभाव बना सकते हैं। सीएसएस संक्रमणों के साथ फिल्टर को जोड़कर, आप पृष्ठ पर स्क्रॉल से लेकर तह तत्वों तक सुंदर बदलाव कर सकते हैं। सीमा केवल आपकी कल्पना है!

तो आप उनका उपयोग कब कर सकते हैं? Adobe ने इस तकनीक का बीड़ा उठाया है और क्रोम में कस्टम फ़िल्टर पहले से ही उपलब्ध हैं। अगले साल की शुरुआत में इसे क्रोम में देखने की उम्मीद है। फिलहाल आप कैनरी में उनके साथ खेल सकते हैं ।

स्वतः पूर्ण एपीआई

इस एपीआई में ऑनलाइन पंजीकरण और भुगतान को मौलिक रूप से बदलने की क्षमता है। स्वतः-पूर्णता को फ़ॉर्म भरना आसान बनाने के लिए डिज़ाइन किया गया है, और यहां तक ​​कि अब यह भी सुझाव दिया गया है कि फॉर्म में फ़ील्ड किस प्रकार के डेटा से संबद्ध हैं।

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

Chrome टीम ने इस विचार पर काम किया, और अक्टूबर में एक प्रस्ताव और WebKit इंजन के लिए एक पैच प्रस्तुत किया गया । यह अविश्वसनीय रूप से रोमांचक है और मोज़िला व्यक्ति के साथ मिलकर, ऑनलाइन पंजीकरण और भुगतान में क्रांतिकारी बदलाव ला सकता है।

तो आप इसे पब्लिक डोमेन में कब देख सकते हैं? ठीक है, जबकि बैकस्टेज काम किया गया है, क्रोम को अभी भी इसके लिए एक एकीकरण इंटरफ़ेस को लागू करने की आवश्यकता है। मुझे लगता है कि यह 2013 के अंत में दिखाई देगा।

Google Chrome ऐप्स

क्या होगा अगर मैं आपको बताता हूं कि Google ने आपके लैपटॉप और मोबाइल फोन सहित आपके सभी उपकरणों के माध्यम से आपके ऑपरेटिंग सिस्टम में घुस गया है। अपने स्वयं के OS को विकसित करके Microsoft और Apple के साथ प्रतिस्पर्धा करने के बजाय, Google मौजूदा OSes के शीर्ष पर अपना मंच बनाने का निर्णय लेता है। इस प्लेटफॉर्म को क्रोम कहा जाता है।

तो पहला कदम वितरण था जिसके माध्यम से 350 मिलियन से अधिक क्रोम उपयोगकर्ता पहुंच गए थे। दूसरा चरण क्रोम के एपीआई का विस्तार था, जिससे डेवलपर्स को ओएस पर अधिक पहुंच प्राप्त करने और नियमित डेस्कटॉप अनुप्रयोगों की आवश्यकता को बदलने की अनुमति मिली।

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

तो क्या पकड़ है? खैर, Chrome Apps अभी सक्रिय उपयोग शुरू करने के लिए तैयार नहीं है, और एपीआई अभी भी विकास के अधीन है। उदाहरण के लिए, कस्टम ड्रैग पैनल बनाना अभी भी एक कठिन काम है। मैं उन्हें उत्पादों को पूरा करने के लिए कुछ महीने और दूंगा।

ECMAScript 6

ECMAScript 6 (ES6), जावास्क्रिप्ट का अगला संस्करण, रोमांचक नए परिवर्धन में से एक है जो भाषा में बदसूरत स्थानों पर कब्जा करता है और साथ ही यह नई सुविधाएँ प्रदान करता है, जैसे कि डिफ़ॉल्ट विकल्प और एक नई संरचना।

कक्षाएं पूर्ण विरासत के साथ एजेंडे पर भी हैं। कॉमनजेएस या एएमडी मॉड्यूल के अनुकरण के बजाय, ईएस 6 उन्हें सर्वोपरि बनाता है, जो पायथन आयात से प्रेरित है।

मैं विशेष रूप से ईएस 6 के एक भाग से प्रसन्न हूं, वह हिस्सा जो अमूर्त के माध्यम से मॉडल नहीं किया जा सकता है, जैसे कि कॉफीस्क्रिप्ट में, एक प्रॉक्सी है। ES6 परदे के पीछे आप रन टाइम में फ़ंक्शन नामों के लिए गतिशील रूप से खोज कर सकते हैं, जिससे Ruby में method_missing जैसी कार्यक्षमता की अनुमति मिलती है। यह, रसीद और स्थापना के साथ संयुक्त, आपको सभी प्रकार के दिलचस्प डीएसएल और एपीआई को शामिल करने की अनुमति देता है।

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

spawn(function*() {

var data = yield $.get(url);

$('#result').html(data);

});

आप फाइबर का उपयोग करते समय रूबी में एक समान एपीआई देख सकते हैं। मेरे लिए व्यक्तिगत रूप से, कॉलबैक MVC नोड ऐप्स में स्रोत कोड लिखते समय एक बड़ी झुंझलाहट बन गया, और मुझे ऐस नामक एक पुस्तकालय का उपयोग करना पड़ा। मुझे बहुत खुशी है कि यह भाषा का मूल निवासी बन रहा है।

वर्तमान में अधिकांश ES6 प्रयोगात्मक जावास्क्रिप्ट के झंडे के नीचे क्रोम में उपलब्ध है। यह 2013 की शुरुआत में रिलीज़ होगी। आप --harmony उपयोग नोड में अभी - --harmony कमांड लाइन --harmony ।

वेब घटक

वेब घटक और शैडो डोम केवल उस तरीके को खोलते हैं जिसमें ब्राउज़र के अंदर प्राकृतिक तत्व बनाए जाते हैं। एपीआई का उपयोग करके, आप शैलियों और व्यवहार सहित अपने स्वयं के HTML तत्वों को परिभाषित कर सकते हैं। मूल HTML तत्वों की तरह, उन्हें एक टैग के रूप में शामिल किया जा सकता है।

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

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

Chrome में प्रयोगात्मक WebKit विशेष ध्वज सेट के अंतर्गत वेब घटक उपलब्ध हैं। अभी के लिए, आप मोज़िला से इन एक्स-टैग पॉलीफ़िल का उपयोग कर सकते हैं।

भविष्य

नए वेब एपीआई की कुछ चर्चाओं के लिए एक आम प्रतिक्रिया यह उजागर करना है कि उनमें से कुछ उपयोग के लिए उपलब्ध होने से पहले कई साल गुजर सकते हैं। मैं भविष्य को लेकर बेहद आशान्वित हूं।

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

भविष्य कितना उज्ज्वल दिखता है इसका कारण यह है कि यह सदाबहार ब्राउज़र है, या ब्राउज़र जो स्वचालित रूप से पृष्ठभूमि में अपडेट होते हैं। लगभग 18 सप्ताह में, Chrome की कैनरी की नई विशेषता को इसके ~ 350 मिलियन उपयोगकर्ताओं को तैनात करने की आवश्यकता है। यह अभिनव कार्यान्वयन की एक अविश्वसनीय रूप से उच्च गति है, और वे पहले से कहीं अधिक तेज हैं।

2013 वेब के लिए एक महान वर्ष होने का वादा करता है!

PS (एक अनुवादक से): ES6 और वेब घटकों के बारे में अंतिम भाग मेरे मस्तिष्क के लिए एक वास्तविक परीक्षा बन गए हैं, और यदि कोई व्यक्ति कुछ वाक्यांशों का अधिक पर्याप्त अनुवाद प्रस्तुत कर सकता है, तो मैं संशोधनों के लिए आभारी रहूंगा। और निष्कर्ष में, मैं आने वाले के साथ 2013 को हम सभी के लिए वास्तव में महान वर्ष बनाना चाहता हूं!