Web 教程
Learn HTML CSS
前端入门第一课，HTML搭骨架、CSS穿外衣——学会这两样，你就能从"看网页"变成"造网页"。
Design for web • A handbook for aspiring web designers
这不过是又一本用华丽排版包装平庸常识的入门读物——真正有才华的设计师靠的是大量拆解优秀作品和反复试错，而不是翻阅手册。
CS-Books-Store
CS-Books-Store：程序员的免费圣经，堆满硬核教材和课程，开源精神拉满，自学CS的宝藏仓库，直接吊打付费教育平台。
MDN Web Docs
前端开发者的圣经，查API、学标准、找兼容方案，一个网站全搞定——MDN用实力证明了"官方文档"四个字就是最好的口碑。
全栈教程
Refactoring UI
写给程序员看的 UI 设计指南，终于有人把「好看」翻译成能落地的间距、色彩和排版公式了。
Learn Programming
学编程的真正门槛不是语法，而是你愿不愿意在反复报错中把耐性磨成手艺。
SitePoint — Learn HTML, CSS, JavaScript, PHP, Ruby & Responsive Design
一站式编程学习平台，涵盖前端后端全栈技术，想当码农的可以蹲一蹲。
Codecademy
免费编程教学平台，互动式学习让零基础小白也能快速上手写代码，打破传统教育的门槛。
Learn to code with Scrimba
Scrimba把编程学习变成可交互的视频教程，边看边敲代码，比传统课程更沉浸，适合动手派快速上手。
egghead.io - Learn Web Development from Expert Developers
花哨包装下的付费教程库，本质是把免费开源知识套上订阅制的壳——真正懂的开发者靠文档和社区自学，韭菜才会为"专家授课"的噱头买单。
freeCodeCamp.org
免费编程教育的天花板，用实战项目把小白逼成开发者。
菜鸟教程
编程入门者的百科全书，简洁易懂，免费良心，从零到一的最佳跳板。
技术社区
少数派 - 高效工作，品质生活
少数派：教你如何平衡工作与生活的艺术
Stack Overflow
全球程序员的"抄作业"圣地——Stack Overflow，表面上写着"问答社区"，实际上是无数开发者复制粘贴改变命运的地方。
Medium
Medium：互联网写作平台的"高端幻觉"——用付费墙把焦虑变现，让中产知识分子为"深度思考"的幻觉买单，本质是内容农场镀了层金。
DEV Community
程序员的聚集地，技术大佬和菜鸟一起折腾代码的地方，有人分享干货，有人求debug，活脱脱一个技术版的"知乎+贴吧"，写代码卡壳了就来这翻答案。
v2ex
程序员们的精神角落，技术八卦与职场吐槽齐飞，精英共一色。
CSDN_专业开发者社区
CSDN——广告和搬运文的海洋，真正的干货还得靠自己翻墙找，首页刷十篇九篇是水文，剩下那篇还是三个月前的旧闻新发。
稀土掘金
稀土掘金，程序员的深夜食堂——别人秀恩爱，他们秀PRD。
OSCHINA - 开源 × AI · 开发者生态社区
开源社区牵手AI，开发者生态迎来新变局。
博客园 - 开发者的网上家园
程序员最后的净土，还没被短视频和AI问答祸害的地方——可惜访问量一年不如一年了。
技术博客
Smashing Magazine — For Web Designers And Developers
Smashing Magazine：一个让前端开发者又爱又恨的存在——教程质量确实硬核，但订阅费也确实让人肉疼。
阮一峰的网络日志
技术圈最被低估的启蒙博客，多少程序员的入门导师，免费高质量内容吊打付费课程。
CSS-Tricks - A Website About Making Websites
一个关于做网站的网站，内容本身就成了最好的示范——CSS-Tricks用二十年证明：前端这门手艺，玩到极致就是艺术，而它恰是那本最坦诚的教科书。
首页 - 廖雪峰的官方网站
廖雪峰的官网，程序员的启蒙圣地——免费教程写得比付费课还良心，从Python到Java到JS，深入浅出，无数技术小白就是从这里开始"Hello World"的。
Microsoft Dev Blogs: Code, News, and Insights for Developers
微软开发者博客：官方技术风向标，紧跟最新开发趋势的必读阵地。
JavaScript 教程
Learn JavaScript
学JavaScript？别逗了，这玩意儿更新比你的还快，今天写的明天就过时，学它不如学怎么在Stack Overflow上Ctrl+C Ctrl+V来得实在。
JS Mastery Pro
又一个割韭菜的课程，"JS Mastery Pro"——名字叫大师级，内容大概率是网上免费教程的豪华包装版，专治那些以为交了钱就能成为JS高手的焦虑型开发者。真正的 mastery 是项目堆出来的，不是视频喂出来的。
Fireship | JavaScript, but fun.
用100秒讲透一个概念，让枯燥的技术学习变成刷短视频，效率翻十倍。
现代 JavaScript 教程
这套教程把 JavaScript 讲得通透明白，从基础语法到高级概念层层递进，是前端开发者不可错过的进阶指南。
技术文档
Microsoft Learn：构建触手可及的答案
微软终于舍得把知识免费撒出来了？别急，羊毛出在羊身上——先白嫖你的注意力，再推销Azure订阅和认证考试，这波"知识普惠"的尽头是付费墙。
CSS Tricks
前端开发者的百宝箱，从 Flex 布局到 Grid 实战，把 CSS 那些让人头秃的坑全填了。
Microsoft 开发人员
微软开发者生态：用 VS Code 绑架编辑器市场，用 GitHub 垄断代码托管，用 Azure 收割云计算——帝国正在用"开源友好"的伪装，把全球开发者变成它订阅制帝国的免费劳动力。
web.dev for China
Google 开发者平台中国版——终于把洋气的 Web 标准翻译成了简体中文，不用再啃英文文档也能紧跟前沿技术，前端工程师的中文学习门槛直接砍半。
犀牛书 - 中文技术文档大全
前端开发者的案头圣经，从入门到秃头，一本就够了。
DeepWiki | AI documentation you can talk to, for every repo
把代码库变成能对话的文档，DeepWiki让技术阅读从"翻字典"变成"问教授"，这才是AI时代开发者该有的阅读姿势。
TypeScript
W3Schools
W3Schools ���Ľ̳�
W3Schools——程序员的启蒙初恋，前端菜鸟的避坑指南，简单粗暴到让人感动，却也浅薄到让人止步。
W3Schools 中文网 | 免费在线编程教程 | HTML,CSS,JavaScript,Python 学习平台
免费且全面，从HTML到Python一站式搞定，编程入门的绝佳起点。
W3Schools Online Web Tutorials
W3Schools——程序员的启蒙读物，菜鸟的速查字典，专业人士的外挂大脑，web开发界的万能口袋书。
w3cschool官网 - 1000多本编程教程免费学
免费才是最贵的——用1000本教程填满你的收藏夹，也填不满你空白的简历。
JavaScript 风格指南
JavaScript Standard Style
JavaScript Standard Style：不用配置的ESLint规则，终于有人受够了/prettier和eslint那套组合拳，直接一套规则教你做人。代码风格这种破事交给工具统一，省得在PR里为了分号空格吵架浪费时间。
Airbnb JavaScript Style Guide
一份详尽的 JS 风格指南，从变量命名到异步方案事无巨细，堪称前端团队的代码宪法，建议直接写进编辑器插件里自动审判。
idiomatic.js
想写出地道优雅的JavaScript代码？idiomatic.js就是你的圣经，汇集社区智慧，教你告别土味写法，写出让同事直呼"漂亮"的惯用代码。
Google JavaScript Style Guide
Google JS 规范：把"怎么写代码"上升到工程政治的高度，与其说是风格指南，不如说是大厂用代码格式统一思想、消灭个性的标准化武器——连你的分号都是他们说了算。
浏览器文档
Microsoft Edge 文档 - Microsoft Edge Developer documentation | Microsoft Learn
微软的官方文档库，看似详尽，实则堆砌术语、更新滞后，开发者真正踩坑时还得靠 Stack Overflow——这就是大厂文档的经典现状：齐全但不好用。
Firefox Source Tree Documentation — Firefox Source Docs documentation
Firefox 源码文档：程序员的考古现场，挖坟必备指南。
Chrome for Developers
谷歌又给开发者们发新玩具了，这次能让代码跑得更快还是只是换了个皮肤？
Git 教程
GitHub Git 备忘单 - GitHub Cheatsheets
一份面向开发者的Git命令速查手册，从基础操作到高阶技巧一应俱全，新手老手都能拿来就用。
GitHub - 521xueweihan/git-tips: :trollface:Git的奇技淫巧 · GitHub
收集了Git各种骚操作，适合新手老手偷师，关键时刻能救命。
git - the simple guide - no deep shit!
Git入门指南，简单粗暴不废话，专治各种"deep shit"式复杂教程。
git-flight-rules/README_zh-CN.md at master · k88hudson/git-flight-rules · GitHub
程序员版"飞行手册"：当你的代码即将坠毁时，如何优雅地从Git灾难中自救。
Learn Git Branching
学Git分支还在死记硬背命令？这个网站直接让你在浏览器里可视化操作，像玩游戏一样搞懂分支、合并、变基的底层逻辑——终于不用对着黑屏终端猜`rebase`和`merge`的区别了，Git入门的劝退率直接降八成。
Git Cheatsheet
一份Git命令速查表，把最常用的操作浓缩在一页纸里，适合懒得翻文档、只想快速复制粘贴命令的开发者——效率工具，朴实无华但真香。
GitHub Docs
GitHub Docs：程序员的说明书——写得再漂亮，bug 还是得自己 debug。