互联网发展如火如荼，催生了许多互联网企业，也带来了互联网行业的繁荣，发展前景也吸引了不少年轻人的加入。人们的思维在不断地刷新改变，也更乐于去接受新事物，接受新的职业。Web前段作为互联网行业中的热门行业，也变得炙手可热。 那么Web前端是什么呢？要想成为一名合格的Web前端工程师要掌握哪些知识点呢？ Web前端就是前端网络编程，也被认为是用户端编程，是为了网页或者网页应用而编写HTML，CSS以及JS代码，所以用户能够看到并且和这些页面进行交流。布局、框架、浏览器涉及到不同的知识领域，以便给用户呈现更好的网站界面。接下来就详细介绍一下Web前端所需要的知识。 一、 超文本标记语言HTML（Hyper Text Markup Language ） HTML是一种标记语言，能够实现Web页面页面并在浏览器中显示。HTML5作为HTML的最新版本。引入了多项新技术，大大增强了对于应用的支持能力，使得Web技术不再局限于呈现在网页内。 二、 层叠样式列表（Cascading Style Sheets） 层叠样式表是一种用来表现HTML或者XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态的修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 三、 JavaScript JavaScript（简称JS）是基于场景的命令式语言（和HTML的说明性语言不同），用于将静态的HTML界面动态化。JS的代码能使用HTML标准提供的文档对象模型（DOM），来根据事件，例如用户的输入操作网络页面。 JS使用一种被称为异步JavaScript和XML的技术（AJAX），JS代码也能动态地改变网页的内容（与原始的HTML页面端相独立），并且也能回应服务端的事件，让网页体验增加了真正动态的特性。 实际上，JavaScript是最流行的编程语言。因此，即使不为了Web前端开发，它仍然是一个有用的语言学习。JavaScript可以帮助你做一些互动元素并添加到你的网站地图的实时更新，在线游戏，互动电影等。使用JavaScript，可以确保你会有一个容易理解，交互的网站，可以接受任何类型的用户。 四、 front end framework 目前，Bootstrap是可以使用的最受欢迎的前端框架，能使得Web开发更加快捷。Bootstrap提供了优雅的HTML和CSS规范，它由动态CSS语言和Less写成。知道这些框架是如何工作的，以及如何使用它们才能在HTML5开发节省时间，这十分重要。 五、 CSS preprocessors 每个Web前端开发人员都需要CSS预处理器的一些经验，因为这将有助于加快CSS编码。它们也有额外的功能，将使得你的CSS可延展性变得容易使用。发布代码之前，预处理器将进行处理，以确保它是可读性和可以跨所有平台使用。 六、 cross browser Web development Web前端开发人员必须知道如何让自己的网站工作，不管使用任何Web浏览器来访问都是如此。这样做能够确保你的用户无论使用何种方式都能够访问他们需要的信息。 七、 Java frameworks Java的框架非常多，包括Backbone， Ember， AngularJS， ReactJS等等。使用这些框架能够帮助你更好地设计你的网页和编码，因为这些框架有一个现成的结构来让你使用Java代码。 八、 responsive designs 了解如何创建响应设计也是至关重要的，尤其是在当你考虑到不同的平台网络用户使用访问网络的时候。手机设计经验也非常重要，因为它能够帮助你满足用户使用移动设备访问网站的需求。 九、 jQuery 一些扩展和插件，可以方便地使用Java Web开发。jQuery具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的CSS选择器，并且可以对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容性强，能兼容各种主流浏览器。如果开始一个新项目，使用jQuery就不需要从头开始编写代码了。 十、 testing and debugging 当一个项目完成后首要的就是测试，每个程序员都希望天下无bug，但是每个代码都有存在错误的可能，学会测试代码就显得十分重要。一旦你测试网站和发现错误，要知道如何调试，学习不同的调试方法，这将使工作变得更简单。
