前言
首先，任何技術(shù)實(shí)際都是從零基礎(chǔ)開(kāi)始的冲粤，不管是直接學(xué)習(xí)還是通過(guò)相近經(jīng)歷轉(zhuǎn)行美莫。所以不需要因零基礎(chǔ)擔(dān)心。
其次色解，一定要做好準(zhǔn)備：一項(xiàng)技術(shù)的學(xué)習(xí)，意味著你各方面資源不同程度的消耗——時(shí)間餐茵、工具科阎、資金，甚至融入相關(guān)交流圈子的準(zhǔn)備忿族。在這個(gè)準(zhǔn)備過(guò)程中锣笨，最好是帶有一個(gè)強(qiáng)硬的規(guī)劃：“我要在一個(gè)月內(nèi)達(dá)到能夠?qū)崿F(xiàn)XXX的水平”或者“我一定要在2周內(nèi)把XXX項(xiàng)目完成”。如果沒(méi)有這個(gè)規(guī)劃道批，一般人都會(huì)越來(lái)越懶惰错英。
然后，選準(zhǔn)一個(gè)或多個(gè)老師隆豹。這個(gè)老師椭岩，可以是一個(gè)頁(yè)面，一本書(shū)，也可以是一個(gè)真實(shí)的人判哥。
學(xué)習(xí)內(nèi)容
主要有html,css,js入門(mén)得話(huà)推薦先到w3school學(xué)習(xí)上面的教程献雅，上面的教程大多都有demo示例，通過(guò)這種方式也可以增加興趣塌计。新手進(jìn)入后可以從下圖的入口去先學(xué)習(xí):
推薦書(shū)籍
入門(mén)
html就通過(guò)w3school-HTML教程來(lái)學(xué)習(xí)
進(jìn)階
《Javascript權(quán)威指南》(簡(jiǎn)稱(chēng)犀牛書(shū))或者《JavaScript高級(jí)程序設(shè)計(jì)》(簡(jiǎn)稱(chēng)紅書(shū))
html5/css3
es6
github
推薦編輯軟件
Dreamweaver
Adobe Dreamweaver挺身，簡(jiǎn)稱(chēng)“DW”，中文名稱(chēng)”夢(mèng)想編織者”锌仅，是美國(guó)MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器章钾，DW是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)热芹。
Notepad++
Notepad++是一套非常有特色的自由軟件的純文字編輯器(許可證:GPL)贱傀，有完整的中文化接口及支持多國(guó)語(yǔ)言編寫(xiě)的功能(UTF8 技術(shù))。它的功能比 Windows 中的 Notepad(記事本)強(qiáng)大剿吻，除了可以用來(lái)制作一般的純文字說(shuō)明文件窍箍，也十分適合當(dāng)作編寫(xiě)電腦程序的編輯器。Notepad++ 不僅有語(yǔ)法高亮度顯示丽旅，也有語(yǔ)法折疊功能椰棘，并且支持宏以及擴(kuò)充基本功能的外掛模組。
Sublime
Sublime Text具有漂亮的用戶(hù)界面和強(qiáng)大的功能榄笙，例如代碼縮略圖邪狞，Python的插件，代碼段等茅撞。還可自定義鍵綁定帆卓，菜單和工具欄。Sublime Text 的主要功能包括：拼寫(xiě)檢查米丘，書(shū)簽剑令，完整的 Python API ， Goto 功能拄查，即時(shí)項(xiàng)目切換吁津，多選擇，多窗口等等堕扶。[1] Sublime Text 是一個(gè)跨平臺(tái)的編輯器碍脏，同時(shí)支持Windows、Linux稍算、Mac OS X等操作系統(tǒng)
強(qiáng)烈推薦
git作為最近炙手可熱的版本管理工具典尾，作為前端工程師，這玩意兒不會(huì)用是不行的糊探，強(qiáng)烈推薦學(xué)習(xí)git钾埂，并通過(guò)github記錄自己的學(xué)習(xí)代碼和歷程河闰。
