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，也很是简单。

html五、css三、es6

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

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

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

更多框架

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

边看代码边学nej和regular，由于有工做任务在推着本身，因此学起来也还算快。而后再在工做之余简单浏览了一下react的官网教程，而且跟着作了官网上的井字棋游戏。更深刻的准备之后慢慢学。

node

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