HTML के सामने क्या है? हाल ही में, मैंने कई डेवलपर्स के साथ बात की। ऐसा लगता है कि कुछ HTML को भी नहीं समझते हैं। मेरा मतलब है, वे कुछ समझते हैं। वे समझते हैं कि एक
div क्या
div और एक
span क्या
span , और जब सब कुछ अच्छा लगता है और एक क्लिक पर काम करता है, तो यह उनके लिए पर्याप्त है। इस हद तक कि कई लोग HTML के बारे में सवाल का जवाब देते हैं: "ओह, हाँ, मैं अब रिएक्ट या वीयू में सब कुछ कर रहा हूं।" लेकिन यह वास्तव में कोई फर्क नहीं पड़ता कि आप केवल जावास्क्रिप्ट लिखते हैं। यदि आप वेबसाइट विकसित कर रहे हैं, तो HTML आपके लिए सबसे महत्वपूर्ण है। यह वेब है।
यह उपयोगकर्ता द्वारा खपत के बारे में है। ये यूआई और यूएक्स हैं। यहाँ पूरा पैकेज है। महत्व के अवरोही क्रम में: HTML, CSS और व्यवहार (जो जावास्क्रिप्ट द्वारा प्रदान किया जा सकता है - या शायद नहीं)।
मुझे इस तकनीक के पिरामिड में सबसे नीचे एक समस्या दिखाई देती है। वेब का सबसे छोटा सामान्य भाजक। आधार। ताल बैंड। वेब के सभी डेसर्ट के Savoyards। यह HTML है। और यह मुझे अधिक से अधिक लगता है कि फ्रंट-एंड इंजीनियरों की एक पूरी परत फ्रंट-एंड की मुख्य तकनीक को नहीं जानती है या नहीं समझती है।
एक वेब पेज एक दस्तावेज है। कोई भी घटक, चाहे वह ब्लॉग टेम्पलेट, समाचार साइट, मार्केटिंग सांख्यिकी पैनल या पंजीकरण फ़ॉर्म हो, दस्तावेज़ का हिस्सा है। दस्तावेजों में एक संरचना होती है। इंटरनेट पर, यह केवल उन दृश्य तत्वों या वास्तुकला के बारे में नहीं है जो आपके मंच प्रदान करता है। यह शब्दार्थिक रूप से सही तत्वों को चुनने के बारे में है ताकि आपके वेब पेज, घटक, जो भी हो, सही ढंग से संरचित रूप से स्वरूपित हो। हेडिंग हेडिंग होनी चाहिए, लिस्ट लिस्ट होनी चाहिए, बटन बटन होने चाहिए, और टेबल टेबल होने चाहिए। आप उन्हें (बहुत ज्यादा) स्टाइल कर सकते हैं जैसा कि आप पसंद करते हैं - शीर्षक नीचे इंडेंटेशन के साथ बड़ा और बोल्ड नहीं होना चाहिए। यह आपके ऊपर है, लेकिन यह निश्चित रूप से एक शीर्षक होना चाहिए, और यदि आप इसे एक
div तरह बनाते हैं, तो मैं आपसे लड़ सकता हूं।
HTML सीखना इतना कठिन नहीं है, खासकर यदि आप पहले से ही जावास्क्रिप्ट चौखटे को जानते हैं। मैंने विचार नहीं किया, लेकिन मुझे पूरा यकीन है कि वहां लगभग ११६ तत्व हैं, और आप में से अधिकांश की आवश्यकता कभी नहीं होगी। उन्हें क्यों नहीं सीखा?
मैं उन लोगों में से हूं जो फ्रंट एंड के बिल्कुल किनारे पर काम करते हैं। मैं एचटीएमएल और सीएसएस करता हूं, इसलिए मेरे लिए यह जानना आसान है कि मैं जो कुछ भी जानता हूं, उसे जानने के लिए सभी को प्रोत्साहित करूं (रिकॉर्ड के लिए, मुझे सब कुछ पता नहीं है - हम अभी भी अपने कार्यालय में एक विशेष घटक को चिह्नित करने के सर्वोत्तम तरीके के बारे में बहुत बहस करते हैं)। ऐसा नहीं है कि मेरा काम आपसे ज्यादा महत्वपूर्ण है। यदि आप कोड लिखते हैं जो ब्राउज़र में कुछ प्रदर्शित करता है, तो यह निश्चित रूप से आपका काम है।
यह प्रयोज्यता और पहुंच के बारे में है। यदि आप अपने वेब पेज या एप्लिकेशन के सिमेंटिक स्ट्रक्चर को महत्वपूर्ण नहीं मानते हैं, तो आप कहते हैं: "ठीक है, सब कुछ मेरे लिए काम करता है, आप इसे जारी कर सकते हैं।" मुझे नहीं लगता कि जावास्क्रिप्ट सीएसएस के रूप में यहां पर्याप्त है। खोज इंजनों को आपकी सामग्री को पढ़ना चाहिए, न कि स्विफ्ट एनिमेशन या फैंसी ग्रेडिएंट का आनंद लेना चाहिए। स्क्रीन रीडर को आपकी सामग्री को पढ़ना चाहिए। माउस के बिना उपयोगकर्ता आपकी साइट के साथ काम करना चाहिए। कौन जानता है कि प्रौद्योगिकी आगे क्या होगी और यह आपके आवेदन को कैसे अनुभव करेगी, लेकिन मैं नवीनतम बिटकॉइन पर दांव लगा रहा हूं, जो संभवतः सामग्री को आसानी से पढ़ने, विश्लेषण और नेविगेट करने की क्षमता से मदद करेगा। इन सभी तकनीकों को सामग्री को अभिन्न सामग्री के रूप में देखना चाहिए, न कि अर्थहीन टैग में लिपटी हुई पाठ की पंक्तियों को। उन्हें यह देखना चाहिए कि एक तालिका क्या है और इसे कैसे प्रस्तुत करना है, एक सूची क्या है और इसे कैसे प्रस्तुत करना है, एक बटन क्या है और एक झंडा क्या है। सब कुछ दिवाना बनाओ, और उन्हें इस तरह की चीजों को पहचानने के लिए बहुत काम करना होगा।
“लेकिन मेरा ढांचा हर चीज का ख्याल रखता है। मैं सिर्फ .jsx टेम्पलेट्स लिख रहा हूँ »
नहीं। अपने JSX में सही HTML लिखें। आप कर सकते हैं। सिर्फ इसलिए कि आप रिएक्ट या वीयू या कुछ और का उपयोग करते हैं, आपको सब कुछ divs के साथ नहीं लिखना है। आवश्यकता नहीं है।
"इस लाइब्रेरी में हर जगह WAI-Aria विशेषताएँ शामिल हैं, इसलिए पहुंच के साथ सब कुछ ठीक है।"
बहुत बढ़िया। यदि आपने सही HTML लिखा है, तो इनमें से अधिकांश विशेषताओं की आवश्यकता नहीं होगी। आपको मुफ्त में एक्सेसिबिलिटी फ़ंक्शंस का एक पूरा गुच्छा मिलता है, बस
onClick इवेंट
onClick साथ
div बजाय एक वास्तविक
button का उपयोग करना। मुफ्त के लिए। यह पहुंच, प्रदर्शन और उपयोगकर्ता मित्रता है, मुफ्त में। मुफ़्त!
ये वास्तव में महत्वपूर्ण चीजें हैं। यदि पालन नहीं किया जाता है, तो यह धीरे-धीरे (वास्तव में धीरे-धीरे नहीं) वेब को तोड़ता है। बहुत कम से कम, यह उन लोगों के लिए कम सुलभ बनाता है जो आपके उत्पाद का उपयोग करेंगे। यदि आप खुद को फ्रंट-एंड इंजीनियर कहते हैं, तो आपकी जिम्मेदारी वेब के बेसिक्स का उपयोग करना और उसका उपयोग करना है, जो सभी ब्राउज़रों, प्लेटफार्मों, उपकरणों या घरेलू उपकरणों के लिए सामान्य है जो इंटरनेट का उपयोग कर सकते हैं।
कृपया इसे करें। इंटरनेट को बेहतर बनाएं, जिम्मेदारी से विकास के लिए संपर्क करें। वेब पर पर्याप्त संसाधन हैं जो आपकी मदद कर सकते हैं, यहाँ कुछ शुरुआत करने के लिए हैं:
- जानें कि HTML में कोई दस्तावेज़ कैसे बनाया जाता है। जब आप एक कॉन्सर्ट पोस्टर या अखबार के पेज को देखते हैं, तो साधारण मानसिक अभ्यासों की कोशिश करें - और कल्पना करें कि यह HTML में कैसे संरचित होगा। यदि आपके पास समय है, तो इस HTML को लिखें। इस ज्ञान का उपयोग दैनिक कार्यों में करें।
- एमडीएन ब्लॉग, ट्यूटोरियल और उपयोगी लिंक के साथ एक महान संसाधन है।
- समुदाय के लोगों तक पहुंचें। ब्लॉग पढ़ें (उदाहरण के लिए, एंडी बेल की हाल की पोस्ट शब्दार्थ HTML का उपयोग करने के बारे में) और वीडियो देखें ।
- जब मैं अध्ययन कर रहा था, तब स्रोत को देखना अभी भी उपयोगी था। हमने इसे वर्तमान और भावी पीढ़ियों के लिए सामूहिक रूप से तोड़ दिया, लेकिन मैं आपको ब्राउज़र में "डेवलपर टूल्स" की शक्ति से प्रभावित कर सकता हूं
- जानें कि वेब पर सहायक तकनीक कैसे काम करती है
- HTML विशिष्टताओं या यहां तक कि HTML तत्वों की सूची और उनके उपयोग के उदाहरण देखें।
- यदि आप एक टीम के रूप में काम करते हैं, तो मार्कअप पर चर्चा करें। वास्तव में तर्क है,
table या dl ( विवरण सूची तत्व , एमडीएन) के रूप में कुछ तत्व सम्मिलित करना सही होगा। बहुत मज़ा आएगा, मैं वादा करता हूँ।
- पता करें कि आपकी टीम में सबसे अच्छा HTML विशेषज्ञ कौन है और उन्हें अपने कोड की समीक्षा करने के लिए कहें। अगर यह मैं हूं, तो हमेशा बात करने में खुशी होगी।