Web前台工程师需要学些什么？

Web前台工程师有时候很迷茫：我究竟属于设计，还是属于程序员？

是设计还是程序员，看看包需要学习哪些技术就知道了：

1 基础技术前台的三大基础HTML、CSS和JS。

HTML学习最重要的标签的学习，div、h1-h6、p、ul-li、strong、图片、字体等，什么内容用什么框.

CSS定义了HTML标签的显示外观，气质。主要掌握浮动，宽高设置、显示属性等最后“魂”——Javascript。

JS让网页变得灵活，其实现的每一个明里暗里的交互。

2 环境基础设施、浏览器以及工作原理。

必需指出的是，html CSS JS都是运行在浏览器的，是由浏览器负责编译和呈现的。所以必需理解浏览器的工作原理。浏览器主要的有Chrome, Firefox, IE，Safari,Opera，国内的主流浏览器基本是基于chrome内核开发，QQ浏览器，UC，百度浏览器，360浏览器，搜狗浏览器，猎豹浏览器等。

3 计算机基础计算机网络，http协议。

web必不可少需要知道计算机网络的知识，这对于网页的加载和速度优化有很大的帮助，并且，web做的不是静态的页面，而是动态的，所以必然涉及到与后端之间的数据的传输和存储，这个是要掌握的。

必需懂：Ajax，必需会的工具：fiddler

4 流行框架流行的前台UI框架：Bootstrap、jQuery UI、Amaze UI流行的前台框架：jquery mobileangular.JsVue.jsReact.js

5 可视化组件Echartstableau(收费)

6 针对移动化以及物联网的webAR新应用

基于Web的AR技术，特别是基于智能移动终端的WebAR技术，开始逐步萌芽。这种技术使用HTML5规范，用网页即可以打开AR应用，这样客户就不用专门下载APP，只要要用支持HTML5规范的浏览器打开网页链接就可，这样AR应用可以快速在相似微信、今日头条、微博等支持HTM5技术的社交应用上快速传播。

7 学少量UI、 UX 、交互设计、 SEO（包括SEM） 、产品等等，web前台就更能产生同理心。好的设计和交互能带来的好的体验，博得客户。

我目前是在职前台开发，假如你现在也想学习前台开发技术，在入门学习前台的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，你都可以申请加入我的前台学习交流裙：前面：603 中间：985 最后：993。里面聚集了少量正在自学前台的初学者，裙文件里面也有我做前台技术这段时间整理的少量前台学习手册，前台面试题，前台开发工具，PDF文档书籍教程，需要的话都可以自行来获取下载。