前端基础 ​

网页原生 ​

HTML + CSS + JavaScript 三剑客。

• FreeCodeCamp
• 前端小课
• web.dev
• 前端九部

html 基础 ​

包括语义化，元素，表单，验证，可访问性等。

css 基础 ​

包括定位、显示、盒模型、浮动、弹性布局、排版、视觉效果、响应式布局、自适应布局等。

• 学习 CSS 布局
• CSS 世界
• CSS 权威指南
• you-need-to-know-css
• css 晦涩难懂的点
• 为什么很多 web 项目还是使用 px，而不是 rem

javascript 基础 ​

包括 es6+，node.js 等。

• The Modern JavaScript Tutorial - 中文版
• JavaScript 编程精解
• ES6 入门 - 镜像
• JavaScript 高级程序设计
• JavaScript 权威指南
• JavaScript 轻量级函数式编程
• JavaScript 函数式编程指南
• 你不知道的 JavaScript（上）
• 你不知道的 JavaScript（中）
• 你不知道的 JavaScript（下）
• JavaScript 语言精髓与编程实践
• Node.js 入门教程
• nvm - 管理 node 版本
• nvm-windows - Windows 版本的 nvm，命令和配置有一些差异
• nvs - 管理 node 版本
• fnm - 管理 node 版本
• volta - 管理 node 版本

依赖管理 ​

• npm
• yarn
• pnpm
• npm-check-updates - 手动检查依赖版本
• renovate - 自动检查依赖版本

css 处理器 ​

• postcss
• sass/scss
• less

typescript 基础 ​

• 入门教程
• 官方教程
• 官方教程中文版
• 深入理解 typescript 中文版
• 深入理解 typescript 中文版
• 从零开始配置 TypeScript 项目
• tsconfig 配置说明
• Type Challenges
• Type Level TypeScript
• Beginner's TypeScript

数据结构和算法 ​

• 前端算法体系
• IAlgorithms
• 算法 101

正则表达式 ​

• JavaScript 正则迷你书

框架 ​

• 对前端框架的理解

资料 ​

• w3c
• mdn
• ibm developer
• red hat topics
• digital ocean community
• css-tricks
• medium
• 六个基本概念
• openbase - 选型工具
• helpers 是面向当前产品的不通用方法，utils 是面向抽象任务的通用方法。