HTML + CSS
前端的入門門檻極低，體現(xiàn)在 HTML 和 CSS 上。運(yùn)行環(huán)境就是瀏覽器，推薦 Chrome。你需要的只是一個(gè)編輯器，直接用 VSCode 吧。

HTML 和 CSS 不是編程語言，前者只是結(jié)構(gòu)標(biāo)簽，后者則是樣式配置，入門是非常簡(jiǎn)單的。網(wǎng)上資料也有很多，可以參考 MDN。
我當(dāng)時(shí)是看了一本書 Head First HTML and CSS，比較無腦，雖然淺顯易懂但價(jià)格比較感人，粗略翻一遍就可以了，不用買。
迅速刷一遍 MDN 上介紹 HTML 和 CSS 的部分，對(duì)兩者有個(gè)大致印象就好，不用死記硬背，短時(shí)間記不住的。刷勉強(qiáng)還行，但以后查資料還是要看 MDN 的，建議一步到位，最好看英文原版的。

JavaScript 框架

這部分就比較自由了，每個(gè)人點(diǎn)的技能樹都不一樣的。前端的發(fā)展是爆炸式的，換工具比翻書還快，所以還是以看文檔為主了。

目前主流框架經(jīng)常被提及的是 React，Angular，Vue。知乎搜一搜就有相當(dāng)多的優(yōu)秀答案了。

熟練掌握至少一種框架，把 IFE2016 刷通關(guān)吧，耗時(shí) 1 個(gè)半月左右。我個(gè)人推薦 React，對(duì)提升 JavaScript 基礎(chǔ)有很大幫助。Vue 更像是一門新語言。新人通常不用糾結(jié)框架好壞，時(shí)間長(zhǎng)了都學(xué)會(huì)也沒什么難度吧。

計(jì)算機(jī)基礎(chǔ)知識(shí)

發(fā)現(xiàn)前端有太多的非科班選手，所以特此補(bǔ)充一節(jié)，不懂基礎(chǔ)的話天花板會(huì)很低。由于本人有 OI 的經(jīng)驗(yàn)所以稍微占點(diǎn)優(yōu)勢(shì)。

學(xué)習(xí)前端大概就是這樣的過程，很多人在學(xué)習(xí)html的時(shí)候覺得非常簡(jiǎn)單，覺得前端也挺好學(xué)的。到了css的時(shí)候，很多人就會(huì)覺得有些麻煩，調(diào)試效果的時(shí)候改來改去，最后也能挺過去。到了JavaScript的時(shí)候，難度就上去一大截，很多人由于沒有編程基礎(chǔ)，也沒有掌握學(xué)習(xí)JavaScript的技巧，50%以上的人就會(huì)在這塊內(nèi)容時(shí)，越學(xué)越?jīng)]有動(dòng)力，也沒有產(chǎn)生對(duì)于編程的興趣，最后都是選擇放棄。到后面學(xué)到框架時(shí)，由于JavaScript沒有理解透，所以學(xué)框架的時(shí)候可能就是聽天書，雖然自己已經(jīng)學(xué)了幾個(gè)月的時(shí)間，心里又是覺得自己目前什么都不會(huì)，隨之信心就逐漸沉了下去，也根本不敢找工作，這就是目前自學(xué)前端大多數(shù)人的現(xiàn)狀。

WRITE-BUG研發(fā)團(tuán)隊(duì)衷心希望【W(wǎng)RITE-BUG數(shù)字空間】可以給每位同學(xué)一個(gè)屬于自己的秘密空間，同時(shí)祝愿大家在“公開圈子”世界里，遇見志同道合的伙伴們，因?yàn)槲覀兣c大家一樣，都曾孤獨(dú)前行著。