那么, 怎么才能成為一個前端開發(fā)者呢? 這個問題很復(fù)雜, 因?yàn)橹钡浆F(xiàn)在, 你也不能去一所大學(xué)獲得前端工程師的學(xué)位, 并且我也很少聽說 或者遇見通過編寫專業(yè)地 HTML, CSS 和 JavaScript 來獲得一個無用的計(jì)算機(jī)科學(xué)學(xué)位或平面設(shè)計(jì)學(xué)位. 事實(shí)上, 現(xiàn)在的大部分前端 開發(fā)者都是通過自學(xué)成為開發(fā)者和沒有經(jīng)過傳統(tǒng)訓(xùn)練的程序員. 為什么會是這種情況呢?
前端開發(fā)人員不是一個視覺設(shè)計(jì)師或一個交互設(shè)計(jì)師, 設(shè)計(jì)學(xué)校不是磨練前端技能的地方; 前端開發(fā)者也不是一個受過傳統(tǒng)教育地計(jì)算機(jī)科 學(xué)研究生, 傳統(tǒng)教育并不專注于讓一個人為前端開發(fā)做準(zhǔn)備. 實(shí)際上, 在美國的高等教育系統(tǒng)中(例如大學(xué)), 緊跟傳統(tǒng)教學(xué)方式可能會阻礙 一個人置身實(shí)踐, 而前端開發(fā)最需要實(shí)際經(jīng)驗(yàn). 在今天, 如果你想成為一個前端開發(fā)者, 你可以自學(xué)或者參加一些不被認(rèn)可的項(xiàng)目, 課程, 訓(xùn)練營和班級.
前端工程師會精巧地創(chuàng)建用戶界面依賴的骨架. 有時, 他們要足夠關(guān)注交互設(shè)計(jì), 因?yàn)樗麄儠帉?UI 交互的底層代碼. 因此, 現(xiàn)在的許多 實(shí)踐是前端工程師使用編程技巧達(dá)不到的, 但是, 從另一個方面來說, 和其它類型程序員轉(zhuǎn)前端開發(fā)相比, 似乎有更多的設(shè)計(jì)師轉(zhuǎn)前端開發(fā)者. 當(dāng)然, 由于 JavaScript 已經(jīng)成熟, 更多的受過傳統(tǒng)教育的程序員愿意將他們的知識帶到前端實(shí)踐中. 你可能沒有意識到前端開發(fā)人員并不 總是被認(rèn)為是"真正的"程序員, 但是, 時代正待正在改變.
正如所有人說的那樣, 我相信作為前端開發(fā)人員, 職業(yè)生涯道路是一個未知的過程. 我能說的是, 要成為一名前端工程師, 就必須知道和在一 個高層次的水平上使用 HTML, CSS 和 JavaScript, 也不會忽略交互設(shè)計(jì)或者傳統(tǒng)編程所應(yīng)該知道的技能. 實(shí)際上, 從我的經(jīng)驗(yàn)來看, 最 好的前端開發(fā)者通常會掌握交互設(shè)計(jì)和基于 Web 平臺(例如瀏覽器, HTML, CSS, DOM 和 JavaScript)的編程. 不管出于什么原因, 還有 很多關(guān)于前端開發(fā)的知識往往沒被發(fā)現(xiàn), 也就是說, 前端工程更像一些由自學(xué)的人組成的實(shí)踐, 而不是一個直接對應(yīng)有組織和認(rèn)可的高等教育的教 學(xué)重心的領(lǐng)域.
如果我從現(xiàn)在開始決定成為一名前端開發(fā)人員, 我會努力按照下面所概括的過程進(jìn)行學(xué)習(xí). 學(xué)習(xí)過程中, 我會假設(shè)你是自己最好的老師.
粗略了解 Web 是怎么工作的, 確保你知道域名, DNS, URL, HTTP, 網(wǎng)絡(luò), 瀏覽器, 服務(wù)器/服務(wù)托管, 數(shù)據(jù)庫, JSON, API, HTML, CSS DOM 和 JavaScript. 了解這些的目的是確保你知道它們?nèi)绾我黄鸸ぷ饕约懊坎糠钟糜谧鍪裁? 專注于高水平的前端架構(gòu)概述. 從簡單的網(wǎng)頁 制作開始, 并簡單學(xué)習(xí)一下 本機(jī) Web 應(yīng)用(又稱 SPA).
學(xué)習(xí) HTML, CSS, 可訪問性和 SEO.
學(xué)習(xí) UI 設(shè)計(jì)模式的基本原理, 交互設(shè)計(jì), 用戶體驗(yàn)設(shè)計(jì)和可用性
學(xué)習(xí)編程的基本原理
學(xué)習(xí) JavaScript
學(xué)習(xí) JSON 和 API
學(xué)習(xí) CLI/命令行
學(xué)習(xí)軟件工程實(shí)踐(如: 應(yīng)用設(shè)計(jì)/架構(gòu), 模板, Git, 測試, 監(jiān)控, 自動化, 代碼質(zhì)量, 開發(fā)方法學(xué))
定制自己的工具箱
當(dāng)前端的 HTML/CSS 開發(fā)者和前端應(yīng)用/JavaScript 開發(fā)者分離時, 你就快要結(jié)束這個學(xué)習(xí)過程.
關(guān)于學(xué)習(xí)的一個簡短建議: 在學(xué)習(xí)抽象的技術(shù)之前, 先學(xué)習(xí)實(shí)際的底層技術(shù). 先學(xué) DOM, 再學(xué) JQuery; 先學(xué) CSS, 再學(xué) SASS; 先學(xué) HTML, 再學(xué) HAML; 先學(xué) JavaScript, 再學(xué) coffeeScript; 先學(xué) ES6 模板字符串, 再學(xué) Handlebars; 先學(xué) UI 模式, 再學(xué) Bootstrap. 當(dāng)你開始學(xué)習(xí)時, 你應(yīng)該會 害怕事情隱藏的復(fù)雜性. Abstracts in the wrong hands can give the appearance of advanced skills, while all the time hiding the fact that a developer has an inferior understanding of the basics or underlying concepts.
正如我之前所建議的學(xué)習(xí)過程, 這本書的剩下部分為讀者指明學(xué)習(xí)資源和工具. 這也假設(shè)你不僅要學(xué)習(xí), 而且會將你所學(xué)到的知識和工具用于實(shí)踐.一些人認(rèn)為只 實(shí)踐, 而其他人則建議只學(xué)習(xí), 我建議你結(jié)合二者, 找到適合自己的方式, 但是一定要結(jié)合學(xué)習(xí)和實(shí)踐! 因而不僅要閱讀這本書, 而且要實(shí)踐. 學(xué)習(xí), 實(shí)踐, 學(xué)習(xí), 實(shí)踐. 重復(fù)執(zhí)行是因?yàn)槭虑樽兓? 這就是為什么學(xué)習(xí)技術(shù)的基本原理, 而不是抽象的技術(shù)是如此重要.
我在前文已經(jīng)提到, 現(xiàn)在涌現(xiàn)出很多的非認(rèn)證的前端編碼教育/訓(xùn)練營, 這些成為前端開發(fā)者的途徑也是由老師在課室(虛擬和實(shí)體)指導(dǎo)的課程, 遵循了從官方體系 (如: 教學(xué)大綱, 測驗(yàn), 小測試, 項(xiàng)目, 團(tuán)隊(duì)項(xiàng)目, 成績等)學(xué)習(xí)的傳統(tǒng)風(fēng)格, 我在這本書的學(xué)習(xí)指導(dǎo)部分提到了更多關(guān)于這方面的東西. 簡單地說, Web 上有 一切你需要學(xué)習(xí)的東西(幾乎沒有成本), 然后, 如果你需要有人告訴你如何獲取真正免費(fèi)的東西, 并且對你的學(xué)習(xí)負(fù)責(zé), 你可以考慮一個有組織的課程. 關(guān)于其他方面, 我不知道其他任何職業(yè)可以通過互聯(lián)網(wǎng)連接和對知識的強(qiáng)烈愿望來免費(fèi)獲取要學(xué)習(xí)的東西.
如果你要馬上開始學(xué)習(xí), 我建議你看看下面一些關(guān)于前端開發(fā)實(shí)踐的概述:
譯者補(bǔ)充:
掃碼關(guān)注鍍金池微信號
手機(jī)訂課，優(yōu)惠多多
