करीब 15 साल पहिले हम एगो कंपनी में काम करत रहनी जहाँ हमनी के ट्रैवल एजेंट, हवाई अड्डा के मजदूर, आ एयरलाइन कंपनी खातिर ऐप बनवले रहनी जा. हमनी के यूआई घटक आ सिंगल पेज ऐप क्षमता खातिर आपन इन-हाउस फ्रेमवर्क भी बनवनी जा। हमनी के लगे हर चीज खातिर घटक रहे: फील्ड, बटन, टैब, रेंज, डेटाटेबल, मेनू, डेटपिकर, सेलेक्ट, आ मल्टीसेलेक्ट। इहाँ तक कि हमनी के लगे डिव कम्पोनेंट तक रहे। वैसे हमनी के div घटक बहुत बढ़िया रहे, एहसे हमनी के सभ ब्राउजर प गोल कोना करे के मौका मिलत रहे, जवन कि मानी भा मत मानी, ओ समय आसान काम ना रहे।

हमनी के काम हमनी के इतिहास के ओह घरी भइल जब जेएस, अजाक्स, आ डायनामिक एचटीएमएल के एगो अइसन क्रांति के रूप में देखल गइल जवन हमनी के भविष्य में ले आइल. अचानक हमनी के कवनो पन्ना के गतिशील रूप से अपडेट कर सकत रहनी जा, कवनो सर्वर से डेटा ले सकत रहनी जा, आ दोसरा पन्ना पर जाए से बाच सकत रहनी जा, जवना के धीमा देखल जात रहे आ दुनु पन्ना के बीच स्क्रीन पर एगो बड़हन सफेद आयत चमकत रहे. एगो मुहावरा रहे, जेफ एटवुड (स्टैकओवरफ्लो के संस्थापक) द्वारा लोकप्रिय बनावल गइल, जवना में लिखल रहे: “कवनो एप्लीकेशन जवन जावास्क्रिप्ट में लिखल जा सकेला, ओकरा के अंत में जावास्क्रिप्ट में लिखल जाई।”— जेफ एटवुड

ओह घरी हमनी खातिर ई असल में जाके ऊ ऐप बनावे के हिम्मत जइसन लागल. जेएस के साथे सब कुछ करे के कंबल मंजूरी जइसन लागल। त हम जेएस के साथे सब कुछ कइनी, आ हमनी के सही में समय ना निकाल के काम करे के दोसरा तरीका पर शोध कइनी जा. हमनी के सही मायने में ई प्रोत्साहन ना महसूस भइल कि एचटीएमएल आ सीएसएस का कर सकेला. हमनी के वेब के पूरा तरह से एगो विकसित होखे वाला ऐप प्लेटफॉर्म के रूप में सही में ना मानत रहनी जा. हमनी के ज्यादातर एकरा के अइसन चीज के रूप में देखत रहनी जा जवना के आसपास काम करे के जरूरत रहे, खासकर जब बात ब्राउजर सपोर्ट के होखे। हम बस काम करावे खातिर एकरा पर अउरी जेएस फेंक सकत रहनी। का समय निकाल के वेब कइसे काम करेला आ प्लेटफार्म पर का उपलब्ध बा एह बारे में अउरी जाने से हमरा मदद मिलल? जरूर, हम शायद कोड के एगो गुच्छा मुंडवा सकत रहनी जवना के सही मायने में जरूरत ना रहे. लेकिन, ओह घरी शायद ओतना ना रहे। रउरा देखत बानी कि ओह घरी ब्राउजर के अंतर काफी महत्वपूर्ण रहे. ई अइसन समय रहल जब इंटरनेट एक्सप्लोरर अबहिन ले दबंग ब्राउजर रहल, फायरफॉक्स के नजदीकी दूसरा रहल, बाकी क्रोम के तेजी से लोकप्रियता के कारण बाजार हिस्सेदारी कम होखे लागल। हालांकि क्रोम अवुरी फायरफॉक्स वेब मानक प सहमत होखे में काफी निमन रहे, लेकिन जवना माहौल में हमनी के ऐप चलत रहे, ओकर मतलब रहे कि हमनी के बहुत दिन तक आईई6 के सपोर्ट करे के पड़ी। जब हमनी के IE8 के सपोर्ट करे के अनुमति मिलल रहे तब भी हमनी के ब्राउजर के बीच बहुत अंतर से निपटे के पड़ी। एतने ना, ओह घरी के वेब में बस ओतना क्षमता ना रहे जवन ठीक प्लेटफार्म में बनल रहे।

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

HTML तत्व, आ ::backdrop छद्म-तत्व रउआँ के पॉपअप पर निर्भरता से छुटकारा पावे में मदद कर सके ला,टूलटिप, आ डायलॉग लाइब्रेरी सभ, जइसे कि फ्लोटिंग यूआई, टिप्पी.जेएस, टेथर, भा रिएक्ट टूलटिप। ई रउआँ खातिर एक्सेसबिलिटी आ फोकस मैनेजमेंट के संभाले लें, बॉक्स से बाहर, सीएसएस के इस्तेमाल से बहुत अनुकूलन योग्य होलें, आ आसानी से एनिमेट कइल जा सके लें। अकॉर्डियन के नाम से जानल जाला
तत्व, आपसी बिरोधी तत्व सभ खातिर एकर नाँव बिसेसता आ ::details-content छद्म-तत्व बूटस्ट्रैप अकॉर्डियन भा रिएक्ट अकॉर्डियन घटक नियर अकॉर्डियन घटक सभ के जरूरत के हटा देला। बस इहाँ प्लेटफार्म के इस्तेमाल के मतलब बा कि एचटीएमएल/सीएसएस जाने वाला लोग खातिर रउरा कोड के समझल आसान हो जाई आ पहिले कवनो खास लाइब्रेरी के इस्तेमाल कइल सीखले ना. एकर मतलब इहो बा कि रउरा लाइब्रेरी में बदलाव के तोड़े भा ओह लाइब्रेरी के बंद करे से अछूता बानी. आ, बेशक, एकर मतलब बा कि डाउनलोड आ चलावे खातिर कोड कम होखे. परस्पर विरोधी विवरण तत्वन के खोले, बंद करे, भा एनिमेट करे खातिर जेएस के जरूरत ना पड़े. सीएसएस सिंटैक्स के बारे में बतावल गइल बा कैस्केड लेयर, अउरी संगठित CSS कोडबेस खातिर, CSS नेस्टिंग खातिर, अउरी कॉम्पैक्ट CSS खातिर, नया रंग फंक्शन, रिलेटिव रंग, आ कलर-मिक्स खातिर, नया मैथ्स फंक्शन जइसे कि abs(), sign(), pow() आ अउरी लोग CSS प्री-प्रोसेसर, बूटस्ट्रैप आ टेलविंड नियर यूटिलिटी लाइब्रेरी, या फिर रनटाइम CSS-in-JS लाइब्रेरी तक पर निर्भरता के कम करे में मदद करे ला। गेम चेंजर :has(), लंबा समय से सभसे ढेर माँगल जाए वाला फीचर सभ में से एक, अउरी जटिल जेएस आधारित समाधान सभ के जरूरत के दूर क देला। जेएस यूटिलिटीज के बा modern Array मेथड जइसे कि findLast(), या at(), आ साथ ही साथ Set मेथड जइसे कि difference(), intersection(), union() आ अउरी लोग लोडैश नियर लाइब्रेरी सभ पर निर्भरता के कम क सके ला। कंटेनर के क्वेरी के बारे में बतावल गइल बा कंटेनर क्वेरी सभ के कारण यूआई घटक सभ के व्यूपोर्ट साइज के अलावा अउरी चीज सभ के जवाब दिहल जाला, आ एह कारण अलग-अलग संदर्भ सभ में इनहन के अउरी दोबारा इस्तेमाल करे लायक बनावल जाला। एकरा खातिर अब जेएस-हेवी यूआई लाइब्रेरी के इस्तेमाल करे के जरूरत नइखे, आ पॉलीफिल के इस्तेमाल करे के भी जरूरत नइखे। लेआउट के बा ग्रिड, सबग्रिड, फ्लेक्सबॉक्स, भा मल्टी-कॉलम के प्रचलन अब बहुत पहिले से बा, लेकिन स्टेट ऑफ सीएसएस सर्वेक्षण के नतीजा के देखला प इ साफ बा कि डेवलपर लोग नया चीज़ के अपनावे में बहुत सावधान रहे के प्रवृत्ति राखेले, अवुरी एकरा से पहिले बहुत लंबा समय तक इंतजार करेले। ई फीचर बहुत दिन से बेसलाइन बा आ रउआँ एकर इस्तेमाल बूटस्ट्रैप के ग्रिड सिस्टम, फाउंडेशन फ्रेमवर्क के फ्लेक्सबॉक्स यूटिलिटी, बुलमा फिक्स्ड ग्रिड, मटेरियलाइज ग्रिड, भा टेलविंड कॉलम जइसन चीजन पर निर्भरता से छुटकारा पावे खातिर कर सकेनी। हम ई नइखीं कहत कि रउरा आपन ढाँचा छोड़ दीं. राउर टीम एकरा के एगो कारण से अपना लिहले बिया आ एकरा के हटावल एगो बड़हन प्रोजेक्ट हो सकेला. बाकिर एह बात के देखला पर कि वेब प्लेटफार्म का पेशकश कर सकेला बिना ऊपर से थर्ड पार्टी रैपर के. जवना चीजन के निकट भविष्य में अब रउरा जरूरत ना पड़ सकेला अब कुछ अइसन चीजन पर एक नजर डालल जाव जवना खातिर निकट भविष्य में रउरा लाइब्रेरी के जरूरत ना पड़ी. मने कि नीचे दिहल चीज सभ के सामूहिक रूप से अपनावे खातिर बिल्कुल तइयार नइखे, बाकी इनहन के बारे में जागरूक होखल आ बाद में संभावित इस्तेमाल के योजना बनावल मददगार हो सके ला। एंकर पोजीशनिंग के बारे में बतावल गइल बा CSS एंकर पोजीशनिंग अन्य तत्व सभ के सापेक्ष पॉपओवर आ टूलटिप सभ के पोजीशनिंग के संभाले ला, आ पन्ना के ले जाए, स्क्रॉल करे भा साइज बदले के समय भी इनहन के नजर में रखे के धियान रखे ला। ई पहिले बतावल गइल पोपोवर एपीआई के एगो बढ़िया पूरक बा, जवना से अधिका परफॉर्मेंस-गहन जेएस समाधान से दूर माइग्रेट कइल अउरी आसान हो जाई. नेविगेशन एपीआई के बा नेविगेशन एपीआई के इस्तेमाल सिंगल पेज ऐप सभ में नेविगेशन के संभाले खातिर कइल जा सके ला आ ई रिएक्ट राउटर, नेक्स्ट.जेएस रूटिंग, या एंगुलर रूटिंग टास्क सभ के एगो बढ़िया पूरक हो सके ला, या फिर एकर जगह भी हो सके ला। संक्रमण एपीआई देखल जाव व्यू ट्रांजिशन एपीआई कौनों पन्ना के अलग-अलग स्टेट सभ के बीच एनिमेट क सके ला। एकल पन्ना के एप्लीकेशन पर, ई राज्य सभ के बीच सुचारू संक्रमण बहुत आसान बनावे ला, आ एनीमेशन लाइब्रेरी सभ जइसे कि Anime.js, GSAP, या Motion.dev से छुटकारा पावे में मदद क सके ला। एकरा से भी बढ़िया बात ई बा कि एपीआई के इस्तेमाल कई पन्ना वाला एप्लीकेशन सभ के साथ भी कइल जा सके ला। पहिले याद बा, जब हम कहले रहनी कि जवना कंपनी में हम 15 साल पहिले काम कईले रहनी, ओहिजा हमनी के सिंगल पेज ऐप बनावे के कारण रहे कि नेविगेट करत घरी पेज रिलोड के सफेद चमक से बचे के चाही? अगर ओह घरी ऊ एपीआई उपलब्ध रहित त हमनी का बिना कवनो एक पन्ना के ढाँचा के आ पूरा ऐप के बहुते बड़हन शुरुआती डाउनलोड कइले सुंदर पन्ना संक्रमण प्रभाव हासिल कर पावत रहीं जा. स्क्रॉल से संचालित एनीमेशन के बारे में बतावल गइल बा स्क्रॉल-ड्राइव एनीमेशन समय के साथ ना, यूजर के स्क्रॉल पोजीशन पर चले ला, जेकरा चलते ई कहानी कहे आ प्रोडक्ट टूर खातिर एगो बढ़िया समाधान बा। कुछ लोग एकरा के साथ तनी ऊपर गइल बा, बाकी जब एकर बढ़िया इस्तेमाल कइल जाय तब ई बहुत कारगर डिजाइन टूल हो सके ला, आ लाइब्रेरी सभ से छुटकारा पावे में मदद कर सके ला जइसे कि: ScrollReveal, GSAP Scroll, या...वाह.जेस के बा। अनुकूलन योग्य चयन करेला अनुकूलन योग्य चयन एगो सामान्य

No spam. Join 138,000+ creators. Unsubscribe anytime.

Create Your Free Bio Page

Join 138,000+ creators on Seemless.

Get Started Free