iOS转前端的学习记录

框架

浏览数:458

2019-7-20

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

我的第一个项目是一个基于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里了

作者:Jovi