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

小白弱弱的问一下,前端要学到什么程度才能着手项目呢

  •  1
     
  •   heeeedog · 2019-05-11 19:33:12 +08:00 · 4576 次点击
    这是一个创建于 2021 天前的主题,其中的信息可能已经有所发展或是发生改变。

    除了 HTML+css+js 之外还有哪些是必须要掌握的,或者说学习进阶的路劲是怎么样的~

    31 条回复    2020-05-03 18:56:28 +08:00
    xuhaodong66
        1
    xuhaodong66  
       2019-05-11 19:56:55 +08:00 via Android
    可以去学个框架,做个项目,部署上服务器,遇到什么不会学什么
    caoyouming
        2
    caoyouming  
       2019-05-11 20:27:01 +08:00
    前端可以直接跟着项目学吧...
    akakidz
        3
    akakidz  
       2019-05-11 20:34:33 +08:00 via Android
    过一遍框架的文档,直接去跟教程做项目,然后再回头看文档巩固。掌握 JS 其实不容易,学了框架你会深刻认识到...楼主加油,我也是新手,说的不对的地方希望楼下指正
    bosda
        4
    bosda  
       2019-05-11 22:46:22 +08:00   ❤️ 9
    基本的 HTML+css+js。为了效率,现在都是用各种工具框架。webpack、npm、eslint。玩转 js 的各种特性,还得会 es6。用了 es6,又得用 babel。对于规范,又有 cmd、amd、commonjs 之流。想高效的用上面向对象,自然得 TypeScript。为了方便前后端分离,又得了解一下 restful api,免不了也要知道 nodejs。当然,css 方面还有 stylus、sass、less。还有各种框架。jquery 渐渐被浏览器 api 取代。那总该学一个吧,react、angular、vue。用 vue 吧,简单轻量。好不容易撸个 vue2.x,3.x 版本又出来了。当你发现还能做 app、小程序、桌面程序的时候,又来个 react native、flutter、electron。这也太多了吧,能不能把它们都合起来只用一个就可以呢?然后你又尝试 webpy、omi。最后发现还是基本的 HTML+css+js 好用啊。
    mumbler
        5
    mumbler  
       2019-05-12 01:35:27 +08:00
    自己做个网站啊
    autogen
        6
    autogen  
       2019-05-12 03:01:26 +08:00
    一开始就应该直接做项目学习。。。
    111qqz
        7
    111qqz  
       2019-05-12 03:20:02 +08:00 via Android
    当时花了两天时间过了一遍 html 和 js 基础语法就直接用 react 写了,写的过程中顺便学了 ts。
    111qqz
        8
    111qqz  
       2019-05-12 03:21:31 +08:00 via Android
    感觉 css 看得一头雾水。干脆就没有看了
    acat99
        9
    acat99  
       2019-05-12 07:54:58 +08:00 via Android
    当然是边做项目边学呀。整天看书看得你都呵呵
    zqx
        10
    zqx  
       2019-05-12 08:10:02 +08:00 via Android
    面向对象和 ts 有什么关系呢,ts 只是引入了静态类型系统,在代码编写阶段避免 bug,难道 ts 实现了类的继承和多态?
    Baymaxbowen
        11
    Baymaxbowen  
       2019-05-12 08:29:26 +08:00 via Android
    直接跟项目学
    zhwithsweet
        12
    zhwithsweet  
       2019-05-12 08:35:52 +08:00 via iPhone
    小前端先从 psd 到 html,ajax 大前端手撕框架,webpack,babel
    tuding
        13
    tuding  
       2019-05-12 11:02:42 +08:00
    [小白弱弱的问一下,前端要学到什么程度才能着手项目呢?]
    可以把“前端”换成“ C 语言”、“ Python ”、“ java ”等等。
    你是想象着有个砍,迈过了就可以做项目,没有迈过之前就不能做是吧?
    答案是,永远没有砍
    murmur
        14
    murmur  
       2019-05-12 11:04:12 +08:00
    有个五百行的代码就差不多了 还是要写 无论什么语言基本的编程素养还是得有
    52gwz
        15
    52gwz  
       2019-05-12 11:27:05 +08:00
    @bosda ...劝退
    diggerdu
        16
    diggerdu  
       2019-05-12 12:07:28 +08:00 via iPhone
    项目驱动是最好的学习方式
    susumr
        17
    susumr  
       2019-05-12 12:21:54 +08:00
    可以边学边给自己写个 blog 站点记录学习过程,不断扩充自己知识栈
    bosda
        18
    bosda  
       2019-05-12 12:25:04 +08:00
    @zqx es5 中创建对象要 new 一个构造函数,对于类要实现继承无非就是使用原型链,es6 才出现 class 的概念,面向对象和 ts 没什么关系,使用 ts 能让你和平时写后端语言有类似的手感,语法接近 JAVA、C#,让你高效的使用面象对面
    cherbim
        19
    cherbim  
       2019-05-12 12:40:33 +08:00 via Android
    学习速度最快的就是跟着项目做,但是难度也大,
    hackyuan
        20
    hackyuan  
       2019-05-12 12:44:08 +08:00 via Android
    我初学的时候是这么过来的:
    首先我有一个做类似于导航站的想法,毕竟收藏夹不够用。刚开始就是写 HTML,随便抄了点 CSS,就放到 giuhub pages 上了,反正能用,再后来觉得太丑了就学了 CSS 美化一下,最后有一些动态的效果需要用到 JavaScript,相应的学了下来。等项目稍微大了一点你就发现很难管理那么多变量,这时候又去学了 AMD,CMD 之类的就基本上自用了。
    总的来说就是你在做一个东西的时候会不断产生新的需求,去完善就行了。
    hackyuan
        21
    hackyuan  
       2019-05-12 12:54:22 +08:00 via Android
    随着项目越做越久,你自然就学会了项目管理,抽离配置,函数复用,命名规范等等,你自己的工具库也会越来越大、完善…
    这时候你再去看别人的项目你就懂了他们为啥要那么设计结构(会心一笑),然后根据别人的再来优化自己的。
    taotaodaddy
        22
    taotaodaddy  
       2019-05-12 14:49:04 +08:00 via Android
    大概就是:talk is cheap,show yourself a project
    hasaki1997
        23
    hasaki1997  
       2019-05-12 16:21:28 +08:00 via Android
    freecodecamp 很适合新手
    LiMengBo
        24
    LiMengBo  
       2019-05-12 17:27:03 +08:00
    边做边学 不会就上网查你遇到的问题百分之九十的人都遇到过
    qqqtz
        25
    qqqtz  
       2019-05-12 19:37:03 +08:00
    照着 github 里 demo 造轮子
    azh7138m
        26
    azh7138m  
       2019-05-12 19:47:03 +08:00   ❤️ 1
    @52gwz 这也叫劝退吗?建议看看 C++模板指南(
    或者 编程语言基础:Agda 描述 https://plfa-zh.github.io/ (
    heeeedog
        27
    heeeedog  
    OP
       2019-05-12 20:17:56 +08:00
    @akakidz 好的,谢谢你,一起加油!
    heeeedog
        28
    heeeedog  
    OP
       2019-05-12 20:19:13 +08:00
    @bosda 感谢,看来最基础的东西还是得掌握好
    janus77
        29
    janus77  
       2019-05-13 09:32:13 +08:00
    直接做项目,遇到什么问题了再开始学
    而不是学会了再去做项目
    sannyzeng
        30
    sannyzeng  
       2019-05-13 11:54:17 +08:00
    从需求开始一直到发布上线,整个流程都玩一遍,不懂就问,就学,一路下来学到的东西不少的~
    YadongZhang
        31
    YadongZhang  
       2020-05-03 18:56:28 +08:00
    @azh7138m 推荐 Agda 是真的强,真大佬
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5199 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 05:50 · PVG 13:50 · LAX 21:50 · JFK 00:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.