前端是连接后台实现和视觉表现的桥梁，它是贯穿整个产品开发过程的环节。能很好地理解产品经理对用户体验的要求，也能很好地理解后端工程师对数据逻辑或程序逻辑分离的要求，并将这些要求转化为前端开发工作。前端是网站的门面，其价值远大于其他客户端开发。在移动互联网时代，相信我们每个人的手机上都安装了几十个APP。这些APP的开发其实和现在流行的Web前端开发是息息相关的。随着Web前端的快速发展，越来越多的人开始学习Web前端。想要学好web前端，首先要知道web前端是干什么的，需要学什么技能，学了有没有前途？把这些问题搞清楚，比学习Web前端更有效。接下来，我们先来看看这些问题。Web前端是做什么的？在学习之前，很多人对网页设计、UI、网页设计和网页前端的概念感到困惑。网页设计是指利用一些软件对网站进行美化，以解决“好看”的问题；UI指的是人机界面交互的优化，解决“舒适”的问题；网页制作专注于PC端网页制作；而Web前端包括PC端和移动端的前端界面制作。Web前端的基本技能和工作职责是什么？如果你爱它，你需要更深入地了解它。学习web前端，必须清楚web前端工程师需要具备哪些基本技能和工作职责。其实这个“很简单”，只要精通HTML+css（包括现在的HTML5+CSS3）、JavaScript、JQuery，懂界面设计，懂后端编程，服务器知识+后端语言基础。如何学习Web前端？在这里，小编建了一个前端学习交流按钮群：132667127，自己整理的最新前端资料和进阶开发教程。有需要的可以加群一起学习交流。学习Web前端，可以看看学习路线图，使用下面的学习方法。1)、html+css。这部分可以结合视频教程进行学习和练习。过一遍之后，模仿一些网站做页面。学好基础后，可以模仿电商网站（如京东、小米）首页的布局。子瑜整理了这部分学习的参考书籍清单：《Head first HTML&CSS》好介绍，把教学视频和这本书结合起来《CSS权威指南(第三版)》有时间反复看，和犀牛书差不多《图解CSS3：核心技术与案例实践》前几本书留着CSS2.1中，2.1是由基本《CSS禅意花园》大牛写的，精髓2)，JavaScript。学习一些基本的语法和定义，然后阅读书籍并练习。包括：scope和closure，this和objectprototype等。JS语法永远是面试最重要的部分。这部分是重点和难点。推荐的参考书单是：《JavaScript DOM编程艺术》（第二版）好介绍，2010最新版《JavaScript高级程序设计》（第三版）Zakas《JavaScript权威指南》犀牛书《JavaScript语言精粹》老道士写的，稍微入门后，了解中级和进阶概念3）掌握主流框架：大热的Vue.js，目前国内最常用的框架是Vue，推荐前端学习者必学框架，限薪准备技能之一.备选主流框架：angular备选主流框架：Reatc以上是本文的总结。说了很多，希望对你有帮助。但是不想当裁缝的司机不是好厨师。十八般武艺撑起Web前端开发的一片天空，任重而道远。再给大家发一份我们的Web前端学习笔记，希望对大家学习前端有所帮助：
