未入行新人的练手作业，求诸位前辈指导下来的路径！！！

Question

为入行新人一枚，自学前端一段时间了，主要是在慕课网看视频和自己买书看，然后练手做了以下的一些小功能，请诸位前辈指点下来的学习路径！！！
作业链接

书的话看了以下的：《Head First HTML与CSS》《JavaScript DOM编程艺术》这两本书是入门时看的，《JavaScript高级程序设计》前面的章节看了2边，《JavaScript语言精粹》和《精通CSS》书卖了还没来得及看。

前端变化太快，现在学习路径挺迷茫的。不知道是继续看JS呢？还是开始学jq及框架？还有就是后端及数据库思否需要深入的学习还是只是了解即可？还有就是前端各种的构建工具打包工具等，都需要学到什么程度？

Answer 1

更新

但是实际项目到底什么东西使用频率高这也是因业务而已的，所以还是先自己多练习，如果是自己个人发展，那就做个个人博客之类的东西，这里面有很多东西了；如果是已经入职，那么还是以公司业务要求为主，平时多积累业务代码，找找设计模式等等在业务代码中的体现还有尝试做自动化（比如你作业列表里 WEBQQ 那个的列表全是硬编码, 可以尝试用 js 去自动生成那些列表）。

原答案

学到什么程度 这种词给我的感觉就是：我不打算费太多时间去学习这个东西

其实很简单：觉得不会就去学、觉得用得上就去学、老板要求就去学。

最后你会发现条条大路通罗马。

前提是你的有效代码量足够多，多亲手做做书上的例子，也可以看看 MDN 的规范，当你代码量到一定程度了，你就知道自己什么方面不足需要去学习了。

Answer 2

本来这种说话很多的答案我是不想答的，因为我表达能力贼差。
不过题主你遇到的问题我在开始学习的时候也遇到过，而且困扰了我很长时间。特别能理解那种有一颗往死学的心，但不知道往哪个方向学的感觉。

前端其实围绕着三大块，html、js、css，想必你看过基础，对这三部分不会陌生。

1. 首先说HTML，这是前端页面骨架所在，其实只要了解常用的标签暂时就可以了，比如div、span、表单元素等。做到看到原型图你心里有数哪个地方需要用哪些元素，看见原型上的表单可以直接搭出来，这其实就可以了。另外要知道什么是块级元素、行内元素，这里你应该也懂了。其他的不常用、带有语义化的元素，可以放到后面看。
2. 再说js，这是前端逻辑所在，至关重要，不仅不能放弃学习它，只要你一天从事前端或js相关工作，你就得学一天。但对于题主你的阶段来说，建议将红宝书(JavaScript高级程序设计)或犀牛书(JavaScript权威指南)其中一本学一遍。先粗学，了解大概，照着demo做，详细的东西不理解不用非要弄明白，记下就好。而后你对js就有了一定的了解，可以实现简单的东西了。然后再将前面的书看几遍，你会发现每一次你都能看到新的内容，对js有新的理解。

3. css，前端的"面子"，这部分其实我也很弱，给出的建议就是先看基础，而后模仿。css令人头疼的是它不像js，赋值就是var a='hello'，函数就是function。而对于样式来说，一个UI，css可以用多种不同写法实现，而它并没有标准答案的唯一解。虽然我对css懂得不多，但是目前也制定了一些学习思路。

   • css样式基础属性
   • 布局(两栏布局、三栏布局、table布局、flex布局等，垂直居中、水平居中等)
   • 模拟(去网上搜索好看的组件demo，自己实现)

关于库、框架、工具

1. jQuery建议首先会用、了解API。以后想深入学习前端时可学习源码。
2. 框架，现在并驾齐驱的三大框架React、Vue、Angular不建议立刻学习。对html、css、js、jQuery有所了解后建议挑选Vue进行了解，因为Vue中文文档简单易读、可调试文档、生态较丰富。而后对比三家选取所需。
3. 工具，webpack这些就不着急看了，先把基础打好，而后需要用到工具的时候你自然会找到他们并学习。nodejs也是一样。

写的比较乱，总结就是HTML、JS、CSS是基础，基础要打好，而后你自然会需要用工具，此时了解jQuery，再然后了解组件化，用到框架及nodej/npm，自然就会用到webpack了。
其实工具神马的，只是个辅助手段，最终的目的，还是HTML、JS、CSS，所以不要放弃对这仨货的学习，把这仨货当作基础，向上延伸学习的思路因该错不了的。

祝学习顺利。

Answer 3

JavaScript高级程序设计好好看看
设计模式学一下
jq看看就行了
react、vue这种框架学一下
webpack
less/sass
mvc、mvvm了解一下
nodejs也可以去了解一下

githut上有好多对应的项目 好多可以学的O(∩_∩)O

Answer 4

这种问题你可以去知乎、贴吧搜搜，应该都有，推荐一个github前端资源仓库。

另外这个问题，还要看你的状态，比如如果你是一个大学生，出于兴趣学习，建议你先打牢固js基础吧，《javascript高级程序设计》的主要章节先看一遍，期间找些项目练习，推荐freeCodeCamp，之后再学jQuery，几大框架，构建工具之类的。

如果你要学完找工作，大体也是这样，不过时间可能比较紧，《javascript高级程序设计》至少把前8章的基础部分看了。

Answer 5

感觉你这样学知识比较零散，一般学完也不知道用在哪里，体会不深，忘得快。

建议上来就是干.

1. 先找一个完整的jq项目模仿着做，项目配置全copy，只写业务逻辑。要找那种包含登录注册的项目。什么ajax，css布局，dom操作，对象，数组，存储都边写边学；
2. 找一个vue项目做，比如github上star比较多的ele-admin，iview-admin，也是配置全copy，业务逻辑边抄编写。

Answer 6

实际工作很少写什么动画，遇到了也是网上搜一下改一改。建议找个实战课程完整的跟下来看看企业实际的工作内容是什么样子，或者上github上找项目练习，但是不推荐，新手分辨不了什么项目适合自己。

Answer 7

个人建议，不要一味的死学，知识是无穷无尽的，但是源头千篇一律，所以说，不一定要会太多的东西，但是一定要精通，到那时候你无论上手什么都会发现很简单。多看看实战项目，多做，一定搞懂了再去研究下一个，还是那句话，贪多嚼不烂。

Answer 8

首先 js基础一定要弄懂，原型链 面向对象思维，甚至闭包 . 这些都是面试大厂主要问题.

其次 jq这个东西 怎么说呢 虽说实际开发用处并不多 （至少我目前是这样 一般都原生写）但你还是要懂得

然后 数据交互这一块 要懂 要会 ajax要学

再然后就是一些框架 但是你要记住框架只是辅助你快速开发 框架的底层原理说白了就是js. 所以要把基础做好

至于前面答案提到的 git webpack等 其重要性肯定是上列之后的，一些其他的 每个公司技术栈 所用的工具也大不相同 还是要看公司的业务来决定.

Answer 9

基础为重中之重，不管是 CSS 还是 JavaScript，有了基础，你往上爬的时候，你会觉得很轻松。我一开始学前端的时候，很喜欢这个东西，但是不太静得下心来，去摆弄这个基础的东西，比如说 JavaScript，看 API 文档，看着看着好像，就这么看完了，但是好像看跟没看一样，我也知道基础重要，但是自己就是灭法静下心来，下定决心去攻破这个东西。心里就很慌，看什么都觉得看不下去。

后来我觉得这样下去不是办法，我就用了一个月的时间，只看 js 基础，每个概念都研究透，把笔记做透，反正一定要懂，直到自己对概念完全烂熟于心，完全能用自己的思路说出个所以然，各种基础 api 也都记得。

你都不知道那时觉得多开心，就像自己拥有了一件兵器一样，我可以去攻破更多的东西，比如 框架，比如 Node。
你做的那些东西，我不能说不重要，毕竟一开始接触前端，也是因为想做一些小玩意，但是你现在不应该还停留在这个阶段了，你需要的是，攻破基础。

我给自己设计的 js 之路的几个点就是：基础，性能，设计模式，可维护，安全

而 CSS 的基础，推荐看张鑫旭的 慕课视频，可以加深自己对很多 样式现象的理解，看完豁然开朗。

最后说一句，有了基础，走遍天下都不怕。