web前端开发需要学习哪些知识？
首先，我们来介绍一下前端工程师是做什么的。
他们的主要工作是将UI设计按照w3c标准做成html页面，用javascript脚本语言实现页面上的前端交互。交互效果包括弹出层、选项卡切换、图片滚动和ajax异步交互。
高级前端工程师也要承担前端优化的工作，对优化有更多的了解，比如文件过期、缓存、异步缓存、js和css、图像压缩等。
前端开发是一项非常特殊的工作。前端工程师的工作看起来很轻很轻，但做起来绝对没那么简单。在开发过程中，它涵盖的内容非常广泛。我们不仅要从技术的角度思考页面的实现，还要思考如何更好地接受技术呈现的枯燥数据，更好地从用户的角度呈现信息。简单来说，它的主要作用就是将网站的数据和用户的接受度更好的结合起来，为用户呈现一个友好的数据界面。
前端工程师是一个很新的职业，在国内外真正开始被重视还不到5年。随着互联网的飞速发展，从WEB1.0到WEB2.0，再到新的HTML5和CSS3，再到现在手机、3G网络等新技术的兴起，网页都是以原有的图文为主。现在，基于不断下降的前端技术的各种应用、交互和富媒体，更多的信息、更丰富的内容和更友好的体验，已经成为网站前端开发的要求。网站的发展对前端越来越重要，但是目前对前端工程师的需求也越来越重要，但是前端工程师的需求大于供给，前端人才非常稀缺。因此，高素质的前端开发工程师将是未来五年非常热门的职业，发展前景非常可观。
那么，零基础小学的Web前端需要了解哪些知识呢？
如果是零基础的初学者，首先要掌握前端开发和相关编程语言的基础知识；HTML，CSS，JauaScript，在页面的布局中，HTML定义元素，CSS定位显示的元素，然后通过JavaScript实现相应的效果和交互。这些知识是基础，必须熟练掌握，才能写得流畅。
当然，学习编程语言是对工具的补充。在学习语言的同时，你需要掌握的是开发工具的使用。对于初学者，使用几个常用工具:
1，Dreamweaver:，集网页制作和网站管理于一体的所见即所得网页代码编辑器。
2、Sublime，全称Sublime Text，是一个代码编辑器，主要功能包括拼写检查、书签、完整的Python API、Goto函数、即时项目切换、多选多窗口。
3、HBuilder:是DCloud推出的HTML5支持的Web开发IDE。
熟悉这些工具后，你必须对基础开发工作有一定的了解。这个时候，如果你想提高自己的能力，可以多学习一些工具的使用方法。比如Bootstrap可以提供更时尚的格式、表格、按钮、表格、网络系统等。为了你的网络开发。Secureheaders可以自动实施安全相关的标头规则，以防止XSS和HSTS等攻击。
前端开发的道路不是一成不变的，学习的内容可能会随着时代的发展，软件的更新而变化，但是打好基础，无论学什么样的知识都是得心应手的。
简单了解后就是亮点！
前端小白如何学习web前端
前端自学者的误区；
你所学的可能已经过时了。
被奉为经典的东西已经过时，或者有更好的替代品，而你获取信息的渠道有限，消息滞后，导致学习内容相对落后。
2.盲目学习方法
一本书看不懂，就找视频教程。如果你觉得教程不符合你的口味，那就另寻他路。因为缺乏识别资源的能力，总是在没有明确规划学习路线的情况下盲目学习，导致学习时间无效，收获甚微。
3，只有理论，缺乏真正的项目锻炼。
对技术的理解停留在理论层面，缺乏真实企业项目的经验。如果没有相关的实习或工作经历，对前端岗位的具体职责分工和工作流程并不完全了解。
如何自学前端知识:
自学方法:
作为初学者，你必须明确系统的学习计划。我建议一定要有一个可以自学的导师。放弃的概率很大。当你对web前端毫无概念的时候，你需要一个人领你进门，然后你就要自学了。第一步，确定web前端需要什么内容，需要多长时间完成学习。建议时间6个月。
2.视频为主，书籍为辅。很多初学者在学习前端的时候喜欢买书，但是最后的结果是什么呢？好像什么都写不出来，所以在这里提醒一下，书是可以看的，但是是建立在对某个知识点实施具体操作的基础上的，所以更有利于你对知识的理解。
3.对于学习技术来说，掌握一种学习方法非常重要。其实对于web前端来说，很多学习方法确实是一样的。一旦学习方法不对，就可能造成“方法不对，努力白费”。其实这里面还有很多东西。我举个简单的例子。有的人一边听课一边跟着码，这是不对的。听课时，他们专心做题。这是经历过的人的经历。一定要听。根据每个人的差异，学习方法可能会有出路。找到适合自己的学习方法是学习的前提。
4.不建议自学编程。据我所知，从零开始，最后成功从事这份工作的人并不多。我觉得大部分原因是因为不知道web前端是什么，不知道自己在学什么，所以盲目买书，到处找视频，最后看完就放弃了。所以我建议初学者在没有具体概念之前，先向有经验的人咨询和交谈。
必读的前端书籍和资料:
1，JavaScript DOM编程艺术
超级前端畅销书，作为一个前端程序员必须看两本以上的书，这本书特别适合初学者，前端的核心技术是JavaScript，也是前端的难点。而且这本书非常适合初学者，通俗易懂，生动的案例可以让初学者更好的理解。提到的很多编程思路都适合中低水平的前端开发人员学习。
2.JavaScript权威指南
也是前端程序员的必读书籍，不仅适合初学者，也适合已经在做前端工作的程序员随时阅读。它涵盖了JavaScript和web浏览器实现的JavaScript API的所有内容。了解js的基础知识是有帮助的，比如对象、数组、语法、作用域、闭包等等。
3.JavaScript高级编程
如果你想完整系统的学习JavaScript，我强烈推荐这本书。这本书可以一直留着，你可以把这本书使用过程中的要点画出来，以后可以作为参考。它是你工作中非常有力的帮手。在面试中也可以用得很好，也就是俗称的“小红书”。
4.你不知道的JavaScript
这本书不适合前端初学者，是每个前端程序员想要深入理解JavaScript原理必须要学习的书。让不熟练的JavaScript开发人员迎接挑战，深入语言，找出JavaScript每个组件的用途。如果你能通读这本书，你就能在将来很快理解和掌握一切。
5、《Vue.js权威指南》
Vue作为前端的主流框架，在国内的应用最为广泛，所以要了解Vue的原理，必须啃一本关于Vue的书。我推荐这本书，因为它在指导刚接触Vue的开发者方面有了质的提升。从基础知识到主流的封装和源代码分析，实际案例很多，都是很好的实用书籍。主要内容包括数据绑定、指令、表单控件绑定、过滤器、组件、表单验证、服务通信、路由和查看、vue-cli、测试开发和调试、源代码分析以及主流的封装和构造工具。该书内容全面，讲解详细，实例丰富，适合各个层次的开发人员。
6.编程之美
不管程序员是什么岗位，都要看一本书，几乎所有没看过这本书的程序员都是假程序员。这本书有60个算法和编程话题，大部分都出现在近几年的笔试和面试中，或者被微软员工热议。作者试图引导读者从书中各种有趣的问题中发现、分析、解决并找到更好的解决方案。可以大大提高自己的编程思维和对这个行业的深入思考，最终成为技术大牛。
学习路线:
阶段1:首页重建(4周)
内容包括:(PC端网站布局项目，HTML5+CSS3基础项目，WebApp页面布局项目)。
第二阶段:JavaScript高级编程(5周)
内容包括:(原生JavaScript交互功能开发项目，面向对象高级及ES5/ES6应用项目，JavaScript工具库自主研发项目)。
第三阶段:PC端全栈项目开发(3周)
内容包括:(jQuery经典交互特效开发、HTTP协议、Ajax高级及PHP/JAVA开发项目、前端工程及模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目)。
阶段4:移动项目开发(6周)
内容包括:(触控项目，微信场景项目，用Angular+Ionic开发WebApp项目，用Vue.js开发WebApp项目，用React.js开发WebApp项目)。
阶段5:杂交、反应性发育(1周)
内容包括:(微信小程序开发，ReactNative，各种混合应用开发)
阶段NodeJS的全栈开发(1周)
内容包括:(WebApp后端系统开发，一、NodeJS基础及NodeJS核心模块二、Express三、noSQL数据库)。
视频教程:
以上是商学堂前端学院小白的学习历程，简单介绍一下。
一般来说，零基础学习Web前端，不仅要了解整个前端行业的动态和发展，还要学习HTML、CSS、JavaScript等知识，这是一个庞大而复杂的技术体系。
如果你有兴趣学习前端技术，想学习一门新技术，我给你提供一个非常好的前端学习交流群:1141884931。有什么问题，请到里面问我，这样可以少走很多弯路，做起来也比较有效率。记得多和有经验的人交流，不要闭门造车。如果没有更好的教程，可以找我要。
本文由尚学堂前端学院原创。欢迎关注，带你学习Web前端知识！