大前端时代

     不管是 Web 前端、iOS，还是 Android，对大前端工程师来说，这是最好的时代。放在几年前 1/3 是大前端，2/3 是后端。而现在则是一半以上是大前端的人，这充分说明大前端的重要性。
Web 前端的工程师在问未来在哪里，Android 和 iOS 的工程师也在说 Web 前端抢了他们的饭碗。出口在哪？除了向 NodeJS 向后端的渗透之外，跨端的学习，专注一端技术，关注其他端的技术也是一种出路。现在业务中遇到的问题经常是三端参与，你可以想象当开一个业务会议，后端一个工程师参与，前端一去就三人的感人画面吗？
跨端技术，只是大前端开始。端与端技术之间相互学习和借鉴，这将成为未来前端技术最重要的创新来源。

1.1前端开发是什么？
       【起源】：Web前端开发是从【网页制作】演变而来的。在互联网的演化进程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，使用Photoshop和Dreamweaver即可制作；用户使用网站的行为也以浏览为主2005年以后，互联网进入Web2.0时代，网站的前端不再只是承载单一的文字和图片，各种富媒体交互形式为用户提供了更好的体验，这些都是基于前端开发技术实现的。
【定义】：概括而言，前端指输出到网站屏幕上与用户直接打交道的部分，包括界面的展现、与用户的交互等。前端开发的主要职能就是制作网站的一切可视化界面，并使之更好更快地呈现给用户。
1.2前端开发的市场供需情况
      【市场需求】：前端的用户体验是用户对产品认识的最直观途径。互联网大时代下，随着人们对用户体验的要求提高，前端开发的技术要求越来越高，Web前端开发工程师成为一个互联网主流职位，专业的前端工程师人才近几年来备受青睐。从整个市场看来，前端开发人才仍然供小于求。
      【人才水平】：目前web前端面临的问题是从业人员泛滥，平均水平不高。真正掌握前端技术的高素质人才在整个市场中都非常稀缺。
      【需求分布】：在北上广深杭等互联网公司集聚的城市需求量大，需求缺口大。
1.3前端开发的就业方向
      【Web前端工程师】：学习前端开发就业的基本选择。
      【Web架构师/全栈工程师】：更高的能力要求与更高的薪资。需要拥有足够广泛的Web相关知识沉淀，且需要额外学习后端技术、DBA、Platform等非前端内容，且需要项目实战积累。这就势必会遭遇一段时间的低潮期。
      【创业】：成功率最低，成功回报率最高的道路。需要将视野放高到整个行业、产业链动态，熟悉相关产品领域的知识，且有一定把控产品甚至公司管理的能力。
1.4前端开发的薪酬情况
      【基层前端工程师】：月薪约6-12k，年薪10万左右
      【优秀前端工程师】：月薪约15k-35k，年薪20-50万
      【精英前端工程师】：年薪可达50-80万
*以上为市场平均水平，可能有部分特殊个例，仅供参考
1.5前端开发的学习难度
【基础水平】：自学3小时+/天，视个人情况需4-8个月；可独立制作完整的、不涉及过于复杂内容的网站界面。可找到实习工作或低层执行岗位的前端开发工作。
【中级水平】：在基础水平的基础上，在市场平均水准以上的公司实际工作沉淀1-2年，可以达到较好水平，可以完成绝大多数基本需求和部分复杂需求。
【精通水平】：前端开发随着技术和互联网大趋势的发展，随时出现新的工具和工作理念，是一门随时需要创新的技能。达到精通水平除了需要长时间的实际工作沉淀外，也与个人学习能力、工作环境等相关。
Web前端开发的入门门槛不高，学习曲线是个先快后慢、先易后难的过程。所以前端开发领域有很多自学成才的人，但大多数人都停留在会用的阶段，往后的学习曲线越来越陡峭，每前进一步都很难。
Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能较多。这就从知识的广度上对Web前端开发工程师提出了要求。
2. 前端开发的入门资料清单
2.1前端开发入门需掌握的知识/技能
【html】：构成网页文档、制作网站基础页面的标准语言。学好HTML是成为Web前端开发的基本条件。
【CSS】：控制网站具体样式，帮助把网页外观做得更加美观。
【Javascript】：用于调度数据和实现复杂展现逻辑。
【主流Web框架】：如jQuery，加快开发网页的速度，节约开发时间
【服务器端脚本语言】：了解一门后端语言，如php，并对Apache的基本配置有一定掌握
【html5】：html的进阶，用于制作手机等移动设备的页面。
【其他】学会运用各种工具进行辅助开发以及理论层面的知识，包括网站优化、网站安全、代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
   2.2入门书籍清单
《Head first HTML&CSS》 豆瓣评分:8.9
《JavaScript高级程序设计》豆瓣评分:9.3
《JavaScript DOM编程艺术》豆瓣评分:8.9
《JavaScript权威指南（第六版）》豆瓣评分:9.0
《Unix编程艺术》豆瓣评分:9.0
2.3入门网站/视频推荐
【自学：w3school】
http://www.w3school.com.cn/index.html

                      大前端时代

     不管是 Web 前端、iOS，还是 Android，对大前端工程师来说，这是最好的时代。放在几年前 1/3 是大前端，2/3 是后端。而现在则是一半以上是大前端的人，这充分说明大前端的重要性。
Web 前端的工程师在问未来在哪里，Android 和 iOS 的工程师也在说 Web 前端抢了他们的饭碗。出口在哪？除了向 NodeJS 向后端的渗透之外，跨端的学习，专注一端技术，关注其他端的技术也是一种出路。现在业务中遇到的问题经常是三端参与，你可以想象当开一个业务会议，后端一个工程师参与，前端一去就三人的感人画面吗？
跨端技术，只是大前端开始。端与端技术之间相互学习和借鉴，这将成为未来前端技术最重要的创新来源。

1.1前端开发是什么？
       【起源】：Web前端开发是从【网页制作】演变而来的。在互联网的演化进程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，使用Photoshop和Dreamweaver即可制作；用户使用网站的行为也以浏览为主2005年以后，互联网进入Web2.0时代，网站的前端不再只是承载单一的文字和图片，各种富媒体交互形式为用户提供了更好的体验，这些都是基于前端开发技术实现的。
【定义】：概括而言，前端指输出到网站屏幕上与用户直接打交道的部分，包括界面的展现、与用户的交互等。前端开发的主要职能就是制作网站的一切可视化界面，并使之更好更快地呈现给用户。
1.2前端开发的市场供需情况
      【市场需求】：前端的用户体验是用户对产品认识的最直观途径。互联网大时代下，随着人们对用户体验的要求提高，前端开发的技术要求越来越高，Web前端开发工程师成为一个互联网主流职位，专业的前端工程师人才近几年来备受青睐。从整个市场看来，前端开发人才仍然供小于求。
      【人才水平】：目前web前端面临的问题是从业人员泛滥，平均水平不高。真正掌握前端技术的高素质人才在整个市场中都非常稀缺。
      【需求分布】：在北上广深杭等互联网公司集聚的城市需求量大，需求缺口大。
1.3前端开发的就业方向
      【Web前端工程师】：学习前端开发就业的基本选择。
      【Web架构师/全栈工程师】：更高的能力要求与更高的薪资。需要拥有足够广泛的Web相关知识沉淀，且需要额外学习后端技术、DBA、Platform等非前端内容，且需要项目实战积累。这就势必会遭遇一段时间的低潮期。
      【创业】：成功率最低，成功回报率最高的道路。需要将视野放高到整个行业、产业链动态，熟悉相关产品领域的知识，且有一定把控产品甚至公司管理的能力。
1.4前端开发的薪酬情况
      【基层前端工程师】：月薪约6-12k，年薪10万左右
      【优秀前端工程师】：月薪约15k-35k，年薪20-50万
      【精英前端工程师】：年薪可达50-80万
*以上为市场平均水平，可能有部分特殊个例，仅供参考
1.5前端开发的学习难度
【基础水平】：自学3小时+/天，视个人情况需4-8个月；可独立制作完整的、不涉及过于复杂内容的网站界面。可找到实习工作或低层执行岗位的前端开发工作。
【中级水平】：在基础水平的基础上，在市场平均水准以上的公司实际工作沉淀1-2年，可以达到较好水平，可以完成绝大多数基本需求和部分复杂需求。
【精通水平】：前端开发随着技术和互联网大趋势的发展，随时出现新的工具和工作理念，是一门随时需要创新的技能。达到精通水平除了需要长时间的实际工作沉淀外，也与个人学习能力、工作环境等相关。
Web前端开发的入门门槛不高，学习曲线是个先快后慢、先易后难的过程。所以前端开发领域有很多自学成才的人，但大多数人都停留在会用的阶段，往后的学习曲线越来越陡峭，每前进一步都很难。
Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，需要掌握的技能较多。这就从知识的广度上对Web前端开发工程师提出了要求。
2. 前端开发的入门资料清单
2.1前端开发入门需掌握的知识/技能
【html】：构成网页文档、制作网站基础页面的标准语言。学好HTML是成为Web前端开发的基本条件。
【CSS】：控制网站具体样式，帮助把网页外观做得更加美观。
【Javascript】：用于调度数据和实现复杂展现逻辑。
【主流Web框架】：如jQuery，加快开发网页的速度，节约开发时间
【服务器端脚本语言】：了解一门后端语言，如php，并对Apache的基本配置有一定掌握
【html5】：html的进阶，用于制作手机等移动设备的页面。
【其他】学会运用各种工具进行辅助开发以及理论层面的知识，包括网站优化、网站安全、代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持等。
   2.2入门书籍清单
《Head first HTML&CSS》 豆瓣评分:8.9
《JavaScript高级程序设计》豆瓣评分:9.3
《JavaScript DOM编程艺术》豆瓣评分:8.9
《JavaScript权威指南（第六版）》豆瓣评分:9.0
《Unix编程艺术》豆瓣评分:9.0
2.3入门网站/视频推荐
【自学：w3school】
http://www.w3school.com.cn/index.html