個人學習JS時 常用到的網站整理/筆記

分享一下個人在學習JS的時候會用到的網站,因為我身邊有時候都會有人想開始學JS所以乾脆寫一個筆記,紀錄一下我常用的網站跟查資料的地方,然後直接丟這個網站給朋友,一來省事而且也不怕自己忘記

之前也有寫過自己前端的書單也能參考一下

個人學習javascript用的前端書單

YDKJS(You-Dont-Know-JS) 你所不知道的JS

如果是以前有想入門JS的朋友,我一定會叫他去W3C或RUNOOB之類的網站先看語法,但之前找到這個真的覺得這個佛心來的,教學有夠詳細,現在入門真心推薦直接丟這個看,不過缺點就是只有英文版,但去GOOGLE一下應該可以找到翻譯過的版本,但就不一定是最新的版本就是了

另外他也有賣實體書,台灣這邊也有賣翻譯過的版本,如果覺得不錯或真的找不到翻譯過的版本可以買來看看

Github: You-Dont-Know-JS

中文版實體書

目前找到的一共有三本

你所不知道的 JS:導讀,型別與文法

你所不知道的 JS:導讀,型別與文法

你所不知道的 JS:非同步處理與效能

你所不知道的 JS:非同步處理與效能

你所不知道的JS:ES6與未來發展

你所不知道的JS:ES6與未來發展

ES6標准入門

一樣是有出書,但是線上就能看到全部內容的佛心作者,我都直接把這個當作是es6的文件來看,這個也是我會請朋友看完YDKJS後來這邊大概掃過一遍的好網站,另外就是想查ES6的語法也直接會來這邊看,即使現在對ES6略有掌握了還是會不時來看一下

官網連結

ES6標准入門

實體書: ES6標准入門

W3C School

只要是寫網頁的應該很難沒看過這網站,只要隨便查個html或跟dom相關的語法都會出現這個網站,跟html或css有關我都會叫朋友先來這邊看看支援的attr或一些事件

英文網站 中文網站

MDN web docs

免費網站,跟網頁有關的資料在上面都有,還有專門給入門者看的教學,這邊最方便的應該是查一些跟dom操作或者是一些很少用的api,他的範例都非常的完整,甚至一些polyfill都直接放在上面,另外還會寫這個API對各瀏覽器的支援度如何

而且隨便查個語法,搜尋結果也都會出現這個網站,雖然說網站的中文翻譯還不是很完整,但我覺得非常夠用,甚至你也可以幫忙翻譯,有點算是面向前端的維基那種感覺

MDN web docs

iT邦幫忙

這網站應該是在台灣寫程式的人都會滿常看到的網站,上面的鐵人賽文章很適合上班無聊或平常學習的時候上去刷一遍,另外上面也有可以問問題的地方可以求助,但記得問問題前先自己爬過文喔

iT邦幫忙

掘金

掘金是對岸的技術論壇,討論熱度也是非常高,假如iT邦幫忙的文章都刷過還不過癮可以來這邊繞繞看,掘金上面的文章也是很不錯,很好消耗上班時間

掘金

TechBridge 技術共筆部落格

這個網站是一群工程師在維護的網站,之前使用的時候是只要輸入email就會訂閱他們的服務,每個禮拜都會寄一封信到你的信箱,他們會收集國內外一些有深度的技術文章,以及一些滿有趣的深度解析,我自己也已經收了一年多的信了,每次看到的文章我都覺得很有營養

只是目前好像改成要註冊他們的會員才能收到信的樣子,但他有支援社群跟Github登入,我就直接用Github登入了

TechBridge 技術共筆部落格

caniuse.com

caniuse

caniuse是一個查詢瀏覽器相容性的網站,這個根本是前端必備,特別是你還需要支援那個該X的IE的時候,就會很方便,有不支援的時候趕快找polyfill或換一種做法,再來就是使用新的語法的時候可以看看是不是大部分瀏覽器都已經實作,雖然跟入門沒啥關係,但我覺得前端必備,一定要記起來這個網站

caniuse.com

結論

這些內容都是我會直接丟給我其他想入門或想學的朋友的網站,這樣整理下來,以後我就能直接丟這地連結給他們看了,也是省了我不少功夫

然後像stackoverflow之類的網站我就不放上來了,那些已經是當前端一定會找到的網站,不能說必備,應該說依賴了XD