HN पर रिलीज़: लोगों के लिए HTML

 (htmlforpeople.com)
4 पॉइंट द्वारा GN⁺ 2024-10-11 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • HTML for People शुरुआती लोगों के लिए एक webbook है, जो tech industry से बाहर के लोगों को भी HTML से खुद वेबसाइट बनाने में मदद करती है
  • यह HTML को ऐसा web का document format मानती है जिसे कोई भी इस्तेमाल कर सकता है, और वेबसाइट बनाने का शुरुआती बिंदु बनाती है
  • इसे इस तरह तैयार किया गया है कि वेबसाइट बनाने या coding का अनुभव न होने पर भी लोग शुरुआत से वेबसाइट बनाना follow कर सकें
  • Blake Watson 2000 के शुरुआती दशक से वेबसाइट बनाते आ रहे हैं, और उन्होंने यह किताब इस सोच के साथ लिखी कि हर किसी को HTML सीखने में सक्षम होना चाहिए
  • ज़रूरी बातों को सुलभ और दोस्ताना तरीके से समझाने पर ध्यान है, ताकि beginners के लिए entry barrier कम हो

ऐसा HTML जिसे कोई भी इस्तेमाल कर सके

  • HTML सिर्फ tech field के लोगों का tool नहीं है, बल्कि यह उन सभी के लिए खुला format है जो खुद वेबसाइट बनाना चाहते हैं
  • web को बनाने वाले document type के रूप में HTML को समझने से, जटिल tools के बिना भी वेबसाइट बनाना शुरू किया जा सकता है

शुरुआती लोगों के लिए webbook

  • HTML for People एक beginner-friendly webbook है, जिसे वेबसाइट बनाने या coding का अनुभव न रखने वाले लोग भी follow कर सकते हैं
  • Blake Watson 2000 के शुरुआती दशक से वेबसाइट बनाते आ रहे हैं, और professional field में काम करते हुए भी मानते हैं कि हर किसी को HTML से वेबसाइट बनाने में सक्षम होना चाहिए
  • किताब शुरुआत के लिए ज़रूरी बातों को सुलभ और दोस्ताना तरीके से guide करती है

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

1 टिप्पणियां

 
GN⁺ 2024-10-11
Hacker News की टिप्पणियां

  • CSS को सीधे हैंडल न करके https://simplecss.org/ पर भरोसा करने का चुनाव अच्छा है। CSS बिल्कुल अलग क्षेत्र है, इसलिए बुनियादी HTML के ऊपर इसे जोड़ना काफी बोझिल हो सकता है
    हालांकि https://htmlforpeople.com/zero-to-internet-your-first-websit... में “चरण 1. अपने कंप्यूटर पर एक फोल्डर बनाएं” थोड़ा चिंताजनक है। क्योंकि आजकल ऐसे काफी लोग दिखते हैं जिन्हें files और folders की बिल्कुल समझ नहीं है: https://www.theverge.com/22684730/students-file-folder-direc...
    लेकिन किताब का पूरा एक अध्याय files और folders समझाने में खर्च करना दोहराव जैसा लगेगा; इसकी जगह लिंक करने लायक कोई अच्छा शुरुआती resource हो तो अच्छा होगा

    • मोबाइल महामारी कितनी गंभीर हो गई है, यह देखकर हैरानी होती है। Computer Science में आने वाले छात्रों में भी कुछ ऐसे होते हैं जिन्हें zip extract करना नहीं आता या डाउनलोड की हुई file कहां है, यह नहीं मिल पाता
      वैसे, ऐसे जिन छात्रों को मैं जानता हूं वे दूसरे वर्ष से पहले ही drop out हो गए थे
    • files और folders नहीं जानते—और इधर हम मुट्ठी लहराते हुए इस बात पर अड़े हैं कि वह “folder” नहीं, directory है ;)
    • बिना explicit style जानकारी वाले HTML page को ज्यादातर web browsers जिस तरह render करते हैं, उससे मैं हमेशा थोड़ा निराश रहा हूं
      मेरा मतलब यह नहीं कि browser defaults simple.css जितनी मजबूत पसंद दिखाएं, लेकिन default margins, padding, text styling, headings वगैरह खास आकर्षक नहीं हैं
      जिन web developers की अपनी साफ पसंद होती है वे defaults चाहे जो हों, उन्हें override कर देंगे; लेकिन सोचता हूं कि अगर बेहतर दिखने वाले defaults convention होते, तो शायद pure HTML personal sites और blogs ज्यादा बने होते
    • apps या web apps खोलते समय नया document खोलने के बजाय recent documents list दिखाना शुरू होना अंत की शुरुआत था
      अगर किसी file की जरूरत होती, तो बस उस file के लिए app खोलकर नीचे scroll कर लेना होता था, इसलिए यह model समझने की जरूरत ही नहीं रही कि files apps से स्वतंत्र रूप से मौजूद होती हैं और app के अंदर बनाई या देखी जा सकती हैं
      मुझे लगता है कि iOS में file manager न होना इस trend को पक्का कर गया
    • मुझे नहीं लगता कि यह पीढ़ी से जुड़ा मुद्दा है। यह तो बस शुद्ध आलस्य के महामारी की तरह फैलने जैसा है
      “सब कुछ laundry basket में यूं ही साथ डाल दो और जरूरत पड़ने पर निकाल लो” वाला mental model, या “organize करने की कोशिश करता हूं लेकिन files बहुत ज्यादा हो जाएं तो सब गड़बड़ हो जाता है” कहना, यही अच्छी तरह दिखाता है
      HN के कई लोगों की तरह मैं computer से बहुत परिचित हूं, और file/folder model से बचने की कोशिश भी की, लेकिन आखिरकार कोई तरीका नहीं मिला। चाहे कोई तरीका कितना भी “advanced” दिखे, बाकी तरीके टूट जाते हैं
      LLM इसे बदल सकते हैं, लेकिन अब तक ऐसा कोई तरीका नहीं है कि computer यह अनुमान लगाकर organize करे कि मुझे क्या चाहिए और क्या नहीं

  • मुझे लगता है इस project का बुनियादी approach दुनिया के लिए बहुत मूल्यवान है
    ऐसी open standards education ही वह मजबूत tool हो सकती है जो हमें विशाल और opaque कंपनियों से दूर ले जाकर, internet की शुरुआत वाले open standards आधारित system की ओर वापस ले जाए
    उम्मीद है यह लगातार update होता रहे और ज्यादा लोग इसे देखें और contribute करें। अगर आप भी ऐसा सोचते हैं, तो कम-से-कम GitHub star तो दे ही सकते हैं: https://github.com/blakewatson/htmlforpeople
    वैसे, मेरा इस project से अभी तक कोई संबंध नहीं है, और यह कहने से मुझे कुछ नहीं मिलता

    • Mozilla के पास कई वर्षों से शानदार documentation है
      basic HTML tutorial section भी है: https://developer.mozilla.org/en-US/docs/Learn/HTML
      ऐसा नहीं था कि कोई लोगों को HTML सीखने से रोक रहा था
    • सच में काश ऐसा हो। WordPress या MS Word इस्तेमाल करना सीखने में दर्जनों घंटे लगाने के बजाय, अगर आम लोगों को HTML सीखना भी अपने लक्ष्य तक पहुंचने का practical और useful alternative लगे, तो क्या होगा—यह सोचने लायक है
    • OP हूं। अच्छे शब्दों के लिए धन्यवाद। उम्मीद है यह material non-experts के हाथों तक पहुंचे

  • अच्छा बनाया है। पहले यह दिखाना कि plain text लिखकर publish करो तो वह तुरंत काम करता है, और फिर वहां से स्वाभाविक रूप से HTML की ओर बढ़ना—यह तरीका मुझे बहुत पसंद आया
    लेखन भी स्पष्ट, welcoming और अच्छी तरह structured है, इसलिए पढ़ना आसान और आनंददायक लगता है। मेरा मानना है कि HTML को non-experts के हाथ में देना अच्छा लक्ष्य है
    कुछ feedback दूं तो, character encoding से जुड़ी बात काफी देर से आती लगती है। जो लोग English से परिचित हैं लेकिन अपनी भाषा में website लिखना चाहते हैं, या जिनके नाम में accent है, वे चौंक सकते हैं। इसे सिर्फ emoji जैसे special characters के लिए बताने के बजाय, यह कहना बेहतर होगा कि pure ASCII नहीं होने वाली ज्यादातर languages के लिए यह जरूरी है
    body, head, html tags ज्यादातर न भी हों तो चलता है, लेकिन html accessibility और कुछ browsers के गलत translation suggestions को रोकने के लिए lang attribute की वजह से उपयोगी है
    VS Code telemetry की वजह से थोड़ा निराश करता है, और इस काम के हिसाब से भारी और जटिल लगता है। Windows पर Notepad++ अच्छा विकल्प है, और Linux में default-installed text editor काफी है। Codium भी है, जिसमें खराब हिस्से हटाए गए हैं। target readers इन खराब हिस्सों को नहीं जानते, इसलिए वे अनजाने में spyware install कर बैठेंगे
    aria-current="page" feature के बारे में मुझे पता नहीं था, लेकिन लगता है आगे से इस्तेमाल करना शुरू करूंगा

    • उस tag को डालना है तो पहले text editor में UTF-8 में save करने की setting करनी पड़ेगी, है न? उदाहरण के लिए Notepad, Windows की बाकी चीजों की तरह default रूप से UTF-16 इस्तेमाल नहीं करता क्या?
    • यहां बड़ी complexity यह है कि लोग character encoding को ही नहीं जानते। इसलिए यह उम्मीद करना मुश्किल है कि वे index.html को शुरुआत से ही UTF-8 में save करेंगे
      उदाहरण के लिए Windows Notepad default रूप से active code page इस्तेमाल करेगा। अगर save करने की समस्या को भी साथ में cover किया जा सके, तो मैं सहमत हूं कि यह content ज्यादा prominent होना चाहिए

  • आइडिया वाकई अच्छा है और ऐसी साइटें और बढ़ें तो खुशी की बात है, लेकिन मुझे लगता है कि यह आम गैर-तकनीकी यूज़र से जिस स्तर की कंप्यूटर साक्षरता की अपेक्षा करता है, वह आसान नहीं है
    पहला कदम ही “अपने कंप्यूटर में कोई जगह चुनकर एक folder बनाइए। उसे my-site जैसा नाम दीजिए” से शुरू होता है, और यहीं पर अधिकतर लोग छूट सकते हैं
    हैरानी की बात है कि रोज़ कंप्यूटर इस्तेमाल करने वाले भी बहुत से लोग यह करना नहीं जानते

    • इस thread में इस बात पर बार-बार ज़ोर दिया जाना थोड़ा अजीब लगता है
      यह मानना मुश्किल है कि रोज़ कंप्यूटर इस्तेमाल करने वाला व्यक्ति folder बनाना नहीं जानता। मेरी माँ, जो कंप्यूटर बहुत कम इस्तेमाल करती हैं, भी शायद जानती होंगी कि folder और file क्या होते हैं
      जिन्हें file और folder क्या हैं यह नहीं पता, वे इस guide के तुरंत लाभार्थी बनना मुश्किल है, है न? उससे पहले उन्हें कहीं ज़्यादा बुनियादी चीज़ें सीखनी होंगी
    • HN users में से काफी लोग भी संभवतः page को mobile device पर देख रहे होंगे, और निर्देशों को तुरंत follow करने की स्थिति में नहीं रहे होंगे
    • अगर यह सच है तो बहुत दुख की बात है। क्या लोग सचमुच इतने कमज़ोर हो गए हैं? मैं तो छोटे बच्चे के रूप में भी ये निर्देश follow कर सकता था, और सच में 10 साल की उम्र में अपनी website बनाई थी
      क्या स्थिति सचमुच इतनी गंभीर है, या हम लोगों पर बहुत जल्दी शक करने लगते हैं? क्या सब कुछ cloud apps से करने की वजह से ऐसा हुआ है?
    • OP हूँ। मुझे भी इस हिस्से को लेकर थोड़ी चिंता थी, और introduction में कुछ हद तक इसका ज़िक्र किया था, लेकिन लगता है इसे और cover करना चाहिए
      सोच रहा हूँ कि files और folders खुद बनाने पर कोई introductory material लिखकर host करूँ, या ऐसे बुनियादी resources को link करूँ

  • मैंने कई बार गैर-तकनीकी लोगों को समझाने की कोशिश की है कि वे अपनी website बहुत आसानी से बना सकते हैं, लेकिन वे आम तौर पर इसे मज़ाक समझते हैं या सोचते हैं कि इसमें बहुत भारी मेहनत लगेगी
    अगली बार मैं उन्हें यह site दिखाऊँगा और कहूँगा कि सिर्फ 30 मिनट लगाकर देखें कि उस समय में क्या बना सकते हैं। मुझे पता है कि “वाह, मैंने सच में web पर कुछ publish कर दिया!” का पहला स्वाद मिलते ही बहुत से लोग इसमें डूब जाएंगे
    @blakewatson: क्या site में internationalization जोड़ने और translation pull requests लेने की योजना है?

    • है! मैं सच में ऐसा करना चाहता हूँ। README update करना होगा, लेकिन मैं translated chapters को /es जैसे subfolders में रखने की strategy सोच रहा हूँ
      Eleventy को subpath के आधार पर अलग navigation menus generate करने के लिए configure किया जा सकता है
    • schools में सचमुच यह पढ़ाया जाना चाहिए। मैंने high school और college में कई personal websites बनाईं, और वे बस HTML और थोड़े CSS भर थीं
      मुझे लगता है कि सबका पहला कदम ऐसा ही होना चाहिए। कुछ लिखने और result को जल्दी और आसानी से देखने का यह शानदार तरीका है। server तक की ज़रूरत नहीं

  • “Start coding already!” क्यों? “Start writing already?” जैसा expression बेहतर नहीं होगा?
    लोगों को site बनाने में जो डर लगता है, उसकी आधी barrier यही है कि उन्हें लगता है coding आनी चाहिए, और यह डरावना लगता है। दूसरी ओर, वे जानते हैं कि उन्हें क्या लिखना है, इसलिए वह कहीं ज़्यादा approachable है

    • इसे “Get started already” में बदल दिया :)
    • OP हूँ। ओह, अच्छा suggestion है। web developer वाला चश्मा उतारकर नई नज़र से देखना मुश्किल है। मैंने जानबूझकर ऐसा करने की कोशिश की थी, फिर भी ऐसा रह गया

  • अच्छा लगा कि यह छोटे HTML file से शुरू करता है, और तुरंत NodeJS, VS Code और तरह-तरह का web development का झंझट install करने को नहीं कहता

    • यह एक lesson है जिसे बहुत से experts को फिर से सीखना चाहिए। basic text और images दिखाने के लिए सच में सैकड़ों MB JavaScript की ज़रूरत नहीं होती
      accessibility और graceful failure को बहुत बार नज़रअंदाज़ कर दिया जाता है

  • tutorial का order अच्छा है कि पहले सरल तरीके से deploy करवा देता है
    Notepad/TextEdit में plain text index.html बनाना, उसे Neocities जैसी जगह पर deploy करना, फिर title और image के साथ content जोड़ना
    उसके बाद ही head और body वगैरह डालकर उसे proper HTML बनाना, और Notepad/TextEdit से Visual Studio Code पर upgrade करने का flow है

    • शायद आपको पहले से पता होगा, लेकिन HTML5 में html, head, body optional हैं, इसलिए उनके बिना भी यह valid document है

  • शानदार कोशिश है और implementation भी बहुत अच्छा है। दूसरों के साथ share करने के लिए इसे bookmark करूँगा
    हाल ही में मैंने तय किया है कि अपनी website में सिर्फ हाथ से लिखे HTML से content जोड़ूँगा, और पुराने posts भी धीरे-धीरे migrate करूँगा। HTML मुझे इसलिए पसंद है कि यह direct है, per-page temporary changes आसान हैं, और robust है
    web पर publish करने के लगभग हर system को आज़माने के बाद, मेरा निष्कर्ष है कि शुरुआत में थोड़ा extra काम भले लगे, HTML इस काम के लिए सही tool है
    retired developer के तौर पर जब mood हो तो Rust, SQL, embedded जैसी चीज़ों से खेलता हूँ, लेकिन जब लिखना चाहता हूँ तो बस लिखना चाहता हूँ। HTML कुछ हद तक यह संभव कर देता है
    अगर और लोग HTML को सिर्फ build target नहीं, बल्कि लिखे जाने वाला document मानें, तो systems कहीं ज़्यादा सरल हो सकते हैं। मौजूदा सोच ने average computer/web user को बहुत slow कर दिया है और developers के लिए भी बड़ी headache पैदा की है
    हमने दुनिया में जो complexity ला दी है, वह 99% मामलों में किसकी मदद करती है, समझ नहीं आता। यह material हमें फिर सही जगह की ओर धकेलने वाले कारणों में से एक हो सकता है