前端工程师的职责和所需技能是什么?

发表时间: 2021-01-25 14:46

前端对于网站来说,通常是指网站的前台部分,包括网站的表现层和结构层。

前端三大基础技术

HTML

超文本标记语言:超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。

CSS


层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。


JavaScript


JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。


学习前端首先从HTML语言开始学习,如果把前端比作建设楼房,那HTML就是你的整体框架构成,你用什么材料,用多少,就等同于你在HTML中使用各种标签。

当把HTML学懂了就接着学习CSS,CSS等同于你的楼房装修,上什么颜色的漆,用什么样的门。CSS就是样式的展示。

当楼房建设好了,装修也弄完了,这时候就涉及到购置家具了,JavaScript就是你家中的智能家具,让你的家变得炫酷起来。

当你学完以上三种基础技能,那就可以向深处学习。

框架

框架就是各种让你的前端开发更加炫酷,更加简单的简便方法。

jQuery


jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。


Bootstrap


Bootstrap源于twitter是基于HTML5和CSS3开发的,它在jQuery的基础上进行了更为个性化和人性化的完善,形成一套自己独有的网站风格,并兼容大部分jQuery插件,主要用于做样式布局。


angularJS


AngularJS[1] 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。


除此之外还有很多框架技术,但是jQuery是必须掌握的一种。