HackerURLs

一次又一次被重新发现的经典。

同一个链接,相隔一年以上,一次又一次被人重新发现、再次冲上 Hacker News 首页。能经受住这种时间检验的,大多是值得一读再读的文章。每篇附中文标题,讨论最热的那些再加上中文导读和高赞评论翻译。

从名人堂开始
  • 4,700+篇经过时间检验的经典

Hall of fame

名人堂

在经典库里看全部精选

上首页次数最多、而且有中文导读的 30 篇。时间轴上每个黑点是一次上首页,空心点是一次没冲上去的投稿。

  1. 正在载入经典…

Archive

经典库

按第一次上首页的年份分布,点柱子筛选。

排序

    About

    这些经典是怎么挑出来的

    1. 01

      合并同一个链接

      读取 Hacker News 自 2006 年以来的全部链接投稿,把 http/https、www、跟踪参数等写法不同的同一篇文章合并成一条。

    2. 02

      只留经得起时间的

      同一链接至少两次拿到 50 分以上(约等于上首页),而且两次相隔一年以上;再由 AI 剔除状态页、产品首页和新闻事件。

    3. 03

      写导读、译评论

      上首页次数最多的 2,000 篇配上中文导读、"为什么经久不衰",并精选翻译 HN 高赞评论。导读由 AI 生成,可能有误。

    工具与资源github.com

    Web 开发者成长路线图

    Roadmap to becoming a web developer in 2017

    2次上首页
    2年跨度
    533累计得分
    238条评论

    2017 — 2019,它一次次回到首页

    黑点是上首页(≥ 50 分)的那次投稿,空心点是没冲上去的投稿,点越大分数越高。

    导读

    这是 GitHub 上 kamranahmedse/developer-roadmap 仓库中的一张开发者成长路线图,用图表列出想成为前端、后端或 DevOps 工程师需要依次学习的技术栈。它在 2017 年和 2019 年两次登上 Hacker News 首页,引发持久争论:支持者认为它全面、便于查漏补缺,批评者则认为它把后端简化得过头、把 jQuery 这类过时技术列为核心,并且对初学者造成严重的信息过载。

    为什么经久不衰:它浓缩了“学多少技术才算够”这个永恒争论,技术栈越膨胀,这份图越像一面警示镜:真正的成长来自动手做东西,而非照着清单逐项勾选。

    关键词 web开发学习路线图技术栈开发者成长

    HN 评论精选

    技术栈爆炸式增长,今天这张图对新手更具威慑力。

    我觉得最有意思的是,这些技术里的大多数在我大约七年前第一次搬到硅谷时还不存在或尚处婴儿期。今天看这张图,对年轻开发者来说肯定要吓人得多。我记得十年前,前端开发者意味着你要搞定 HTML/CSS/JavaScript/Apache/PHP/MySQL。而今天,前端开发者的路上有 15 个分叉,通向不同的路径。

    chrisabrams查看英文原文

    What I find most interesting is that the majority of these technologies did not exist or were in their infancy ~7 years ago when I first moved to Silicon Valley. Looking at this chart must be much more intimidating for a young developer today. I remember a decade ago when a front-end developer meant you handled HTML/CSS/JavaScript/Apache/PHP/MySQL. Today, there are 15 forks in the road all leading to different paths as a front-end developer.

    jQuery 已非核心,不应被当作首要学习内容。

    如果一份 2017 年的指南把 jQuery 列为核心基础,那很难让人认同。当然,它在旧项目和简单的一次性脚本里有用武之地,但对于任何规模合理、浏览器支持合理的项目,你都会选别的。它还值得了解吗?当然。但它是你应该最先学的东西吗?绝对不是。

    Etheryte查看英文原文

    If a guide recommends jQuery as a central basic in 2017, it's hard to agree. Sure, it can have its uses in old projects and simple one-off scripts, but for any reasonably sized project with reasonable browser support you will be going with something else. Is it still worth knowing? Sure. Is it something you should learn first? Absolutely not.

    初学者不必掌握大部分内容,也不该被“选路径”束缚。

    往下滚动时我有好一阵子确信这是个玩笑。“好一个恶搞!”我心想。然后我惊恐地意识到它是认真的。作为 1997 年入行的 web 开发者,目前同时做 Rails 和 JAMstack,我可以向所有初学者保证:你完全不需要了解这堆东西里至少 50%,很可能接近 70%。我也深深反感“必须选择一条路”的观念。根据手头的任务和目标,我每天在前后端和 DevOps 之间来回切换。如果你的技术栈复杂到无法自底向上、自后向前地理解它是怎么构建、怎么轻松部署的,那要么你身处巨型公司的大团队,要么就是做错了。

    jaredcwhite查看英文原文

    I was convinced for a while there as I scrolled down that this was a joke. "Good parody!" I thought to myself. Then I realized to my horror this is actually serious. As a web developer since 1997, currently working in both the Rails & JAMstack spaces, I can assure any and all beginners out there you don't need to know anything about at least 50% of this stuff, probably closer to 70%. I also deeply resent the notion that you have to "choose a path." Depending on the task at hand and what I'm trying to accomplish, I'm working on the backend, the frontend, and/or the devops side. I jump between all of those daily. If your stack, website, or web app is so complicated that you simply have no ability to understand how it's built bottom-to-top, back-to-front, and how to deploy it easily, then either (a) you're in a massive team at a gigantic software company, or (b) you're doing it wrong!

    连资深前端都没听过其中许多技术,说明路线图的思路有问题。

    过去十五年里我大约有一半时间做 web 开发,目前在一家大型以 web 为主的公司(Shopify)做高级前端开发。所以我猜我算相当擅长吧?仅从“前端路线图”部分看,我连听都没听过的就有:BEM、OOCSS、SMACSS、Bulma、JSCS、ngrx、Vuex、Ava、Protractor、Cypress、Emotion、Radium、Glamorous、After.js、Universal、Nuxt.js、Carlo。这还只是我今天之前没听过的,还有一大堆听过但没用过。这页面完全是错误的思考方式。

    a-priori查看英文原文

    I've worked as a web developer for about half of the last fifteen years, and work as a senior front-end developer at a large web-focused company (Shopify). So I guess I'm fairly good at it? Here's a list of things I have never even heard of just from the "Front-end Roadmap" section: BEM, OOCSS, SMACSS, Bulma, JSCS, ngrx, Vuex, Ava, Protractor, Cypress, Emotion, Radium, Glamorous, After.js, Universal, Nuxt.js, Carlo. That's only the ones I've never even heard of until today. There's a bunch more I've heard of but never used. This page is completely the wrong way of thinking about how to become a web developer.

    历次讨论

    同类还值得读

    1. 直接在浏览器中启动 Linux 内核

      Boot a linux kernel right inside your browser.

      Fabrice Bellard 的 JSLinux 页面,用 JavaScript 在浏览器里启动一个 Linux 内核,并提供一个可交互的终端环境。

      工具与资源上首页 5 次 · 2011–2025bellard.org
    2. Hacker News 未公开功能与行为清单(2018)

      A List of Hacker News's Undocumented Features and Behaviors (2018)

      数据科学家 Max Woolf 整理的 Hacker News 未公开功能与行为清单,涵盖投票机制、排名算法、账号惩罚等社区运作细节。

      工具与资源上首页 5 次 · 2019–2025github.com
    3. MapSCII:在终端中用盲文和 ASCII 渲染地图

      MapSCII – Braille and ASCII map renderer for the console

      MapSCII 是一个在命令行终端里渲染地图的开源工具,用盲文字符和 ASCII 字符把地理数据画成可交互浏览的字符地图。

      工具与资源上首页 5 次 · 2017–2025github.com
    4. 顶尖大学的免费在线课程

      Free Online Courses from Top Universities

      Open Culture 整理的一份免费在线课程合集,汇集了全球顶尖大学(如 MIT、斯坦福、耶鲁等)向公众开放的网络课程资源,涵盖音频、视频等多种形式。

      工具与资源上首页 5 次 · 2010–2022openculture.com
    5. 淘气字符串:容易引发用户输入问题的字符串清单

      Naughty Strings: A list of strings likely to cause issues as user-input data

      一个 GitHub 仓库,收录了大量容易让程序出问题的用户输入字符串,如特殊字符、emoji、SQL 注入片段、系统命令等,供开发者用于测试输入处理逻辑。

      工具与资源上首页 4 次 · 2015–2020github.com

    打赏支持

    打赏二维码

    觉得有用,请作者喝杯咖啡。

    WeChat

    关注向阳乔木

    微信公众号「向阳乔木推荐看」

    微信公众号「向阳乔木推荐看」二维码

    微信扫一扫;在微信里打开本页时,长按二维码识别。