前端開發(fā)者是如何誕生的

圖片來源: http://cdn.skilledup.com/wp-content/uploads/2014/11/life-of-front-end-developer-infographic-Secondary.jpg

到底如何才能成長為前端開發(fā)者？這很難說。現(xiàn)如今，你仍然不能指望在大學(xué)畢業(yè)的時候拿到一個關(guān)于前端工程的學(xué)位。此外，我?guī)缀鯖]聽說或見過一個前端開發(fā)者需要遭受一種過時的計算機科學(xué)學(xué)位或圖形設(shè)計學(xué)位的折磨，才能專業(yè)地完成 HTML、CSS 和 JavaScript 編碼工作。在我看來，如今大部分在前端圈工作的人，通常像是自學(xué)成才或來自非認證機構(gòu)、課程及訓(xùn)練營。

如果你打算成為一個前端開發(fā)者，我將盡量讓你跟隨以下概括好的步驟（第二部分，"學(xué)習(xí)前端開發(fā)"，深入了解更多學(xué)習(xí)資源的細節(jié)）。

1. 請大致了解一下 WEB 的工作方式，并確認自己了解以下概念是什么，會在哪里出現(xiàn)：域名、DNS、URL、HTTP、網(wǎng)絡(luò)、瀏覽器、服務(wù)器／托管、JSON、數(shù)據(jù) API、HTML、CSS、DOM 和 JavaScript。你可以不求甚解，只需要大致理解各部分是如何協(xié)作的。請關(guān)注前端架構(gòu)的主目錄（high level outlines）。從編寫簡單的 web 頁面和簡要地學(xué)習(xí)前端應(yīng)用（又叫 SPA）開始。
2. 學(xué)習(xí) HTML。
3. 學(xué)習(xí) CSS。
4. 學(xué)習(xí) JavaScript。
5. 學(xué)習(xí) DOM。
6. 學(xué)習(xí) JSON 和數(shù)據(jù) API。
7. 學(xué)習(xí)用戶交互設(shè)計（也就是 UI 模式、UI 設(shè)計、用戶習(xí)慣設(shè)計和可用性）的基礎(chǔ)。
8. 學(xué)習(xí)命令行界面／命令行。
9. 學(xué)習(xí)軟件工程的實踐（也就是應(yīng)用設(shè)計／架構(gòu)、模版、Git、測試、監(jiān)控、自動化、代碼質(zhì)量、開發(fā)方法論）。
10. 使用你覺得有用的東西（也就是 Webpack、React 和 Redux）配置和定制自己的工具箱。
11. 學(xué)習(xí) Node.js。

對學(xué)習(xí)的簡短建議：在學(xué)習(xí)工具和框架前應(yīng)當先學(xué)習(xí)更底層的實現(xiàn)技術(shù)，學(xué) DOM 而非 jQuery。學(xué) CSS 而非 SASS。學(xué) HTML 而非 HAML。學(xué) JavaScript 而非 CoffeeScript。學(xué) JavaScript ES6 模版而非 Handlebars。學(xué) UI 模式而非使用 Bootstrap。

剛起步的時候，你應(yīng)當對那些把 WEB 開發(fā)的復(fù)雜性掩蓋掉的工具和框架保持警惕。高級工具和框架的不當運用會給人一種使用了高級技能的表象，而掩蓋了這樣的事實：開發(fā)者對于基礎(chǔ)和底層概念所知寥寥。

本書的剩余部分會為你指出可能的資源，供你學(xué)習(xí)前端開發(fā)和實踐開發(fā)所需的工具。在此過程中，我們的前提假設(shè)是你不僅學(xué)習(xí)新知識，而且學(xué)以致用并研究工具的使用方法。有人說實踐出真知，還有人說學(xué)以致用，而我的建議是，請結(jié)合以上兩個觀點，找到合適自己的工作方式并踐行它。但毫無疑問的是，要結(jié)合起來！因此別止步于看，要實踐起來！學(xué)習(xí)，實踐，學(xué)習(xí)，實踐，學(xué)習(xí)，實踐。要不斷重復(fù)兩者，以應(yīng)對飛速變化的東西。這就是要學(xué)習(xí)基礎(chǔ)知識而非高級工具的原因，學(xué)習(xí)基礎(chǔ)知識十分重要。

近來出現(xiàn)了很多非認證的，收費昂貴的前端編碼學(xué)院和訓(xùn)練營。這些成為前端開發(fā)者的途徑，往往是由老師主導(dǎo)，由官方講師制作的課程，它們遵循更傳統(tǒng)的學(xué)習(xí)方式（也就是教學(xué)大綱、測試、小測驗、項目、團隊項目、分數(shù)等等）。如果你正在考慮是否要報一個收費昂貴的課程大綱，請牢記你是在互聯(lián)網(wǎng)上！你可以在網(wǎng)上免費獲得所有需要學(xué)習(xí)的東西。然而，如果你需要一個老師，要求這個老師能教你如何獲取并學(xué)習(xí)到真正免費的知識，而且還要對你的學(xué)習(xí)負責(zé)，那你可能就要考慮一下系統(tǒng)化的課程了。否則，你學(xué)習(xí)任何專業(yè)技術(shù)所需的網(wǎng)絡(luò)資源，每月收費幾百塊的視頻資源會員，以及使你對知識懷有強烈的渴望，這些實際上都不是免費的。

如果你打算現(xiàn)在開始，那么請通過以下自學(xué)資源選擇性地學(xué)習(xí)：

• 2016／2017 必須知道的 WEB 開發(fā)技術(shù) [觀看]
• 前端編程新手指南 [閱讀 & 觀看][免費]
• 如何成為前端開發(fā)者 [觀看][收費]
• 前端課程 [閱讀]
• freeCodeCamp [互動]
• 聽說你想成為前端工程師 [觀看]
• 啟動 WEB 前端開發(fā)生涯 [觀看][收費]
• WEB 前端開發(fā)：入門 [觀看][收費]
• HTML、CSS、JS 快速入門 [觀看][收費]
• WEB 開發(fā)介紹 [觀看][收費]
• WEB 前端開發(fā)基礎(chǔ) [觀看][收費]
• 學(xué)習(xí)前端工程 [觀看][收費]
• 2015 前端[JS]開發(fā)者的基準 [閱讀]
• 學(xué)習(xí) WEB 前端開發(fā) [觀看][收費]
• 精通前端開發(fā) [觀看][收費]
• WEB 前端開發(fā)者微學(xué)位 [觀看][收費]