这是一个创建于 1869 天前的主题，其中的信息可能已经有所发展或是发生改变。
我可以写这种点菜或商城 demo 网页：
https://github.com/maxyou/ele-h5-like
https://github.com/maxyou/xiaomi-store-client
可以写这种论坛网页：
https://github.com/maxyou/purebbs
技术上包含 react/redux-sage/graphql/typescript 等等
但我感觉这些从网页角度太过简单，假定我希望达到二线中型互联网公司还算不错的前端程序员的水平，我下一步该干什么？下一个实践项目推荐什么？
大家觉得 Gatsbyjs 怎样？是不是一个应用实践好方向？
或者 WebGL/Three.js/3D 呢？倒不惧数学。
或者模仿一下头条首页之类？
https://github.com/maxyou/ele-h5-like
https://github.com/maxyou/xiaomi-store-client
可以写这种论坛网页：
https://github.com/maxyou/purebbs
技术上包含 react/redux-sage/graphql/typescript 等等
但我感觉这些从网页角度太过简单，假定我希望达到二线中型互联网公司还算不错的前端程序员的水平，我下一步该干什么？下一个实践项目推荐什么？
大家觉得 Gatsbyjs 怎样？是不是一个应用实践好方向？
或者 WebGL/Three.js/3D 呢？倒不惧数学。
或者模仿一下头条首页之类？
47 条回复 • 2023-04-24 21:59:55 +08:00
 |
1
chengxy 2019-10-17 19:05:36 +08:00
看了一下，感觉页面样式好丑啊,CSS 果然没存在感。
|
 |
2
Pastsong 2019-10-17 19:08:05 +08:00
软件工程很多时候实现功能并不是最主要的，重要的是“工程”
|
 |
3
cococoder 2019-10-17 19:08:32 +08:00
多造轮子，自己写 promise,react,redux，react-router，挨个实现一遍
|
 |
4
seki 2019-10-17 19:17:56 +08:00
gatsby 意思不大，也还不够工程，配置全靠抄和猜
一些建议 加入权限和帐号体系 多写一些逻辑复杂的页面，比如各类后台管理系统 多加一些页面，探索一下如何组织代码可以避免重复劳动 写测试 |
|
5
seki 2019-10-17 19:19:59 +08:00
可以分成两个方向，重视页面效果的写 css 的，还有重视逻辑的糊 crud 的，你可以先挑一个感兴趣的方向去研究
|
 |
6
hyyou2010 OP |
|
7
seki 2019-10-17 19:38:19 +08:00
@hyyou2010 我也不知道二线互联网公司是什么情况，实际工作内容也是分几个方向的，写 crud 的程序员基本用不上那些 css 动画的奇技淫巧，反过来也是的
论坛我觉得你还没做到头。比如真正的论坛是有很多类角色的，超级管理员，管理员，版主，普通用户，能访问的页面和能做的操作都不一样 |
 |
8
qq007523 2019-10-17 19:38:23 +08:00
别进阶了，基础很重要
|
 |
9
rabbbit 2019-10-17 19:44:53 +08:00
中级不知道,可以完整的还原京东 /淘宝首页等复杂页面样式的话算初级.
|
 |
10
learnshare 2019-10-17 19:48:57 +08:00
demo 不能太丑，良好的审美也是前端该有的能力
|
 |
11
chuxiaonan 2019-10-17 19:51:06 +08:00
说说我的想法吧
@seki 的想法很不错 多角色多权限体系，用户鉴权、角色区分、前后端互信、免密登录、多端登录、单点登录等等 这里面可以深挖的业务和技术细节很多 另外 作为前端程序员 CSS 真的不能太对付啊。。。页面美观也是很重要的。。。 要做π型人才 而避免做 T 型人才 何谓π型人才？技术 业务两条腿走路，还要做到知识面够广 思维够宽 而不是“我觉得我做得已经够多了 还有什么可做的？” |
 |
12
zzyyzz1992 2019-10-17 19:53:16 +08:00
java spring boot 全家桶了解一下
|
 |
13
lamada 2019-10-17 19:54:14 +08:00 via iPhone
面试一下就知道需要什么了，还是楼主是学生？
|
 |
14
woshixiaoqianbi 2019-10-17 19:59:19 +08:00
找个网站 psd 图 从切图开始实现一个整站 不用功能实现太细，
技术不在多,动手之前想一想每个业务适用什么技术 |
 |
15
luoway 2019-10-17 20:50:25 +08:00
我觉得中级主要在 js 上，实现一个 echart 或者 ueditor 足够了。
话说饿了么那个，我最近才做过类似项目，难点不在表面基本功能实现，而在细节上：例如饿了么分享过的首屏骨架屏方案。 UI 初中高级谁都能做，而做得比别家好，还能让别人服气，这才是区别。 |
|
16
hyyou2010 OP 感谢诸君指导！
说来前端也有各种细分支，有时候就迷茫。写个人作品时就追求了功能实现，CSS 动画效果之类能省就省了。 @chuxiaonan 角色权限确实有太多内容，我只写了 admin/版主 /user 三个角色，权限配置都没加，可以做的内容太多了。我想的是成熟的后端框架可能就支持这些，自己写太耗费时间了。 @zzyyzz1992 那个论坛写到现在就不想写了，感觉后端选择不妥，继续写下去成本太高，的确应该换成 spring boot 之类，有充足的第三方库来支持。 @luoway 写一个 echart ？那应该很难吧？ @lamada 说得对，可能面试一下就知道了。考虑去打扰别人一下。 |
 |
17
murmur 2019-10-17 23:08:24 +08:00
这个样式真的丑，自己没设计就完全照抄一个别人的东西，反正 做练习
|
 |
18
iMusic 2019-10-17 23:52:14 +08:00
实现 echart 或者 ueditor 才中级吗，
emmmm...沉默时今晚的康桥 |
 |
20
yamamotoahua 2019-10-18 00:12:20 +08:00
兄弟你这 css 梦回 1998 啊。。
基础最重要，purebbs 不看样式还可以，建议加个 loading 啥的优化下 |
 |
21
OSF2E 2019-10-18 00:18:26 +08:00
做产品，在细分、垂直领域做产品，集合实业做产品，技术产品供应链找到适合自己的位置，结合计算机技术以外的专业水平的知识做产品。这么说吧，九几年的时候，中国科学院计算技术研究所随便抓一个研究员，都能独立写出一个类 unix 系统，但直到现在一个拿得出手的国产操作系统到现在都没做出来，全特么是 linux 换皮大法，不是技术不到位，而是全特么把精力放在折腾各种技术指标上去了，老是想跳过调研市场需求、科学的产品设计等流程……简单点说，依葫芦画个瓢就想去赚钱……之前的军工也是，汽车行业也是……比比皆是
|
|
22
seki 2019-10-18 00:42:31 +08:00
|
 |
23
ericgui 2019-10-18 02:44:27 +08:00
我非常奇怪的一个地方在于，你的前端其实实现了 ssr
但是你用的是 webpack-dev-middleware，但这玩意是 dev only 所以。。。。 当然了，你要说这个能不能用，当然可以用的 但就是感觉很奇怪 如果你足够牛，把这个改造为一个 production -ready 的东西，就非常牛逼了，大大简化了 ssr |
|
24
ericgui 2019-10-18 02:44:47 +08:00
我指的是 purebbs
|
 |
25
lhx880619 2019-10-18 08:31:14 +08:00 via iPhone
threejs webgl 如果要走就是图形方向啦 水太深 感觉会比较偏门 了解下 做做 demo 就行 不用深入
|
 |
26
xianxiaobo 2019-10-18 09:04:18 +08:00
找个 UI 库用一下吧，页面样式感觉停留在上个世纪
|
 |
27
CasualYours 2019-10-18 09:29:57 +08:00  1
|
 |
28
sl1673495 2019-10-18 11:27:41 +08:00
写的 ts 全是 any
写的 css 太丑 |
 |
29
jrtzxh020 2019-10-18 11:44:49 +08:00
这样式 连我审美这么差的人多觉得难看。。
|
|
30
hyyou2010 OP 感谢大家指导，界面美化的确从未考虑，没抄，没设计，出于练习考虑也尽量没用 UI 库。以后 UI 这方面需要大力加强。
|
 |
31
Ixizi 2019-10-18 13:35:25 +08:00
可以写个 web 的 photoshop 或者视频编辑器啥的
|
 |
32
ahonn 2019-10-18 13:44:33 +08:00
其他的就不说了，作为前端还是需要审美的。你这最多算糊页面，还糊得不好看..
先不要考虑进阶，先踏踏实实搞基础吧.. |
|
33
hyyou2010 OP @ericgui
感谢指点，这里恰好想多问两句。 实际上我对 SSR 非常不在行，不可能去刻意实现 SSR。在你之前有个 cnodejs.org 社区的朋友也奇怪，为什么类似“http://purebbs.com/#/detail/10009”这样的网页刷新之后也可以打开，据说 SPA 是打不开的，其实我一直不懂也不解，为什么就不能打开呢？刷新后先加载客户端，客户端再获取数据，不就是这么个普通过程嘛？ 那个 webpack-dev-middleware 我不知道是干什么用的，似乎创建 webpack 项目的时候缺省就有，我刚刚在 package.json 里删除了，也可以照常运行，然而查看 package-lock.json 发现里面还有，而这个文件是 webpack 创建的，删除后再自动创建也有这个 webpack-dev-middleware。 我目前知识深度远不到钻研这些细节的程度，能力不足以去深挖了。 |
|
34
hyyou2010 OP @CasualYours
感谢，你的建议具有可行性，我一下子就看到一张漂亮的网页： https://dribbble.com/shots/7572171-Meal-Prep-Delivery-Service-App/attachments/365047?mode=media 我应该能够实现这个。 |
|
35
hyyou2010 OP @lhx880619 谢谢，有点偏，但感觉比较长久，前端的其他技术变化太快，淘汰太快了。
@Ixizi 谢谢，我绝对没有这个水平，那个 ffmpeg 都看得我头昏。 @yamamotoahua 感谢，个人练习作品，省略了太多，最近看 Apollo-react 真是现成就提供 loading 标志，也许应该加进去试试看。 |
 |
37
LWXYFER 2019-10-18 16:29:34 +08:00
其实进阶的话，不只是代码与技术的问题，很多业务并没有那么深入，更多需要关心项目管理，协作，沟通等等问题。当然技术进阶的话，还是造轮子，或者在垂直领域发力（ WebGL，编辑器等等）
|
 |
38
hewelzei 2019-10-18 16:33:50 +08:00
我和你相反，写的项目大部分时间都花在 UI 设计和 css 样式上了
|
 |
39
gaigechunfeng 2019-10-18 16:54:35 +08:00
@hewelzei 其实我也感觉是，做外包项目，主要是 UI 和 css。 不去大厂，没机会研究这么深。
|
 |
40
Beliver 2019-10-18 18:15:41 +08:00 1
1：当你初学的时候，你考虑的只是如何实现功能
2：实现功能之后，你考虑的是如何进行功能优化，交互优化，执行效率优化，性能优化 3：所有框架的本质都是为了解决问题而生的，当你有能力了，可以试试自己造轮子 4：数据结构算法领域， 5：后端、数据库，服务器技术栈领域 6：团队的协作，沟通。执行，解决问题能力也尤为重要。 最后，学习，能为公司解决问题的能力才是最重要的，技术永远也只是手段！ |
 |
41
Alsmile 2019-10-18 18:26:36 +08:00
给你推荐一个开源绘图项目，不妨拿这个练练手，学习如何分层、开发公用库。基于 typescript + canvas 写的，易集成、方便自定义图形库，支持微服务架构图、流程图、时序图、活动图、类图、动画，可以实现 SCADA 等，详细介绍：
https://juejin.im/post/5d6c88726fb9a06b0e54ab35 |
|
45
ericgui 2019-10-19 01:00:46 +08:00
|
|
46
hyyou2010 OP 比如直接访问： http://purebbs.com/#/detail/10009
那么过程是：1，加载客户端，2，客户端根据 url 去服务器获取数据，再显示。这里为什么可能有 SPA 什么不显示的问题？ |
 |
47
houchangxiaowang 2023-04-24 21:59:55 +08:00
@Alsmile 链接挂了，可以重新帖一下吗
|
Select Language