前端主要都需要学什么？

前端的根本：html、css、JavaScript、JavaScript是重中之重。
库工具：对于库工具而言我们常用的有 JQuery、underScore、zepto、Moment 等
JQuery: 降低开发者操作 DOM 的复杂度
UnderScore: 提供实用的函数
Zepto: JQuery 的简化版
Moment: 日期和时间操作库
这些库给我们提供了很大的便利，省去了我们编写相关方法的时间，同时也是我们的程序更加稳健我们自己写的方法很可能在某些情况下就出 bug 了。
前端框架（ MVVM ）的学习
当下最火的框架想必一定是 React 和 Vue，如果 JQuery 的存在是更加方便的操作 DOM,那么现在 MVVM 框架则是让我们从手动更新 DOM 的繁杂操作中解放出来。
至于 React 和 Vue 该学习哪一个，更多的还是看当下公司使用的是哪一个（也不是必然）。对于 Vue(React) 该如何使用其实不用多久就能上手，我们更应该关心的是他们背后的设计思想和实现原理。
浏览器 & 计算机基础
如果你希望能能快速进阶到高级工程师，那么对于浏览器 & 计算机基础的知识你就必要又有一定的掌握。因为这能让你更好理解前端。
浏览器一直是 JavaScript 最重要的宿主环境，所以我们必须去了解 JavaScript 在浏览器中是如何执行的。
我们前端开发接触最多的应该就是浏览器了，记得工作第一年最头痛的就是处理 IE 的兼容问题。工作中出现的很多问题都和浏览器有关，所以我觉得了解浏览器工作原理是非常有必要的。
前端工程化
从事前端稍微久一点的开发就一定会有这个感受 —— 前端开发越来越工程化，越来越复杂。
对于前端开发来说，现在前端要做的不只是切页面调接口这么简单，我们需要了解的技术无疑更加广泛。
性能优化
提起性能优化，大家最先想到的是什么？我最先想到的是一道面试题：
从输入 URL 到页面加载完成的具体过程学习路线，学习效率等方面的问题创建扣裙的前端自学交流前面输入是851中间是231最后连起来348，因为从直观层面来看，我们前端需要优化的步骤基本都在这个加载工程当中。
性能优化现在对于前端来说已经是必不可少的技能了，当然现在有些所谓的性能优化的技巧现在都成为了一种需要遵从的规范。
Nodejs
我们知道由于 Nodejs 的出现，前端开发出现了一个新的高潮。JS 开始可以涉及后端领域，JS 的可能性更大了。
Nodejs 一些知识点
Nodejs 在应用程序中的作用
Express 和 Koa 的区别
Nodejs 的底层运行原理、和浏览器的异同
Nodejs 非阻塞机制的实现原理
……
数据结构和算法
这一点我也比较薄弱，就不展开了。关于这部分你可以刷 leetcode。
另外推一本书《学习 JavaScript 数据结构与算法》（第三版）
以上就是我觉得现在学习前端开发一定要掌握的技术知识，肯定也有其局限性，但是也希望对你有所帮助，还有就是对于自学前端，也给你几点建议。
一：首先，有这样的一种情况很常见，对于想自学web前端的人来说，他们大多数都是非常盲目的，不知道自己入手，很多人在网上找一些视频，然后疯狂的过视频，很快就把一块内容都学完，他们理解的学完了就是视频看完了，但是让他们动手去做东西却做不出来，而我的理解学完了就是自己能写出东西，所以对于初学者来说一定不能盲目，要有自己的规划，不然就是浪费时间白忙活。
二：既然是学习专业技术，我个人的建议是，一定要有一个能指导你的人，不能都靠自己闭门造车，这样的行为并不聪明，结识一位这方面的人才，时不时去问问人家问题，不然你可能会发现一个小问题能困扰你一天，最后还不知道是什么原因。
三：学习web前端技术，不能跟学数学语文一样对待，比较刚接触代码是不容易记住的，所以要掌握上述的技术，你还要知道学习web前端技术有哪些“坑”。对于学习方法这块是尤为重要的，怎么学才能让你学完了能记住之前学的那些，不至于学完了就忘，这个问题值得你学习之前去思考的。
四：根据我多年的学习情况来看，你平时一定要养成好的学习习惯，就说我自己吧！我就喜欢把自己曾经遇到的问题整理在电脑的日记本上，然后我会搜集一下博客相关的技术文章，一些我认为比较有用的网站，以后都能用上，这是我个人的学习习惯，相信我，如果你想走更远，一定要养成习惯。
学习安排路线：
基础：HTML+CSS页面搭建，CS核心和PC端页面开发，HTML5移动端页面开发
核心：web前端核心技术JavaScript，ecmasript，dom，ajax，json，正则，作用域，运动框架，核心算法，高级函数，插件封装，jQuery。
高级：html5+高级JavaScript开发，大数据可视化，webapp交互接口，lbs定位，微信sdk，es6标准，高级算法，数据结构，插件封装。
框架：bootstrap、vue、react、angular、sass企业开发应用。
以上就是我的分享，希望对你有所帮助，另外我自己也从事前端开发多年，
自己对于前端也做了一些学习的总结，也录制了基础的精讲视频和学习方法，
另外如果对于学习前端还有什么问题（学习方法，学习效率，如何就业）随时为你解答

Web前端开发工程师主要进行网站开发，优化，完善的工作。需要掌握以下技能：
必须掌握基本的Web前端开发技术，其中包括：CSS、HTML、SEO、DOM、BOM、Ajax、JavaScript等，在掌握这些技术的同时，还要清楚地了解它们在不同浏览器上的兼容情况、渲染原理和存在的Bug。在一名合格的前端工程师的知识结构中，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。
必须学会运用各种工具进行辅助开发。除了要掌握技术层面的知识，还要掌握理论层面的知识，包括代码的可维护性、组件的易用性、分层语义模板和浏览器分级支持，等等。可见，看似简单的网页制作，如果要做得更好、更专业，真的是不简单。这就是前端开发的特点，也是让很多人困惑的原因。如此繁杂的知识体系让新手学习起来无从下手，对于老手来说，也时常不知道下一步该学什么。
代码质量是前端开发中应该重点考虑的问题之一。例如，实现一个网站界面可能会有无数种方案，但有些方案的维护成本会比较高，有些方案会存在性能问题，而有些方案则更易于维护，而且性能也比较好。这里的关键影响因素就是代码质量。CSS、HTML、JavaScript这三种前端开发语言的特点是不同的，对代码质量的要求也不同，但它们之间又有着千丝万缕的联系。

1、熟练得学习好html基本知识，包括每一个标签的用法等。这个是HTML5开发的信息结构。
2、熟练学习好div+css基本知识，这个东西基本就是前端的基础了，它可以将你写的东西直观的展示出效果给你看，所以须熟练学习好。div+css不管你做了什么，瞬间就可以看到效果，对调试、修改有很大的帮助，这个就是前端开发的显示效果。
3、应该是至少学习好一个后台的内容管理系统，可以做个本地建站用来熟悉前面学到的html和div+css，让自己熟练的学习好这些。
4、学习javascript编程，深入学习，包括jquery等框架。js东西会比较多，一定要有耐心，Js就是前段的行为和数据交换。
5、学习一门简单的后台编程语言，比如asp或者php，推荐php，不需要学的太深入，主要为了培养编程思想。
学习web前端要有几个阶段，我给你分享一下：

第1阶段：前端页面重构：PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局；
第2阶段：JavaScript高级程序设计：原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发；
第3阶段：PC端全栈项目开发：jQuery经典特效交互开发、HTTP协议，Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发；
第4阶段：移动端webAPP开发：Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp；
第5阶段：混合（Hybrid）开发：各类混合应用开发；
第6阶段：NodeJS全栈开发：WebApp后端系统开发；
以上的回答希望对你有所帮助本回答被网友采纳