2018 ~ 2019 前端学习路线 - 好文

<>2018 ~ 2019 前端学习路线

<>序言

最近一年由于工作上的因缘巧合，暂停了iOS相关的开发，投入了前端的怀抱，对自己来说算是受到的客观安排。同时，根据对市场需求的分析，可以看出市场上对前端的需求量比iOS还是高了不少，具体数据以后有暇的时候会进行爬取分析一下。

总之呢，不管是个人喜好方面的主观原因，还是时势造就的客观原因，系统学好前端开发，对我来说都是一个值得迫切列入日程中的事情，同时这也是个人职业规划的重要部分，所以产生了这篇文章，
自用为主，当然也希望对大家有所帮助。

既然是系统学习，难免内容繁多复杂，所以本文尽量少做向外的延伸，把内容集中在关键的内容上。

<>准备

<>开发工具

个人推荐 Visual Studio Code <https://code.visualstudio.com> ，理由：界面简洁，插件丰富，调试方便。

<>调试工具

调试我一般直接使用 Google Chrome <https://www.google.cn/chrome/>
，不管是检查元素还是查看源码都比较方便，并且插件丰富。

<>代码托管

作为一名专业码农，当然是首选 Github <https://github.com> 了，学技术同性交友两不误☺。

<>基础知识

基础部分相对比较简单，容易理解，但是知识点比较繁多，所以要旨是尽可能多的记忆，以提高开发过程中的代码质量和开发效率，这部分 w3school
<http://www.w3school.com.cn> 或菜鸟教程 <http://www.runoob.com> 二选一即可,我这里选了菜鸟教程。

* HTTP协议 <http://www.runoob.com/http/http-tutorial.html> 任何语言开发都要了解的吧
* HTML <http://www.runoob.com/html/html-basic.html> 已经是HTML5标准
* CSS <http://www.runoob.com/css/css-tutorial.html> 要重点掌握 flex布局
<http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html> 哦
* JavaScript <http://www.runoob.com/js/js-tutorial.html>，不能落下 ES6
<http://es6.ruanyifeng.com> 新特性
<>进阶

进阶的话只能先围绕现在在用的技术作总结，我做项目是react + redux
起手的，所以学习总结路线会优先从这一块开始，完成这些，在制定之后的路线。需要优先掌握的内容有：

* react <https://react.docschina.org>
* redux <https://www.redux.org.cn>/mobx <https://cn.mobx.js.org>
* react-router <http://react-guide.github.io/react-router-cn/docs/API.html>
* styled-components <https://www.styled-components.com/docs>
* redux-saga
<https://redux-saga-in-chinese.js.org/docs/introduction/BeginnerTutorial.html>
* webpack <https://www.webpackjs.com/concepts/module-resolution/>
* immutable <https://facebook.github.io/immutable-js/docs/#/>
* Bootstrap <https://v3.bootcss.com/css/>

乍一看还是蛮吓人的，我的观点是先用起来，常用功能先掌握了，其余的用到的时候再翻阅也可以，本来学习就是长线的事情嘛！OK，说是进阶，我觉的把这些都熟练掌握了已经差不多是高级了，当然还有一些未提到的其他知识点，在实际工作中也很重要，用到的时候再列举好了，先这些。

<>延伸

通向全栈的一条路

* MySQL 教程 <http://www.runoob.com/mysql/mysql-tutorial.html>
* Python3 教程 <http://www.runoob.com/python3/python3-tutorial.html>
* Python 操作 MySQL 数据库 <http://www.runoob.com/python3/python3-mysql.html>

热门工具换一换