前端要学习三个部分：
HTML是内容层，它用来构建页面的结构，这些元素有div，span，input等等。
CSS是样式层，它是用来让你的html元素显示在哪里，怎么显示。
JS(JavaScript)是行为层，它是用来操作html元素的，页面相关的逻辑（元素之间的联动，css与元素间的联动）。
个人观点：
以往的前端都是切图布局和jQuery，基本都不懂原生，也就是没有看过jquery的源码。
但目前的前端已经不在去直接操作DOM，更注重js方向了。当然jQuery是目前的前端的标配，会它不加分，不会会扣分。
html：清楚的知道每种元素的特点作用，什么时候用什么元素就可以了。
css：熟悉显隐行块等就差不多了(初期)。
js：熟悉原生的javascript，其他的框架都能很快的熟悉，否则你只能用别人的框架，不明其原理。
推荐编辑工具：WebStorm，VS Code