fbpx

學習_都是自己的事

網頁前端入門學習:實用的五個資源

2020 年 2 月 15 日

前端學習資源

對於前端初學者來說,一定要透過正確、又不會太難懂的資料、教學去一步步著墨練習,因此好的學習管道及資源就非常重要。多喜自己剛開始學習時,也是傻傻的一篇一篇文慢慢看,或是扒著夥伴詢問,這邊就來彙整一些前端入門者一定可以參考的前端資源,希望可以減少各位在查找資源的時間☺️

Codecademy

Codecademy 可以說是多喜的第一個學習平台,剛開始在公司實習時,第一份作業就是做完 Codecademy的 Html、CSS 教學。我認為 Codecademy 很棒的地方是能夠ㄧ邊答題、一邊看成果,若有錯誤也會有提示,就像一個老師在旁邊帶領著你一道道練習;環境也不需要重新架設,只要註冊一次帳號就可以開始練習了!

前期基礎的教學都是免費的,若是要學習到更深入的部份,Codecademy 也有推出付費的方案唷~

w3schools

網址:https://www.w3schools.com

講到前端入門,就不能不提這個像是百科全書的 w3schools了!!
而這個地方也陪伴剛開始學習的多喜非常久😂

w3schools 是存在了10幾年、一個非常完整的前端知識大庫,從 HTML、CSS、JS 到其他框架、技術,都可以來這裡查看、學習。而它的教學文件,每個小段落、標籤拆解得非常細,而且還能夠 ” Try it yourself ”,點下去就能夠直接線上編輯、查看。因此若是練習到一半有哪個語法忘了,打開 w3schools 查查準沒錯囉。 

W3C School

網址:https://www.w3cschool.cn/tutorial

這個看起來跟「w3schools」很像的網站,是中國開發的名為「編程獅」的平台,因此如果看到滿滿的英文,就會想睡覺、想關掉視窗的你⋯也可以參考這邊的資料,這邊的範例例子也滿豐富的哦!

runoob 菜鳥教程

菜鳥教程也是中國的程式學習網站,介面非常的乾淨清楚,也不會有太過多的廣告干擾,從HTML/CSS、JS 到數據庫服務端等等的教學都有,說明也挺詳細的。

Hexschool 六角學院

六角學院是 2016 年成立的前端學習線上平台,到現在線上學習的學員數也已經快到達兩萬人了。我自己也有購買六角的線上課程,起初會被六角吸引其實是因為他們有趣的設計插圖(咦?),對於一個非常注重視覺化的人來說是一大福音阿~

六角在課程規劃上,將每個段落拆得非常細,一個單元不會過於冗長,非常好吸收,對於0基礎的前端新手來說,個人認為是非常好入門上手的!是個能夠讓非本科系培養自信的好單位。

=====

以上就是我自己在學習過程中有接觸到的一些平台,對於「前端入門者」來說,都是非常好的學習資源,當然若要更深入了解的話,還得持續鑽研唷!祝福大家能夠保持學習熱忱,一步步突破、前進💪🏻

也許你也會想看看 >>

Dohee

Dohee

Hi~我是多喜👻
徘徊在視覺設計和網頁前端中的學習者,目前也是整合行銷公司的網頁前端設計師,在這邊想分享、記錄下我的跨領域學習歷程,希望能夠對你帶來一些幫助!

聯絡我