V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Afishtail
V2EX  ›  程序员

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

  •  1
     
  •   Afishtail · 2018-07-24 21:39:22 +08:00 · 7104 次点击
    这是一个创建于 2073 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    43 条回复    2019-08-02 15:28:19 +08:00
    VDimos
        1
    VDimos  
       2018-07-24 21:53:07 +08:00 via Android   ❤️ 2
    jquery 还是别碰了,除非工作需要。vue,react 选一个吧,vue 适合新手,对中文友好。
    开发一个小网站,技术难度不大。你熟悉 js,那就学学 nodejs 吧。用 express 或者 koa,又或者比较完善的阿里的 eggjs。小程序前端是另一个话题,美团之类的有来源项目,可以用 vue 或者 react 的语法来写小程序。数据库的话,你可以用 mongobd,其实数据库这个话题很大,一两句说不清。
    另外,可以看看 ecma script 2017。
    另外,服务器用系统我个人推荐 linux,熟悉 windows 的话就用 windows 吧。
    鉴于你并不是特别熟悉,vue+express+mongodb,这套技术栈比较适合你。
    个人之见。
    Afishtail
        2
    Afishtail  
    OP
       2018-07-24 22:02:45 +08:00
    @VDimos 谢谢指点。。在看 Vue 中。。刚刚也问了下带我入门的 leader
    components
        3
    components  
       2018-07-24 22:59:32 +08:00
    这属于一个自媒体性质的教育类视频站,里面有前端,还有后端(非零基础课程)
    前端部分: http://www.jtthink.com/course?c=13
    至于路线,这个真不清楚。
    Afishtail
        4
    Afishtail  
    OP
       2018-07-24 23:16:55 +08:00
    @components 大哥。。收费的啊 ,可以找到很多分享出来的付费教程的
    stellar
        5
    stellar  
       2018-07-24 23:18:48 +08:00 via iPhone
    JQ 在某些场合很好用呀,为啥不让碰
    HongJay
        6
    HongJay  
       2018-07-24 23:22:46 +08:00
    @stellar jquery 还是别碰了,除非工作需要
    akakidz
        7
    akakidz  
       2018-07-24 23:26:40 +08:00 via Android
    想知道为啥 jQuery 不能碰。。
    murmur
        8
    murmur  
       2018-07-24 23:30:45 +08:00   ❤️ 2
    jQuery 为啥不能碰
    jQuery 杰阔睿
    杰就是杰出,代表 jQuery 在历史中的地位
    阔就是广阔,表示 jQuery 包容一切的思想和各种第三方组件
    睿就是睿智,不说了能明白上面两点的一定很聪明
    这框架不知道高到哪里去了
    单从 api 的长度和记忆的容易度就要比那个 api 一行打不下还得换行的 mvvm 框架好的多
    fulvaz
        9
    fulvaz  
       2018-07-24 23:44:57 +08:00
    握草, 当然是直接从 webpack 实现原理开始啊, 找工作无敌.

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

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

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

    最笨的方法最好.
    OSF2E
        10
    OSF2E  
       2018-07-25 00:01:29 +08:00   ❤️ 1
    先想清楚是做“视图向前端开发”还是“数据向前端开发”。
    两个方向的技术栈有较大差异,做的产品也不同。
    molvqingtai
        11
    molvqingtai  
       2018-07-25 00:03:14 +08:00
    我也正在学,藐视题主只会 DOM 操作,那还是要学习一下 ES6,毕用框架全是 ES6 写的,不然会一脸懵逼。
    学习顺序,ES6>VUE>MPVUE,这一套下来就可以做小程序了,VUE 很适合新手,有 MVVM 思想之后上手其他框架很快。
    然后,虽然现在都是脚手架搭建项目,还要了解一下 webpage 和脚手架原理,自己试着用 gulp 或 Parce 配置一个脚手架。
    最后,研究下 node
    molvqingtai
        12
    molvqingtai  
       2018-07-25 00:05:32 +08:00
    补充一下,某课网,推荐 Dell lee 的 vue 入门视频,讲得真的好
    Sapp
        13
    Sapp  
       2018-07-25 01:21:34 +08:00 via iPhone
    @VDimos jquery 还是得看看的,了解一下就行,vue 我觉得适合用来了解现代框架是怎么用的,和传统开发有啥区别,了解完了学习还是得靠 react,vue 用多了代码都不会写了,vue 封装了太多东西,对小白成长不太好
    Afishtail
        14
    Afishtail  
    OP
       2018-07-25 06:23:02 +08:00
    @molvqingtai 有链接不~~
    Afishtail
        15
    Afishtail  
    OP
       2018-07-25 06:23:51 +08:00
    @OSF2E 视图吧,
    Afishtail
        16
    Afishtail  
    OP
       2018-07-25 06:24:30 +08:00
    @molvqingtai 哦哦。。es6
    ericgui
        17
    ericgui  
       2018-07-25 07:42:00 +08:00
    写代码,多写。
    GentleSadness
        18
    GentleSadness  
       2018-07-25 08:21:58 +08:00 via Android
    为啥别碰 jq,vue 中用到 dom 部分用什么解决?原生?
    VDimos
        19
    VDimos  
       2018-07-25 08:32:20 +08:00 via Android
    哦,对了,看书很不错。犀牛书或者《 js 高级程序设计》这两本很不错,能学到很多东西。jquery 我个人是不推荐专门花时间去记忆和了解的,如果真的有需要,直接 api 文档就能解决。jquery 本身就是上个技术潮流的玩意儿,现在的潮流是 mvvm。诸如 vue,react 之类的,都不再推荐直接对 dom 进行操作,取而代之的是间接地对 vnode 进行操作。
    当然,dom 是 js 中必须要掌握的内容。据我所知,很多面试现在都要涉及到 dom。
    原生 js 掌握得好,什么框架其实都不是问题。
    codeMan5495
        20
    codeMan5495  
       2018-07-25 09:14:32 +08:00
    @murmur 老哥稳 说什么大实话
    jrient
        21
    jrient  
       2018-07-25 09:17:40 +08:00
    我看没人贴这个 我来做个搬运工吧

    https://github.com/goodjack/developer-roadmap-chinese
    Afishtail
        22
    Afishtail  
    OP
       2018-07-25 09:18:01 +08:00
    @VDimos 以前看书感觉很枯燥,看不懂,现在视频看多了,慢慢发现视频需要花费更长时间,有时候不如看书,文档获取的信息多
    whevether
        23
    whevether  
       2018-07-25 09:26:50 +08:00
    上来就框架一梭子。不注重基础的吗。 基础不牢有个卵用。这些框架都是 js 写的啊.
    grewer
        24
    grewer  
       2018-07-25 09:29:06 +08:00
    jq 确实不需要了,mvvm 里需要 dom 的话 ref 和 querySelector 就够用了
    lneoi
        25
    lneoi  
       2018-07-25 09:35:39 +08:00   ❤️ 1
    新手来说,jq 不看,也得看看原生一些操作吧。看 jq 语法其实也用不了多久,做别人项目总会碰到的。有 js 基础的话,随便翻翻文档就能上手用吧,然后可以想接触 vue 再看,费不了多少时间。
    TomatoYuyuko
        26
    TomatoYuyuko  
       2018-07-25 09:36:06 +08:00   ❤️ 1
    jq 肯定要学啊,就算你用不到也能加深对 dom 的理解,而且基本插在别的框架里都能当万金油用。现在找工作的话 jq 是基础,用 jq 不用 mvvm 的公司一抓一大把。。。基础打深了再去碰框架都是手到擒来的事,基础好一套框架上手到熟练也就一两周时间,框架这种东西几年淘汰一批你不学基础直接 vue,过两年更新换代了你咋办,重新学?
    ahonn
        27
    ahonn  
       2018-07-25 09:41:49 +08:00
    先把原生 JavaScript 学好,不建议那么快学框架
    TomatoYuyuko
        28
    TomatoYuyuko  
       2018-07-25 09:44:21 +08:00
    前端花样太多了,以前刚入门就经常被师傅骂啥都想学啥都学不地道,基础都没学好看啥 node 看啥 mongo,压根就不是一个体系的东西,就直接找个小米官网之类的页面 仿照着做个 demo,三板斧基础好了,再上 jq 重做,进而再换 vue,ng,react 之类的。多动手比啥都好使
    alexsunxl
        29
    alexsunxl  
       2018-07-25 10:05:09 +08:00
    上面说 jquery 不用看的都是忽悠人的.
    es 新标准从 jquery 里学了多少东西?更别说占有率了, jquery 就是 web 前端基础之一

    最好的学习就是在找找实习, 毕业了多去面试找找工作,查漏补缺, 从工作中着手,吃透工作的业务,能成长的很快.
    看看视频,做做 demo 什么的搞来搞去,用处不大
    cexy
        30
    cexy  
       2018-07-25 10:05:34 +08:00
    首先,要明白不是为了技术而去学技术,另外 LZ 你这句话(目前熟悉 html,css,javascript 基础),正常来说一天就差不多了,如果你学那些所谓的框架仅仅只是为了用,那么几天就够了,重要的是底层实现,基础很重要。另外去了解下 http 以及 browser,这很有用
    zhuangzhuang1988
        31
    zhuangzhuang1988  
       2018-07-25 10:08:44 +08:00
    mdn 里的 css/js/html 来回看 2 遍
    lodash 的常用函数来回看 2 遍
    jquery 找个官方 ppt 看一遍,再把 mdn 里 js 部分代码重写下
    vue/angular/react 找个官方看一遍
    wujie396
        32
    wujie396  
       2018-07-25 10:08:59 +08:00
    基础很重要,JavaScript 高级程序设计 /你不知道的 JavaScript,里面的基础点可以串起来,打好基础后,遇到大部分框架 /库都不慌。
    Andymowang
        33
    Andymowang  
       2018-07-25 10:09:09 +08:00 via iPhone
    @VDimos jq 不碰是什么梗
    zlccn
        34
    zlccn  
       2018-07-25 10:13:09 +08:00
    @GentleSadness vue 提供了很多很棒的资源工具,基本 jq 能做的它都能做
    CliCli025
        35
    CliCli025  
       2018-07-25 10:13:52 +08:00
    楼上一天时间过分了,熟悉也只是个说法而已,没到一定层次谁敢说是精通? 感觉这个三个下来 一个月都未必说得上是熟悉
    TANKING
        36
    TANKING  
       2018-07-25 10:20:20 +08:00
    想做小网站,基本的 html+css+js 都要学会,这是构建页面的基础,后端要学的话,可以选择 php,也很容易学,jQuery 当然要学,这是和后端交互,页面交互很方便的 js 库,这些基础的东西学会了,数据库也学一下,做个小网站基本没问题了。
    GrahamACER
        37
    GrahamACER  
       2018-07-25 10:32:01 +08:00   ❤️ 1
    JQ 只是在
    VDOM 时代以后很少用到了,但是 JQuery 本身十分值得学习
    等有一定基础了,再回头看看 JQ 的源码绝对受益匪浅
    yxcoder
        38
    yxcoder  
       2018-07-25 10:43:34 +08:00   ❤️ 1
    1. 会用,会用指的是 对于 jquery 你可以不去记有哪些方法,但是那些方法是做什么的,解决什么问题的,要大致明白,对于 vue,文档中涉及的各个方面,你要知道他们是干嘛的,webpack 如何打包,每个 API 设计出来都是有其擅长的部分。这个阶段你可以不去了解原理,不用搞懂为什么这样,你只要能熟练使用即可
    2. 理解,这时候你应该已经工作 1~2 年了,对于工作中的框架应该能熟练使用了,这时候你需要的是深入理解框架原理,jquery API 为什么会这样设计,vue 为什么会需要 vue-router 和 vuex,如果没有这些,vue 又能怎样使用,你要深入框架设计部分,高屋建瓴的去理解整个框架,而不只是在意框架的细节,不只是理解每个 API 的作用。webpack 的实现原理,它实质解决的是什么问题。如果这个阶段能够做的比较好,给你点时间,是能够写出类似 jquery 和 vue 的框架的。

    嗯,我还在阶段二,再走,我也不清楚了。。。
    realkaiway
        39
    realkaiway  
       2018-07-25 11:00:10 +08:00 via iPhone
    原生的 JavaScript 必须会,推荐看犀牛书之后过渡到 ES6 语法,ES6 不会你直接去摸框架,梁静茹给你们的勇气吗? BTW 这么经典的 JQuery 为什么看到有人说不用学啊……虽然现在的框架只关心数据流的变化,而不用去操作 DOM,但是不用框架的时候,JQ 依旧是首选啊~
    huijiewei
        40
    huijiewei  
       2018-07-25 11:05:40 +08:00
    新手建议学 vue 或者 angular

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

    react 适合老手,react 迭代了这么多版本,除非你有坚实的基础,啃着官方文档举一反三,否则看着已经过时的代码和教程,遇到坑真的要哭出声
    Afishtail
        41
    Afishtail  
    OP
       2018-07-25 11:32:57 +08:00
    @alexsunxl 目前已经工作了。。做小程序开发,对 DOM 没什么需求
    Afishtail
        42
    Afishtail  
    OP
       2018-07-25 11:35:42 +08:00
    @yxcoder 已经很厉害了
    chnyung
        43
    chnyung  
       2019-08-02 15:28:19 +08:00
    @jrient 谢谢!
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5302 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 09:23 · PVG 17:23 · LAX 02:23 · JFK 05:23
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.