前端学习指南

学习曲线遵循

`JavaScript (ES5/6)` ===> `React` => `React Native` => ------|
         |            |       |                     |        |
        `FP`          |       ==> `Flux/Redux`  ==> |        |
                      |                                      |
                     ===> `Vue` => `Vuex` => ----------------|
                                                             |
                                                             |
`HTML` => `HTML5`   ===>     `Mental Model`  <===  ----------|
                     |           |
                     |           |
                     |        `Design` ===> `Art` ===> ...
                     |
`CSS` => `CSS3` => `LESS`

本文重在 “术”，追求的是广度，要想继续学习，在前端领域深入耕耘、探索，请参见以下内容：

“道” —— 有一些技术背后的原理阐述、架构思考、编程方法论等。
“法” —— 对前端细分领域的思考，注重深度，比如动画等。

概览

How it feels to learn JavaScript in 2016

中文版 => 在 2016 年学 JavaScript 是一种什么样的体验？

Front-End Developer Handbook 2017

开发工具

WebStorm / VSCode / Sublime Text / Atom
Chrome

一些常用工具的使用方法可参考 toolkit

版本控制 Git

git - 简明指南

参考：

编码规范 JavaScript

Airbnb JavaScript Style Guide

参考：

Airbnb JavaScript 编码规范
Airbnb React/JSX Style Guide
项目中 Eslint rules 及提示
Front-End Coding Guidelines 京东凹凸实验室的前端代码规范

调试工具

在 Chrome DevTools 中调试 JavaScript 入门 Chrome 开发者工具

JavaScript

React

React 官网

React 参考：

React Native

React Native 官网

React Native 参考：

Flux

Flux 官网

参考：

Flux 架构入门教程

Redux

Redux 官网

参考：

其他

React 技术栈系列教程

Vue

Vue 官网

Vue 参考：

测试

前端测试框架概览

基于 React + Redux 的组件测试

前端单元测试探索

测试框架 Mocha 实例教程

Enzyme

使用 Mocha + Chai + Sinon 测试 React + Redux 的 web 应用

React 测试入门教程

Web

HTML

HTML 教程

HTML5 教程

CSS

LESS

LESS 一种动态样式语言

LESS 官网

LESS 中文网

Color

WEB安全色

Colors色彩

Electron - 桌面应用

Electron 官网

参考：

TypeScript

TypeScript 官网

参考：

Design

设计体系方法论： atomic design，阐述了从抽象到具体的 5 个层次：

Atoms => Molecules => Organisms => Templates => Pages

Ant Design

Material Design

React Components

React Native Components

Ant Design Mobile

References

Web前端导航

前端资源库

Page speed optimization

浏览器兼容性 Can I Use

Create a minimal favicon

About

前端学习指南