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

[Afishtail]

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

[VDimos]

jquery 还是别碰了，除非工作需要。vue,react 选一个吧，vue 适合新手，对中文友好。
开发一个小网站，技术难度不大。你熟悉 js，那就学学 nodejs 吧。用 express 或者 koa，又或者比较完善的阿里的 eggjs。小程序前端是另一个话题，美团之类的有来源项目，可以用 vue 或者 react 的语法来写小程序。数据库的话，你可以用 mongobd，其实数据库这个话题很大，一两句说不清。
另外，可以看看 ecma script 2017。
另外，服务器用系统我个人推荐 linux，熟悉 windows 的话就用 windows 吧。
鉴于你并不是特别熟悉，vue+express+mongodb，这套技术栈比较适合你。
个人之见。

[Afishtail]

@VDimos 谢谢指点。。在看 Vue 中。。刚刚也问了下带我入门的 leader

[components]

这属于一个自媒体性质的教育类视频站，里面有前端，还有后端(非零基础课程)
前端部分： http://www.jtthink.com/course?c=13
至于路线，这个真不清楚。

[Afishtail]

@components 大哥。。收费的啊 ，可以找到很多分享出来的付费教程的

[stellar]

JQ 在某些场合很好用呀，为啥不让碰

[HongJay]

@stellar jquery 还是别碰了，除非工作需要

[akakidz]

想知道为啥 jQuery 不能碰。。

[murmur]

jQuery 为啥不能碰
jQuery 杰阔睿
杰就是杰出，代表 jQuery 在历史中的地位
阔就是广阔，表示 jQuery 包容一切的思想和各种第三方组件
睿就是睿智，不说了能明白上面两点的一定很聪明
这框架不知道高到哪里去了
单从 api 的长度和记忆的容易度就要比那个 api 一行打不下还得换行的 mvvm 框架好的多

[fulvaz]

握草, 当然是直接从 webpack 实现原理开始啊, 找工作无敌.

ast, 加载器, tapable, 直接扔面试官脸上, 谁瑟瑟发抖谁输

------------

开玩笑的. 看书作用最大, 书单很容易找到.......

最笨的方法最好.

[OSF2E]

先想清楚是做“视图向前端开发”还是“数据向前端开发”。
两个方向的技术栈有较大差异，做的产品也不同。

[molvqingtai]

我也正在学，藐视题主只会 DOM 操作，那还是要学习一下 ES6，毕用框架全是 ES6 写的，不然会一脸懵逼。
学习顺序，ES6>VUE>MPVUE，这一套下来就可以做小程序了，VUE 很适合新手，有 MVVM 思想之后上手其他框架很快。
然后，虽然现在都是脚手架搭建项目，还要了解一下 webpage 和脚手架原理，自己试着用 gulp 或 Parce 配置一个脚手架。
最后，研究下 node

[molvqingtai]

补充一下，某课网，推荐 Dell lee 的 vue 入门视频，讲得真的好

[Sapp]

@VDimos jquery 还是得看看的，了解一下就行，vue 我觉得适合用来了解现代框架是怎么用的，和传统开发有啥区别，了解完了学习还是得靠 react，vue 用多了代码都不会写了，vue 封装了太多东西，对小白成长不太好

[Afishtail]

@molvqingtai 有链接不~~

[Afishtail]

@OSF2E 视图吧，

[Afishtail]

@molvqingtai 哦哦。。es6

[ericgui]

写代码，多写。

[GentleSadness]

为啥别碰 jq，vue 中用到 dom 部分用什么解决？原生？

[VDimos]

哦，对了，看书很不错。犀牛书或者《 js 高级程序设计》这两本很不错，能学到很多东西。jquery 我个人是不推荐专门花时间去记忆和了解的，如果真的有需要，直接 api 文档就能解决。jquery 本身就是上个技术潮流的玩意儿，现在的潮流是 mvvm。诸如 vue,react 之类的，都不再推荐直接对 dom 进行操作，取而代之的是间接地对 vnode 进行操作。
当然，dom 是 js 中必须要掌握的内容。据我所知，很多面试现在都要涉及到 dom。
原生 js 掌握得好，什么框架其实都不是问题。

[codeMan5495]

@murmur 老哥稳 说什么大实话

[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 迭代了这么多版本，除非你有坚实的基础，啃着官方文档举一反三，否则看着已经过时的代码和教程，遇到坑真的要哭出声

[Afishtail]

@alexsunxl 目前已经工作了。。做小程序开发，对 DOM 没什么需求

[Afishtail]

@yxcoder 已经很厉害了

[chnyung]

@jrient 谢谢！