search

gracekrcx / weekly-notes

4 stars 0 forks source link

轉職心得 #99

Open gracekrcx opened 3 years ago

gracekrcx commented 3 years ago

此 note 分享 2017 年轉職前端到 2020/6 找第二份前端工作心得，適合想轉職 web 前端的人，個人經驗分享，平鋪直述參考就好

美術設計轉前端面試準備

  1. 面試作品：當時只會純 html 加 css 加 jQuery，有模仿線上網站做一個 RWD 的首頁，沒錯就只有一頁展示頁，主要是要讓面試官知道我可以刻出類似線上的網站
  2. 花錢上了 24 小時的前端工程師養成班(AJAX, API)課程
  3. 免費線上課程怎麼能錯過：Huli 的串 twitch api、彭彭老師 javascript , 六角學院的都有看
  4. 總的來說，面試官會希望你了解前端最最基礎知識，串過 API，會刻 RWD，框架在我的經驗不是必要條件

開始前端第一份工作

  1. 不懂前端框架，不懂 server，應該就只有態度了，所以一開始蠻辛苦
  2. 太菜了所以必須持續學習，我都是看線上課程，其中 2019 上的『程式導師實驗計畫第三期』對我幫助最多。
  3. 對運用的技術要了解緣由，官網會是你很好的朋友，例如 react 官網。開發時遇到錯誤訊息，google 會是你另一個好朋友。
  4. 問題的產生會觸發思考，思考問題可以讓基礎知識輪廓更明確，很多時候我們知道理論卻沒有實作經驗，所以多接觸新的案子，多解決問題
  5. 好的心態很重要，好的心態會讓你知道怎麼面對挫折，怎麼面對雜音，有一個明確的目標也很重要，如果還能遇到可以一起解決問題的同伴，真的就蠻幸運的

前端第一份工作心得

  1. 工作中最開心就是把事情處理好，把事情處理好，就會有信心，正循環會讓事情有較好的發展，也會更想多學一點
  2. 到一個軟體開發的環境，周遭的同事，後端，APP，SA，QA，PM，MIS 有機會都可以多學習，但還是要看緣分 XD
  3. 多多提出自己的看法：剛入行認知一定有限，但不要害怕提出自己的論點，修完一個 bug 要解釋的出問題出在哪。看完 5 篇相關的技術文，也要想一下自己的看法，不管對錯都要有自己的論點。不須太害怕的原因是，如果你的論點是錯的，不用多久你就會發現自己錯了，錯了就修正囉
  4. 流點血受點傷，你會更強壯，說起來簡單，但當下都很痛，剛開始前端的半年，我也不知道前端是不是可以繼續的一份工作，因為就很菜，怎麼可能有自信，所以找對方向，用對方法很重要，不管是對人或是事情，遇到挫折學會轉移注意力，好好想一次事情是怎麼發生的，然後就繼續往前走

離職準備找第二份前端工作

  1. 主要準備方向

    • 履歷
    • 之前的作品（過往專案處理遇到的特別經驗）
    • 常見技術問題（JS）
    • 常見 behavior question
    • 白板題

  2. 開 trell 卡片，把必須要完成的事都開在 trell 上，會比較知道自己的進度在哪，可以的話壓上完成時間，這樣如果延遲會比較有感覺，然後每天固定一個時間，例如：晚上 9 點花個 10 分鐘確認卡片的進度

  3. 準備常考題，要自問自答，答案用自己的話說一遍，當你自己都覺得回答的吞吞吐吐，面試官應該也會覺得模模糊糊，通常我在解釋名詞時，會搭配舉例（但如果你解釋名詞就超強，那就不需要多說一個例子去輔助了）例如我知道我解釋 prototype 時就很虛，我就會準備一個例子去輔助我的回答

  4. 如果是離職後才開始找工作，或許可以在一天的行程中，安排一些跟求職無關的東西，例如：學習新的技術，運動，打遊戲，聽 Podcast，把全部的注意力都用在求職，當事情不順，例如投了 10 封履歷都沒有人回應時，心情會受到比較大的起伏，我個人是這樣的情況

  5. 面試通常有筆試，準備的時候也可以試著把答案寫在紙上，熟悉一下，畢竟現在很少用筆寫字了

  6. 刷題平時有空就要刷，MDN 裡的範例有時也會出現在白板題，專業的面試經驗分享網路上很多，不管是針對寫履歷，還是針對回答問題。恐怖的永遠是比你厲害的人比你還努力

總結

  1. 起初我也不知道轉職是否會順利，依稀記得當初問自己，是要呆在原本的工作，還是嘗試一個可能的機會，衡量得失後，做了轉職的決定，當時我已 35 歲（我的天啊），就先相信自己，順順的往前走，你所接觸的人事物會告訴你，你適不適合這個工作。
  2. 謝謝前公司的同事，謝謝老闆，最感謝還是胡立大大接受我的申請
  3. 底下留言有這次準備技術問答的題目，如果大家有其他細部的疑問，能回答的都會盡量回答，一路上接受的幫助很多，也希望能有點小小的回饋
gracekrcx commented 3 years ago
  1. 解釋 Session 與 Cookie
  2. 為什麼需要 webpack
  3. 解釋 JS 的 Promise
  4. 解釋 JS 的物件導向
  5. 解釋 JS 的 prototype
  6. closure 是什麼
  7. HOC 是什麼
  8. Functional programming 是什麼
  9. Immutable 是什麼
  10. SSR 是什麼
  11. 時間複雜度、空間複雜度
  12. 解釋 JS 的 this
  13. 解釋 JS function 的 call bind apply 區別
  14. 解釋 JS 的 const let var 區別
  15. 解釋 TCP/IP
  16. 解釋 process and thread
  17. google.com 從您在輸入欄輸入資料，到您在瀏覽器屏幕上看到 response 的整個過程，發生了些什麼事。
  18. 解釋 redux
  19. 解釋 CSRF、XSS
  20. 解釋 react Virtual DOM
  21. 解釋 event loop
  22. 為什麼 Currying
  23. 解釋 CORS
  24. 解釋 http cache
  25. 解釋 browser render process
  26. 解釋 JS 的事件傳遞機制
  27. 你用過哪些優化 SEO 的方法
  28. 解釋 JS 的 hoisting
  29. 解釋 JS 的 polyfill
  30. 解釋 ES6 中 map 和 forEach 的差別