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

请教下前端和全栈的同学

  •  
  •   vincent7245 · 2023-07-30 23:09:00 +08:00 · 7224 次点击
    这是一个创建于 473 天前的主题,其中的信息可能已经有所发展或是发生改变。

    我是纯后端,主力语言是 java 、c++ 。

    我就发现一个问题,有时候自己有点啥想法,或者女友需要个什么小工具,我就做不出来,主要是界面不会做,即使磕磕绊绊的弄出一个界面也巨丑无比。

    经常看到有前端和全栈的同学做一些很实用的小工具,V 站就有很多同学分享他们的作品,甚至有些同学可靠其整点外快。

    看得我好眼馋,也想系统的学习下前端。

    我就想问下,你们平时会自己写一些小东西吗,或者会有挣外快的机会吗

    我一个纯后端,除了给公司创造价值,其他啥都做不了。

    73 条回复    2023-07-31 19:37:19 +08:00
    37Y37
        1
    37Y37  
       2023-07-30 23:15:31 +08:00 via Android
    一个运维,不懂前端,就会套模板,简单改改,也能用,挺好的,看看 html/js/css 就行了,难度不大,比如我的博客,我的导航站,还写过小程序,基本都能应对
    74123gzy
        2
    74123gzy  
       2023-07-30 23:21:27 +08:00
    1 会写,2 没有
    pengtdyd
        3
    pengtdyd  
       2023-07-30 23:31:05 +08:00
    《整点外快》这个和技术一点关系没有,这个是产品经理的活。
    wanniwa
        4
    wanniwa  
       2023-07-30 23:33:55 +08:00
    挣外快,靠的是工作业务上积累和人脉
    liberty1900
        5
    liberty1900  
       2023-07-30 23:45:05 +08:00   ❤️ 1
    gyt95
        6
    gyt95  
       2023-07-30 23:52:35 +08:00   ❤️ 2
    前端表示做工具难的是 UI 设计,如果只是千篇一律的管理系统就还好,直接用现有组件库就行。但是那种独立 app ,考验审美,前端只不过是把页面还原出来而已,真的把界面做精美的还得靠产品+设计。
    secondwtq
        7
    secondwtq  
       2023-07-31 00:02:26 +08:00
    小东西写起来确实舒服,因为从 Web 页面,到后端服务,还有浏览器插件,VSCode 插件,通通都可以 JS 一把梭(不过这只是我的体验,适不适用于楼主可能要看 IDEA+Java 和 VSCode+TS 哪个用起来更顺手 ...)。
    外快嘛我觉得没必要,你可以现在开始找个前端合作来搞,如果不能成的话,你学了也没用的 ...
    GeruzoniAnsasu
        8
    GeruzoniAnsasu  
       2023-07-31 00:04:38 +08:00   ❤️ 8
    前端不难学,做点小东西也不会太复杂

    但调 (c) 界 (s) 面 (s) 真的能把后端出身的整得神经衰弱

    一像素一像素调了半天终于觉得稍微满意一点了第二天再打开一看一坨什么狗屎

    很快就把你来之不易的一点点成就感消磨殆尽了

    想当初我就是因为讨厌老在这些细枝末节的表面工程上浪费时间,喜欢系统和机器自动化完成一个目标那种操控感才去探索后端和底层的东西的,到今天还是感觉前端水土不服。
    potatowish
        9
    potatowish  
       2023-07-31 00:08:00 +08:00 via iPhone
    纯后端,react+mui+chatgpt 做个小东西还是挺简单的
    jack4536251
        10
    jack4536251  
       2023-07-31 01:03:45 +08:00 via Android
    @gyt95 可以抄
    Leonard
        11
    Leonard  
       2023-07-31 01:06:47 +08:00
    Angular ?
    Al0rid4l
        12
    Al0rid4l  
       2023-07-31 01:37:28 +08:00
    1. 自己写才懒得写界面, cli 完事, 油猴/Chrome 插件另说
    2. 外快真的就只是个外快, 只接熟人当帮忙, 算时薪还不如上班

    管理后台组件库或模版或低代码, C 端界面靠抄, 自己或朋友的小工具都当是管理后台
    Track13
        13
    Track13  
       2023-07-31 07:21:25 +08:00 via Android   ❤️ 1
    前端和页面好不好看没关系,请去找 ui
    gyt95
        14
    gyt95  
       2023-07-31 07:25:13 +08:00
    @jack4536251 额也可以,抄能便于应用快速实现而不会遥遥无期。不过辛辛苦苦写出来项目而界面布局甚至配色、动画都是抄的,感觉只属于一个 demo 项目。类似新人简历或文章写的项目:“仿 xx 的应用”。个人不太喜欢。而且以后想改为自己喜欢的风格很难改,依然要找人设计一套。
    wmwm
        15
    wmwm  
       2023-07-31 08:16:00 +08:00
    技术栈跟你一样,也是 android 和 C++,不过我是 android 开发,16 年到现在(老油条了,数据库都不会)。不想再混了,今年年初的时候打算自己写个网站,就学了 javascript 、typescript 、html/css ,reactjs 还有数据库,最终选择了 Nextjs 这个框架,写了个网站。https://wmwm.me/article/471622189796298752 。UI 设计我也不会,不会咱就模仿,世上无难事,只怕有心人
    xudaxian520bsz
        16
    xudaxian520bsz  
       2023-07-31 08:33:44 +08:00
    @wmwm 即使设计,上面的资源一大堆,你可以用来模仿
    tonytonychopper
        17
    tonytonychopper  
       2023-07-31 08:42:37 +08:00
    如果不懂设计,可以用 tailwind 这种 css 库,写出来的页面比自己调的要好看不少
    murmur
        18
    murmur  
       2023-07-31 08:48:46 +08:00
    @tonytonychopper tailwind 是语法库跟设计有什么关系,你说 element antd bootstrap 还有点道理
    ada87
        19
    ada87  
       2023-07-31 08:52:05 +08:00
    如果是自己出作品和工具,核心不在前端技巧上,我就算会 UI ,也不会浪费时间去做,节约生命直接买。

    https://mui.com/store/
    https://tailwindui.com/templates
    https://themes.getbootstrap.com/
    tonytonychopper
        20
    tonytonychopper  
       2023-07-31 08:52:41 +08:00 via iPhone
    @murmur 里面的字体颜色都是设计好的啊
    charlie21
        21
    charlie21  
       2023-07-31 08:57:45 +08:00
    多陪女友逛街购物什么的 或许更能让客户满意,不要把时间浪费在给客户制作工艺品上。
    zhandi4
        22
    zhandi4  
       2023-07-31 09:02:42 +08:00
    直接上 UI 组件库。前端自己平时写小玩意的时候涉及到界面也是这样的。
    xianyv
        23
    xianyv  
       2023-07-31 09:03:11 +08:00
    感觉好看这个东西,还是要靠审美的, 我给自己写的工具都巨丑无比, 再怎么调整都丑,我现在是能用就行
    rogi
        24
    rogi  
       2023-07-31 09:03:21 +08:00
    或许和前端没什么关系,因为在平常的工作中有 ui 设计师,前端只是把设计图通过 html+css 还原,如果真的硬要写的话,直接上组件库算了,或者直接抄人家的。另外接私单挣外快大概率是比你时薪你的工资要低的....我都不想搞了累的要死才挣个 3 千多
    zkaip
        25
    zkaip  
       2023-07-31 09:06:21 +08:00
    这个跟前端没啥关系,存粹是设计和 UI 的锅……
    shui14
        26
    shui14  
       2023-07-31 09:13:51 +08:00
    前端里面有设计感的很罕见,非业务型的产品,更多强调设计,在本身没有设计能力审美拉垮的情况,最好就是模仿
    找个大厂的设计系统,比如 adobe/vercel design system ,注意协议那些允许那些不允许包含不仅限于字体、图标等等;找你的目标产品所属领域的独立站,国外一大把的小团队独立站,各有风格,欧洲的人文找那些摄影文学历史等、美洲的科技公司、日韩的工业设计看看别人的风格,像穿搭一样,搞个适合自己的缝合怪,不能脱胎换骨也至少可以吊打 90%的人。至于代码怎么写一点都不重要,怎么构思是关键
    awesomes
        27
    awesomes  
       2023-07-31 09:15:44 +08:00
    全栈必须得系统学习前端,做出东西也没什么难度,但是靠独立开发挣钱是非常难的,大多数是给人做做外包项目挣钱得几率更大
    crazyTanuki
        28
    crazyTanuki  
       2023-07-31 09:15:56 +08:00   ❤️ 2
    设计有三宝,圆角,边框,阴影
    crazyTanuki
        29
    crazyTanuki  
       2023-07-31 09:16:10 +08:00
    现在还多了一个渐变
    yagamil
        30
    yagamil  
       2023-07-31 09:20:20 +08:00
    搜模板,套娃。
    因为我发现,自己再怎么努力写,都写不出人家那么漂亮。
    weixiangzhe
        31
    weixiangzhe  
       2023-07-31 09:22:48 +08:00
    css 前端自个调大都也一坨,还是要先走设计
    LavaC
        32
    LavaC  
       2023-07-31 09:25:22 +08:00
    前端确实不难,就算是拼页面,有基本的 flex 和 gril 布局使用经验就够用了,反而设计这个坎前后端都难过,只能说前端见得多一些,但在缺少 UI 帮助做自己项目的时候该抓瞎还是得抓瞎。
    LavaC
        33
    LavaC  
       2023-07-31 09:25:41 +08:00
    @LavaC gril->grid
    DT37
        34
    DT37  
       2023-07-31 09:36:34 +08:00
    你可以理解成 原来 htm+js+css 是个丑八怪,然后学会了化妆术就很漂亮,就像女人的化妆品一样,彩妆,粉底护肤,什么时候用什么,这玩意只有善于打扮的女人知道。大多数男人学起来还挺吃力的。 不断的掩盖,在厚厚粉底下,其实是个千疮百孔的脸。不要谈设计思想,设计思想就是化妆人的化妆技巧,改变不了丑八怪的事实。
    ---来自正在学习前端的我,产生的无能抱怨。
    Clax
        35
    Clax  
       2023-07-31 09:54:53 +08:00 via Android
    要么花钱买模板,多半也要定制修改,要么找一个设计师伙伴
    Belmode
        36
    Belmode  
       2023-07-31 10:03:54 +08:00
    最简单的方法就是找个合适的 app ,或者小程序之类的。然后套一个自己喜欢的 UI 框架,模仿对方的 UI 设计语言,就好了。

    我平时就这么做的。自己压根设计不了,UI 让别人做还要花钱。

    模仿是成本最低的方式。
    kkkkkk223
        37
    kkkkkk223  
       2023-07-31 10:06:44 +08:00
    @Belmode #36 事实上 你个人去找个 ui,他也是抄别人的给可能你改改颜色 ? 🤣
    mdn
        38
    mdn  
       2023-07-31 10:11:07 +08:00
    @murmur 用过你就知道了,页面比例 字体大小 字体颜色 背景颜色 等都是设计好的,算是半成品需要自己微调,element antd bootstrap 是完成品,直接用都不用调
    M003
        39
    M003  
       2023-07-31 10:24:24 +08:00
    你想写小工具,基本上现有组件库都可以实现, 实用性为主 ,elementUI 就差不多了, 够增删改查了.

    如果想写官网之类的,前端也爱莫能助. 设计师设计吧.
    我做前端,都没写过官网,入行以来一直都是写管理系统,都是怎么快怎么来,一直害怕写官网.因为 css 都得自己写.

    ------
    我能看懂丑美,但是让我想出美了,我懒得想,因为太费劲.
    M003
        40
    M003  
       2023-07-31 10:25:49 +08:00
    leega0
        41
    leega0  
       2023-07-31 10:29:11 +08:00
    @mdn 一般从 css 时代过来的前端几乎不会用半成品的,要么自己写,要么就用不用调的完成品
    cz5424
        42
    cz5424  
       2023-07-31 10:43:05 +08:00
    多用组件库,没有设计师的情况下,只要合理摆放组件就可以出一个好看点的 ui
    leslieckai
        43
    leslieckai  
       2023-07-31 10:45:03 +08:00
    我是做前端开发的,半年来也有尝试学点 UI ,但是做出来的还是不好看,建议还是找个志同道合的设计师合作,感觉完全不一样
    silypie
        44
    silypie  
       2023-07-31 10:46:49 +08:00
    你想快的话直接上 QT 呀,有设计工具拖拽组件就行
    790002517zzy
        45
    790002517zzy  
       2023-07-31 11:00:36 +08:00 via Android
    790002517zzy
        46
    790002517zzy  
       2023-07-31 11:01:21 +08:00 via Android
    单基本上都是以前学校老师给的 自己接不到或者钱少
    mdn
        47
    mdn  
       2023-07-31 11:07:20 +08:00
    @leega0 tailwindcss 目前在前端比较流行吧

    成品的组件能过 公司设计这一关吗?
    dudubaba
        48
    dudubaba  
       2023-07-31 11:08:59 +08:00
    一个字:抄。 去各大 app 市场或网站找到类似的,然后截图,抄里面的 ui ,然后组装成自己的工具。
    TArysiyehua
        49
    TArysiyehua  
       2023-07-31 11:13:04 +08:00
    @wmwm 说实话,这界面挺丑的,我的技术栈跟你一样,学了 vue 之后,用上了 t-desin 或 element 就不一样了。设计这个方面,我开始用的话也挺丑的,最终就是抄,你觉得哪个网站漂亮,就直接上手抄就完事了
    crazyTanuki
        50
    crazyTanuki  
       2023-07-31 11:16:57 +08:00
    @M003 对,就是这么回事,虽然上限摸不到,但是起码下限提高,不会太丑
    xudaxian520bsz
        51
    xudaxian520bsz  
       2023-07-31 11:23:47 +08:00
    @GeruzoniAnsasu 其实,前端没那么难的,CSS 属性是多,规则多;不过,现在 Edge 在 devtools 提供了 3D 效果,可以解决一部分问题;很多人,学习的时候,就是脑补(包括曾经的我);而且,前端 JavaScript ( C 的语法,Lisp 的闭包,高阶函数、回调函数、Java 的面向对象,函数式编程、命令式编程) 太灵活了,像我们做 Java 的,如果仔细品的话,你会发现 Java 太省事了,而且同一种效果,前端有太多的方案来实现了。
    GiantHard
        52
    GiantHard  
       2023-07-31 11:33:57 +08:00
    界面丑跟前端技术无关,主要是设计功力不足。所以我建议楼主看看这本书 https://www.refactoringui.com ,本书的作者同时也是当下流行的前端技术框架 tailwind css 的作者,这本书提供了对于程序员而言很实在的技巧,旨在教你如何在没有设计师的帮助下,设计出美观的网页
    bitmin
        53
    bitmin  
       2023-07-31 11:43:24 +08:00
    说到设计,可以学习一下 Material Design ( material.io

    Apple 也有提供设计指南 https://developer.apple.com/cn/design/
    vikaptain
        54
    vikaptain  
       2023-07-31 11:47:40 +08:00
    赚外快主要不是靠技术,靠人脉,靠关系。首先是要能找到项目,技术倒是其次,大部分这种外快项目都挺简单,技术要求不高,但是可能前后端都要你一个人写,可能钱不多,你在找人写前端就没什么钱了。
    如果你想学前端,可以先学下前端基础。实际写东西的时候去直接去买一套前端模板来修改修改就行。
    如果只是学来自己用推荐 Angular ,对后端比较友好。
    seven123
        55
    seven123  
       2023-07-31 11:49:23 +08:00
    没有系统学习过设计就只有抄了,或者花钱,我现在一般都是先看看 tailwindui 有没有现成的模板,然后再到 figma 资源里面去找找,到处东拼西凑搞出个东西来,搞出来的实在不好看再花钱请设计
    l4ever
        56
    l4ever  
       2023-07-31 11:49:37 +08:00
    你会 java, 那么 javascript 不难吧?
    你再看看 react 文档, 就那么几个 use****

    然后你想好看, 找现成的 UI 套进去啊, antd?
    https://ant.design/components/button-cn/
    nkidgm
        57
    nkidgm  
       2023-07-31 11:59:08 +08:00
    既然楼主熟悉 C++,可以试试 QT + WASM ,C++写出的小工具运行在浏览器,不过我没玩过。。
    version
        58
    version  
       2023-07-31 12:04:05 +08:00
    懂些基础的就够了..会弄后台管理 react vue
    懂前端基本
    设计的东西交给设计...加上目前 ai 的发展..差不多能出很好的 设计=>生成代码的智能....人工无非就是学会组合.封装成组件..再拼接成数据
    要接受上面的新鲜事物..就要抛弃后端 java 和 c++ 部分老旧的思想.
    任何项目不要过度框架化....小而美 .短平快..才是你自己需要学习的...
    等上面学会了..接多几个私活..前提中期可能是亏本的..就是时间成本的价值...多熬夜..积累几年..当你会了全栈你的整个编程思路都会不一样..考虑点也不一样..
    zjsxwc
        59
    zjsxwc  
       2023-07-31 13:01:23 +08:00
    请系统学习
    《写给大家看的设计书》
    《深入解析 CSS 》
    theohateonion
        60
    theohateonion  
       2023-07-31 13:29:32 +08:00
    hoopz
        61
    hoopz  
       2023-07-31 14:00:59 +08:00
    @GeruzoniAnsasu +1 。从 2000 年初年用 frontpage 开始,到现在 20 年过去了,还是很烦。
    Selenium39
        62
    Selenium39  
       2023-07-31 14:05:12 +08:00
    自己用的话,页面丑点就丑点呗
    Blackberry009
        63
    Blackberry009  
       2023-07-31 14:10:01 +08:00
    给女友写成小工具是真的 hhhhh
    dj721xHiAvbL11n0
        64
    dj721xHiAvbL11n0  
       2023-07-31 14:20:13 +08:00
    我就想想问问,你的女友有啥功能需求,可以说来听听,看看到底是后端工作量大还是前端
    RyougiShiki
        65
    RyougiShiki  
       2023-07-31 14:27:14 +08:00
    需要个过程,我的经历从大四到毕业十年:
    培训班学了三天 HTML/CSS/JS ;写后端表单 html 很熟其它不行写不出页面;看了 w3c 的布局教程搞明白了 html/css 的联合使用、盒子布局、浮动;干了一两年 UI ;学习 bootstrap 、栅格、materialUI ;利用 css 框架第一次做出了完整页面;初学 Vue 做出了 todo ;公司缺前端老师让我带了大半阶段 从各种基础到 Vue 项目、把各种基础补了上来,原来之前卡住还是基础不行;尝试 react 、继续学习 Vue 、能实现想法、最近做的[个人作品集]( https://zyzypy.com) 。下一步如果有时间想学学美术手绘、因为有些想法表达不出来、而看有的 IOS 全栈具备这种能力。
    HiCode
        66
    HiCode  
       2023-07-31 14:39:10 +08:00
    我觉得可以寻找一些简单的对话式 UI 。

    把命令行的形式改变成对话式。

    用户输入(点击按钮、发送命令、上传文件)

    =》

    程序反馈(返回文本、链接、表格数据、表单等等)

    抛开现有的常规 UI 组件思路。

    这可能是一种比较适合我们不擅长做 UI 的开发者。
    subframe75361
        67
    subframe75361  
       2023-07-31 15:08:10 +08:00
    给 obsidian 写一套主题就大致掌握 css 了 https://github.com/subframe7536/obsidian-theme-maple
    haha512
        68
    haha512  
       2023-07-31 15:10:20 +08:00
    最适合后端写前端界面的,还是直接用 layui 吧。非常简单,啥也不用考虑,cdn 一挂就行了
    https://layui.dev/
    liahu
        69
    liahu  
       2023-07-31 15:24:13 +08:00
    前端有啥难的,看看文档基本都会了,跟后端一样
    sunmoon1983
        70
    sunmoon1983  
       2023-07-31 15:25:03 +08:00
    @ada87 留下脚印
    lividsu
        71
    lividsu  
       2023-07-31 15:39:53 +08:00
    streamlit 了解下
    wanderingaround
        72
    wanderingaround  
       2023-07-31 16:25:16 +08:00 via Android
    @liahu 但是要做精就需要花很多时间吧,花很多时间不就是有一定难度,不同的人写具有不同的完成速度,以及代码质量,包括调试,而且你说的都是 API 调用程序员,顶多算码农,当然你要说了有现成方案为啥要造轮子,但是能造轮子与不想造是两个概念,有一种偏见,能造轮子以及能看懂源代码才是检验一个人是否是程序员。
    tyrantZhao
        73
    tyrantZhao  
       2023-07-31 19:37:19 +08:00
    感觉不会前端接私活都不好接。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5299 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 07:22 · PVG 15:22 · LAX 23:22 · JFK 02:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.