前端的学习技巧

77 阅读4分钟

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第六天,点击查看活动详情

现在的互联网发展如此之迅速,掌握一手好的本领是多么重要。我个人觉得前段和测试的入门还是相对容易学一些。但是我也明白,学习任何一种知识最重要的是兴趣,如果经过一段时间的学习感觉不喜欢,那可能强迫自己学习是很痛苦的,效果也不会好,毕竟这很可能就是以后很多年生存的技能。不过随着互联网行业的发展,前端必然是Web开发人员需要学习的知识。

下面说一下我对前端的理解:

前端要学习三个部分:HTML,CSS,JavaScript(简称JS),其中JS是重中之重,因此首先明确三个概念:

HTML是内容层,它的目的是表示一个HTML标签在页面里是个什么角色。 CSS是样式层,它的目的是表示一块内容以什么样的样式(字体、大小、颜色、宽高等)显示。 JS是行为层,它要做的是当用户触发某些行为时,会给内容和样式带来什么样的改变。

前端技术的三大基本要素:HTML、CSS和JavaScript。其中,html是内容,css是表现,javascript是行为。目前,前端开发的门槛其实非常低,与服务器端语言先慢后快的学习曲线相比,前端开发的学习曲线是先快后慢。所以,对于从事IT工作的人来说,前端开发是个不错的初入点。也正因为如此,前端开发的领域有很多自学成“才”的同行。html是最基础的,现在流行的是html5设计,先学会网页布局。css是用来美化html页面的为页面提供布局和格式。最后再学javascript。

  1. html + css

理解css每个元素的属性,样式的实现不一定只有一种写法,多想一想还有没有什么需要改进的地方。

2.代码管理工具

除了会开发代码之外,你还需要会部署和管理代码,这个时候git工具就是你最好的帮手了,全世界范围内都在 使用它,你再不学习一下是不是就来不及了。

3、Photoshop、flash

熟悉会一点儿就行了,没必要全部都学得精通,当然如果你在学习的过程中,发现你ps或者flash比较感兴趣的话,也可以尝试做美工这一行。

4、html和css3

学习css3+html当今互联网行业,越来越注重网站的美观性和易用性,一个优秀网站或者系统,除了功能强大和内容全面,它的页面也要美观,易用,富有设计感,而html+css3的响应式网页设计就显得尤为重要3.学习后台语言前台界面的数据都是从后台来的,如果理解后台代码,就知道怎么跟后台交互数据是最好的,这样节约时间,也可以让前端代码更规范,对于行业新人来说,学习后台语言成为了加分项,企业开始更注重前端工程师的技术广度

主流框架:目前的前端主流框架就是Vue、React和Angular。 但是一个合格的前端不光是要会使用框架,还要懂框架的底层原理。框架也是前端开发的必备技能,可以提高开发效率。

服务端开发:目前前后端是完全分离的,但是不意味着前端开发不需要知道后端知识。前端是需要掌握Node.js技能的。 另外很多公司Node.js已经是核心必备技能了。

想成为高级前端工程师,首先要学习的就是前端工程化,进阶框架angular、vue、react ,和jquery有着很大区别,vue是数据控制页面渲染及状态,而jquery是DOM节点控制渲染,vue渲染页面更容易更优雅。vue能够把前端项目彻底工程化,有配置文件、可以安装第三方模块、配合webpack打包、可以实现模块化开发等等,当然简单是它最大的优势。进阶就是要学习es6 7 语法、vuex、Element_ui (开发pc端框架)、vux(开发手机端框架)、Mint UI(开发手机端框架)、Nodejs(后端语言,js语法)。