03-前端学习资源推荐

前端教程

千古前端图文教程

• 官网：https://web.qianguyihao.com/ (opens new window)

• GitHub：https://github.com/qianguyihao/web (opens new window)

千古前端图文教程，超详细的前端入门到进阶学习笔记。从零开始学前端，做一名精致优雅的前端工程师。

现代 JavaScript 教程

• 官网：https://zh.javascript.info/ (opens new window)
• GitHub：https://github.com/javascript-tutorial/zh.javascript.info (opens new window)

以最新的 JavaScript 标准为基准。通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。

CSS

• CSS Inspiration，在这里找到写 CSS 的灵感：https://github.com/chokcoco/CSS-Inspiration (opens new window)

• CSS 常用样式：https://github.com/QiShaoXuan/css_tricks (opens new window)

• css的各种效果实现：https://lhammer.cn/You-need-to-know-css/#/ (opens new window)

css的各种效果实现（尤其是动画效果），关键时刻能救命。作者内化后输出，并贡献出来。这种也是颇为难得了。很有极客精神。

比如，我在这里面找到了「抖动效果」，很有帮助。

JavaScript

• 优秀的JS代码规范：https://github.com/ryanmcdermott/clean-code-javascript (opens new window)

• 据说这个项目，是宝藏：https://github.com/dexteryy/spellbook-of-modern-webdev (opens new window)

TS

• TypeScript 教程：https://github.com/xcatliu/typescript-tutorial (opens new window)

Node.js

Node.js学习：https://blog.poetries.top/node-learning-notes/ (opens new window)

算法类

• 数据结构和算法：https://github.com/trekhleb/javascript-algorithms (opens new window)

• leetcode解题之路：https://github.com/azl397985856/leetcode (opens new window)

• 五分钟学算法：https://github.com/MisterBooo/LeetCodeAnimation (opens new window)

• LeetCode 攻略 - 2019 年 8 月上半月汇总（109 题攻略）：https://juejin.im/post/5d522f7cf265da03c926ede5 (opens new window)

• 极客时间 App 的《数据结构与算法之美》

Vue 教程

• 你也许不知道的 Vuejs：https://github.com/yugasun/You-May-Not-Know-Vuejs (opens new window)

综合类

• 前端精读周刊 (opens new window)

其他

• 单元测试：https://github.com/goldbergyoni/javascript-testing-best-practices (opens new window)

前端面试

• 前端面试图谱：https://yuchengkai.cn/docs/zh/ (opens new window)

这个项目是从面试的角度出发的。我自己的项目是，是从基础入门的角度出发的。可以起到互补的作用。

• 前端面试常考问题整理，按模块知识点分类：https://blog.poetries.top/FE-Interview-Questions/ (opens new window)

• 前端开发面试题: https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions (opens new window)

• web前端面试宝典：https://github.com/h5bp/Front-end-Developer-Interview-Questions/ (opens new window)

• 掘金前端面试题合集：https://github.com/shfshanyue/blog/blob/master/post/juejin-interview.md (opens new window)

综合面试

• 反向面试（反问面试官的问题）：https://github.com/yifeikong/reverse-interview-zh (opens new window)

博客

• 收集优质的中文前端博客：https://github.com/FrankFang/best-chinese-front-end-blogs (opens new window)

• 前端博客：https://github.com/laizimo/zimo-article (opens new window)

讲得比较详细。比如说这篇：CSS布局说——可能是最全的 (opens new window)

文档类

• 中文博客排版指南：https://github.com/qianguyihao/document-guide (opens new window)

• 中国程序员容易发音错误的单词：https://github.com/shimohq/chinese-programmer-wrong-pronunciation (opens new window)

学会提问

• https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way (opens new window)