蓝狮注册_前端人应该知道的网站和工具

  
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推广方面的知识~

0 Comments
Leave a Reply