प्रगतिशील वृद्धि क्या है?

जेफ ने स्टैक ओवरफ्लो लिखने के लिए jQuery का उपयोग करने के बारे में बात करते समय 'प्रोग्रेसिव एन्हांसमेंट' की अवधारणा का जिक्र किया।

एक त्वरित Google के बाद, मुझे इसके बारे में कुछ उच्च स्तरीय चर्चाएं मिलीं।

क्या कोई प्रोग्रामर के रूप में शुरू करने के लिए एक अच्छी जगह की सिफारिश कर सकता है।

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

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

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

0
जोड़ा संपादित
विचारों: 1
इसके लिए एक ब्लॉग पोस्ट से लिंक करें: neerajkumar.net/blog/ 2012/08/19 / प्रगतिशील वृद्धि
जोड़ा लेखक Neeraj, स्रोत

8 उत्तर

असल में, यदि आपकी साइट अभी भी जावास्क्रिप्ट के साथ काम करती है, तो जावास्क्रिप्ट के साथ जो कुछ भी आप जोड़ते हैं उसे प्रगतिशील वृद्धि माना जा सकता है।

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

0
जोड़ा

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

पुराने ब्राउज़र (इंटरनेट्स शब्दावली में प्राचीन) जैसे आईई 5.5, नेटस्केप, आदि के साथ काम करने के लिए डिजाइन करते समय यह भी शानदार गिरावट है ...

मेरी राय में आवेदन को गहराई से अपनाने के लिए यह और अधिक काम है। प्रगतिशील रूप से इसे बढ़ाने में अधिक कुशलता होती है; हालांकि, कभी-कभी मौजूदा ऐप लेने और इन कमी वाले वातावरण में इसे सुलभ बनाने की आवश्यकता उत्पन्न होती है।

0
जोड़ा

यह भी देखें अविभाज्य जावास्क्रिप्ट जो बैडॉक प्रगतिशील वृद्धि है।

0
जोड़ा
वहाँ उत्कृष्ट लिंक। किसी कारण से, यह मेरे लिए विकिपीडिया में नहीं हुआ था। :)
जोड़ा लेखक kaybenleroll, स्रोत

जैसा आपने कहा है

मेरे लिए, यह थोड़ा अधिक लगता है, क्योंकि जावास्क्रिप्ट के बिना साइट को देखने से शायद अधिकतर इसे तोड़ दिया जाएगा।

यह प्रगतिशील वृद्धि नहीं है। प्रगतिशील वृद्धि तब होती है जब साइट जावास्क्रिप्ट या सीएसएस के बिना पूरी तरह से काम करती है, और फिर वेबसाइट की उपयोगिता और कार्यक्षमता बढ़ाने के लिए इन अतिरिक्त तकनीकों / कोड को जोड़ना (लेयरिंग)।

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

यह प्रगतिशील वृद्धि है।

0
जोड़ा

प्रगतिशील वृद्धि:

  1. सादा एचटीएमएल / सीएसएस साइट भयानक है ( पूरी तरह से काम कर रहा है और उपयोगकर्ता के अनुकूल )।
  2. जावास्क्रिप्ट जोड़ना कमाल का एक नया स्तर परिभाषित करता है।
0
जोड़ा

प्रोग्रेसिव एन्हांसमेंट एक विकास तकनीक है जो अर्थपूर्ण एचटीएमएल की प्राथमिकता पर जोर देती है, फिर ब्राउज़र के लिए परीक्षण- क्षमता और जावास्क्रिप्ट पर सशर्त रूप से "लेयरिंग" और / या उन एन्हांसमेंट का उपयोग कर ब्राउज़र के लिए सीएसएस एन्हांसमेंट्स पर जोर देती है।

चाबियों में से एक यह समझ रहा है कि ब्राउजर के विपरीत - sniffing के रूप में ब्राउज़र do कर सकता है, इसके लिए हम परीक्षण कर रहे हैं। Modernizr एक बहुत ही लोकप्रिय ब्राउज़र-क्षमता परीक्षण सूट है।

प्रगतिशील-वृद्धि मूल रूप से (धारा 508) सुलभ है; यह कानून की भावना और नियम की भावना को पूरा करने के लिए प्रदान करता है।

फिलामेंट ग्रुप ने विषय पर पुस्तक "उत्कृष्ट" प्रोग्रेसिव एन्हांसमेंट के साथ डिजाइनिंग लिखा है। (मैं फिलामेंट ग्रुप से संबद्ध नहीं हूं, हालांकि वे इतने मज़ेदार स्मार्ट हैं कि मेरी इच्छा है कि मैं हूं।)

0
जोड़ा

मैंने एक ट्यूटोरियल लिखा है एक ऐसा सर्वेक्षण तैयार करना जो NETTUTS पर प्रगतिशील वृद्धि का उपयोग करता है। विचार एक्सएचटीएमएल / सीएसएस और PHP का उपयोग कर एक कार्यात्मक साइट बनाना है, और उसके बाद जावास्क्रिप्ट के साथ फ़ॉर्म आदि को रोकना है। (मैंने jQuery का उपयोग किया)।

0
जोड़ा

यह एक महत्वपूर्ण अवधारणा है और यह मुझे परेशान करता है कि बहुत कम वेब डेवलपर्स इसे समझते हैं।

असल में, सादा ओल्ड एचटीएमएल - संरचनात्मक तत्वों, लिंक और रूपों में साइट / ढांचे का निर्माण करके शुरू करें। फिर कुछ शैली और फिर चमकदार सामान (अजाक्स या आप क्या है) पर जोड़ें।

यह बहुत मुश्किल नहीं है। palehorse की तरह, सुंदर गिरावट अधिक काम है।

वेबसाइटों को किसी भी उपयोगकर्ता एजेंट में काम करना चाहिए, वही नहीं दिखता है (अगर आपकी दृष्टि खराब हो तो भी देखो लेकिन ध्वनि नहीं), बस काम करें।

0
जोड़ा