（1）如果web的任何一個(gè)元素（web界面，靈活的編程風(fēng)格等）有一點(diǎn)吸引了你，讓你著實(shí)著迷，恭喜你，有了一個(gè)完美的開(kāi)始。確認(rèn)一下自己是否喜歡和合適前端，而不是為了一份看起來(lái)體面而且薪水不菲的工作。

（2）不斷學(xué)習(xí)，每日的積累，關(guān)注前端動(dòng)態(tài)，是你跟上前端潮流的主要途徑。前端的體系過(guò)于龐大，技術(shù)框架爭(zhēng)涌而出，如果你經(jīng)常抱怨累死碼農(nóng)的節(jié)奏，那就審視一下自己對(duì)前端的態(tài)度。

（3）主抓基礎(chǔ)，避免盲目。前端領(lǐng)域知識(shí)點(diǎn)很多，值得學(xué)的東西也很多，聰明的人懂得花時(shí)間學(xué)習(xí)成體系的知識(shí)并且研究得足夠深入，而不是盲目的看到別人用什么框架就去學(xué)什么。只停留在實(shí)踐運(yùn)用的階段，到頭來(lái)框架們都一個(gè)一個(gè)被淘汰，你仍在原地踏步。

（4）整理總結(jié)，先模仿后創(chuàng)造。將每日的積累做好規(guī)整，記錄到博客也好，筆記也好。多看看牛人的源代碼，等你達(dá)到了一定的層次水準(zhǔn)，自然會(huì)得心應(yīng)手。

（5）持有一顆造福前端社區(qū)的心。寫(xiě)一些有意思的小工具、插件，推廣出去， 始終堅(jiān)信，在從事前端的道路上You are not alone。

（6）要有專(zhuān)業(yè)人士的指導(dǎo)，尤其是學(xué)習(xí)前端找工作的，不要妄想自己一個(gè)人自學(xué)前端能找到工作，現(xiàn)在非常難，如果沒(méi)有一個(gè)明白人幫你解決一下問(wèn)題，會(huì)有非常多的彎路，中間很容易放棄，學(xué)習(xí)的不專(zhuān)業(yè)不說(shuō)，最重要是浪費(fèi)時(shí)間。

（7）一個(gè)好的心態(tài)和一個(gè)堅(jiān)持的心很重要，很多沖著高薪的人想學(xué)習(xí)前端，但是能學(xué)到最后的沒(méi)有幾個(gè)，遇到困難就放棄了，這種人到處都是，就是因?yàn)橛械臇|西難，所以他的回報(bào)才很大，我們?cè)u(píng)判一個(gè)前端開(kāi)發(fā)者是什么水平，就是他解決問(wèn)題的能力有多強(qiáng)。

第1階段：前端頁(yè)面重構(gòu)(4周)

內(nèi)容包含了：(PC端網(wǎng)站布局項(xiàng)目、HTML5+CSS3基礎(chǔ)項(xiàng)目、WebApp頁(yè)面布局項(xiàng)目)

第2階段：JavaScript高級(jí)程序設(shè)計(jì)(5周)

內(nèi)容包含：(原生JavaScript交互功能開(kāi)發(fā)項(xiàng)目、面向?qū)ο筮M(jìn)階與ES5/ES6應(yīng)用項(xiàng)目、JavaScript工具庫(kù)自主研發(fā)項(xiàng)目)

第3階段：PC端全棧項(xiàng)目開(kāi)發(fā)(3周)

內(nèi)容包含：(jQuery經(jīng)典交互特效開(kāi)發(fā)、HTTP協(xié)議、Ajax進(jìn)階與PHP/JAVA開(kāi)發(fā)項(xiàng)目、前端工程化與模塊化應(yīng)用項(xiàng)目、PC端網(wǎng)站開(kāi)發(fā)項(xiàng)目、PC端管理信息系統(tǒng)前端開(kāi)發(fā)項(xiàng)目)

第4階段：移動(dòng)端項(xiàng)目開(kāi)發(fā)(6周)

內(nèi)容包含：(Touch端項(xiàng)目、微信場(chǎng)景項(xiàng)目、應(yīng)用Angular+Ionic開(kāi)發(fā)WebApp項(xiàng)目、應(yīng)用開(kāi)發(fā)WebApp項(xiàng)目、應(yīng)用開(kāi)發(fā)WebApp項(xiàng)目)

第5階段：混合(Hybrid,ReactNative)開(kāi)發(fā)(1周)

內(nèi)容包含：(微信小程序開(kāi)發(fā)、ReactNative、各類(lèi)混合應(yīng)用開(kāi)發(fā))

第6階段：NodeJS全棧開(kāi)發(fā)(1周)

內(nèi)容包括：(WebApp后端系統(tǒng)開(kāi)發(fā)、一、NodeJS基礎(chǔ)與NodeJS核心模塊二、Express三、noSQL數(shù)據(jù)庫(kù))