Trang web do cô con gái 7 tuổi làm bằng HTML

 (naya.lol)
2 điểm bởi GN⁺ 2024-07-19 | 1 bình luận | Chia sẻ qua WhatsApp
  • Màn hình đầu tiên được cấu thành như một hub liên kết HTML đơn giản, tập hợp các liên kết đến trang về động vật dưới tiêu đề Animals
  • Trong phần động vật, có thể chuyển đến các trang cats, dogs và cheetahs
  • Cũng có một phần Technology riêng, đặt cùng các liên kết đến trang tablet và computer
  • Mỗi liên kết được cung cấp dưới dạng liên kết theo câu, theo mẫu “click here to go to the … page”
  • Nội dung có thể xác nhận chỉ giới hạn ở cấu trúc liên kết của màn hình đầu tiên; không bao gồm nội dung các trang con

Cấu trúc liên kết của màn hình đầu tiên

Phần Technology

  • Có tiêu đề riêng là Technology
  • Có hai liên kết chuyển đến các trang liên quan đến công nghệ

Phạm vi có thể xác nhận

  • Nội dung được xác nhận trong phần thân là danh sách liên kết của màn hình đầu tiên
  • Đích liên kết được cung cấp dưới dạng đường dẫn tương đối, và nội dung thực tế của các trang con không được bao gồm

Bài viết liên quan

1 bình luận

 
GN⁺ 2024-07-19
Ý kiến trên Hacker News

  • Thật vui khi thấy một đứa trẻ thích thú nghịch những mớ đồ công nghệ linh tinh mà những người kỳ cựu như chúng ta đã trở nên dửng dưng sau nhiều năm, nhiều thập kỷ. Mong em ấy sẽ tiếp tục tận hưởng niềm vui đó
    Như câu trích của Alan J. Perlis trên trang tri ân SICP, tôi nghĩ trong khoa học máy tính, việc giữ gìn niềm vui của điện toán là điều thật sự quan trọng. Trách nhiệm của chúng ta không hẳn là dùng máy móc một cách hoàn hảo, không lỗi và thành công, mà là mở rộng máy móc, đẩy chúng theo những hướng mới và giữ niềm vui ở lại trong nhà

    • Tôi nhớ niềm vui phát triển phần mềm ở nơi làm việc. Khi mới bắt đầu khoảng 20 năm trước, tôi thường phấn khích chạy đi kể cho người khác về thứ mới học được, còn giờ thì ai cũng u ám, bận rộn bị vắt kiệt và mải mê “quản lý độ hiện diện”, chẳng ai thể hiện niềm vui nữa
      Nếu chỉ là tôi và bạn bè tôi già đi thì cũng đành, nhưng các đồng nghiệp trẻ bây giờ cũng y như vậy, thậm chí còn u ám hơn. Ví dụ, một đồng nghiệp cần lấy thứ gì đó từ file Parquet và bảo lát nữa sẽ viết script, nên tôi mở duckdb lên và cho thấy câu trả lời trong chưa đầy 1 phút, thì phản ứng đều đều chỉ là “Lần đầu tôi thấy. Có vẻ hữu ích”. Không phải “Ồ hay quá” hay “Tốt đấy”, mà trông như việc biết nó tồn tại còn khiến họ khó chịu hơn
    • Tôi nhớ đến một câu trích trong phim về Steve Jobs. Nội dung là loài vật hiệu quả nhất trên Trái Đất là kền kền khoang, còn loài kém hiệu quả nhất là con người, nhưng con người đi xe đạp lại trở thành loài hiệu quả nhất
      Ý là một chiếc máy tính đúng nghĩa — thân thiện, dễ dùng, không xấu xí và nằm đẹp đẽ trên bàn — có thể trở thành chiếc xe đạp cho tâm trí, và máy tính cá nhân có thể trở thành chiếc máy tính kết nối người với người
    • Khi có đề xuất cấm dùng Emoji làm tên biến trong Swift, tôi đã đáp rằng việc quyết định không cho thể hiện các cảm xúc như sự thất thường, bực bội hay hài hước trong code là quá ngạo mạn
      Không cần cấm một đứa trẻ 8 tuổi dùng Playgrounds trên iPad đặt tên biến là :pig: chỉ vì thấy buồn cười. Không cần giẫm nát niềm vui trong mọi thứ
    • Mong rằng có thể tiếp tục giữ niềm vui này sống mãi. Tập mới nhất của Knuth rất tuyệt vì đầy câu đố
      Thế mà ở một thread top khác trên HN lại thấy có người phàn nàn rằng họ ngồi cả ngày ở bàn để giải quyết vấn đề nhưng vẫn không kiếm được nhiều hơn 99,9% dân số. Đôi khi tôi nghĩ những người như vậy có lẽ không xứng làm công việc này
    • Trích dẫn hay. Trước đây tôi từng dùng hình nền desktop có dòng “ITS MORE FUN TO COMPUTE” trên bìa Kraftwerk, nhưng giờ thì mất rồi
      Ta cần những lời nhắc như thế này một cách định kỳ. Con tôi đang học dòng lệnh nhờ suốt 1 năm qua muốn lấy gì đó thì phải gõ lệnh. Dù sau này nó không thích máy tính nữa, ít nhất nó cũng đã học được một kỹ năng hữu ích là đánh máy, nên tôi nghĩ sẽ không tiếc

  • Nếu là 7 tuổi thì tôi cũng sẽ làm đúng như thế này. Dù lợi ích của CSS và semantic markup là gì đi nữa, những thứ đó cản trở niềm vui. Học sau cũng được

    • Vấn đề của cách này là không có sự tách biệt giữa ngữ nghĩa và kiểu trình bày mà HTML và CSS hiện đại phù hợp mang lại
      Cứ so sánh mớ hỗn độn đó với cấu trúc ngữ nghĩa tao nhã của một trang web tối tân như google.com là thấy
    • Hoàn toàn đồng ý. Tôi không phải lập trình viên frontend, và lịch sử tìm kiếm của tôi có nhiều biến thể của “cách căn giữa div”. Cũng có nhiều phiên bản kèm những câu chửi tức tối trong từ khóa tìm kiếm
    • Thật mừng là cái này vẫn còn hoạt động. Tôi cũng đã học như vậy
    • Hôm nay tôi mới biết là có thẻ center và có thể đặt background bằng thuộc tính inline
    • Ngược lại, niềm vui bắt đầu từ CSS

  • Quá hay. Làm thật sự tốt
    Trong vài năm qua, tôi đã lập một tổ chức phi lợi nhuận ở Nebraska, Mỹ tên là Girls Code Lincoln để dạy lập trình cho các bé gái, và tôi thật sự thích điều này. Có những tài liệu phù hợp với lứa tuổi có thể chia sẻ với bé
    Series YouTube nơi học sinh phỏng vấn phụ nữ trong các lĩnh vực STEM: https://www.youtube.com/playlist?list=PL-32uv45Ln4VJGhVr_jr6...
    Podcast nói về phụ nữ STEM trong lịch sử và phụ nữ STEM hiện nay: https://girlscodelincoln.buzzsprout.com/
    Nếu cần thì cứ liên hệ bất cứ lúc nào: aakriti@TheNonprofiting.Org / info@GirlsCodeLincoln.org
    Bài TED về cách khơi gợi sự quan tâm của con gái với STEM: https://www.youtube.com/watch?v=guoLTuW8AX4&t=10s

    • Ngoài ra Pixar có một khóa học lập trình khá hay và chắc chắn tên là Pixar in a Box: https://www.khanacademy.org/computing/pixar
      Tôi không biết tài liệu này có đúng độ tuổi của bé không, nhưng có lẽ nên lưu lại cho sau này. Tôi sẵn lòng giúp tìm tài liệu cần thiết để bé tiếp tục giữ được hứng thú

  • Trang tải nhanh, code không có lỗi nổi bật, bố cục nhất quán và hợp lý, bài viết ngắn gọn nhưng vẫn truyền tải thông tin và giọng nói riêng của tác giả
    Nói rộng rãi thì đây là một website được làm tốt hơn 95% Internet. Tôi thích khí chất của bé. Làm rất tốt

  • “Mèo cao khoảng 2 foot, nên nếu cao gấp sáu lần thì là khoảng 12 foot. Đó sẽ là một con mèo rất đáng sợ”
    Đúng vậy. Có điều gì đó rất tuyệt trong những con đường mà một tâm trí khám phá trước khi bị mài giũa hoàn toàn theo cách xã hội mong muốn. Làm tốt lắm

    • “Màu chó phổ biến nhất có lẽ là nâu hoặc đen”
      Tôi tin câu này hơn gPT
    • Đọc đến đoạn đó tôi cười phá lên. Trong đầu chỉ hiện ra “đúng rồi, chắc chắn đáng sợ thật!” Trang này đỉnh quá
    • Cách diễn đạt rất hay. Có lẽ 7 tuổi là giai đoạn gần với con người thật của chính mình nhất trong cả đời

  • “Máy tính là một dạng công nghệ rất quan trọng. Không có máy tính thì không có website, không có Roblox studio, không có gì cả”
    Cách trẻ con nhìn thế giới thật đáng yêu, đúng không. Dễ thương quá

    • Giờ tôi đang dùng đúng loại máy đó để trả mọi hóa đơn ở nhà. Thật sự là không có nó thì chẳng có gì cả. Naya nói không sai chút nào
    • Tôi cười vỡ òa ở câu này. Quá thích

  • Khuyên nên sao lưu các tệp HTML như một bản ghi những tác phẩm con làm khi còn nhỏ. Sau này nó sẽ trở thành báu vật của gia đình
    Cũng có thể đặt dưới tên miền gia đình để lưu giữ

    • Ước gì tôi còn bản sao lưu website của mình làm khoảng năm 1995. Nhưng biết đâu ký ức lại đẹp hơn sự thật bình thường
    • Nên làm việc đó trước khi chúng bị đối xử như GeoCities. Tôi hối tiếc vì đã không sao lưu những thứ mình làm hồi nhỏ
    • Xa hơn nữa, in cả website ra, và in cả mã nguồn nữa thì tốt
    • “Cây gia phả? Không, gia đình chúng tôi có git log của các thành tựu và kỷ niệm”

  • Cái này thật sự hay. Trang web nhỏ bé này đưa tôi trở lại thời kỳ của Internet mà tôi vẫn thường nhớ nhung
    Hồi thập niên 90, tôi vừa tốt nghiệp trường mỹ thuật và nghĩ mình cần một website portfolio, nên đã đến Borders Books mua một cuốn sách dày 4–5 inch nói về cách tạo site bằng HTML và công cụ tích hợp trong Netscape Navigator. Trong khoảng một tuần, tôi đã tạo một site về mặt chức năng rất giống site trong bài gốc, khác ở phần nội dung
    Trên trang chủ, tôi đăng một bức tranh mình vẽ bằng bút chì màu: một người đàn ông to lớn mặc jockstrap, nhìn với nụ cười ranh mãnh. Muốn vào thì phải bấm vào bụng anh ta, và đó là lần đầu tôi học về image map. Khi bấm vào, anh ta nói “ồ, nhột quá” rồi mới vào portfolio và phần điều hướng
    Tất cả đều là HTML 4, rất cơ bản, không JavaScript, không cookie, không form. Nhưng nhờ site đó, tôi có được công việc thật sự đầu tiên trong ngành thiết kế tại Micrografx, đối thủ của Adobe. Phần còn lại đã là lịch sử. Cảm ơn, Netscape

  • “Máy tính là một dạng công nghệ rất quan trọng. Không có máy tính thì không có website, không có Roblox studio, không có gì cả. Không có máy tính thì phải dùng máy tính bảng. Máy tính bảng không hữu ích lắm. Ừm, nếu muốn làm những việc mà máy tính có thể làm”
    Amen

    • “Máy tính bảng là một dạng công nghệ rất hữu ích”
      Rối quá. Rốt cuộc cái gì mới là thực tại

  • Một website rất tốt. Nhanh, trải nghiệm người dùng đơn giản, không JavaScript, tập trung vào nội dung

    • Dễ dàng có hiệu năng và khả năng tiếp cận tốt hơn phần lớn web “được phát triển chuyên nghiệp” bởi cả một đội ngũ
      Naya nên làm phó chủ tịch kỹ thuật của Reddit. Dùng cách tiếp cận này thì site thật sự sẽ được cải thiện
    • Tiết kiệm dung lượng hơn rất nhiều so với bất cứ thứ gì nhóm frontend của chúng tôi dùng. Docker image để build ứng dụng React nặng 6GB. Họ bảo “không phải lỗi của chúng tôi, là do NPM”
      Nội dung cũng hữu ích