V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
X1nHang
V2EX  ›  问与答

请问 V2EX 哥哥姐姐们,想学习前端,不知道该看什么样的书籍和视频,

  •  1
     
  •   X1nHang · 2019-05-28 08:32:04 +08:00 · 2624 次点击
    这是一个创建于 2010 天前的主题,其中的信息可能已经有所发展或是发生改变。

    你们能推荐一些书籍和视频吗?想学习前端。

    27 条回复    2019-05-30 15:57:14 +08:00
    respect11
        1
    respect11  
       2019-05-28 09:04:32 +08:00
    bilibili 直接搜 '前端'
    LittleWhiteMouse
        2
    LittleWhiteMouse  
       2019-05-28 09:06:57 +08:00   ❤️ 2
    fedfrank
        3
    fedfrank  
       2019-05-28 09:18:15 +08:00
    bonfy
        4
    bonfy  
       2019-05-28 09:31:42 +08:00
    我一般推荐 有官网的看官网 没官网的 看 mozilla 之类的大厂做的普及教程, 有了概念了之后 再看看视频 或者 书 (提纲性的) 然后做个项目练练手就行了

    初学就不要去看啥 书 和 视频 了,容易走偏
    sunjourney
        5
    sunjourney  
       2019-05-28 09:53:06 +08:00
    @bonfy #4 不看书面试死得很快
    jmjc
        6
    jmjc  
       2019-05-28 09:55:19 +08:00
    sondernyc
        7
    sondernyc  
       2019-05-28 10:04:29 +08:00
    需要带么 @X1nHang
    Stevenv
        8
    Stevenv  
       2019-05-28 10:05:07 +08:00
    Raisu
        9
    Raisu  
       2019-05-28 10:13:34 +08:00
    出门右转培训班
    ZztGqk
        10
    ZztGqk  
       2019-05-28 10:14:37 +08:00 via iPhone
    bonfy
        11
    bonfy  
       2019-05-28 10:27:17 +08:00
    @sunjourney 你学编程就是为了面试的话 当我没说
    learnshare
        12
    learnshare  
       2019-05-28 10:36:28 +08:00
    MDN 就可以,另外也建议买几本入门书,毕竟系统化的学习对于刚入门的人相当困难
    另推荐自己的书 《 CSS 入门与实践》

    等建立起来自己的知识体系之后,剩下的就靠翻文档写代码不断精进了
    seeker
        13
    seeker  
       2019-05-28 10:38:25 +08:00
    http://pushi.simon1987.com/ 我写的这个教程给入门的人,供你参考。
    cnzzz
        14
    cnzzz  
       2019-05-28 11:42:40 +08:00
    牛逼,全是打广告的
    GeekCourse
        15
    GeekCourse  
       2019-05-28 11:45:13 +08:00
    学前端,最省事,所见即所得,什么编辑器,什么脚手架,通通都不要
    直接拿个记事本开始写 html 代码,css 直接写在 style 里,浏览器打开就能看效果
    sneezry
        16
    sneezry  
       2019-05-28 12:14:08 +08:00   ❤️ 5
    前端现在比较杂,有两条路,最终两条路会合并到一起,具体走那条看你自己的选择。

    第一条,从原生基础入手

    这条路走起来会比较枯燥,不能有快速的正反馈,可能学了一个月也不能写出像样的作品。但是你的基础知识会比较扎实。如果从原生入手,可以看一些讲 JavaScript 的书籍,比如 JavaScript 语言精粹[1],这本书比较轻便,对自学比较友好。JavaScript 权威指南[2]我个人视为工具书,不作为教程使用。HTML 部分可以参考 HTML5 秘籍[3]。CSS 部分可以参考 CSS 权威指南[4]。DOM 部分可以参考 JavaScript DOM 编程艺术[5]。

    以上推荐的图书并不代表是最好的,可以自行选择其它内容差不多的,也可以在网上找教程自学,比如 w3schools。但是网上的内容通常不是很完善。

    原生基础打好后可以入手一些简单的前端框架,比如 Vue 1.0。Vue 2.0 相对就比较复杂了,不适合新手入坑。jQuery 可以选择性学,通常前端框架不和 jQuery 同时使用,因为它们同时操作 DOM 可能会造成不可预估的问题。

    第二条,从前端框架入手

    这条路走起来开始会比较舒服,一周就能搞出看上去不错的作品,但往往不知其所以然,而且对于初学者来说,一些框架的语法糖会被误认为是前端的原生方法或标准,对深入研究会造成一定的麻烦。目前比较流行的前端框架有 Vue、Angular 和 React 等等,可以自行选择任意一个学习。相关的书籍太多,我就不推荐了。

    前端框架虽然用起来比较舒服,但其实还是绕不过原生基础的坑。举例子,Angular 的数据双向绑定底层涉及到脏检测和原型链,在实际应用中新手常常踩到 JS 和 DOM 数据不同步的坑,那么这时就不得不深入了解这两个底层的原生原理。这时对于新手来说往往是非常沮丧的,也非常容易造成弃坑。

    ---

    长远角度我推荐第一条,先苦后甜,同时也能给你带来坚实的基础。第二条也有它的好处,在熟悉了一些框架后,再深入研究其底层原理,能给你带来豁然开朗的体验,但是前提是你遇到困难时能静下心来去研究,不会过早弃坑。

    [1] JavaScript 语言精粹: https://book.douban.com/subject/3590768/
    [2] JavaScript 权威指南: https://book.douban.com/subject/2228378/
    [3] HTML5 秘籍: https://book.douban.com/subject/11610880/
    [4] CSS 权威指南: https://book.douban.com/subject/2308234/
    [5] JavaScript DOM 编程艺术: https://book.douban.com/subject/6038371/
    impl
        17
    impl  
       2019-05-28 13:21:38 +08:00 via Android
    无脑 mdn,最好看英文。基础有了再学框架
    qqqqqcy
        18
    qqqqqcy  
       2019-05-28 13:51:57 +08:00
    我当时转行前端也一开始是自学来着,学了半年。发现学了一堆零散的不成结构的初级知识,最后还是报班了事。(当然如果 lz 只是想大致了解一下,或者自制力强大就没必要报班了)
    ares586
        19
    ares586  
       2019-05-28 14:24:12 +08:00
    我一开始是在 imooc 上入门的,凭三脚猫的功夫找了份初级的工作,在工作中每天继续学习,晚上下班也在写 Demo。后来慢慢就熟练啦。
    Zchary
        20
    Zchary  
       2019-05-28 14:41:46 +08:00 via iPhone
    我推荐是 freecodecampCN 版走一遍,有点方向了再跟 w3schools 走一遍基础实例(英文不舒服的话可以上 w3cl.com )。之后系统学习 js 少不了 MDN,GitHub
    X1nHang
        21
    X1nHang  
    OP
       2019-05-29 08:58:09 +08:00
    @sneezry 谢谢大佬的回复,你说的很有道理,先苦后甜,打下坚实的基础。
    X1nHang
        22
    X1nHang  
    OP
       2019-05-29 09:00:47 +08:00
    @LittleWhiteMouse
    @fedfrank
    @seeker
    大佬,你们的博客写的很好,对我来说,很有用,收藏了。谢谢你们
    X1nHang
        23
    X1nHang  
    OP
       2019-05-29 09:03:41 +08:00
    @Zchary 好的
    X1nHang
        24
    X1nHang  
    OP
       2019-05-29 09:04:15 +08:00
    @sondernyc 需要大佬指点迷津
    sondernyc
        25
    sondernyc  
       2019-05-29 09:48:14 +08:00
    @X1nHang 我回复记录里有联系方式
    tong911115a
        26
    tong911115a  
       2019-05-29 15:52:57 +08:00
    建议报班,网络班。学习成体系,现在前端知识点多且散,更新快,没有老师带入门很难自学的
    X1nHang
        27
    X1nHang  
    OP
       2019-05-30 15:57:14 +08:00
    @tong911115a 嗯嗯,好的老哥,
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1069 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 22:22 · PVG 06:22 · LAX 14:22 · JFK 17:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.