HTML5前端包括什么技术？有提升空间吗？

淡淡的烟草味﹌ 2022-11-29 12:11 155阅读 0赞

这几年，前端开发确实是火的不行不行的，工资也动辄十几K，几十K的，而且前端入门的门槛确实也不高，无非是三大块：html/css/js，这三块里，你搞懂任意二块，就够你吃穿之用了！

所以许多小伙伴关于HTML5前端工程师是很有些想法的，毕竟是高薪又面子，谁都想了解一下，一探究竟。有不少人给我留言问HTML5前端工程师要做什么，有提升空间吗？  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70_pic_center]  
今天和我一起来了解HTML5前端这个行业吧！

## 1、前端工程师必须具有什么根本的技能？ ##

在知道HTML5前端工程师要做什么之前，我们先来聊一聊，HTML5前端工程师必须具有什么根本的技能。

合格的HTML5前端工程师，需求通晓HTML、CSS、JavaScript；有适配主流浏览器的实践经验，能娴熟处理PC和移动端兼容问题。

还需求通晓jQuery、bootstrup等主流js库和结构，并对其深化了解；娴熟掌握常用前端结构，可以运用它们完成前端交互作用；充分了解前端开发对视觉规划、用户体会和网站功能的重要性；具有杰出编码与文档标准，能娴熟运用前端调试工具，处理开发中遇到的问题。

## 2、前端工程师要做什么，有提升空间吗？ ##

在工作中，HTML5前端工程师，必须依据产品规划需求，合作后台开发人员完成产品界面和功能，保护及优化前端页面功能；

参加拟定JavaScript、CSS、HTML开发标准并推动履行；

参加选择、规划、保护Web前端结构；

参加拟定移动、PC主流浏览器的适配、兼容处理方案……

## 3、HTML5前端包括什么技术？ ##

结构：由什么组成。以汽车为例，汽车由发动机、座椅、外壳、大灯、轮子、控制按钮等组成。这些部件构成汽车的结构。同理，网页也是由标题、段落、图像、视频等组成，这些东西构成了一个网页的结构。设计一个网页的结构需要用到html技术。

表现：各组成部件长什么样子以及在什么位置。例如，汽车的轮子位于底盘下面，颜色为黑色。当然组成网页的各部件也有自己的样子和位置。比如，一幅图片有宽度和高度，一段文字有颜色和字体的大小等。设计一个网页的表现需要用到css技术。

行为：控制各组成部件的动作。例如，汽车的大灯可以通过控制按钮产生由近光变为远光，通过挂挡可调节汽车的速度。网页中也可以控制一幅图片来产生运动效果。控制一个网页各部件的行为，需要用到javascript技术。

## 4、学习HTML5前端需要准备什么？ ##

第一、能记住两百个左右的英文单词。HTML5前端的三大技术（html技术，css技术，JavaScript技术）常用的单词也就一两百个。

第二、会使用Windows自带的记事本输入英语字母即可。html代码、css代码和JavaScript代码都可以使用记事本来编写。

提升空间也是很大的，从初级HTML5前端工程师，到中级HTML5前端工程师，在往上就是高级HTML5前端工程师，项目经理、技能总监这类职位了，薪资待遇也是跟着一路叠加的，能完成从10K到50K的月薪跨度。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70_pic_center 1]  
对于想要学HTML5前端，如果感到入门迷茫，我建议大家不要盲目的扎进去乱学一通，而是先了解清楚HTML5前端这个行业，再就是参加一些免费前端课程，看看自己到底适不适合这个行业。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70_pic_center 2]  
现在，免费学习的机会来喽！评论回复：Web前端，即可免费领取最新全套Web前端学习资料+源码+项目+笔记，助力大家学好Web前端。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70_pic_center]: /images/20221124/f45f4fce9d56486b923f91611adaae6a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221124/41e4d435d05f4742a530cf6adaaac9d5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYW94aWppbmc_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221124/fd13dceb37424f7e8c9e2649a661046f.png