Frontend Focus

一份自己平常阅读的前端文章、新闻、工具，很棒的项目列表。

2022

• Stack Overflow Developer Survey 2022 — Stack Overflow 2022 开发者调查
• Internet Explorer officially dies today — 微软公司于 6 月 15 日永久关闭 IE 浏览器。

• State of CSS 2022 和 CSS in 2022 — CSS 2022 现状
• Vite 3.0 is out!
• 2022 年的 React 生态
• 尤雨溪主题演讲《2022 前端生态趋势》全记录
• State of Frontend 2022
• Is Turbopack really 10x Faster than Vite?
• Announcing Nuxt 3.0 stable — Nuxt 3.0 宣布推出稳定版
• 2022 JavaScript Rising Stars — 2022 年 JavaScript 领域的年度总结。
• State of CSS 2022 — 2022 年 CSS 生态圈的技术趋势！
• State of JS 2022 — 2022 年 JS 生态圈的技术趋势！
• 【VueConf 2022】尤雨溪：Vue 的进化历程

Frontend

• MDN — MDN Web Docs 提供了关于开放 Web 技术的信息，包括 HTML、CSS 和 JS，以及用于 Web 站点和渐进式的 Web 应用程序的 API。
• Frontend Focus — 每周一次的最佳前端新闻、文章和教程综述。HTML、CSS、WebGL、Canvas、browser tech 等
• Frontend Developer — 前端开发路线，该网站还提供了其他领域（包括后端、运维、Java、Go、React 等）学习路线
• freeCodeCamp — 是一个友好的社区，你可以在其中免费学习编码。
• CSS-TRICKS — 一个专注于 CSS 新技术、新特性的优秀网站，也包含了其他的前端技术分享。
• weekly — 前端精读周刊。帮你理解最前沿、实用的技术。前端精读周刊。帮你理解最前沿、实用的技术。

HTML

• HTML Living Standard
• WHATWG（Web 超文本应用技术工作组）是一个对通过标准和测试来发展 Web 感兴趣的人们组成的社区。
• W3C（万维网联盟）是一个国际组织，它开发开放标准以确保 Web 的长期发展。
• awesome-html5 — 精选的 HTML5 资源精选列表。

JavaScript

• ECMA TC39
• JavaScript Weekly — JavaScript 文章、新闻和酷项目的时事通讯。
• awesome-javascript — 一组很棒的浏览器端 JavaScript 库、资源和闪亮的东西。
• awesome-javascript-cn — 另外一份中文版的 JS 资源列表。
• Airbnb — JavaScript 样式指南。
• clean-code-javascript — 适用于 JavaScript 的简洁代码概念。
• mqyqingfeng/Blog — 冴羽目前写的四个系列：JavaScript 深度系列，JavaScript 专题系列，ES6 系列，React 系列。
• 33-js-concepts — 每个 JavaScript 开发人员都应该知道的 33 个概念。
• learn-javascript — 使用 JavaScript 的 GitBook 教学编程基础。
• JavaScript questions — 一长串（高级）JavaScript 问题及其解释。 ✨
• 30-Days-Of-JavaScript — JavaScript 编程语言的分步指南。
• javascript-patterns — JavaScript 设计模式集合，已经是个老项目了，但也值得阅读。
• modern-js-cheatsheet — 有关现代项目中经常遇到的 JavaScript 知识的备忘单。
• javascript-algorithms — JavaScript 实现的算法和数据结构，附有解释和进一步阅读的链接。
• 30 seconds of code — 满足你所有开发需求的简短 JavaScript 代码片段。
• ES6 入门教程
• 现代 JavaScript 教程 — 以最新的 JavaScript 标准为基准。通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。

TypeScript

• TypeScript
• type-challenges — TypeScript 类型挑战。
• TypeScript Playground — 在线体验 TypeScript。

Node

• Node 官网
• Node Weekly — 一个免费的，每周一次的 Node 新闻和文章的电子邮件汇总。
• awesome-nodejs — 令人愉快的 Node.js 包和资源。
• awesome-npm — 很棒的 npm 资源和技巧。
• awesome-micro-npm-packages
• awesome-nodejs-projects — 很棒的 Node.js 开源应用程序的精选列表。
• awesome-nodejs-security — 很棒的 Node.js 安全资源。
• nodebestpractices — ✅ Node.js 最佳实践列表。
• deep-into-node — 深入理解 Node.js：核心思想与源码分析。
• Tao of Node - Design, Architecture & Best Practices

Deno

• Deno 官网
• Deno News — Deno 文章、新闻和很酷的项目的时事通讯。
• awesome-deno — 与 Deno 相关的精选列表。

Vue

• Vue.js 官网
• Vue.js News — 向 Vue 开发人员提供最新的新闻和教程。
• awesome-vue 🎉 与 Vue.js 相关的精彩内容的精选列表。
• vuejs-challenges — Vue.js 挑战集锦。
• Vue SFC Playground — 在线体验 Vue。
• mini-vue — 一个最简化 vue3 模型。
• vue-design

里程碑:

• Vue 2.7 "Naruto" Released — Vue 2.7 "Naruto" 正式发布。
• Announcing Vue 3.0 "One Piece" — Vue 3.0 "One Piece" 正式发布。

React

• React 官网
• React Status — 每周汇总最新的 React 和 React Native 链接和教程。
• awesome-react 一系列关于 React 生态系统的精彩内容。
• awesome-react-native 很棒的 React Native 组件、新闻、工具和学习资料！
• awesome-react-components React 组件和库的精选列表。
• awesome-react-hooks 很棒的 React Hooks
• 在线体验 React — CodePen、CodeSandbox 和 Stackblitz
• React 源码解析

Serverless

• Serverless 官网
• Serverless — 每周新闻简报，介绍无服务器和功能即服务（FaaS）架构和平台，包括 AWS Lambda 和 Azure Functions。
• awesome-serverless ☁️ 为无服务器/无后端应用程序精心策划的服务、解决方案和资源列表。
• awesome-serverless Serverless 的 100 种玩法。

Build Tools

Webpack

• Webpack 官网
• awesome-webpack — 精选的 Webpack 资源、库和工具列表。

Vite

• Vite 官网
• awesome-vite — 与 Vite.js 相关的精彩内容的精选列表。

Awesome

一组 awesome 集合：

• awesome — 关于各种有趣话题的精彩列表。
• awesome-css — 🎨 令人惊叹的 CSS 的精选内容 :)
• awesome-css-frameworks — 很棒的 CSS 框架列表。
• awesome-electron — 使用 Electron 创建应用程序的有用资源。
• awesome-electronjs-hacking — 一份关于 Electron.js security 的精选资源列表。
• awesome-tailwindcss — 与 Tailwind CSS 相关的很棒的东西。
• awesome-linux — 一个很棒的项目和资源列表，这些项目和资源使 Linux 更加出色。
• awesome-interview-questions — 精心挑选的面试问题清单。随意贡献！🎓
• awesome-mac — 收集各种类别的高级软件。
• Awesome-Hacking — 为黑客、渗透测试人员和安全研究人员提供的各种很棒的列表的集合。
• Awesome-Linux-Software — 适用于 Linux 发行版的出色应用程序、软件、工具和其他材料的列表。
• awesome-selfhosted — 可以托管在你自己的服务器上的免费软件网络服务和 Web 应用程序列表。
• the-book-of-secret-knowledge — 一系列鼓舞人心的列表、手册、备忘单、博客、黑客、单行、cli/web 工具等。
• awesome-go — Go 框架、库和软件的精选列表。
• awesome-dotfiles — dotfiles 文件资源的精选列表。
• awesome-actions — 在 GitHub 上使用的精彩 actions 列表。
• awesome-redis — 令人惊叹的 redis 和 redis 生态系统资源的精选列表。
• awesome-postgres — 受 awesome-mysql 启发的精选 PostgreSQL 软件、库、工具和资源列表
• awesome-mysql-cn — MySQL 资源大全中文版，分析工具、备份、性能测试、配置、部署、GUI 等
• awesome-mysql — 精选的 MySQL 软件、库、工具和资源列表
• awesome-mac — 收集了各种类别的出色 macOS 软件。
• architect-awesome 后端架构师技术图谱。
• Awesome-WSL — 适用于 Linux 的 Windows 子系统的精彩列表。
• awesome-eslint — 很棒的 ESLint 插件、配置等列表
• awesome-security — 一组很棒的软件、库、文档、书籍、资源和关于安全的材料集合。
• awesome-web-security — 🐶 一份精心策划的 Web 安全材料和资源列表。
• awesome-swift — 一份很棒的 Swift 库和资源的合作列表。欢迎投稿!
• awesome-macOS — 一个为 macOS 精心策划的令人敬畏的应用程序、软件、工具和闪亮事物的列表。
• awesome-ios — 一份精选的 iOS 生态系统列表，包括 Objective-C 和 Swift 项目。

Other

• 996.ICU
• free-programming-books — 📚 免费提供的编程书籍。
• free-programming-books-zh_CN — 📚 免费的计算机编程类中文书籍。
• CS-Notes — 📚 技术面试必备基础知识、Leetcode、计算机操作系统、计算机网络、系统设计。
• GitHub-Chinese-Top-Charts — GitHub 中文排行榜，各语言分设「软件 | 资料」榜单，精准定位中文好项目。各取所需，高效学习。
• app-ideas — 一系列应用程序创意，可用于提高你的编码技能。
• build-your-own-x — 通过从头开始重新创建你最喜欢的技术来掌握编程。
• system-design-primer — 学习如何设计大型系统。为系统设计面试做准备。
• gitignore — 有用的 .gitignore 模板的集合。
• gold-miner — 🥇 掘金翻译计划，可能是世界最大最好的英译中技术社区，最懂读者和译者的翻译平台。
• Google Chrome version history — Google Chrome 历史版本。
• ruanyf/weekly — 阮一峰老师的科技爱好者周刊。
• DevDocs — 将不同语言、框架和库的 API 汇聚到了一个网页上，你可以直接在一个页面进行搜索。
• OverAPI — 收集所有 API 备忘单。
• Public APIs — 免费 API 的集合列表。
• the-art-of-command-line — 一页掌握命令行。