1、首先，Web前端工程师要有网页美工的基础。一些基本的修图软件，例如PhotoShop要必须掌握的。 2、这样当公司网站的banner需哟更换，或者对联广告需要更新时，你就可以出色的完成领导分配的任务啦。 3、然后呢，我们还需要精通html和CSS代码，包括最新的html5和css3，这是一个前端人员必备的技能，比美工方面的技术还要过硬才可以。 4、只会以上这两项我们只能是做一个单纯的码农，只会码代码。可以勉强的称为网页设计师。 5、我们还需要和后台开发人员进行工作上的合作的，这就需要我们会用json。这是一种新的调取数据的方法。学会了这个，一些页面动态化的工作我们也可以完成啦。 6、还有呢，一个很抽象的东西，就是用户体验度了。我们做的是前端的东西，直接面对客户的，如果用户体验度不好，那这个web前端工程师还是不够格的
web前端就是前端网络编程，也被认为是用户端编程，是为了网页或者网页应用，而编写HTML，CSS以及JS代码，所以用户能够看到并且和这些页面进行交流。
前端网络编程的挑战在于用于实现前端页面的工具以及技术变化得很快，所以工程师需要不断注意产业是如何发展的（例如ECMAScript 6）。
设计网页的目的在于确保用户打开站点的时候，信息是以容易阅读并且相互关联的形式呈现的。随之带来的问题是，现在用户实用大量的设备来访问网页，这些设备具有不同的屏幕尺寸以及清晰度。
所以设计者在设计网页的时候需要注意这些方面。他们需要确保他们的网页在不同的浏览器、不同的操作系统以及不同的设备上显示正确，这需要在工程师端进行仔细的计划。
前端网络编程所使用的工具能被用于进行前端编程，理解工具最适用于什么任务，有助于产生一个高质量的、可升级的站点。
HTML是任何网页工程程序的骨架，没有它网页不会存在。超文本标记语言能提供站点总体的样子。HTML被Tim Berners-Lee所发展。随着HTML的发展，在万维网中产生了许多版本。最新版本的超文本标记语言被称为HTML5，在2014年0月28日被W3C所推出。
这一版本包含了新的并且高效的方式来传输元素，例如音频以及视频文件。H5在前端工程师中非常受欢迎。和老的版本相比，HTML5有很多特点。随着HTML的发展，在网络中产生了一场革命。
CSS控制了站点的样子，让站点有自己独有的外观。其实现形式是：保证样式列表先于其他的样式规则，由其他的输入形式所影响，例如屏幕的尺寸和分辨率。
JavaScript（简称JS）是基于场景的命令式语言（和HTML的说明性语言不同），用于将静态的HTML界面动态化。JS的代码能使用HTML标准提供的文档对象模型（DOM），来根据事件，例如用户的输入，操纵网络页面。
JS使用一种被称为异步JavaScript和XML的技术（AJAX），JS代码也能动态的改变网页的内容（与原始的HTML页面端相独立），并且也能回应服务端的事件，让网页体验增加了真正动态的特性。
JS中有很多流行的开发框架，帮助开发者快速构建web页面，比如Vue.js、Angular、React都是很流行的框架，拥有大批忠实的用户。