Skip to main content

[鐵人賽 2022-擊敗前端面試大作戰] 寫在前面-免費前端學習資源看這篇就夠了！

找資料能力的重要性​

咦怎麼第一篇是在講找資料能力的重要性呢？這系列不是在講前端學習資源嗎？讀者可能會有這樣的想法，但在你跳轉到別的頁面前，先等一下!因為筆者覺得找資料的能力其實是所有前端能力中最重要的！因為在前端的職涯中，一定會遇到解決不了或是沒有頭緒的時候，這時候能夠冷靜的在對的地方找到正確的資料就很重要了，所以這一篇筆者會從這個點著手，列出自己的找資料方法，再分享一些常用的/推薦的學習資源，那如果讀者有推薦的學習資源/找資料的方法的話，也非常歡迎在下方跟我分享！！！

找資料方法 1: google 搜尋​

google 是大部分人最常用來找資料的工具，筆者也不例外，但是 google 其實還有一個特別的功能能夠讓找資料更精確，就是加特殊符號在搜尋關鍵字前後，以下介紹幾個筆者常用的：

  1. 在搜尋關鍵字時加上 " "可以讓 google 去找確切的字。像是如果我想搜尋 約克夏在公園跑步 的資料，我就可以這樣下搜尋 "約克夏"在公園跑步。
  2. 我想要搜尋單一網址的資料，我可以加上site:，這樣就會只跑出在該網站上的資料，舉例，像是我想在 reddit 上找跟水有關的資料，我可以這樣下搜尋water site: reddit.com。

還有其他很多特殊符號用法，有興趣的讀者可以自己去試玩看看～

https://support.google.com/websearch/answer/2466433?hl=en

找資料方法 2: 語言的重要性​

有時候單用中文繁體找資料總是找不到相關資料，這時後就需要用到其他語言來幫助了！筆者通常找資料的順序會是先用英文找，如果沒有資料的話才會用中文去搜尋。

第一個推薦的工具是Grammarly 的 chrome extension，他可以幫忙糾正出英文文法的錯誤，讓我們在找資料上更順利，筆者自己是英文系畢業的，當年在英文系 Grammarly 可是每個英文系學生電腦裡面必安裝的工具啊！！

另外在中文找資料時，有時會遇到簡體跟繁體在專業用語上不一樣的情況，這時候可以試著用簡體的專業用語用法來查詢看看，有時候會有不一樣的收穫！這裡推薦 pjchender 大大 所做的簡體詞彙轉成繁體的 extension。

推薦的學習資源​

接下來就會開始介紹筆者常用/推薦的學習資源，以下都是筆者自己常用，並且從中獲益良多的資源。

先從 HTML/CSS 和 Javascript 開始：

  • W3schools ( https://www.w3schools.com/)
    非常易懂的網站，裡面有各種語言的基礎語法教學，適合基礎語法的學習。
  • Js Info (https://javascript.info/) 最推薦的 Js 學習網站，裡面有深入且講解清楚的前端各種知識，適合在了解基礎語法之後，接著閱讀！

React 相關資源：​

前端相關資源​

網站

  • Web dev (https://web.dev/) 瀏覽器各式各樣的教學，文章也很有深度。
  • Patterns (https://www.patterns.dev/posts/rendering-patterns/)
    目前筆者看了 design pattern 和 rendering pattern 兩個部分，講解清楚易懂，非常推薦，後面的優化的單元筆者也會以此書內容為主軸，請大家拭目以待！
  • 掘金（https://juejin.cn/） 中國的資訊網站，裡面前端時常有非常不錯的文章，搜尋問題時我會在這裡收尋。
  • stackOverflow (https://stackoverflow.com/)
  • freeCodeCamp(https://www.freecodecamp.org/)
    知名學習程式網站，優點是內容皆為免費，不定時會有好的教程出現，同時也有 youtube 頻道會有線上免費課程。

個人部落格​

  • medium eric elliot (https://medium.com/@_ericelliott) 前端大神，很多文章都蠻深入但講解得非常好，適合想要看有點深度的文章的讀者。內容大都圍繞在 React, JS 上！
  • medium C.T.Lin (https://chentsulin.medium.com/)
    他好像是 dcard 裡面的工程師，很喜歡他的文章，內容很有深度。
  • medium Kyle Mo(https://oldmo860617.medium.com/) 時常寫一些技術文章，並且分享當工程師的心路歷程，全程乾貨，絕對值得追蹤！！尤其是他寫的鐵人賽優化系列文章，看然讓人受益良多啊！

臉書社團​

  • 臉書社團 ReactJs.tw
  • 臉書社團 Front-End Developers Taiwan
  • 臉書粉專 Will 保哥的技術交流中心

youtube​

面試分享​

以上都是免費的資源，另外有關六角學院等需要付費的資源，因為我是自學也沒有使用過所以就沒有推薦了。最後則是我自己的筆記跟 medium 技術文章，筆記會記錄一些我遇到的問題跟我覺得不錯的文章，medium 則是會紀錄我自己寫的文章或是遇到的問題，內容都會以前端為主軸，有興趣的讀者就可以去看一下摟～

前端資源分享就到這，相信以上的資源對初階工程師來說已經是綽綽有餘了！！！那下一篇就會開始正式“擊敗前端面試大作戰“正文摟，我們明天見～