Re: [請益]求職問題詢問，有一些前端工作的經驗

[FrAnKw (hard to believe)]

※ 引述《yohren00 (lenlin)》之銘言：
: 各位前輩們好，小弟我這邊想尋求各位意見，如果有冒犯請見諒。
: 目前29歲，只是個電機工程系，之前做的是非相關行業。
: 前陣子進了一家願意帶新人的新創公司，在那邊前輩工程師教了前端的技術給我，學會
: 了
: 1.React框架然後有接觸到官網的維修。
: 2.客戶要求的Demo使用使用Node.js處理graph API串接bot，讓客戶可以用BOT去操作
: office365相關功能等等。
: 但沒有碰到算完整的專案，有點東做做西做作，近期5月份因為肺炎關係，原定要去日
本
: 的項目都沒了，就被資遣了，整體上學的東西都並沒有到很完整，對於基礎的一些東西
: 也沒有到很精通，所以被資遣後在家有在努力自學中，但是是以做網站作品為主的學習
。
: 目前有困擾是，投履歷基本上就是沒有回應，或是面試了被打槍，目前還有2個面試要
去
: ，但有考試的基本上應該就掛了，
: 已有在udemy平台購買了"Complete React Developer in 2020"該課程，也有把網站以
架
: 構好，目前也在學後續進階的課程，但以目前作品去投履歷，大多都還是被說不行，然
: 後有興趣的公司，大多會要Vue.js或是AngularJS。
: 所以想詢各位前輩們，該往哪個方向學習，目前比較希望是，能夠先進公司碰觸專案。
: 或是有推薦的公司，小弟也會投投看去試試。
: 有看到幾門課想問下這方向是對的嗎?(找的都是偏熱門居多)
: 1.The Complete 2020 Web Development Bootcamp
: 2.The Complete Web Developer in 2020: Zero to Mastery
: 或是學習Vue.js或是AngularJS
: 1.動畫互動網頁特效入門（JS/CANVAS）(hahow學校的，看課程有碰到點Vue)
: 2.Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
: 3.Angular - The Complete Guide (2020 Edition)
: 以下小弟的GitHub帳號和作品的網站：
: 1.https://github.com/yohren00/my-app
: 網站連結：https://yohren00.github.io/my-app
: (用React刻一個簡易的網頁放入履歷資訊和GitHub的資訊)
: 2.https://github.com/yohren00/e-commerce
: 網站連結：https://len-live.herokuapp.com
: (依著Complete React Developer in 2020做出的網站，有些地方是直接用Hook代替)
: 在這邊先感謝各位大老的觀看。
: 不小心讓各位前輩爭論起來哈哈，趕快把非本科改掉。
: 這感覺就像滷肉飯要拌還是不拌，我是全都要派!
建議你前端的開發技術選一種來深耕個幾年就好，
你的問題是沒有上production可以拿出來講的案子，所以才會一直碰壁。

另外js建議要搞很熟，udemy上也有專講js的課程了，
hoisting/prototypal inheritance/execution context/closure這些觀念一定要搞懂，
雖然初階不會問，但是你要到一定程度還不會，求職到某個階段就會卡住。
面試被一問就倒，會懷疑自己到底會不會寫程式。

js玩熟了就偶爾用用js來刷刷題，維持敏感度，順便找些知識不足的地方去補。

開發工具要會用，webpack/eslint等的基本設定或者是起一個專案時，
會常利用到的東西久了自己要整理一套出來。

初步先要求寫得出來就好，需求能完成就好，
漸漸再開始去研究要怎樣把程式寫好寫美觀。

我看了一下你的github，寫的東西都偏簡單，還跳脫不出使用套件/框架的範疇。

因為我自己也是寫React.js居多，因此我想可以給你一些方向：

1.css的部分不要太依賴框架，一開始是從boostrap或reactstrap等起步是ok的，
  但到一定程度會發現這些框架有侷限性，很難配合天馬行空的需求，
  久了你會發現不如全部自己來就好。

建議：純css/scss搭配BEM架構或者styled-components+styled-system選一個學習，
      flexbox/grid system這兩個要徹底搞懂。

2.動畫部分純css會基本的keyframe就好了，畢竟不是專業的動畫師，
有興趣可以研究react-spring

建議：看react-spring文檔
      或者把這門課看完 https://www.udemy.com/course/advanced-css-and-sass/

3.React.js的生命週期/hooks/redux觀念不能一問就被問倒

建議：雖然新案子現在大部分會用hooks，但除了hooks之外也必須要了解redux，
      因為了解redux出生的前因後果、所有名詞解釋與實際運用方式，
      才算真正了解到React.js的優缺點，
      你才能真正寫出「像React」的案子。

4.寫React時你怎麼重構，如何切分component的邊界與粒度，
  以提高code reuse的最大限度？

建議：官方有提供文檔，看熟之外多寫，了解內部狀態state的該擺放的正確範圍，
      寫到後來會發現在React的世界裡，
      要重構與抽象化幾乎已經變直覺反應的固定套路。

5.Git會不會用？自己是不是那種從頭到尾都在master上寫code的那種人？

建議：git官方文檔看看，看完找教材來上，
      目標學會基本觀念、基本開發流程和常見用法與套路。

以上我覺得都是入門到中階程度要會的東西，
若公司要我幫忙面試人的話，我大概就是從上面的方向找問題問。

高階一點的工作會開始問些全面/整合性的問題，但這不是你現階段要focus的點，
另外，還是先用點技能樹的心態，多學，
其實找學習方向不難，看這個就好了：
https://github.com/kamranahmedse/developer-roadmap

最後，野心夠大的話，每天練半小時英文口說。

你現在因為實力還不夠，所以要多充實，被洗臉很正常，
若有開發五年以上的資歷，一兩個星期大概會接到一兩次獵頭打來的電話，
其實到這程度要找工作真的不大難，
所以目標先讓自己能在業界撐三年以上，並且是真正有感自己有在進步的，
耕耘一陣子後會開始發現找工作相對容易很多。

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.34.8.167 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Soft_Job/M.1594379319.A.C2B.html
推 EPGo: 推 實用
推 OhGNM: 認真推
→ xlf: 你為什麼又要用hook比redux阿...
→ leo5916267: React最難的是定義元件，很容易過早最佳化
對 寫的好不好這點是關鍵 官方文檔有提供建議top-down的寫法 不用過早抽象 需要再開
始拆（因為反正最至少都要寫那麼的一次 之後的重構也只是修修改改）還有命名的方式
和對state/props的影響範圍等
→ xlf: React spring 不用為了求職特別去研究啦
的確對剛入門的人有點難 但有時間興趣 我覺得它是個很有趣實用的動畫解決方案
推 edison51501: 推
→ nicehorse06: 英文口說是日常對話嗎？還是跟工作有關的？
工作溝通、全英文面試、生活所需等
※ 編輯: FrAnKw (223.137.132.249 臺灣), 07/10/2020 23:58:48
推 tomap41017: 元件抽象化就是一個大坑XD
推 yohren00: 感謝前輩的建議，我會好好朝您說的方向前進！謝謝！