作者blostirck (bobo)
看板Soft_Job
标题[请益] 前端作品请益
时间Mon Nov 1 10:53:28 2021
各位好!
小弟是私立粪校非相关科系毕业，目前28岁，自学写程式大约4个月左右
最近用尝试 React 跟 Node.js 做了一个搭配地图的旅馆查询网页
目前是把网站部属在Netlify上面
作品连结:
https://hotelion.netlify.app
server目前部属在Heroku上面
因为是免费仔的关系，30分钟无人使用的话，server就会自动进入休眠状态
所以第一次搜寻时可能跟server要资料的时间会比较久一点
另外附上我的GitHub连结:
https://github.com/JosephShu/Hotelion
因为身边没有朋友从事软体工程师的工作，
不知道去面试的话，
这个作品是否还是太粗糙了一点?
希望各位大大能提供一些建议
避免自己养成一些错误习惯却不自知，以及一些精进的方向
谢谢!
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 114.43.50.189 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Soft_Job/M.1635735211.A.112.html
1F：推 humanfly: 年纪跟成品还行，但不要期待面试官会点进去看 11/01 11:02
2F：→ humanfly: 把你会的重点列一列，有机会面试好好做简报 11/01 11:03
了解，谢谢
3F：推 ntpuisbest: 有信心点，我当初作品惨不忍睹也是有工作，但不到5 11/01 11:30
4F：→ ntpuisbest: 0k就是了 11/01 11:30
5F：→ shooter555: 多数人没作品 有作品就赢一票了 放心 11/01 12:28
s1;37m→
好的 谢谢
[1;37m推
jonyig: heroku 可以做 time 让他30分钟自己检查自己有没有醒 11/01 12:59
好的 我晚点试试
不好意思 在编辑的时候动到你的推文格式
6F：→ DrTech: 敢问大哥要找什麽工作，为什麽要用破英文来突出自己的个性 11/01 13:14
主要就是前端的部分呗 破英文就是...英文单纯破 试着用用看XD
7F：推 johny777: Commit message要规范一下不然没人看得懂这commit内容 11/01 13:26
8F：→ paint: 英文叙述的部分可以善用Google翻译或Grammarly来校正与改善 11/01 13:41
9F：→ kangan987: 手机点选单只看得到 overlay 11/01 14:00
好的 我晚上来研究一下 另外想请问一下手机的规格是IPhone吗?
非常感谢各位大大提供的宝贵意见
我的破英文看起来是非常的破XD
近期会想办法改善破英文的问题
谢谢!
※ 编辑: blostirck (114.43.50.189 台湾), 11/01/2021 14:34:56
※ 编辑: blostirck (114.43.50.189 台湾), 11/01/2021 15:12:07
10F：→ sevenHEAD: 看要不要把class 元件改成function的 （这是某个课程 11/01 15:07
11F：→ sevenHEAD: 的project吗？怎麽会用class component? 11/01 15:07
这个project是我自己做来练习用的
其实会用class component 是因为刚开始用react的时候就是照着官网上制作ooxx
游戏的步骤来做的啦XD 所以才会用class
12F：→ kangan987: 是S21唷 11/01 15:49
ok! 谢谢
13F：推 hegemon: React最开始的教学都是class呀... 11/01 16:29
14F：推 libitum: 英文破不是短期可以改善的啦 就像上面有人提到的 先用 11/01 16:40
15F：→ libitum: google translator中翻译 在自己微调 最後用grammarly 11/01 16:40
16F：→ libitum: 去检查文法 都会比你打的那些通顺 尽量修饰隐藏一下缺点 11/01 16:41
好D 非常感谢
17F：→ phi12345: 资料是抓自己的还是google的 11/01 16:43
如果是指资料来源的话 资料我是从政府公开资讯那边下载下来的
之後再自己用nodejs丢到mongoDB里面
18F：推 abc0922001: 赢超过一半的人了吧 11/01 17:00
19F：→ abc0922001: 我觉得 Readme 根本不用写你学几个月 11/01 17:01
20F：→ abc0922001: 单纯说明你这专案的资讯就好 11/01 17:01
好D 谢谢
21F：推 MoonCode: 赞耶 同是转行自学推推 11/01 17:12
22F：→ MoonCode: 面试就是把所有的职缺都投一轮就是了 11/01 17:13
好D 第一次转职呢 总是觉得有点没信心XD
23F：推 kurtsgm: 我应该差不多把你github里面每只档案都点开来看过了 11/01 17:36
24F：→ kurtsgm: 给几个建议 1. 老实说虽然成品视觉上满漂亮 但点了几只 11/01 17:37
25F：→ kurtsgm: code进去其实看得出来满多都是用既有的package直接套而已 11/01 17:38
26F：→ kurtsgm: 看不太出来你自己写的东西在这个project的重要性 (相较於 11/01 17:40
27F：→ kurtsgm: 漂亮的map) 2. commit的note可以不要这麽直白 我看到好 11/01 17:40
28F：→ kurtsgm: 个那种"不知道为啥怪怪的" "不知道为啥但能动" 11/01 17:40
29F：→ kurtsgm: 我是面试官的话看到这些会觉得有点扣分 11/01 17:41
30F：→ kurtsgm: 我有时候会跟RD说 程式不会有灵异事件(大多数情况啦 XD) 11/01 17:43
31F：→ kurtsgm: 事出必有因 要找到原因...所以你的commit那些"weird"我觉 11/01 17:44
32F：→ kurtsgm: 得写上去不是好事 11/01 17:44
好的 我在想办法解决看看
33F：推 jim505082000: 你好像把token commit进去惹 11/01 18:16
我没注意到呢 我再来修正他 谢谢!
※ 编辑: blostirck (114.43.50.189 台湾), 11/01/2021 18:59:38
34F：→ DrTech: 我的意思是，你又不找外商，干嘛写英文自爆。好好学个 mar 11/01 19:27
35F：→ DrTech: kdown用中文写条列式，都很加分了，觉得这个人有基本的规 11/01 19:27
36F：→ DrTech: 范。写一堆英文还不排版，扣分。 11/01 19:27
37F：→ DrTech: 另外很多很有个性或随意的话，不要写，很不专业又随便，凸 11/01 19:28
38F：→ DrTech: 显了你的个性。 11/01 19:28
39F：→ DrTech: 工作随便找也有。但还是建议您专业的做法。 11/01 19:30
40F：推 DrTech: 感谢原文愿意分享作品与大家交流。 11/01 19:32
41F：推 TWkobe: 我也建议英文找人修或用deepL翻译还好一点，尽量用条列式 11/01 19:39
42F：→ TWkobe: 说明，只讲专案有关的东西，自介放cv不要放这 11/01 19:39
43F：推 famous727: 建议可以把使用过程录制做成GIF档放在github上 11/01 19:56
44F：推 lukelove: 建议英文找人修+1 11/01 20:53
45F：推 hduek153: 推分享 不过read me直接写专案在干嘛就好 11/01 21:03
46F：推 zmcx16: 可以用freshping设定每五分钟去戳他, 如果heroku你有绑信 11/01 22:52
47F：→ zmcx16: 用卡,全天开也可以完全免费 11/01 22:53
48F：推 nereuseng: 试试看能不能换成 function component，还蛮少人新的 11/02 00:55
49F：→ nereuseng: 程式码用 class component，再来是写一些测试，unit t 11/02 00:55
50F：→ nereuseng: est，e2e test，还有也要加上 linter，最後再配合一些 11/02 00:55
51F：→ nereuseng: CICD 像是 travis等的自动化，应该就还不错了 11/02 00:55
52F：→ x246libra: 楼上你说的这些 小公司 senior前端都不一定会了 11/02 01:32
53F：→ x246libra: 你要一个刚转职的搞ci cd... 不觉得会有加分效果 11/02 01:33
54F：→ x246libra: 很多人都说要写测试 但我去的公司 没人懂 11/02 01:34
55F：→ x246libra: 只能花时间研究 怎麽写出 可测试的程式码 11/02 01:35
56F：→ x246libra: 一家好公司 不会因为一个人 会单元测试就雇用 他 11/02 01:36
57F：→ x246libra: 还不如刷演算法 比较可以入好公司的法眼 11/02 01:36
58F：→ x246libra: 烂公司 也不会因为你不会单元测试 就不雇用你 11/02 01:36
59F：→ x246libra: 我说的他是指 一个非本科无工作经验的新人 11/02 01:37
60F：推 CaptainH: 我觉得这做得很好了，commit message没那麽重要，每个 11/02 03:21
61F：→ CaptainH: 公司都有自己的规定 11/02 03:21
62F：→ CaptainH: 前端很漂亮，很好。但有几个小bug 11/02 03:22
63F：→ CaptainH: Readme改用中文并以专业语气简单解释使用的技术及开发流 11/02 03:23
64F：→ CaptainH: 程 11/02 03:23
65F：推 CaptainH: 搞CI/CD/Linter等等跟本太偏 11/02 03:25
66F：推 ponpon55837: 我看了一下你github上import的路径，看要不要试着把 11/02 11:58
67F：→ ponpon55837: 文件改用alias的方式引入，不然写../../../对自己开 11/02 12:00
68F：→ ponpon55837: 发上蛮痛苦的，也容易出错。 11/02 12:00
69F：推 single4565: 用相对路径有时候真的比较好一些 11/02 12:34
70F：推 brucetu: github搜寻别人的看一下 关键字例如hotel map 11/02 14:51
71F：→ brucetu: 看别人的readme怎麽写得漂亮 11/02 14:51
72F：→ Qoofate: 我是不懂React , 但看不出你自己写的演算法阿 11/02 17:09
73F：→ Qoofate: readme没很重要吧 code的内容还比较重要 11/02 17:09
非常感谢各位大大提供的建议，小弟会好好参考别人写的readme後，再好好想想如何以
专业语气写出漂亮的readme
unit test 跟 e2e 刚刚有稍微找了一下，虽然感觉对现在的我来说还有点遥远
但多知道一点东西对我来说总算是好事
再次感谢各位大大提供宝贵的意见，谢谢!
※ 编辑: blostirck (114.43.50.189 台湾), 11/02/2021 18:40:19
74F：推 Jigsaw41: 单就前端的作品会有几个建议是：1. 作品看起来规模偏小 11/02 18:34
75F：→ Jigsaw41: ，而且功能大多是套件提供的，看不出实际的开发实力，如 11/02 18:34
76F：→ Jigsaw41: 果想当火力展示的作品，再添加多一些功能会更好（比如会 11/02 18:34
77F：→ Jigsaw41: 员功能，让使用者可以添加收藏的住宿地点之类的）。2. 11/02 18:34
78F：→ Jigsaw41: 承上点，因为专案偏小的关系，状态管理不太复杂，可以 11/02 18:34
79F：→ Jigsaw41: 再想想是否需要使用 redux。3. 如果要用 redux，通常会 11/02 18:34
80F：→ Jigsaw41: 跟 react-redux 一起做使用。 11/02 18:34
好的 非常感谢!
※ 编辑: blostirck (114.43.50.189 台湾), 11/02/2021 18:44:50
81F：推 MyNion: 转职加油，往前迈进 11/02 22:24
82F：推 TanyZhong: 推推！如果观看都要等时间，HR或者主管应该都没时间看 11/02 23:01
83F：→ TanyZhong: 吧？ 11/02 23:01
84F：→ superpandal: 作品也并不是入行保证 11/03 00:10
85F：→ jobintan: 有一定年纪作品最好可以证明自己有战力，不然没啥人会要 11/03 08:28
86F：→ jobintan: 一个30y以上又不是四大四中毕业的小白。 11/03 08:28
87F：推 forever19735: 一堆senior都不见得会cicd 了 11/04 20:14
88F：推 gobbiby: 搜寻栏如果打“台南”去搜寻是没有资料的，得打“台南” 11/05 00:59
89F：→ gobbiby: 才有资料出现耶 11/05 00:59
90F：推 davidsky: 用 class 写有什麽问题..不是什麽都适合 functional 阿 11/05 18:23