7 साल की बेटी ने HTML से बनाई वेबसाइट

 (naya.lol)
2 पॉइंट द्वारा GN⁺ 2024-07-19 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • पहला स्क्रीन Animals शीर्षक के नीचे animal pages के links को इकट्ठा करके बनाया गया एक सरल HTML link hub है
  • animal section में cats, dogs, cheetahs pages पर जाया जा सकता है
  • एक अलग Technology section भी है, जहाँ tablet और computer pages के links साथ रखे गए हैं
  • हर link “click here to go to the … page” फ़ॉर्मेट के वाक्य-आधारित link के रूप में दिया गया है
  • जाँचने योग्य सामग्री पहले स्क्रीन की link structure तक सीमित है, और नीचे के pages की सामग्री शामिल नहीं है

पहले स्क्रीन की link structure

  • सबसे ऊपर का शीर्षक Animals है
  • animal-related pages पर जाने वाले तीन links हैं

Technology section

  • अलग शीर्षक के रूप में Technology है
  • technology-related pages पर जाने वाले दो links हैं

जाँचने योग्य दायरा

  • मुख्य सामग्री में दिखने वाली चीज़ पहले स्क्रीन की link list है
  • link target relative path के रूप में दिए गए हैं, और नीचे के pages की वास्तविक सामग्री शामिल नहीं है

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

1 टिप्पणियां

 
GN⁺ 2024-07-19
Hacker News की राय

  • हम जैसे पुराने लोगों के लिए यह देखना अच्छा है कि कोई बच्चा उन तकनीकी खिलौनों-टुकड़ों से खुशी-खुशी खेल रहा है, जिनसे हम सालों, दशकों में उदासीन हो गए हैं। उम्मीद है वह आगे भी इसे इसी उत्साह से एंजॉय करती रहेगी
    SICP श्रद्धांजलि पेज पर Alan J. Perlis के quote की तरह, मुझे लगता है कि computer science में computing का मज़ा बचाए रखना वाकई महत्वपूर्ण है। हमारी जिम्मेदारी मशीनों को परफेक्ट और बिना गलती के सफलतापूर्वक इस्तेमाल कराने से ज्यादा, उन्हें फैलाने, नई दिशाओं में आगे धकेलने और मज़े को घर के अंदर बनाए रखने की है

    • काम पर software development का मज़ा याद आता है। करीब 20 साल पहले जब शुरुआत की थी, तो कुछ नया सीखते ही उत्साह में दूसरों को बताने भाग जाता था; अब सब उदास, व्यस्त और पिसे हुए हैं, और “visibility management” में लगे हैं, इसलिए कोई खुशी जाहिर नहीं करता
      अगर यह सिर्फ मेरे और मेरे दोस्तों के बूढ़े होने की बात होती तो समझ लेता, लेकिन आज के युवा सहकर्मी भी वैसे ही, बल्कि और ज्यादा उदास दिखते हैं। उदाहरण के लिए, Parquet file से कुछ निकालना था और एक सहकर्मी ने कहा कि बाद में script लिखेगा; मैंने duckdb चलाकर एक मिनट से कम में जवाब दिखा दिया, तो बस सपाट प्रतिक्रिया मिली: “पहली बार देखा। उपयोगी लगता है।” “वाह, बढ़िया” या “अच्छा है” भी नहीं; ऐसा लगा जैसे इसके अस्तित्व के बारे में जानकर वह उल्टा और खराब महसूस कर रहा हो
    • Steve Jobs फिल्म का एक quote याद आता है। उसमें कहा गया था कि धरती पर सबसे efficient जानवर condor है, और सबसे inefficient जानवर इंसान है, लेकिन साइकिल पर बैठा इंसान सबसे efficient जानवर बन जाता है
      मतलब यह था कि सही computer—जो दोस्ताना, आसान, बदसूरत न हो और डेस्क पर खूबसूरती से रखा जा सके—मन के लिए साइकिल बन सकता है, और personal computer लोगों को लोगों से जोड़ने वाला computer बन सकता है
    • जब Swift में variable names में Emoji इस्तेमाल करने पर रोक लगाने का प्रस्ताव आया, तो मैंने जवाब दिया था कि code के अंदर मनमौजीपन, झुंझलाहट, humour जैसी भावनाएं व्यक्त न करने देना बहुत घमंडी बात है
      iPad के Playgrounds इस्तेमाल करने वाले 8 साल के बच्चे को सिर्फ इसलिए variable का नाम :pig: रखने से रोकने की जरूरत नहीं कि वह बस मजेदार है। हर चीज से मज़ा कुचलने की जरूरत नहीं है
    • काश यह मज़ा जिंदा रखा जा सके। Knuth की नई volumes puzzles से भरी हैं, इसलिए शानदार हैं
      लेकिन HN के दूसरे top threads में ऐसे लोग दिखते हैं जो दिन भर desk पर बैठकर problems solve करते हैं और फिर शिकायत करते हैं कि वे आबादी के 99.9% से ज्यादा नहीं कमा रहे। कभी-कभी लगता है कि ऐसे लोग यह काम करने के लायक नहीं हैं
    • अच्छा quote है। पहले मैं desktop background इस्तेमाल करता था जिस पर Kraftwerk cover के साथ “ITS MORE FUN TO COMPUTE” लिखा होता था, अब वह खो गया है
      ऐसे reminders नियमित रूप से चाहिए। मेरा बच्चा एक साल से किसी चीज को पाने के लिए typing करने की वजह से command line सीख रहा है। बाद में अगर उसे computers पसंद न भी आएं, तो कम से कम typing जैसी उपयोगी skill सीख गया होगा, इसलिए शायद अफसोस नहीं होगा

  • अगर मैं 7 साल का होता तो शायद बिल्कुल ऐसा ही बनाता। CSS और semantic markup के फायदे जो भी हों, ये चीजें मज़े में बाधा डालती हैं। इन्हें बाद में सीखा जा सकता है

    • इस तरीके की दिक्कत यह है कि इसमें सही modern HTML और CSS वाली meaning और style की separation नहीं है
      उस अव्यवस्था की तुलना google.com जैसे cutting-edge web page की elegant semantic structure से करके देखिए
    • पूरी तरह सहमत। मैं frontend developer नहीं हूं, और मेरी search history में “div को center कैसे करें” के कई variants हैं। कुछ versions में search query के साथ गुस्से वाली गालियां भी जुड़ी हैं
    • यह देखकर बहुत अच्छा लगा कि यह अभी भी काम करता है। मैंने भी ऐसे ही सीखा था
    • आज पहली बार पता चला कि center tag होता है और background को inline attribute के तौर पर दिया जा सकता है
    • उल्टा, मज़ा तो CSS से शुरू होता है

  • बहुत अच्छा। सच में बढ़िया बनाया है
    पिछले कुछ सालों में मैंने अमेरिका के Nebraska आधारित nonprofit Girls Code Lincoln बनाया है, जहां छोटी लड़कियों को coding सिखाते हैं, और यह मुझे सच में पसंद आया। हमारे पास बच्चे के साथ share करने लायक age-appropriate resources हैं
    students द्वारा STEM field की महिलाओं के interviews वाली YouTube series: https://www.youtube.com/playlist?list=PL-32uv45Ln4VJGhVr_jr6...
    इतिहास की STEM women और आज की STEM women पर बातचीत वाला podcast: https://girlscodelincoln.buzzsprout.com/
    जरूरत हो तो कभी भी संपर्क कर सकते हैं: aakriti@TheNonprofiting.Org / info@GirlsCodeLincoln.org
    बेटी की STEM में रुचि कैसे बढ़ाएं, इस पर TED talk: https://www.youtube.com/watch?v=guoLTuW8AX4&t=10s

    • इसके अलावा Pixar के पास Pixar in a Box नाम की काफी अच्छी और मजबूत coding class है: https://www.khanacademy.org/computing/pixar
      पता नहीं यह बच्चे की उम्र के लिए बिल्कुल सही material है या नहीं, लेकिन भविष्य के लिए संभालकर रखना अच्छा होगा। उसकी रुचि बनी रहे, इसके लिए जरूरी resources ढूंढने में खुशी से मदद कर सकता हूं

  • page जल्दी खुलता है, code में कोई साफ दिखने वाला bug नहीं है, structure consistent और समझ में आने वाला है, और writing concise होते हुए भी जानकारी और लेखक की अपनी अलग आवाज़ पहुंचाती है
    उदारता से भी देखें तो यह internet के 95% websites से बेहतर बना website है। बच्चे का जज़्बा पसंद आया। शानदार काम

  • “बिल्लियां करीब 2 feet की होती हैं, इसलिए अगर ऊंचाई की छह गुना हों तो करीब 12 feet होंगी। वह बहुत डरावनी बिल्ली होगी”
    सही है। समाज की इच्छा के मुताबिक पूरी तरह तराशे जाने से पहले मन जिन रास्तों की खोज करता है, उनमें कुछ शानदार होता है। बहुत बढ़िया

    • “कुत्तों का सबसे common रंग शायद brown या black होता है”
      gPT से ज्यादा भरोसेमंद लगता है
    • इस हिस्से पर मैं हंस पड़ा। दिमाग में बस यही आया: “हां, सच में डरावनी होगी!” यह site कमाल है
    • अभिव्यक्ति बहुत अच्छी है। 7 साल की उम्र शायद पूरी जिंदगी में असल खुद के सबसे करीब होने का समय होती है

  • “Computers technology का बहुत important रूप हैं। Computers के बिना websites नहीं, Roblox studio नहीं, कुछ भी नहीं”
    बच्चों का दुनिया को देखने का तरीका वाकई प्यारा नहीं है क्या। बहुत cute

    • मैं अभी ऐसी ही machine से घर के सारे bills भर रहा हूं। सच में, इसके बिना कुछ भी नहीं है। Naya की बात में कोई झूठ नहीं
    • इस sentence पर मैं पूरी तरह हंस पड़ा। बहुत अच्छा

  • सलाह है कि बच्चे ने बचपन में जो काम बनाए थे, उनके रिकॉर्ड के तौर पर HTML फ़ाइलों का बैकअप रख लें। आगे चलकर यह परिवार का ख़ज़ाना बन जाएगा
    परिवार के domain के नीचे रखकर संभालना भी अच्छा रहेगा

    • काश मेरे पास लगभग 1995 में बनाई गई मेरी वेबसाइट का बैकअप होता। लेकिन शायद यादें साधारण सच से ज़्यादा शानदार होती हैं
    • GeoCities जैसा हाल होने से पहले यह ज़रूर कर लेना चाहिए। बचपन में बनाई चीज़ों का बैकअप न रखने का अफ़सोस है
    • इससे आगे, वेबसाइट को print करना और code को भी print करना अच्छा रहेगा
    • “Family tree? नहीं, हमारे परिवार के पास उपलब्धियों और यादों का git log है”

  • यह सचमुच बढ़िया है। यह छोटी-सी साइट मुझे इंटरनेट के उस दौर में ले जाती है, जिसकी मुझे अक्सर याद आती है
    90 के दशक में art school से अभी-अभी निकला था और लगा कि portfolio website चाहिए, इसलिए Borders Books गया और HTML और Netscape Navigator के built-in tools से साइट बनाना सिखाने वाली 4–5 इंच मोटी किताब खरीदी। करीब एक हफ़्ते में मैंने मूल पोस्ट वाली साइट से functionality में बहुत मिलती-जुलती साइट बना ली; फर्क बस content का था
    homepage पर मैंने अपनी बनाई एक drawing डाली थी—एक विशालकाय आदमी की colored-pencil drawing, जो jockstrap पहने हुए चालाक मुस्कान के साथ देख रहा था। अंदर जाने के लिए उसके पेट पर click करना पड़ता था, और तभी मैंने पहली बार image map सीखा। click करने पर वह कहता था, “ओह, गुदगुदी हो रही है,” और फिर portfolio और navigation में प्रवेश होता था
    सब कुछ HTML 4 था, और JavaScript, cookies या forms कुछ भी नहीं—बहुत basic चीज़ थी। लेकिन उसी साइट की वजह से मुझे Adobe की competitor Micrografx में design field की पहली असली नौकरी मिली। उसके बाद की कहानी सबको पता है। शुक्रिया, Netscape

  • “Computer technology का बहुत अहम रूप है। Computer न हों तो websites भी नहीं, Roblox studio भी नहीं, कुछ भी नहीं। Computer न हों तो tablet इस्तेमाल करना पड़ेगा। Tablet बहुत useful नहीं होते। मतलब, अगर वह काम करना हो जो computer कर सकते हैं”
    आमेन

    • “Tablet technology का बहुत उपयोगी रूप है”
      बहुत ही confusing है। आखिर reality क्या है

  • बहुत अच्छी website है। तेज़, सरल user experience, JavaScript नहीं, content पर focus

    • पूरी team द्वारा बनाई गई ज़्यादातर “professionally developed” web चीज़ों से performance और accessibility में आसानी से बेहतर
      Naya को Reddit की VP of Engineering बनना चाहिए। यह approach अपनाएँ तो site वाकई बेहतर हो जाएगी
    • हमारी frontend development team जो भी इस्तेमाल करती है, उससे कहीं ज़्यादा size-efficient है। React app build करने वाली Docker image 6GB की थी। कहते हैं, “हमारी गलती नहीं, NPM की वजह से है”
      content भी उपयोगी है