為什麼這篇前端 工程師 作品 PTT鄉民發文收入到精華區：因為在前端 工程師 作品 PTT這個討論話題中，有許多相關的文章在討論，這篇最有參考價值！作者blostirck (bobo)看板Soft_Job標題[請益] 前端作品請益時間Mon Nov...
前端 工程師 作品 PTT 在 一顆算頭 讀書帳? ? ? ? ? Instagram 的最佳貼文
2021-09-10 22:12:17
大學宣傳文！ - 選華梵，選一個未來！🏆 擔心未來就業，害怕畢業即失業❓ 擔心選錯方向，不喜歡要換系很難❓ 擔心發展不好人脈，未來沒有良師益友互相扶持❓ 學費很貴給家裡造成負擔❓ 這些問題，在華梵都不存在！ ✔提供四年全額獎學金💰 ✔最高30萬💰海外學習獎學金，超過4成學生出國學習 ✔老師一對一...
各位好!
小弟是私立糞校非相關科系畢業，目前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://www.ptt.cc/bbs/Soft_Job/M.1635735211.A.112.html
推 humanfly: 年紀跟成品還行，但不要期待面試官會點進去看 11/01 11:02
→ humanfly: 把你會的重點列一列，有機會面試好好做簡報 11/01 11:03
了解，謝謝
推 ntpuisbest: 有信心點，我當初作品慘不忍睹也是有工作，但不到5 11/01 11:30
→ ntpuisbest: 0k就是了 11/01 11:30
→ shooter555: 多數人沒作品 有作品就贏一票了 放心 11/01 12:28
s1;37m→好的 謝謝
[1;37m推 jonyig: heroku 可以做 time 讓他30分鐘自己檢查自己有沒有醒 11/01 12:59
好的 我晚點試試
不好意思 在編輯的時候動到你的推文格式
→ DrTech: 敢問大哥要找什麼工作，為什麼要用破英文來突出自己的個性 11/01 13:14
主要就是前端的部分唄 破英文就是...英文單純破 試著用用看XD
推 johny777: Commit message要規範一下不然沒人看得懂這commit內容 11/01 13:26
→ paint: 英文敘述的部分可以善用Google翻譯或Grammarly來校正與改善 11/01 13:41
→ 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
→ sevenHEAD: 看要不要把class 元件改成function的 （這是某個課程 11/01 15:07
→ sevenHEAD: 的project嗎？怎麼會用class component? 11/01 15:07
這個project是我自己做來練習用的
其實會用class component 是因為剛開始用react的時候就是照著官網上製作ooxx
遊戲的步驟來做的啦XD 所以才會用class
→ kangan987: 是S21唷 11/01 15:49
ok! 謝謝
推 hegemon: React最開始的教學都是class呀... 11/01 16:29
推 libitum: 英文破不是短期可以改善的啦 就像上面有人提到的 先用 11/01 16:40
→ libitum: google translator中翻譯 在自己微調 最後用grammarly 11/01 16:40
→ libitum: 去檢查文法 都會比你打的那些通順 盡量修飾隱藏一下缺點 11/01 16:41
好D 非常感謝
→ phi12345: 資料是抓自己的還是google的 11/01 16:43
如果是指資料來源的話 資料我是從政府公開資訊那邊下載下來的
之後再自己用nodejs丟到mongoDB裡面
推 abc0922001: 贏超過一半的人了吧 11/01 17:00
→ abc0922001: 我覺得 Readme 根本不用寫你學幾個月 11/01 17:01
→ abc0922001: 單純說明你這專案的資訊就好 11/01 17:01
好D 謝謝
推 MoonCode: 讚耶 同是轉行自學推推 11/01 17:12
→ MoonCode: 面試就是把所有的職缺都投一輪就是了 11/01 17:13
好D 第一次轉職呢 總是覺得有點沒信心XD
推 kurtsgm: 我應該差不多把你github裏面每隻檔案都點開來看過了 11/01 17:36
→ kurtsgm: 給幾個建議 1. 老實說雖然成品視覺上滿漂亮 但點了幾隻 11/01 17:37
→ kurtsgm: code進去其實看得出來滿多都是用既有的package直接套而已 11/01 17:38
→ kurtsgm: 看不太出來你自己寫的東西在這個project的重要性 (相較於 11/01 17:40
→ kurtsgm: 漂亮的map) 2. commit的note可以不要這麼直白 我看到好 11/01 17:40
→ kurtsgm: 個那種"不知道為啥怪怪的" "不知道為啥但能動" 11/01 17:40
→ kurtsgm: 我是面試官的話看到這些會覺得有點扣分 11/01 17:41
→ kurtsgm: 我有時候會跟RD說 程式不會有靈異事件(大多數情況啦 XD) 11/01 17:43
→ kurtsgm: 事出必有因 要找到原因...所以你的commit那些"weird"我覺 11/01 17:44
→ kurtsgm: 得寫上去不是好事 11/01 17:44
好的 我在想辦法解決看看
推 jim505082000: 你好像把token commit進去惹 11/01 18:16
我沒注意到呢 我再來修正他 謝謝!
※ 編輯: blostirck (114.43.50.189 臺灣), 11/01/2021 18:59:38
→ DrTech: 我的意思是，你又不找外商，幹嘛寫英文自爆。好好學個 mar 11/01 19:27
→ DrTech: kdown用中文寫條列式，都很加分了，覺得這個人有基本的規 11/01 19:27
→ DrTech: 範。寫一堆英文還不排版，扣分。 11/01 19:27
→ DrTech: 另外很多很有個性或隨意的話，不要寫，很不專業又隨便，凸 11/01 19:28
→ DrTech: 顯了你的個性。 11/01 19:28
→ DrTech: 工作隨便找也有。但還是建議您專業的做法。 11/01 19:30
推 DrTech: 感謝原文願意分享作品與大家交流。 11/01 19:32
推 TWkobe: 我也建議英文找人修或用deepL翻譯還好一點，盡量用條列式 11/01 19:39
→ TWkobe: 說明，只講專案有關的東西，自介放cv不要放這 11/01 19:39
推 famous727: 建議可以把使用過程錄製做成GIF檔放在github上 11/01 19:56
推 lukelove: 建議英文找人修+1 11/01 20:53
推 hduek153: 推分享 不過read me直接寫專案在幹嘛就好 11/01 21:03
推 zmcx16: 可以用freshping設定每五分鐘去戳他, 如果heroku你有綁信 11/01 22:52
→ zmcx16: 用卡,全天開也可以完全免費 11/01 22:53
推 nereuseng: 試試看能不能換成 function component，還蠻少人新的 11/02 00:55
→ nereuseng: 程式碼用 class component，再來是寫一些測試，unit t 11/02 00:55
→ nereuseng: est，e2e test，還有也要加上 linter，最後再配合一些 11/02 00:55
→ nereuseng: CICD 像是 travis等的自動化，應該就還不錯了 11/02 00:55
→ x246libra: 樓上你說的這些 小公司 senior前端都不一定會了 11/02 01:32
→ x246libra: 你要一個剛轉職的搞ci cd... 不覺得會有加分效果 11/02 01:33
→ x246libra: 很多人都說要寫測試 但我去的公司 沒人懂 11/02 01:34
→ x246libra: 只能花時間研究 怎麼寫出 可測試的程式碼 11/02 01:35
→ x246libra: 一家好公司 不會因為一個人 會單元測試就僱用 他 11/02 01:36
→ x246libra: 還不如刷演算法 比較可以入好公司的法眼 11/02 01:36
→ x246libra: 爛公司 也不會因為你不會單元測試 就不僱用你 11/02 01:36
→ x246libra: 我說的他是指 一個非本科無工作經驗的新人 11/02 01:37
推 CaptainH: 我覺得這做得很好了，commit message沒那麼重要，每個 11/02 03:21
→ CaptainH: 公司都有自己的規定 11/02 03:21
→ CaptainH: 前端很漂亮，很好。但有幾個小bug 11/02 03:22
→ CaptainH: Readme改用中文並以專業語氣簡單解釋使用的技術及開發流 11/02 03:23
→ CaptainH: 程 11/02 03:23
推 CaptainH: 搞CI/CD/Linter等等跟本太偏 11/02 03:25
推 ponpon55837: 我看了一下你github上import的路徑，看要不要試著把 11/02 11:58
→ ponpon55837: 文件改用alias的方式引入，不然寫../../../對自己開 11/02 12:00
→ ponpon55837: 發上蠻痛苦的，也容易出錯。 11/02 12:00
推 single4565: 用相對路徑有時候真的比較好一些 11/02 12:34
推 brucetu: github搜尋別人的看一下 關鍵字例如hotel map 11/02 14:51
→ brucetu: 看別人的readme怎麼寫得漂亮 11/02 14:51
→ Qoofate: 我是不懂React , 但看不出你自己寫的演算法阿 11/02 17:09
→ Qoofate: readme沒很重要吧 code的內容還比較重要 11/02 17:09
非常感謝各位大大提供的建議，小弟會好好參考別人寫的readme後，再好好想想如何以
專業語氣寫出漂亮的readme
unit test 跟 e2e 剛剛有稍微找了一下，雖然感覺對現在的我來說還有點遙遠
但多知道一點東西對我來說總算是好事
再次感謝各位大大提供寶貴的意見，謝謝!
※ 編輯: blostirck (114.43.50.189 臺灣), 11/02/2021 18:40:19
推 Jigsaw41: 單就前端的作品會有幾個建議是：1. 作品看起來規模偏小 11/02 18:34
→ Jigsaw41: ，而且功能大多是套件提供的，看不出實際的開發實力，如 11/02 18:34
→ Jigsaw41: 果想當火力展示的作品，再添加多一些功能會更好（比如會 11/02 18:34
→ Jigsaw41: 員功能，讓使用者可以添加收藏的住宿地點之類的）。2. 11/02 18:34
→ Jigsaw41: 承上點，因為專案偏小的關係，狀態管理不太複雜，可以 11/02 18:34
→ Jigsaw41: 再想想是否需要使用 redux。3. 如果要用 redux，通常會 11/02 18:34
→ Jigsaw41: 跟 react-redux 一起做使用。 11/02 18:34
好的 非常感謝!
※ 編輯: blostirck (114.43.50.189 臺灣), 11/02/2021 18:44:50
推 MyNion: 轉職加油，往前邁進 11/02 22:24
推 TanyZhong: 推推！如果觀看都要等時間，HR或者主管應該都沒時間看 11/02 23:01
→ TanyZhong: 吧？ 11/02 23:01
→ superpandal: 作品也並不是入行保證 11/03 00:10
→ jobintan: 有一定年紀作品最好可以證明自己有戰力，不然沒啥人會要 11/03 08:28
→ jobintan: 一個30y以上又不是四大四中畢業的小白。 11/03 08:28
推 forever19735: 一堆senior都不見得會cicd 了 11/04 20:14
推 gobbiby: 搜尋欄如果打“台南”去搜尋是沒有資料的，得打“臺南” 11/05 00:59
→ gobbiby: 才有資料出現耶 11/05 00:59
推 davidsky: 用 class 寫有什麼問題..不是什麼都適合 functional 阿 11/05 18:23