菜鳥前端工程師的自學之路

前言

這篇文章目的用來引領自己學習的方向，並且記錄自己學習的過程。也希望這篇文章可以幫助到一些和我一樣想要踏入前端領域，卻又不知道從何學習起的人們。

確認學習目標

HTML、CSS、JavaScript三大語言是前端工程師的基石，所以我必須在這三個語言中奠定良好的基礎。在學習這三種程式 語言時，我將HTML與CSS放在同時間學習，而JavaScript則在奠定前面兩種語言的基礎後再開始學習。

如何學習?

自己經過一陣子的爬文後，終於發現了一條很棒的前端自學路線，它就是「看書」，而且是看經典的「好書」。而自己 爬過很多關於前端推薦書籍的文章，自己將這些文章中出現機率最高而且評價也最好的書籍作了一份列表，並且開始進行閱 讀這些書籍。

HTML、CSS的學習書籍(目前已完成閱讀)

1. HeadFirst深入淺出_HTML與CSS、XHTML(入門首選)
2. HTML＆XHTML大全(基礎)
3. CSS大全(基礎)
4. 精通CSS：高級Web標準解決方案(進階)

額外可閱讀以下這些書籍，它們都是偏重實例講解

1. css那些事
2. 無懈可擊的WEB設計
3. CSS網站佈局實錄 基於Web標準的網站設計指南
4. The Zen of CSS-網頁視覺設計の王道

Javascript的學習書籍(目前學習中)

1. JavaScript.DOM編程藝術(入門)→完成閱讀
2. JavaScript高級程式設計(基礎)→正在學習中

以下是進階的書籍

1. JavaScript語言精粹
2. 高性能JavaScript
3. JavaScript DOM高級程式設計
4. JavaScript設計模式

以上除了前三本書和The Zen of CSS是繁體書外，其餘皆是簡體書。

你可能會問這麼多本書真的看得完嗎？我只能回答HTML和CSS的方面，因為一開始對於這些語言不是很了解，所以在前四 本書的時候花了很長一段時間學習。不過在自己懂了核心知識點後，發現每本書之間其實講得都大同小異，所以學習速 度會變得非常快。

總結與自省

除了從書中獲得理論知識外，最重要的就是實踐了。自己在閱讀書籍的過程中，也製作了一個自己的作品集網站，目的 在於讓書中所學知識能實際運用在製作網頁中。不過自己在理論知識的學習與實踐項目來比較的話，自己實在嚴重缺乏實踐 ，所以接下來學習JS的部分，將會重視理論與實踐的平衡。