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

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

  •  1
     
  •   Afishtail · 271 天前 · 3845 次点击
    这是一个创建于 271 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

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

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

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

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

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

    react 适合老手,react 迭代了这么多版本,除非你有坚实的基础,啃着官方文档举一反三,否则看着已经过时的代码和教程,遇到坑真的要哭出声
        41
    Afishtail   270 天前
    @alexsunxl 目前已经工作了。。做小程序开发,对 DOM 没什么需求
        42
    Afishtail   270 天前
    @yxcoder 已经很厉害了
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   3927 人在线   最高记录 4385   ·  
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 19ms · UTC 03:17 · PVG 11:17 · LAX 20:17 · JFK 23:17
    ♥ Do have faith in what you're doing.
    沪ICP备16043287号-1