• 前端学习规划
  • 技术栈
  • 书籍
    • HTML/CSS
    • JS
  • Awesome
  • 学习计划
    • HTML/CSS/JS
    • React
  • 资料附录
  • 注意点

• 前端学习规划
  • 技术栈
  • 书籍
    • HTML/CSS
    • JS
  • Awesome
  • 学习计划
    • HTML/CSS/JS
    • React
  • 资料附录
  • 注意点

前端学习规划

技术栈

准备要掌握的技术栈：

• HTML/CSS/JS
• React
  • React
  • React Router
  • Redux
  • Antd

书籍

HTML/CSS

• 《HTML&CSS 设计与构建网站》
• 《Head First HTML与CSS中文版》
• 《HTML与CSS入门经典 第八版》
• 《HTML5秘籍（第2版）(豆瓣)》
• 《权威指南（第三版）(豆瓣)》
• 《CSS3秘笈》
• 《精通CSS·高级Web标准解决方案》
• 《HTML5权威指南》
• 《CSS禅意花园》
• 《CSS3专业网页开发指南》

JS

• 《JavaScript权威指南（第6版）》
• 《JavaScript高级程序设计（第3版）》
• 《JavaScript DOM编程艺术（第2版）》
• 《Java Script ES6 入门》
• 《JavaScript语法精粹》
• 《ES 6标准入门（第2版）》
• 《学习Javascript数据结构与算法》
• 《JavaScript设计模式与开发实践》
• 《高性能JavaScript》
• 《你不知道的JavaScript（YOU DONT KNOW JAVASCRIPT）》
• 《锋利的jQuery》
• 《You Don't Know JS》为开源版本，也有实体书
  • 英文原版 (opens new window)
  • 中文翻译版 (opens new window)
• 《JavaScript语言精粹》

Awesome

React (opens new window) 一个中文版的整理 (opens new window) 一个中文站点 (opens new window)

学习计划

HTML/CSS/JS

• HTML/CSS继续熟悉

• JS继续研究，犀牛书仔细研究一遍

React

• React官方文档继续学习，熟悉后面语法
• React.js小书学习
• 熟悉 React Router ，控制页面堆栈
• 熟悉 Redux，管理数据流动
• 项目继续用Antd，熟悉该框架

资料附录

• React 中文文档 (opens new window)

• React.js 小书 (opens new window)

• Create React App 中文文档 (opens new window)

• React Router 英文站点 (opens new window)

• React Router 中文站点 (opens new window)

• Redux 中文文档 (opens new window)

• MDN web docs (opens new window) 查HTML/CSS/JS各种定义API等

• W3C中国 (opens new window)

• Bootstrap (opens new window)

• 印记中文 (opens new window)

• 印记中文周刊 (opens new window)

• Ant Design 实战教程（beta 版） (opens new window)

• Flex 布局教程：语法篇 (opens new window)

• ECMAScript 6 入门 (opens new window)

注意点

• 有问题上MDN
• freeCodeCamp (opens new window)