小白弱弱的问一下,前端要学到什么程度才能着手项目呢 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
heeeedog
V2EX    程序员

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

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

    除了 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
    一开始就应该直接做项目学习。。。
    midasplus
        7
    midasplus  
       2019-05-12 03:20:02 +08:00 via Android
    当时花了两天时间过了一遍 html 和 js 基础语法就直接用 react 写了,写的过程中顺便学了 ts。
    midasplus
        8
    midasplus  
       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 感谢,看来最基础的东西还是得掌握好
    rb6221
        29
    rb6221  
       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     Solana     3086 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 37ms UTC 11:59 PVG 19:59 LAX 04:59 JFK 07:59
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86