正所谓三百六十行，行行出状元，那么从事web前端开发也能成为状元吗，我给你的答案是：yes，只要你学习就可以成为一名优秀的web前端开发人员。那么做一名优秀的web前端开发人员需要掌握哪些知识呢？

web前端开发工程师目前来讲是一个热门职位，但是要成为一个合格的web前端开发工程师，需要掌握的知识可不少，这就简单的讲讲。

大致的来讲，web前端开发工程师需要掌握的知识有：

1、H5标签

1.1、H5引进的一些新的标签，需要注意article、header、footer、aside、nav以及HTML的标题结构

1.2、理解浏览器解析HTML的过程，理解DOM的树形结构，及相应API

1.3、理解HTML标签在各个浏览器上的默认样式（代理样式），理解CSS中的重置样式表的概念

1.4、理解Canvas、SVG、video等功能性标签

1.5、理解form、iframe标签，理解文件提交过程

2、CSS知识

2.1、学习基础知识，包括大部分常用属性、选择器的用法，了解大多数标签基本概念

学习浏览器兼容性问题，知道兼容性的主要问题及解决方法

2.2、深入理解盒子模型，区分块级元素、行内元素，一些重要的属性： display、float、position，必须要会区分盒子、行内盒子的概念

还可以学一些简单的预编译语言：sass、less

2.3、学习常用框架，可以使用bootstrap构建项目

2.4、学习框架的代码组织方式

包括：12格栅系统、组件化、组件的风格化等

2.5、学习CSS 3的新功能，特别是动画效果、选择器

2.6、学习一些CSS对象化思想，学习编写简洁性、高复用性、高健壮性的CSS

2.7、可以看看扁平化设计，还有简洁性

2.8、理解CSSOM、render、reflow、CSS性能、CSS阻塞概念

学会这些，就可以开发出任何网站的前端页面了。

第一阶段

1、HTML是指超文本标签语言。

其英文缩写为HyperText Mark-up Language意思是“超文本链接标示语言”。这种语言是目前web领域应用最广泛的语言，我们只需要在html文档中插入对应的标签，即可实现web页面的编写与排列。

2、CSS指层叠样式表，英文缩写为Cascading Style Sheets。

CSS可以为HTML标签自定义样式，通过设置HTML标签的样式，来改变其外形，达到美化与排版web页面的目的。

第二阶段

浏览器兼容性调试

学习完第一步，就已经可以自己书写web前端页面了。但是现在市面上已经有很多种浏览器，每种浏览器内核不同，其对HTML标签与CSS的解析规范也不同。使一串代码可能在不同的浏览器中显示为不同的样子，从而引起某些浏览器中的布局混乱。

为了使我们的web页面能够在所有内核的浏览器中正常运行，我们需要掌握这些浏览内核解析规范的一些特性，寻找正确的代码书写模式，从而让自己编写的web页面能够横跨所有平台。

第三阶段

JavaScript

JavaScript是网页脚本语言，它可以在html中运行，设置并修改浏览器中的各种对象与变量。例如用来改进设计、验证表单、检测浏览器、创建cookies等等，现在各大网站都可以看见JavaScript的踪影。例如最常见的网站首页大眼睛、警告提示框、页面动画效果等等。

第四阶段

通过XML、JSON获取数据

通过第三步学习后，可以知道JavaScript能够通过XML，JSON获取数据，然后将这些数据实时插入到页面缓存中。

第五阶段

服务器脚本语言(PHP,ASP,.NET,JSP)

服务器脚本语言目前用的比较多的是PHP，其他的ASP，.net，JSP也在不同的领域有所运用。

对于前端工程师来说，并不需要像网站程序员一样，编写对象、开发特殊功能、搭建数据库。但是前端工程师要掌握基本的页面GET&POST传参、程序判断语法、程序输出语法、页面提交、数据库查询与记录插入。

第六阶段

页面性能优化、SEO站内优化、开放服务API接入、W3C规范

学习完上面的五个部分后，基本上已经是一个合格的前端工程师了。这部分的学习主要是为了适应当前的市场环境。根据用户需要与需求，添加各类API应用；通过站内SEO优化，降低网站的推广难度；优化与处理页面性能，使网站打开流畅，体验更好。

现在企业对web前端开发人员的要求很高，不像以前会一点Photoshop和Dreamweaver的操作，就可以制作网页。如今无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。

无论我们学习什么知识，都希望大家能够循序渐进，对于新手来说，新技术就是新技术，对于高手来说，只不过是旧技术的延伸而已。如果想要以后发展的好，还是要打好基础，没有起点旧没有终点，所以无论学习什么技能，都需要根深蒂固才能长远发展，希望大家能够明白这个道路，由浅至深，由易到难的学习web前端开发知识，最后希望每一个学员都可以成为一名合格的web前端开发工程师！