一个合格的Web前端工程师要掌握的知识点分别有JavaScript、front end framework、CSS preprocessors、cross browser Web development、CSS and HTML、Java frameworks、responsive designs等。
1、JavaScript
JavaScript在网页设计中是至关重要的，因为它有助于为网站提供功能。事实上，它是最流行的编程语言，因此，即使不为了Web前端开发，它仍然是一个有用的语言学习。
JavaScript可以帮助你做一些互动元素并添加到你的网站地图的实时更新，在线游戏，互动电影等。使用JavaScript，可以确保你会有一个容易理解，交互的网站，可以接受任何类型的用户。
2、front end framework
CSS将帮助你更快的开发。目前，Bootstrap是可以使用的最受欢迎的前端框架。知道这些框架是如何工作的，以及如何使用它们才能在HTML5开发节省时间，这十分重要。
3、CSS preprocessors
每个Web前端开发人员都需要CSS预处理器的一些经验，因为他们将有助于加快CSS编码。他们也有额外的功能，将使您的CSS可延展性的来变得容易使用。发布代码之前，预处理器将进行处理，以确保它是可读性和可以跨所有平台使用。
4、cross browser Web development
Web前端开发人员必须知道如何使自己的网站工作模式，不管使用任何Web浏览器来访问都是如此。这样做可以确保您的用户能够访问他们需要的信息，无论他们是以何种方式。
5、CSS and HTML
开始HTML5开发的最基本的构件。一个没有CSS和HTML网页设计是不可能被创建的。例如，当你想添加图片到一个页面，HTML会显得尤为重要。学习HTML和CSS在你作为一个Web前端开发人员开始你的职业生涯就显得十分重要。而它们非常容易学习，在短短几周内便可上手。
6、Java frameworks
有相当多的Java框架，包括Backbone， Ember， AngularJS， ReactJS等等。这些框架帮助你更好的设计你的网页和编码，因为他们有一个现成的结构来让你使用Java代码。
7、responsive designs
了解如何创建响应设计也是至关重要的，尤其是当你考虑到不同的平台网络用户使用访问网络的时候。手机设计经验也是必须的，因为它将帮助你满足的人使用移动设备访问网站。
8、jQuery
一些扩展和插件，可以方便地使用Java Web开发。使用jQuery，当你开始一个新项目你不需要从头开始编码，你可以使用元素已经为您的项目，然后定制它们以适合这个项目，客户或最终用户。jQuery是用于创建网格布局，倒计时计时器，搜索表单等的插件和扩展。
9、testing and debugging
当一个项目完成后首要的就是测试，每个程序员都希望天下无bug，但是每个代码都有可能存在一些错误，学会测试代码就显得十分重要。掌握不同类型的测试，如单元测试和界面测试等。一旦你测试你的网站和发现的错误，重要的是要知道如何调试，学习不同的调试方法，这将使你的工作变得更简单。
