前端就是后台实现和视觉表现的桥梁，是贯穿在整个产品开发过程的纽带，起到承上启下的作用，一个好的前端工程师他能够很好理解产品经理对用户体验的要求，也能够很好地理解后台工程师对数据逻辑，或者程序逻辑进行分离的要求，并将这些要求转化成前台的开发工作。前端就是网站的门面，它的价值远大于 其他的客户端开发。在移动互联网时代，相信我们每个人的手机上都装有数十个APP，这些APP的开发其实也和当下热门的Web前端开发息息相关。随着Web前端的飞速发展，学习Web前端的人员也是越来越多。想学好Web前端，首先要了解的是Web前端是做什么，它要学的技能，学完有没有前途？了解清楚这些问题，对比学习Web前端也是事半功倍。下面，我们先来了解一下这些问题。
资深Web前端开发经验者告诉你如何零基础学习Web前端！
- Web前端是做什么的？
学习之前很多人对网页设计、UI、网页制所盒Web前端的概念很混淆。网页设计是指运用一些软件对网站进行美化，解决“好看”的问题;UI是指人与界面互动的优化，解决“舒适”的问题;网页制作着重PC端网页制作;而Web前端包括PC端和移动端的前端界面制作。
- Web前端的基础技能及工作职责是什么？
爱它就要更深入了解它，学习Web前端就要清楚地知道Web前端工程师需要什么基础技能及其工作职责。其实，这“很简单”，只要你精通HTML+css(包括现在的HTML5+CSS3)、JavaScript、JQuery，了解界面设计，了解后端编程，服务器知识+后端语言基础。
- 如何学Web前端？
终于说到如何学习Web前端了。学Web前端可以看着学习路线图用以下的学习方法。
null
1)html+css。这部分可以结合视频教程边学边练。过一遍后模仿一些网站做页面。学完基础后，可以仿照电商网站（例如京东、小米）做首页的布局。
学习这部分，×××武汉Web前端培训小编整理出的可以参考的书单是：
《Head first HTML&CSS》好入门，将教学视频结合此书
《CSS权威指南(第三版)》有时间反复看，类似犀牛书
《图解CSS3：核心技术与案例实践》前几本停留在CSS2.1,2.1是基础
《CSS禅意花园》大牛所写，精粹
2)JavaScript。学习一些基本语法和定义，然后看书，实践。包括：作用域和闭包、this和对象原型等。JS语法永远是面试中最重要的部分。
这部分是重点及难点，小编整理出的可以参考的书单是：
《JavaScript DOM编程艺术》(第二版)好入门，最新2010版
《JavaScript高级程序设计》(第三版)Zakas
《JavaScript权威指南》犀牛书
《JavaScript语言精粹》老道所写，稍微入门以后看，了解中高级概念
3)学习一些后端编程，比如Jquery。
可以参考的书有：《JavaScript&Jquery交互式Web前端开发》、《锋利的Jquery》
null
以上就是本文的总结，说了很多东西希望可以对你有帮助。但是不想当裁缝的司机，不是个好厨师，撑起Web前端开发的一片天空需要十八般武艺，需要走一条很长的路，贵在坚持下去，不求健步如飞，但求一步一脚印。下面再给大家一份我们的Web前端学习笔记希望对大家学习前端有所帮助：
Web前端学习笔记，学习路线图，完整前端自学教程+工具+框架
前端开发软件：工具篇-前端开发工具
WebStorm 前端开发神器下载
Sublime Text 下载+全套快捷键
常用编辑器Editplus下载
编码必备：Adobe Dreamweaver CC下载
编辑利器：Atom下载
免费编辑器Brackets下载
fontawesome离线文档
YII框架软件下载
数据库客户端软件navicat下载
集成环境软件WampServer下载
抓包工具Httpwatch下载
文件及目录对比神器Beyond Compare下载
nodejs
工具篇-前端流行框架
angular-1.5.8离线文档
react
ionic-1.x离线文档
Bootstrap在线文档
vue离线文档
工具篇-前端手册
html5参考手册 api 下载
CSS2.0中文参考手册 api 下载
CSS3.0中文参考手册 api 下载
css3.4 API 中文样式表手册下载
CSS4.0中文参考手册 api 下载
JavaScriptJavaScript参考手册
javascript权威指南
JavaScript中文教程
JavaScript中文手册api下载
jQuery1.11.0_中文
jQuery api 1.8 中文（离线）版下载
BootstrapBootstrap中文api参考手册
Bootstrap-v3.3.5中文api
Bootstrap3.2.0中文文档
Zepto中文api参考手册
AngularJS中文api离线参考手册
MYSQL手册
DOM手册
w3school api文档下载
seajs离线文档