请教下前端和全栈的同学

[vincent7245]

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

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

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

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

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

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

[37Y37]

一个运维，不懂前端，就会套模板，简单改改，也能用，挺好的，看看 html/js/css 就行了，难度不大，比如我的博客，我的导航站，还写过小程序，基本都能应对

[74123gzy]

1 会写，2 没有

[pengtdyd]

《整点外快》这个和技术一点关系没有，这个是产品经理的活。

[wanniwa]

挣外快，靠的是工作业务上积累和人脉

[liberty1900]

https://designcode.io/

[gyt95]

前端表示做工具难的是 UI 设计，如果只是千篇一律的管理系统就还好，直接用现有组件库就行。但是那种独立 app ，考验审美，前端只不过是把页面还原出来而已，真的把界面做精美的还得靠产品+设计。

[secondwtq]

小东西写起来确实舒服，因为从 Web 页面，到后端服务，还有浏览器插件，VSCode 插件，通通都可以 JS 一把梭（不过这只是我的体验，适不适用于楼主可能要看 IDEA+Java 和 VSCode+TS 哪个用起来更顺手 ...）。
外快嘛我觉得没必要，你可以现在开始找个前端合作来搞，如果不能成的话，你学了也没用的 ...

[GeruzoniAnsasu]

前端不难学，做点小东西也不会太复杂

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

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

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

想当初我就是因为讨厌老在这些细枝末节的表面工程上浪费时间，喜欢系统和机器自动化完成一个目标那种操控感才去探索后端和底层的东西的，到今天还是感觉前端水土不服。

[potatowish]

纯后端，react+mui+chatgpt 做个小东西还是挺简单的

[jack4536251]

@gyt95 可以抄

[Leonard]

Angular ？

[Al0rid4l]

1. 自己写才懒得写界面, cli 完事, 油猴/Chrome 插件另说
2. 外快真的就只是个外快, 只接熟人当帮忙, 算时薪还不如上班

管理后台组件库或模版或低代码, C 端界面靠抄, 自己或朋友的小工具都当是管理后台

[Track13]

前端和页面好不好看没关系，请去找 ui

[gyt95]

@jack4536251 额也可以，抄能便于应用快速实现而不会遥遥无期。不过辛辛苦苦写出来项目而界面布局甚至配色、动画都是抄的，感觉只属于一个 demo 项目。类似新人简历或文章写的项目：“仿 xx 的应用”。个人不太喜欢。而且以后想改为自己喜欢的风格很难改，依然要找人设计一套。

[wmwm]

技术栈跟你一样，也是 android 和 C++，不过我是 android 开发，16 年到现在(老油条了，数据库都不会)。不想再混了，今年年初的时候打算自己写个网站，就学了 javascript 、typescript 、html/css ，reactjs 还有数据库，最终选择了 Nextjs 这个框架，写了个网站。https://wmwm.me/article/471622189796298752 。UI 设计我也不会，不会咱就模仿，世上无难事，只怕有心人

[xudaxian520bsz]

@wmwm 即使设计，上面的资源一大堆，你可以用来模仿

[tonytonychopper]

如果不懂设计，可以用 tailwind 这种 css 库，写出来的页面比自己调的要好看不少

[murmur]

@tonytonychopper tailwind 是语法库跟设计有什么关系，你说 element antd bootstrap 还有点道理

[ada87]

如果是自己出作品和工具，核心不在前端技巧上，我就算会 UI ，也不会浪费时间去做，节约生命直接买。

https://mui.com/store/
https://tailwindui.com/templates
https://themes.getbootstrap.com/

[tonytonychopper]

@murmur 里面的字体颜色都是设计好的啊

[charlie21]

多陪女友逛街购物什么的 或许更能让客户满意，不要把时间浪费在给客户制作工艺品上。

[zhandi4]

直接上 UI 组件库。前端自己平时写小玩意的时候涉及到界面也是这样的。

[xianyv]

感觉好看这个东西,还是要靠审美的, 我给自己写的工具都巨丑无比, 再怎么调整都丑,我现在是能用就行

[rogi]

或许和前端没什么关系，因为在平常的工作中有 ui 设计师，前端只是把设计图通过 html+css 还原，如果真的硬要写的话，直接上组件库算了，或者直接抄人家的。另外接私单挣外快大概率是比你时薪你的工资要低的....我都不想搞了累的要死才挣个 3 千多

[zkaip]

这个跟前端没啥关系，存粹是设计和 UI 的锅……

[shui14]

前端里面有设计感的很罕见，非业务型的产品，更多强调设计，在本身没有设计能力审美拉垮的情况，最好就是模仿
找个大厂的设计系统，比如 adobe/vercel design system ，注意协议那些允许那些不允许包含不仅限于字体、图标等等；找你的目标产品所属领域的独立站，国外一大把的小团队独立站，各有风格，欧洲的人文找那些摄影文学历史等、美洲的科技公司、日韩的工业设计看看别人的风格，像穿搭一样，搞个适合自己的缝合怪，不能脱胎换骨也至少可以吊打 90%的人。至于代码怎么写一点都不重要，怎么构思是关键

[awesomes]

全栈必须得系统学习前端，做出东西也没什么难度，但是靠独立开发挣钱是非常难的，大多数是给人做做外包项目挣钱得几率更大

[crazyTanuki]

设计有三宝,圆角,边框,阴影

[crazyTanuki]

现在还多了一个渐变

[yagamil]

搜模板，套娃。
因为我发现，自己再怎么努力写，都写不出人家那么漂亮。

[weixiangzhe]

css 前端自个调大都也一坨，还是要先走设计

[LavaC]

前端确实不难，就算是拼页面，有基本的 flex 和 gril 布局使用经验就够用了，反而设计这个坎前后端都难过，只能说前端见得多一些，但在缺少 UI 帮助做自己项目的时候该抓瞎还是得抓瞎。

[LavaC]

@LavaC gril->grid

[DT37]

你可以理解成 原来 htm+js+css 是个丑八怪，然后学会了化妆术就很漂亮，就像女人的化妆品一样，彩妆，粉底护肤，什么时候用什么，这玩意只有善于打扮的女人知道。大多数男人学起来还挺吃力的。 不断的掩盖，在厚厚粉底下，其实是个千疮百孔的脸。不要谈设计思想，设计思想就是化妆人的化妆技巧，改变不了丑八怪的事实。
---来自正在学习前端的我，产生的无能抱怨。

[Clax]

要么花钱买模板，多半也要定制修改，要么找一个设计师伙伴

[Belmode]

最简单的方法就是找个合适的 app ，或者小程序之类的。然后套一个自己喜欢的 UI 框架，模仿对方的 UI 设计语言，就好了。

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

模仿是成本最低的方式。

[kkkkkk223]

@Belmode #36 事实上 你个人去找个 ui,他也是抄别人的给可能你改改颜色 ? 🤣

[mdn]

@murmur 用过你就知道了，页面比例 字体大小 字体颜色 背景颜色 等都是设计好的，算是半成品需要自己微调，element antd bootstrap 是完成品，直接用都不用调

[M003]

你想写小工具,基本上现有组件库都可以实现, 实用性为主 ,elementUI 就差不多了, 够增删改查了.

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

------
我能看懂丑美,但是让我想出美了,我懒得想,因为太费劲.

[M003]

@crazyTanuki grabient.com

[leega0]

@mdn 一般从 css 时代过来的前端几乎不会用半成品的，要么自己写，要么就用不用调的完成品

[cz5424]

多用组件库，没有设计师的情况下，只要合理摆放组件就可以出一个好看点的 ui

[leslieckai]

我是做前端开发的，半年来也有尝试学点 UI ，但是做出来的还是不好看，建议还是找个志同道合的设计师合作，感觉完全不一样

[silypie]

你想快的话直接上 QT 呀，有设计工具拖拽组件就行

[790002517zzy]

https://www.webarcx.com
我是后端

[790002517zzy]

单基本上都是以前学校老师给的 自己接不到或者钱少

[mdn]

@leega0 tailwindcss 目前在前端比较流行吧

成品的组件能过 公司设计这一关吗？

[dudubaba]

一个字：抄。 去各大 app 市场或网站找到类似的，然后截图，抄里面的 ui ，然后组装成自己的工具。

[TArysiyehua]

@wmwm 说实话，这界面挺丑的，我的技术栈跟你一样，学了 vue 之后，用上了 t-desin 或 element 就不一样了。设计这个方面，我开始用的话也挺丑的，最终就是抄，你觉得哪个网站漂亮，就直接上手抄就完事了

[crazyTanuki]

@M003 对,就是这么回事,虽然上限摸不到,但是起码下限提高,不会太丑

[xudaxian520bsz]

@GeruzoniAnsasu 其实，前端没那么难的，CSS 属性是多，规则多；不过，现在 Edge 在 devtools 提供了 3D 效果，可以解决一部分问题；很多人，学习的时候，就是脑补（包括曾经的我）；而且，前端 JavaScript （ C 的语法，Lisp 的闭包，高阶函数、回调函数、Java 的面向对象，函数式编程、命令式编程） 太灵活了，像我们做 Java 的，如果仔细品的话，你会发现 Java 太省事了，而且同一种效果，前端有太多的方案来实现了。

[GiantHard]

界面丑跟前端技术无关，主要是设计功力不足。所以我建议楼主看看这本书 https://www.refactoringui.com ，本书的作者同时也是当下流行的前端技术框架 tailwind css 的作者，这本书提供了对于程序员而言很实在的技巧，旨在教你如何在没有设计师的帮助下，设计出美观的网页

[bitmin]

说到设计，可以学习一下 Material Design （ material.io ）

Apple 也有提供设计指南 https://developer.apple.com/cn/design/

[vikaptain]

赚外快主要不是靠技术，靠人脉，靠关系。首先是要能找到项目，技术倒是其次，大部分这种外快项目都挺简单，技术要求不高，但是可能前后端都要你一个人写，可能钱不多，你在找人写前端就没什么钱了。
如果你想学前端，可以先学下前端基础。实际写东西的时候去直接去买一套前端模板来修改修改就行。
如果只是学来自己用推荐 Angular ，对后端比较友好。

[seven123]

没有系统学习过设计就只有抄了，或者花钱，我现在一般都是先看看 tailwindui 有没有现成的模板，然后再到 figma 资源里面去找找，到处东拼西凑搞出个东西来，搞出来的实在不好看再花钱请设计

[l4ever]

你会 java, 那么 javascript 不难吧?
你再看看 react 文档, 就那么几个 use****

然后你想好看, 找现成的 UI 套进去啊, antd?
https://ant.design/components/button-cn/

[nkidgm]

既然楼主熟悉 C++，可以试试 QT + WASM ，C++写出的小工具运行在浏览器，不过我没玩过。。

[version]

懂些基础的就够了..会弄后台管理 react vue
懂前端基本
设计的东西交给设计...加上目前 ai 的发展..差不多能出很好的 设计=>生成代码的智能....人工无非就是学会组合.封装成组件..再拼接成数据
要接受上面的新鲜事物..就要抛弃后端 java 和 c++ 部分老旧的思想.
任何项目不要过度框架化....小而美 .短平快..才是你自己需要学习的...
等上面学会了..接多几个私活..前提中期可能是亏本的..就是时间成本的价值...多熬夜..积累几年..当你会了全栈你的整个编程思路都会不一样..考虑点也不一样..

[zjsxwc]

请系统学习
《写给大家看的设计书》
《深入解析 CSS 》

[theohateonion]

https://www.framer.com/ai

[hoopz]

@GeruzoniAnsasu +1 。从 2000 年初年用 frontpage 开始，到现在 20 年过去了，还是很烦。

[Selenium39]

自己用的话，页面丑点就丑点呗

[Blackberry009]

给女友写成小工具是真的 hhhhh

[x2420390517]

我就想想问问，你的女友有啥功能需求，可以说来听听，看看到底是后端工作量大还是前端

[RyougiShiki]

需要个过程，我的经历从大四到毕业十年：
培训班学了三天 HTML/CSS/JS ；写后端表单 html 很熟其它不行写不出页面；看了 w3c 的布局教程搞明白了 html/css 的联合使用、盒子布局、浮动；干了一两年 UI ；学习 bootstrap 、栅格、materialUI ；利用 css 框架第一次做出了完整页面；初学 Vue 做出了 todo ；公司缺前端老师让我带了大半阶段 从各种基础到 Vue 项目、把各种基础补了上来，原来之前卡住还是基础不行；尝试 react 、继续学习 Vue 、能实现想法、最近做的[个人作品集]( https://zyzypy.com) 。下一步如果有时间想学学美术手绘、因为有些想法表达不出来、而看有的 IOS 全栈具备这种能力。

[HiCode]

我觉得可以寻找一些简单的对话式 UI 。

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

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

=》

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

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

这可能是一种比较适合我们不擅长做 UI 的开发者。

[subframe75361]

给 obsidian 写一套主题就大致掌握 css 了 https://github.com/subframe7536/obsidian-theme-maple

[haha512]

最适合后端写前端界面的，还是直接用 layui 吧。非常简单，啥也不用考虑，cdn 一挂就行了
https://layui.dev/

[liahu]

前端有啥难的，看看文档基本都会了，跟后端一样

[sunmoon1983]

@ada87 留下脚印

[lividsu]

streamlit 了解下

[wanderingaround]

@liahu 但是要做精就需要花很多时间吧，花很多时间不就是有一定难度，不同的人写具有不同的完成速度，以及代码质量，包括调试，而且你说的都是 API 调用程序员，顶多算码农，当然你要说了有现成方案为啥要造轮子，但是能造轮子与不想造是两个概念，有一种偏见，能造轮子以及能看懂源代码才是检验一个人是否是程序员。

[tyrantZhao]

感觉不会前端接私活都不好接。