434 - 《前端知识图谱 01 - 核心能力》
基于 https://frontendmasters.com/guides/front-end-handbook/2024/ 整理,分类很好,但内容。。我过滤掉一些课程广告和我觉得价值不大的链接,然后补充一些我的理解和资料,欢迎补充。
1、代码编辑器。
前端常用编辑器有:
- VSCode
- WebStorm
- Zed
MDN 上有一篇关于编辑器的介绍,见 https://developer.mozilla.org/en-US/docs/Learn/Common_questions/Tools_and_setup/Available_text_editors ,但内容有点过时。
2、HTML。
一些学 HTML 的站点包括:
- MDN 上的 Guide to HTML
- web.dev 上的 Learn HTML
- HTML Reference 查看参考,一目了然
- MDH 上看 HTML Reference
深入了解 HTML 可以看规范,见 https://html.spec.whatwg.org/multipage/ 。
3、CSS。
一些学 CSS 的站点包括:
- MDN 上的 Guide to CSS
- web.dev 上的 Learn CSS
- CSS Reference 查看参考,一目了然
- MDH 上看 CSS Reference 和 CSS Selectors Reference
- CSS Database
- CSS Tricks
- 217 - 《CSS 技巧》
深入了解 CSS 可以看规范,见 https://www.w3.org/Style/CSS/current-work 。
4、JavaScript。
一些学 JavaScript 的站点包括:
- MDN 上的 Guide to JavaScript
- web.dev 上的 Learn JavaScript
- freeCodeCamp 上的 JavaScript Algorithms and Data Structures
- JavaScript Roadmap
- javascript.info
- 33 JS Concepts
- Eloquent JavaScript(注:418 - 《知识星球资料》 有最新第四版的双语版)
- Kyle Simpson 的 You Dont Know JS
- MDH 上看 MDN JavaScript Reference
深入了解 JavaScript 可以看规范,见 https://tc39.es/ecma262/ 。
5、DOM。
DOM 全称 Document Object Model,是网页文档的一个基本编程接口,它将网页概念化为一棵由节点组成的分层树,使动态交互和操作成为可能。
一些学 DOM 的站点包括:
深入了解 DOM 可以看规范,见 https://dom.spec.whatwg.org/ 。
6、TypeScript。
TypeScript 是由微软开发和维护的一种开源编程语言。它是 JavaScript 的超集,这意味着任何有效的 JavaScript 代码也是有效的 TypeScript 代码。
一些学 TypeScript 的站点包括:
7、JavaScript Web APIs
Jav