01基础入门

　　说了基础入门，其实真的是很基础的，我一开始也是这样过来的。无非就是从简单的html/css开始搞起来，那时候什么都要自己敲，哪有现在组件库这么方便呀！只能说现在的大家太幸福了，所谓前人种树，后人乘凉。但是自己也别忘记树是怎么种的就好。

　　
菜鸟教程

　　大家应该都知道这个网站，简直就是初学者的福音，里面什么都有，但是都很基础。大家可千万不要以为基础就不用心去学，就好像大学学的科目，带有基础二字的书本往往是难度比较大的。可以说前端的小伙伴要是把上面关于前端的过一遍，你就入门了。时间就大概一两周就可以了，而且也是没有什么难度的，假如你是科班出身那就更容易入门了。

　　
W3school

　　这个其实和菜鸟教程差不多，也是基础的标签等知识点，我觉得看菜鸟教程就好了，大家也可以了解一下。

　　
慕课网

　　这个真的就是我的启蒙网站，虽然现在已经不常用了，但是一直都在我的收藏夹第一名。不为什么就是为了一种情怀。这个网站还是我没有上大学之前一位师兄推荐的，那时候主要是学习c++的课程，后来就跑去学前端了（因为简单）

　　上面很多都是收费的课程，但是也有不错的免费课，不想看书或者教程的同学可以选择去看慕课网。

　　MDN

　　这个也是比较基础的文档，内容的话比前两个稍有深度，知识讲解也是比较到位的，平时查阅的时候可以作为自己的文档，网站的布局我觉得是不错的，知识分类页非常有条理。

　　
02进阶锻炼

　　当你基础入门之后呢，你就应该搞一些比较好玩的技术来玩一下，比如vue和react这个前端比较火的技术，可以说是前端必学的技术，因为没有掌握或者会用它们，你基本上找不到工作。

　　
Vue.js

　　这是一个非常容易上手的前端框架，前提是你已经经过了基础入门的锻炼。而且它的周边以及生态都非常完善，也有很多支持的组件库，后边会介绍。所以强烈推荐大家去学习这个框架，能够做一写简单的效果之类的，找到前端的乐趣。

　　
Vue CLI

　　还有介绍一下Vue的脚手架工具，能够让你快速生成一个Hello World项目，然后进行快速的开发，专注于业务。平时用的也是比较多的。

　　
React

　　因为我对react的技术栈不是很熟悉，我只停留在文档上面，但是也做过简单的demo，知道引用组件、业务拆分等的思想，个人觉得其实和vue都是差不多的，也是组件化的思想，大家也要去学习一下。

　　
03精美组件库

　　
Element-ui

　　本人非常喜欢这个组件库,因为里面的一些功能都基本上能够满足我的开发需要,而且也是非常容易上手操作,直接CDN引入或者npm安装，任君选择。重要的是能够配合Vue.js进行项目开发。

　　
Ant Design

　　这是由蚂蚁金服出品的前端组件库，也是非常好用的，说再多还不如大家自己去体验一下，它也是支持前端框架使用，而且现在4.0版本也已经发布了。

　　
Bootstrap

　　这是我早期使用的前端组件库，那时候我发现的时候觉得世界一下子开阔了许多，因为我从基础入门之后就接触这个了，是一位前端的小姐姐推荐的。虽然现在基本上已经不用了，但是还是那句话，情怀所在，也推荐一下。

　　
Cube UI

　　这是一个由滴滴公司开发的前端组件库，也是支持Vue.js语法的，本人也没有使用过，大家也可以了解一下。

　　
04小程序开发

　　近期也是做小程序开发相关的工作，其实小程序开发现在已经方便很多了，因为有了很多小程序框架，接下来就介绍一下。

　　
官方开发

　　这个就不用过多介绍了，毕竟是老大哥，而且官方也有原生支持的WeUI组件库，也是非常方便的。

　　
uni-app

　　这是近几年来发展比较好的小程序框架，不仅可以开发小程序，实现多端的开发，还可以编译成APP，想想都让人心动。更重要的是它也支持vue语法，简直不能太爽。

　　
uni-app插件市场

　　说起uni-app不得不提一下它的插件市场，就像我们平时菜市场买菜一样方便，直接拿过来就用，而且还免费。但是也要看清楚是否有一些兼容性问题等。大家下载插件有问题不要喷，因为大家都是为了社区贡献，我们更应该鼓励作者。

　　
uView

　　看了一下觉得非常不错，它的官网介绍称这是uniapp生态出色的UI框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水。我现在还没开始使用，大家可以去试一下，应该是不错的。

　　
Taro

　　这是一个由京东开发的小程序框架，它的介绍是一处代码，多出运行，我在很久之前就使用过一次，忘了什么感觉。大家也可以去官网了解一下，说不定不也会爱上这个框架呢！

　　关注我们，获取更多关于品牌设计、网站开发、定制软件开发、小程序开发、SEO推广方面的知识~