本文是写给那些想要入门web前端工程的初学者，高手请路过，也欢迎高手们拍砖。
先说下web前端工程师的价值，目前web产品交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠web前端工程师去做web前端工程师是设计加开发的综合体，web前端工程师是在开发人员中最直接面向产品，面向用户的设计人员，一个开发团队的成果是要靠web前端工程师去展现，因为用户不会去关心后台的处理有多么强大 ；在设计人员中web前端工程师是直接面向开发人员的设计人员，向开发人员以一种计算机语言的方式传递其设计理念，web前端工程师在整个团队中是很关键的。
在我眼中一名合格的web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行，你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常精通，但你至少要能够运用它们完成大多数任务，而无需地频繁地寻求别人的帮助。
下面说下我眼中web前端工程师要掌握的基础知识和技能：
1 网页的基本结构（HTML + CSS）
HTML是一种标记语言，而不是编程语言，最基本是标签是<html>和<body>，CSS是用来定义如何显示HTML元素的。对HTML+CSS很容易入门，但很多人不够深入，举几个例子：<meta> 标签是作什么用的？margin-left与left有什么区别，应该在什么情况下使用？再出个DIV+CSS布局问题：一个宽度不确定的DIV里面放三个水平对齐的DIV，左右两个DIV宽度固定为150px，中间那个DIV充满剩余的宽度。如果这些问题你目前还不知道，对那个布局问题几分钟内不能解决，说明你对HTML+CSS还不够深入。
2 浏览器是怎么展现网页的
不同内核的浏览器对网页的渲染是不一样的，目前浏览器都有客户端调试工具，下图展现一个google首页在IE9下的加载细节：
在做web性能优化时，对浏览器渲染及细节要进一步了解。说个比较有用的知识点：目前浏览器并行加载的上限是6，老版本的浏览器会有所不同。
3 网页的生命周期
不同的web框架下，页面的生命周期会有所不同，大体还是一样：客户端发送GET请求，服务器返回相应页面，客户端完成操作及数据，然后POST给服务器。一定要对数据的传递(前台与后台,页面之间)的细节了然于心。
4 DHTML DOM BOM Javascript AJAX
这是Web前端开发的重中之中，大多数时候我们都在和他们打交道。说几个注意点：javascript是单线程编程，所谓的javascript异步编程只不过是计划在未来的某个时间上执行相应事件而已；详细了解DOM事件机制；客户端存储（HTML5中增加了localStorage和sessionStorage）；javascript不像服务器端语言那样严谨，调试不是很方便，所以一开始要养成严谨的javascript编辑习惯；javascript很强大很灵活，不要幻想短时间内熟练（更别说精通）它，并写些框架、类库，初始阶段还是先用熟练已成熟的框架（比如jquery）当入门；一定要熟练使用客户端调试工具。
6 服务器端语言开发经验，PS切图技术
Web前端开发介于设计与开发中间，所以两端的东西都得懂点。编辑语言是相通的，之前编写过服务器语言，对学习javascript是十分有益的，从图片转成静态HTML页面，少不了PS切图技术。
5 浏览器的兼容性
由于历史原因 ，浏览器的兼容性一直都折磨web前端工程师的地方，虽然有W3组织，并制定了一些规范，虽然浏览器产商都正在努力改进并接近其规范，但现实网络环境中各种内核、各种版本的浏览器都有一席之地。解决浏览器兼容性靠经验积累，可喜的事这方面资料网上有很多。http://www.w3help.org/zh-cn/这是个很好的参考网站。
6 快速学习能力和主动学习意愿
web前端的发展很快，从事这一行业一定要有快速学习能力和主动学习意愿，这样才能适应web产品的要求。在web前端领域没有绝对的是与非,解决一个问题的方法有很多，但我们要找到一个更合适的方法，找到一个更合适的方法需要经验作积累，总之web前端入门容易，想熟练很难，需要更多的主动学习意愿。
7 良好的沟通能力
优秀的前端工程师需要具备良好的沟通能力，因为你的工作与很多人的工作息息相关，比如项目经理、设计师、最终用户、开发工程师，前端工程师位于这几类人的交汇点上，这些角色的要求你都得照顾好，平衡这四类人的需求，拿出一个比较合适的方案。由此可见沟通能力对前端工程师要求更高。大家可以看看下面这篇博文：http://www.cnblogs.com/trance/archive/2011/08/31/2160617.html。
最后提供一些好的学习资料：
1. W3C学习网站（http://www.w3school.com.cn/），上面的资料很全，很实用，是最好的入门资料。
2. 《javascript权威指南》
3. 《javascript+DOM编程艺术》
4. 《javascript高级程序设计》
.
相关推荐
WEB前端工程师修炼之道清晰完整版 前端 web 完整版 清晰版
《大巧不工:Web前端设计修炼之道》适合于经验还不够丰富的前端工作者（前端设计师、前端开发工程师、前端架构师和用户体验设计师），希望它能帮助大家从复杂、繁琐、无序的前端设计、开发和维护工作中解放出来，以...
|- web前端培训班_web前端开发优质教程_前端工程师培训-黑马程序员.png |- HTML入门及基础02资料.zip |- HTML5入门及基础01资料.zip |- CSS3入门及提高 08资料.zip |- CSS3入门及提高 07资料.zip |- CSS3入门及提高 ...
该视频课程旨在为学习者提供全面的Web前端与全栈开发技能。学员将深入学习HTML、CSS、JavaScript、React、Node.js等内容，并通过实际项目实战经验，掌握现代Web开发所需的关键技能，助力他们成为全栈工程师。 视频...
京东2018秋招Web前端工程师笔试题及答案.pdf 本资源摘要信息涵盖了Web前端工程师笔试题及答案，涉及到多个方面的知识点，包括Ajax技术、IFrame、CSS盒模型、浏览器端存储技术、JavaScript判断对象类型、排序算法、...
此课程的特点是全面覆盖当下前端开发各项技术栈前端；紧跟时代的潮流做前端的弄潮儿；以实战为课程驱动：Nodo实战-《后台管理系统》、React实战-《CNode》、移动端实战-《ReactHooks搭建移动端企业站》、Vue实战-...
在这个"Web前端-入门教程集合"中，你将找到一系列的学习资源，帮助你逐步踏入Web前端的大门。从基础概念到实践应用，每一步都至关重要。通过深入学习和不断实践，你将能够创建出美观且功能丰富的网页应用。所以，...
而Web前端性能优化，作为提升用户体验的重要手段之一，对于WEB前端工程师来说，掌握这项技能是必不可少的。本文将结合实际经验，分享一些在前端开发中应用广泛的性能优化技巧。 首先，减少HTTP请求是性能优化的基础...
三个月从入门成为WEB前端工程师
web前端开发工程师笔试题及答案.pdf
Web 前端年总结 PPT 模板知识点总结 从提供的文件信息中，我们可以总结出以下几个知识点： 1. web 前端技术研发部工作总结的重要性 通过文件的标题和描述，我们可以了解到 web 前端技术研发部的工作总结对于公司...
大学生Web前端静态网页设计期末大作业（高分必看）大学生Web前端静态网页设计期末大作业（高分必看）大学生Web前端静态网页设计期末大作业（高分必看）大学生Web前端静态网页设计期末大作业。大学生Web前端静态网页...
而在这个领域的初级阶段，张三——一名有着扎实理论基础和实战经验的Web前端工程师——正逐步崭露头角，显现出其独特的个人价值与潜力。 张三自2016年9月至2020年7月，完成了他的本科学业，在此期间，他不仅奠定了...
【Web前端工程师】是互联网行业中不可或缺的角色，他们主要负责构建用户界面，确保网站或应用程序的交互性和用户体验。本文将从教育背景、技能掌握、工作经验和个人特质等方面深入探讨Web前端工程师的知识点。 首先...
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
前端开发简历模板-web前端开发工程师-3年 本资源摘要信息来自一份前端开发简历模板，旨在为web前端开发工程师提供一个专业的简历模板。下面将对简历中的标题、描述、标签和部分内容进行详细的知识点解读。 一、...
目录网盘文件永久链接 1、JavaScript 2、中级前端开发工程师常用的库——jQuery 3、中级前端开发工程师常用的库——jQuery UI 4、中级前端开发工程师常用的库——Backbone ...中级前端工程师面试题
在本套初级WEB前端工程师视频教程中，您将系统学习并掌握成为一名合格的前端开发工程师所需的基础知识和技能。这是一条通往Web开发世界的入门之路，涵盖了从理论基础到实践应用的广泛内容，旨在帮助您建立坚实的前端...
Web前端开发从入门到精通 本资源摘要信息涵盖了Web前端开发的所有知识点，从HTML基础课程到JavaScript高级实战，涵盖了CSS基础课程、jQuery实战、常用库和前端框架、HTML5新功能和高级机制、CSS3新特性详解、实战...