iOS转前端的学习记录

第一篇博文，写在从零开始学前端的两个月后，期间经过了春节，之后又经历了一些动荡。算是在边做边学中坚持下来，现在基本上可以完成一些业务逻辑上的开发工作。想到应该总结一下这两个月的学习，也是对自己的知识掌握情况做一个梳理。

我的第一个项目是一个基于vue和element-ui的后台管理系统，当时我还没有任何的前端开发知识，时间也比较紧，就在学习html、css和javascript的基础后，有针对性的对vue.js和element-ui进行了了解。

整理一下学习路径，和我手机的一些教程，供有需要的人参考。

html、css和javascript。

w3school在线教程：http://www.w3school.com.cn/

配上《javascript高级程序设计》，可以把html、css和javascript的基础都过一遍。

然后在MDN Web文档上有一篇关于学习web开发的文档，上面有一些学习教程，但我主要看的是那上面提供的一些作业，用来检验自己的学习效果，把小作业都做了一遍，巩固之前的学习。

Vue.js和element-ui

直接看Vue官网教程对于当时的我来说还有些困难，所以我选择了网易云课堂上米斯特吴老师的Vue课程，讲得很不错，也有包含实战课在内，并且大多数都是免费的，只要在网易云课堂搜索Vue就能看到。跟着视频课做了一些练习之后，再去看官网的文档，很多内容就不会太难接受了。Vue真的是一个对于新手很友好的框架，把三大件Vue、Vue Router、Vuex搞清楚，大多数的也无需求都能满足。

由于这个后台管理系统还用到了element-ui，我对于element-ui也做了一定的了解，只需要浏览一下官网文档就行，没什么太难的地方。

然后自己做了一个基于这两者的小demo来练手。在调试中，我用到了mock.js，也非常简单。

html5、css3、es6

这时候已经可以上手完成一些简单的业务逻辑层面的开发了，我开始在完成工作之余，对于之前学习的漏洞进行填补。

前两者依然是在w3school上进行学习，es6可以看阮一峰的ECMAScript 6入门。

在gitbook上还有一个前端工程师手册，也可以用来学习，我是用来进行查漏补缺。

更多框架

由于工作需要，我之后参与的项目是基于网易自己的开源框架regular+nej，这让我不得不去学习这两个新框架。这也是我觉得ios开发和前端开发的一个很大的不同之处。前端开发对于框架的依赖程度非常高，除非你是大牛，否则你不得不跟着项目的变动去学习新的框架，不管是公司自研的还是主流开源的。而且每个框架有更新的时候，你也要同步的跟进。而对于ios开发人员来说，不管到哪儿用的都是xcode和uikit，没有那么多的变化。并且xcode对于ios开发来说实在是太契合了，这是vscode或者webstorm不可能达到的。

边看代码边学nej和regular，因为有工作任务在推着自己，所以学起来也还算快。然后再在工作之余简单浏览了一下react的官网教程，并且跟着做了官网上的井字棋游戏。更深入的准备以后慢慢学。

node

由于对后端开发实在是没有兴趣，node部分只是做了些了解，然后边学边做了一个脚手架工具作为联系。放在todo里了