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 則是會紀錄我自己寫的文章或是遇到的問題,內容都會以前端為主軸,有興趣的讀者就可以去看一下摟~

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