请教下大佬们前端学习路线

[Afishtail]

目前熟悉 html，css，javascript 基础，也刚工作，开发过一个答题类的微信小程序。 JS 看的某内的视频，目前看到了 DOM，一集 4 小时，太长了实在。并且我本身不太爱太枯燥的东西。。比较喜欢动手实践，接下来是继续看视频打基础，还是开始学框架呢？ 说到框架，是该从经典的 jQuery 开始，还是直接从很火的 Vue 开始呢？ 另外我很想可以自己开发一个网站，小程序之类的，又需要哪些技术呢（包括后端）？

[jrient]

我看没人贴这个 我来做个搬运工吧

https://github.com/goodjack/developer-roadmap-chinese

[Afishtail]

@VDimos 以前看书感觉很枯燥，看不懂，现在视频看多了，慢慢发现视频需要花费更长时间，有时候不如看书，文档获取的信息多

[whevether]

上来就框架一梭子。不注重基础的吗。 基础不牢有个卵用。这些框架都是 js 写的啊.

[grewer]

jq 确实不需要了,mvvm 里需要 dom 的话 ref 和 querySelector 就够用了

[lneoi]

新手来说，jq 不看，也得看看原生一些操作吧。看 jq 语法其实也用不了多久，做别人项目总会碰到的。有 js 基础的话，随便翻翻文档就能上手用吧，然后可以想接触 vue 再看，费不了多少时间。

[TomatoYuyuko]

jq 肯定要学啊，就算你用不到也能加深对 dom 的理解，而且基本插在别的框架里都能当万金油用。现在找工作的话 jq 是基础，用 jq 不用 mvvm 的公司一抓一大把。。。基础打深了再去碰框架都是手到擒来的事，基础好一套框架上手到熟练也就一两周时间，框架这种东西几年淘汰一批你不学基础直接 vue，过两年更新换代了你咋办，重新学？

[ahonn]

先把原生 JavaScript 学好，不建议那么快学框架

[TomatoYuyuko]

前端花样太多了，以前刚入门就经常被师傅骂啥都想学啥都学不地道，基础都没学好看啥 node 看啥 mongo，压根就不是一个体系的东西，就直接找个小米官网之类的页面 仿照着做个 demo，三板斧基础好了，再上 jq 重做，进而再换 vue，ng，react 之类的。多动手比啥都好使

[alexsunxl]

上面说 jquery 不用看的都是忽悠人的.
es 新标准从 jquery 里学了多少东西?更别说占有率了, jquery 就是 web 前端基础之一

最好的学习就是在找找实习, 毕业了多去面试找找工作,查漏补缺, 从工作中着手,吃透工作的业务,能成长的很快.
看看视频,做做 demo 什么的搞来搞去,用处不大

[cexy]

首先，要明白不是为了技术而去学技术，另外 LZ 你这句话（目前熟悉 html，css，javascript 基础），正常来说一天就差不多了，如果你学那些所谓的框架仅仅只是为了用，那么几天就够了，重要的是底层实现，基础很重要。另外去了解下 http 以及 browser，这很有用

[zhuangzhuang1988]

mdn 里的 css/js/html 来回看 2 遍
lodash 的常用函数来回看 2 遍
jquery 找个官方 ppt 看一遍，再把 mdn 里 js 部分代码重写下
vue/angular/react 找个官方看一遍

[wujie396]

基础很重要，JavaScript 高级程序设计 /你不知道的 JavaScript，里面的基础点可以串起来，打好基础后，遇到大部分框架 /库都不慌。

[Andymowang]

@VDimos jq 不碰是什么梗

[zlccn]

@GentleSadness vue 提供了很多很棒的资源工具，基本 jq 能做的它都能做

[CliCli025]

楼上一天时间过分了，熟悉也只是个说法而已，没到一定层次谁敢说是精通？ 感觉这个三个下来 一个月都未必说得上是熟悉

[TANKING]

想做小网站，基本的 html+css+js 都要学会，这是构建页面的基础，后端要学的话，可以选择 php，也很容易学，jQuery 当然要学，这是和后端交互，页面交互很方便的 js 库，这些基础的东西学会了，数据库也学一下，做个小网站基本没问题了。

[GrahamACER]

JQ 只是在
VDOM 时代以后很少用到了，但是 JQuery 本身十分值得学习
等有一定基础了，再回头看看 JQ 的源码绝对受益匪浅

[yxcoder]

1. 会用，会用指的是 对于 jquery 你可以不去记有哪些方法，但是那些方法是做什么的，解决什么问题的，要大致明白，对于 vue，文档中涉及的各个方面，你要知道他们是干嘛的，webpack 如何打包，每个 API 设计出来都是有其擅长的部分。这个阶段你可以不去了解原理，不用搞懂为什么这样，你只要能熟练使用即可
2. 理解，这时候你应该已经工作 1~2 年了，对于工作中的框架应该能熟练使用了，这时候你需要的是深入理解框架原理，jquery API 为什么会这样设计，vue 为什么会需要 vue-router 和 vuex，如果没有这些，vue 又能怎样使用，你要深入框架设计部分，高屋建瓴的去理解整个框架，而不只是在意框架的细节，不只是理解每个 API 的作用。webpack 的实现原理，它实质解决的是什么问题。如果这个阶段能够做的比较好，给你点时间，是能够写出类似 jquery 和 vue 的框架的。

嗯，我还在阶段二，再走，我也不清楚了。。。

[realkaiway]

原生的 JavaScript 必须会，推荐看犀牛书之后过渡到 ES6 语法，ES6 不会你直接去摸框架，梁静茹给你们的勇气吗？ BTW 这么经典的 JQuery 为什么看到有人说不用学啊……虽然现在的框架只关心数据流的变化，而不用去操作 DOM，但是不用框架的时候，JQ 依旧是首选啊～

[huijiewei]

新手建议学 vue 或者 angular

一个新手友好，vue-router 和 vuex 都是官方的，版本迭代下来变化不大
一个工程优美，ts 真的很牛，但是我还没用上，哈哈

react 适合老手，react 迭代了这么多版本，除非你有坚实的基础，啃着官方文档举一反三，否则看着已经过时的代码和教程，遇到坑真的要哭出声