<>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>