HTML First

 (html-first.com)
2 पॉइंट द्वारा GN⁺ 2023-11-13 | 1 टिप्पणियां | WhatsApp पर शेयर करें

HTML First सिद्धांतों का परिचय

  • आधुनिक web browser की मूलभूत क्षमताओं का उपयोग
  • HTML attribute syntax की अत्यधिक सरलता का लाभ उठाना
  • web की ViewSource सुविधा का उपयोग

HTML First के लक्ष्य

  • web software codebase पर काम कर सकने वाले लोगों की संख्या बढ़ाना
  • व्यक्तिगत स्तर पर, अधिक लोगों का web programmer बनना और आय बढ़ाना
  • business के दृष्टिकोण से, software development लागत कम करना और hiring resources बचाना

HTML First का दूसरा लक्ष्य

  • web software development को अधिक आनंददायक और सुचारु बनाना
  • tools और frameworks में महारत हासिल करने में वर्षों लगाने के बजाय HTML First सिद्धांतों से तेज़ी से दक्षता प्राप्त करना

HTML First को लागू करने का तरीका

  • यह स्वीकार करना कि HTML को समझना आसान है, और केवल content व structure परिभाषित करने के लिए नहीं बल्कि styling और behavior सेट करने के लिए भी HTML को आधार बनाना

सिद्धांत: Vanilla approach को प्राथमिकता

  • styling और behavior सेट करने के लिए HTML attributes का उपयोग
  • HTML attributes का उपयोग करने वाली libraries का उपयोग
  • build step से बचना
  • "Naked" HTML को प्राथमिकता
  • View-Source अनुकूल approach का उपयोग

browser की built-in सुविधाओं का उपयोग

  • बाहरी framework के बजाय "vanilla" approach से functionality हासिल करना
  • library या framework जोड़ने से पहले जाँचना कि क्या यह pure HTML/CSS से संभव है

style और behavior को HTML attributes से परिभाषित करना

  • styling, Tailwind या Tachyons जैसी SPC libraries से की जा सकती है
  • behavior के लिए hyperscript, Alpine जैसी libraries का उपयोग
  • HTML जटिल दिख सकता है, लेकिन दूसरे developers के लिए इसे समझना और बदलना आसान होता है

HTML attributes का उपयोग करने वाली libraries का उपयोग

  • JavaScript या custom syntax पर केंद्रित libraries की तुलना में HTML attributes का उपयोग करने वाली libraries के उपयोग की सिफारिश

build step से बचना

  • file transformation की मांग करने वाली libraries maintenance burden बढ़ाती हैं और ViewSource सुविधा को बाधित करती हैं
  • HTML First libraries का उपयोग करने पर अतिरिक्त CSS और JS की आवश्यकता न्यूनतम होती है

"Naked" HTML को प्राथमिकता

  • backend implementation पर सबसे अधिक लागू होने वाला सिद्धांत
  • HTML से परिचित developer, backend framework न जानने पर भी view files को समझ सकता है

View-Source सुविधा बनाए रखना

  • शुरुआती web का आकर्षण यह था कि code को "झाँककर" web page के कुछ हिस्सों को समझा जा सकता था
  • HTML First सिद्धांतों का पालन करने वाली sites में ViewSource सुविधा फिर से हासिल की जा सकती है

समापन

  • इस site में बताए गए practices और principles अभी भी पूरे industry में मुख्यधारा में नहीं हैं
  • इन विचारों से सहमत लोगों को ढूँढना और उनसे जुड़ना उद्देश्य है

GN⁺ की राय

इस लेख की सबसे महत्वपूर्ण बात web development की accessibility और maintainability को बेहतर बनाने के लिए HTML First सिद्धांतों को अपनाना है। ये सिद्धांत web development को अधिक आसान और तेज़ बनाते हैं, और अधिक लोगों को web programming में भाग लेने योग्य बनाकर व्यक्ति और business दोनों को लाभ पहुँचाते हैं। यह approach web development की जटिलता को कम करती है, code readability बढ़ाती है, और developer community के भीतर knowledge sharing और collaboration को प्रोत्साहित करने की क्षमता रखती है, इसलिए यह रोचक है।

संबंधित पढ़ाई

1 टिप्पणियां

 
GN⁺ 2023-11-13
Hacker News की राय
  • सैद्धांतिक रूप से या सरल उदाहरणों में यह दिलचस्प है, लेकिन ऐसे उदाहरण चाहिए जो दिखाएँ कि ये सिद्धांत बड़े प्रोजेक्ट्स में कैसे लागू होते हैं और क्या फ़र्क पैदा करते हैं।
  • वेब प्लेटफ़ॉर्म का अधिकतम उपयोग करने और complexity कम करने के पक्ष में हूँ, लेकिन इस बात को लेकर संदेह है कि प्रस्तुत सिद्धांत वास्तव में complexity कम करेंगे या नहीं।
  • HTML की बुनियादी सुविधाओं का उपयोग करना अच्छा है, लेकिन 10 साल पहले भी यह व्यावहारिक नहीं था और आज भी नहीं है, और htmx आदि React जैसे भारी solutions से बेहतर लगते नहीं हैं।
  • dropdown, multi-select और date picker जैसी सुविधाएँ लागू करते समय browsers के बीच consistency नहीं होती और styling सीमित रहती है, इसलिए केवल built-in HTML elements काफ़ी नहीं हैं।
  • उदाहरण कमज़ोर हैं, और inline HTML attributes में style और behavior परिभाषित करना जटिल हो सकता है।
  • जब ज़रूरी libraries इस्तेमाल करनी हों, तब JavaScript या custom syntax की बजाय HTML attributes का उपयोग करने वाली libraries इस्तेमाल करने से सहमति है।
  • केवल HTML markup से बने SaaS platform के विकास में यह दर्शन अच्छी तरह फिट बैठता है।
  • यह किसी ऐसे व्यक्ति द्वारा सुझाया गया anti-pattern और बुरी सलाह लगता है जिसने जटिल websites बनाने की प्रक्रिया से गुज़रा नहीं है।
  • इस बात से सहमत हूँ कि उपयोगकर्ता source view के ज़रिए समझ सकें, लेकिन web apps के मामले में typed language का उपयोग करना बेहतर है।
  • "व्यवहार की स्थानीयता" एक अस्पष्ट रूप से परिभाषित नियम है जो separation of concerns के खिलाफ़ जाता है, और CSS को "दूरी से होने वाली डरावनी क्रिया" कहना अतिशयोक्ति है।