HN công bố: HTML cho mọi người

• HTML for People là một webbook dành cho người mới bắt đầu, giúp cả những người ngoài ngành công nghệ cũng có thể tự tạo website bằng HTML
• Xem HTML như một định dạng tài liệu của web mà ai cũng có thể sử dụng, và lấy đó làm điểm khởi đầu để tạo website
• Được cấu trúc để ngay cả khi không có kinh nghiệm làm website hay lập trình, người đọc vẫn có thể làm theo phần tạo website từ đầu
• Blake Watson đã làm website từ đầu những năm 2000 và viết cuốn sách với suy nghĩ rằng ai cũng nên có thể học HTML
• Tập trung trình bày những nội dung cần thiết theo cách dễ tiếp cận và thân thiện, giúp hạ thấp rào cản cho người mới nhập môn

---

HTML mà ai cũng có thể dùng

• HTML không phải là công cụ chỉ dành cho người làm trong lĩnh vực công nghệ, mà là một định dạng mở cho bất kỳ ai muốn tự tạo website
• Nếu hiểu HTML như một kiểu tài liệu cấu thành nên web, bạn có thể bắt đầu làm website mà không cần đến các công cụ phức tạp

Webbook cho người mới bắt đầu

• HTML for People là một webbook thân thiện với người mới, để cả những người chưa có kinh nghiệm làm website hay lập trình cũng có thể làm theo
• Blake Watson đã làm website từ đầu những năm 2000, và dù làm việc trong lĩnh vực chuyên môn, ông vẫn cho rằng ai cũng nên có thể tạo website bằng HTML
• Cuốn sách hướng dẫn những nội dung cần thiết để bắt đầu theo cách dễ tiếp cận và thân thiện

[GN⁺]

Ý kiến trên Hacker News

• Tôi thích lựa chọn không tự xử lý CSS mà dựa vào https://simplecss.org/. CSS là một lĩnh vực hoàn toàn khác, nên nếu đặt lên trên HTML cơ bản thì có thể khá nặng nề
  Tuy nhiên, “Bước 1. Tạo một thư mục trên máy tính” trong https://htmlforpeople.com/zero-to-internet-your-first-websit... khiến tôi hơi lo. Vì ngày nay có vẻ có khá nhiều người hoàn toàn không hiểu về tệp và thư mục: https://www.theverge.com/22684730/students-file-folder-direc...
  Dù vậy, dành cả một chương sách để giải thích về tệp và thư mục thì có cảm giác trùng lặp, thay vào đó sẽ tốt hơn nếu có một tài liệu nhập môn hay để liên kết tới

  • Thật ngạc nhiên khi thấy đại dịch di động đã trở nên nghiêm trọng đến mức nào. Ngay cả trong số sinh viên vào ngành khoa học máy tính cũng có người không biết cách giải nén zip hoặc không tìm được tệp đã tải xuống nằm ở đâu
    Nhân tiện, những sinh viên như vậy mà tôi biết đều đã bỏ học trước năm hai
  • Không biết tệp và thư mục ư, ở đây chúng tôi đang vung nắm đấm khăng khăng rằng đó không phải là “thư mục” mà là directory ;)
  • Tôi luôn hơi thất vọng với cách hầu hết trình duyệt web render các trang HTML không có thông tin kiểu dáng rõ ràng
    Không có ý nói mặc định của trình duyệt phải có gu mạnh như simple.css, nhưng lề, padding, kiểu chữ, tiêu đề mặc định đều không thật sự hấp dẫn
    Nhà phát triển web có gu rõ ràng thì dù mặc định là gì cũng sẽ ghi đè, nhưng tôi tự hỏi liệu đã có nhiều trang cá nhân và blog HTML thuần hơn không nếu mặc định đẹp hơn trở thành thông lệ
  • Việc khi mở ứng dụng hay web app, thay vì mở tài liệu mới lại bắt đầu hiển thị danh sách tài liệu gần đây chính là khởi đầu của hồi kết
    Nếu cần một tệp, chỉ cần mở ứng dụng dành cho tệp đó rồi cuộn xuống, nên không cần hiểu mô hình rằng tệp tồn tại độc lập với ứng dụng và có thể được tạo hoặc xem bên trong ứng dụng
    Tôi nghĩ việc iOS không có trình quản lý tệp đã củng cố xu hướng này
  • Tôi không nghĩ đây là vấn đề thế hệ. Nó gần với việc lười biếng thuần túy lan như một đại dịch hơn
    Mô hình tư duy kiểu “cứ nhét mọi thứ lẫn lộn vào giỏ đồ giặt rồi khi cần thì lấy ra”, hay câu “tôi cố sắp xếp, nhưng khi tệp quá nhiều thì thành đống hỗn loạn” thể hiện rõ điều đó
    Giống như nhiều người trên HN, tôi rất quen thuộc với máy tính, cũng đã thử tránh mô hình tệp/thư mục, nhưng cuối cùng không tìm được cách nào. Dù trông có vẻ “cao cấp” đến đâu, các cách khác đều sụp đổ
    LLM có thể thay đổi điều này, nhưng cho đến nay vẫn chưa có cách nào để máy tính dự đoán tôi muốn và không muốn gì rồi tự sắp xếp cho tôi

• Tôi cho rằng cách tiếp cận cơ bản của dự án này rất có giá trị với thế giới
  Chính kiểu giáo dục về tiêu chuẩn mở như thế này có thể là công cụ mạnh mẽ giúp chúng ta thoát khỏi các công ty khổng lồ và mờ đục, quay lại hệ thống dựa trên tiêu chuẩn mở như thuở ban đầu của Internet
  Tôi mong nó tiếp tục được cập nhật và có nhiều người xem, đóng góp hơn. Nếu cùng suy nghĩ, ít nhất hãy bấm sao trên GitHub: https://github.com/blakewatson/htmlforpeople
  Nhân tiện, đến nay tôi không có liên quan gì đến dự án này và cũng chẳng được lợi gì khi nói như vậy

  • Mozilla đã có tài liệu tuyệt vời từ nhiều năm trước
    Cũng có cả phần hướng dẫn HTML cơ bản: https://developer.mozilla.org/en-US/docs/Learn/HTML
    Đâu có ai ngăn mọi người học HTML
  • Tôi thật sự hy vọng điều đó xảy ra. Tôi tò mò không biết chuyện gì sẽ xảy ra nếu người bình thường cảm thấy rằng học HTML cũng là một lựa chọn thay thế thực tế và hữu ích để đạt mục tiêu, thay vì học cách dùng WordPress hay MS Word hàng chục giờ
  • Tôi là OP. Cảm ơn vì những lời tốt đẹp. Tôi hy vọng tài liệu này đến được tay người không chuyên

• Làm tốt lắm. Tôi rất thích cách trước hết cho thấy chỉ cần viết văn bản thuần rồi đăng lên là nó hoạt động ngay, sau đó chuyển sang HTML một cách tự nhiên
  Bài viết cũng rõ ràng, tạo cảm giác chào đón và có cấu trúc tốt nên có vẻ dễ đọc và thú vị. Tôi tin rằng trao HTML vào tay người không chuyên là một mục tiêu tốt
  Nếu góp vài ý, có vẻ nội dung về mã hóa ký tự xuất hiện khá muộn. Người quen dùng tiếng Anh nhưng muốn viết website bằng ngôn ngữ của mình, hoặc người có tên chứa dấu, có thể sẽ bất ngờ. Thay vì chỉ nói đó là dành cho các ký tự đặc biệt như emoji, nên nói rằng nó cần thiết cho hầu hết các ngôn ngữ không phải ASCII thuần
  Các thẻ body, head, html phần lớn có thể bỏ qua, nhưng html hữu ích vì thuộc tính lang, giúp khả năng truy cập và ngăn một số trình duyệt đưa ra đề xuất dịch sai
  VS Code hơi đáng tiếc vì telemetry, và có vẻ nặng, phức tạp so với công việc. Trên Windows, Notepad++ là lựa chọn tốt, còn trên Linux thì trình soạn thảo văn bản cài sẵn là đủ. Cũng có Codium, bỏ đi những phần xấu. Độc giả mục tiêu không biết những phần xấu này, nên vô tình cài spyware
  Tôi không biết tính năng aria-current="page", nhưng có lẽ từ giờ sẽ bắt đầu dùng

  • Nếu muốn thêm thẻ đó, chẳng phải ngay từ đầu đã phải đặt trình soạn thảo văn bản lưu bằng UTF-8 sao? Ví dụ Notepad không phải mặc định dùng UTF-16 giống những thứ khác trên Windows à?
  • Độ phức tạp lớn ở đây là mọi người không biết chính mã hóa ký tự là gì. Vì vậy khó kỳ vọng họ sẽ lưu index.html bằng UTF-8 ngay từ đầu
    Ví dụ Windows Notepad có lẽ mặc định sẽ dùng active code page. Nếu có thể xử lý cả vấn đề lưu tệp, tôi đồng ý rằng nội dung này nên được đưa vào nổi bật hơn

• Ý tưởng rất hay và mình cũng mừng khi có thêm nhiều trang như thế này, nhưng mình nghĩ nó giả định một mức kỹ năng sử dụng máy tính mà khó có thể kỳ vọng ở người dùng phổ thông không rành kỹ thuật
  Bước 1 bắt đầu bằng “Hãy chọn một vị trí trên máy tính và tạo một thư mục. Đặt tên kiểu như my-site”, nhưng ngay chỗ này đã có thể mất phần lớn mọi người
  Có nhiều người dùng máy tính hằng ngày mà không biết làm việc này đến mức đáng ngạc nhiên

  • Mình thấy hơi lạ khi điểm này cứ được nhấn mạnh trong luồng này
    Khó tin là một người dùng máy tính hằng ngày lại không biết cách tạo thư mục. Ngay cả mẹ mình, người hầu như không dùng máy tính, chắc cũng biết thư mục và tệp là gì
    Những người không biết tệp và thư mục là gì thì khó có thể là đối tượng hưởng lợi ngay lập tức từ hướng dẫn này, đúng không? Trước đó họ cần học những thứ cơ bản hơn nhiều
  • Có lẽ khá nhiều người dùng HN cũng đã xem trang này trên thiết bị di động, nên chắc không ở trong tình huống có thể làm theo hướng dẫn ngay
  • Nếu điều này là thật thì rất buồn. Con người đã thụt lùi đến mức này sao? Ngay cả khi còn nhỏ mình cũng có thể làm theo những chỉ dẫn này, và thực tế là mình đã tự làm website lúc 10 tuổi
    Có thật là nghiêm trọng đến vậy không, hay chúng ta đang quá nghi ngờ mọi người trước? Có phải vì mọi thứ đều được xử lý bằng ứng dụng đám mây nên mới thành ra thế này không?
  • Mình là OP. Mình cũng hơi lo về phần này, và tuy đã nhắc đến phần nào trong đoạn giới thiệu, có lẽ cần nói kỹ hơn
    Mình đang cân nhắc tự viết và host tài liệu nhập môn về cách tạo tệp và thư mục, hoặc liên kết đến những tài liệu nền tảng như vậy

• Mình đã nhiều lần cố thuyết phục người không rành kỹ thuật rằng họ cũng có thể tự tạo website rất dễ, nhưng thường họ xem như chuyện đùa hoặc nghĩ rằng sẽ tốn công khủng khiếp
  Lần tới mình định cho họ xem trang này và bảo họ bỏ ra chỉ 30 phút để xem trong thời gian đó có thể làm được gì. Mình biết nhiều người sẽ bị cuốn vào ngay khi nếm được cảm giác đầu tiên kiểu “ồ, mình thật sự đã đăng một thứ gì đó lên web!”
  @blakewatson: bạn có kế hoạch thêm quốc tế hóa cho trang và nhận pull request bản dịch không?

  • Có! Mình rất muốn làm vậy. Cần cập nhật README, nhưng mình đang nghĩ đến chiến lược đặt các chương đã dịch trong thư mục con như /es
    Có thể cấu hình Eleventy để tạo menu điều hướng khác nhau tùy theo đường dẫn con
  • Trường học thật sự nên dạy những thứ như thế này. Ở cấp ba và đại học mình đã làm vài website cá nhân, chỉ với HTML và một chút CSS
    Mình nghĩ bước đầu tiên của mọi người nên là như vậy. Đó là một cách tuyệt vời để viết gì đó và thấy kết quả nhanh, dễ dàng. Thậm chí không cần máy chủ

• Tại sao lại là “Start coding already!”? Cụm như “Start writing already?” chẳng phải tốt hơn sao?
  Một nửa rào cản khiến mọi người thấy khó tạo website là vì họ nghĩ phải biết lập trình, và điều đó nghe đáng sợ. Trong khi đó họ biết mình muốn viết gì, nên cách tiếp cận đó dễ hơn nhiều

  • Đã đổi thành “Get started already” rồi :)
  • Mình là OP. Ồ, gợi ý hay đấy. Thật khó để bỏ cái tôi của một web developer và nhìn bằng con mắt mới. Dù mình đã cố làm điều đó một cách có ý thức mà vẫn vậy

• Mình thích việc bắt đầu từ một tệp HTML nhỏ, chứ không lập tức bắt cài NodeJS, VS Code và đủ thứ đồ linh tinh của web development

  • Đây là bài học mà nhiều chuyên gia cần học lại. Thực ra không cần hàng trăm MB JavaScript để hiển thị văn bản và hình ảnh cơ bản
    Khả năng tiếp cận và khả năng suy giảm một cách nhã nhặn khi có lỗi quá thường xuyên bị bỏ qua

• Mình thích trình tự của tutorial: trước hết cho triển khai một cách đơn giản
  Tạo index.html dạng văn bản thuần bằng Notepad/TextEdit, triển khai lên nơi như Neocities, rồi thêm nội dung bằng tiêu đề và hình ảnh
  Sau đó mới thêm head, body, v.v. để biến nó thành HTML đúng nghĩa, rồi nâng cấp từ Notepad/TextEdit lên Visual Studio Code

  • Có lẽ bạn đã biết, nhưng trong HTML5, html, head, body là tùy chọn, nên dù không có chúng thì vẫn là tài liệu hợp lệ

• Một nỗ lực tuyệt vời và phần thực hiện cũng rất tốt. Mình sẽ bookmark để chia sẻ cho người khác
  Gần đây mình đã quyết định chỉ thêm nội dung vào website của mình bằng HTML viết tay, và từ từ chuyển cả các bài viết cũ sang. Mình thích HTML vì nó trực tiếp, dễ thay đổi tạm thời theo từng trang, và bền bỉ
  Sau khi đã dùng gần như mọi hệ thống để xuất bản lên web, mình kết luận rằng dù ban đầu tốn thêm chút công, HTML vẫn là công cụ phù hợp cho việc đó
  Là một developer đã nghỉ hưu, khi có hứng mình vẫn nghịch Rust, SQL, embedded các thứ, nhưng khi muốn viết thì mình chỉ muốn viết thôi. HTML phần nào cho phép điều đó
  Nếu nhiều người hơn xem HTML là tài liệu để viết chứ không chỉ là mục tiêu build, hệ thống có lẽ sẽ đơn giản hơn rất nhiều. Cách tư duy hiện nay đã làm người dùng máy tính/web trung bình chậm lại đáng kể, và cũng tạo ra một đống rắc rối lớn cho developer
  Mình không biết sự phức tạp mà chúng ta đã đưa vào thế giới này giúp ích cho ai trong 99% trường hợp. Tài liệu này có thể là một trong những cú hích đưa chúng ta trở lại đúng chỗ