前端完整學(xué)習(xí)路線

第一階段:


HTML+CSS:

HTML進階、CSS進階陵像、div+css布局、HTML+css整站開發(fā)、


JavaScript基礎(chǔ):

Js基礎(chǔ)教程劲适、js內(nèi)置對象常用方法、常見DOM樹操作大全饮怯、ECMAscript废境、DOM、BOM贰盗、定時器和焦點圖许饿。


JS基本特效:

常見特效、例如:tab舵盈、導(dǎo)航陋率、整頁滾動、輪播圖秽晚、JS制作幻燈片瓦糟、彈出層、手風(fēng)琴菜單赴蝇、瀑布流布局菩浙、滾動事件、滾差視圖句伶。


JS高級特征:

正則表達式劲蜻、排序算法、遞歸算法考余、閉包先嬉、函數(shù)節(jié)流、作用域鏈楚堤、基于距離運動框架疫蔓、面向?qū)ο蠡A(chǔ)含懊、


JQuery:基礎(chǔ)使用

懸著器、DOM操作衅胀、特效和動畫岔乔、方法鏈、拖拽拗小、變形重罪、JQueryUI組件基本使用。


第二階段:HTML5和移動Web開發(fā)


HTML5:

HTML5新語義標(biāo)簽哀九、HTML5表單剿配、音頻和視頻、離線和本地存儲阅束、SVG呼胚、Web Socket、Canvas.


CSS3:

CSS3新選擇器息裸、偽元素蝇更、臉色表示法、邊框呼盆、陰影年扩、background系列屬性改變、Transition访圃、動畫厨幻、景深和深透、3D效果制作腿时、Velocity.js框架况脆、元素進場、出場策略批糟、炫酷CSS3網(wǎng)頁制作格了。


Bootstrap:

響應(yīng)式概念、媒體查詢徽鼎、響應(yīng)式網(wǎng)站制作盛末、刪格系統(tǒng)、刪格系統(tǒng)原理纬傲、Bootstrap常用模板满败、LESS和SASS。


移動Web開發(fā):

跨終端WEB和主流設(shè)備簡介叹括、視口、流式布局宵荒、彈性盒子汁雷、rem净嘀、移動終端JavaScript事件、手機中常見JS效果制作侠讯、Zepto.js挖藏、手機聚劃算頁面、手機滾屏厢漩。


第三階段:HTTP服務(wù)和AJAX編程


WEB服務(wù)器基礎(chǔ):

服務(wù)器基礎(chǔ)知識膜眠、Apache服務(wù)器和其他WEB服務(wù)器介紹、Apache服務(wù)器搭建溜嗜、HTTP介紹宵膨。


PHP基礎(chǔ):

PHP基礎(chǔ)語法、使用PHP處理簡單的GET或者POST請求炸宵、


AJAX上篇:

Ajax簡介和異步的概念辟躏、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法土全、兼容性處理方法捎琐、Ajax框架的封裝、Ajax中緩存問題裹匙、XML介紹和使用瑞凑。


AJAX下篇:

JSON和JSON解析、數(shù)據(jù)綁定和模板技術(shù)概页、JSONP籽御、跨域技術(shù)、圖片預(yù)讀取和lazy-load技術(shù)绰沥、JQuery框架中的AjaxAPI篱蝇、使用Ajax實現(xiàn)爆布流案例額。


第四階段:面向?qū)ο筮M階


面向?qū)ο蠼K極篇:

從內(nèi)存角度到理解JS面向?qū)ο蠡涨⒒绢愋土憬亍?fù)雜類型、原型鏈秃臣、ES6中的面向?qū)ο蠼а谩傩宰x寫權(quán)限、設(shè)置器奥此、訪問器弧哎。


面向?qū)ο笕筇卣鳎?/p>

繼承性、多態(tài)性稚虎、封裝性撤嫩、接口。


設(shè)計模式:

面向?qū)ο缶幊趟季S蠢终、單例模式序攘、工廠模式茴她、策略模式、觀察者模式程奠、模板方法模式丈牢、代理模式、裝飾者模式瞄沙、適配器模式己沛、面向切面編程。


第五階段:封裝一個屬于自己的框架


框架封裝基礎(chǔ):

事件流距境、冒泡申尼、捕獲、事件對象肮疗、事件框架晶姊、選擇框架。


框架封裝中級:

運動原理伪货、單物體運動框架们衙、多物體運動框架、運動框架面向?qū)ο蠓庋b碱呼。


框架封裝高級和補充:

JQuery框架雛形蒙挑、可擴展性、模塊化愚臀、封裝屬于傳智自己的框架忆蚀。


第六階段:模塊化組件開發(fā)


面向組件編程:

面向組件編程的方式、面向組件編程的實現(xiàn)原理姑裂、面向組件編程實戰(zhàn)馋袜、基于組件化思想開發(fā)網(wǎng)站應(yīng)用程序。


面向模塊編程:

AMD設(shè)計規(guī)范舶斧、CMD設(shè)計規(guī)范欣鳖、RequireJS,LoadJS茴厉、淘寶的SeaJS泽台。


第七階段:主流的流行框架


Web開發(fā)工作流:

GIT/SVN、Yeoman腳手架矾缓、NPM/Bower依賴管理工具怀酷、Grunt/Gulp/Webpack。


MVC/MVVM/MVW框架:

Angular.js嗜闻、Backbone.js蜕依、Knockout/Ember。


常用庫:

React.js、Vue.js笔横、Zepto.js竞滓。


第八階段:HTML5原生移動應(yīng)用開發(fā)


Cordova:

WebApp/NativeApp/HybirdApp簡介咐吼、Cordova簡介吹缔、與PhoneGap之間的關(guān)系、開發(fā)環(huán)境搭建锯茄、Cordova實戰(zhàn)(創(chuàng)建項目厢塘,配置,編譯肌幽,調(diào)試晚碾,部署發(fā)布)。


Ionic:

Ionic簡介和同類對比喂急、模板項目解析格嘁、常見組件及使用、結(jié)合Angular構(gòu)建APP廊移、常見效果(下拉刷新糕簿,上拉加載,側(cè)滑導(dǎo)航狡孔,選項卡)懂诗。


React Native:

React Native簡介、React Native環(huán)境配置苗膝、創(chuàng)建項目殃恒,配置,編譯辱揭,調(diào)試离唐,部署發(fā)布、原生模塊和UI組件问窃、原生常用API亥鬓。


HTML5+:

HTML5+中國產(chǎn)業(yè)聯(lián)盟、HTML5 Plus Runtime環(huán)境泡躯、HBuilder開發(fā)工具贮竟、MUI框架、H5+開發(fā)和部署较剃。


第九階段: Node.js全棧開發(fā):


快速入門:

Node.js發(fā)展咕别、生態(tài)圈、Io.js写穴、Linux/Windows/OS X環(huán)境配置惰拱、REPL環(huán)境和控制臺程序、異步編程啊送,非阻塞I/O偿短、模塊概念欣孤,模塊管理工具、開發(fā)流程昔逗,調(diào)試降传,測試。


核心模塊和對象:

全局對象global勾怒,process婆排,console,util笔链、事件驅(qū)動段只,事件發(fā)射器、加密解密鉴扫,路徑操作赞枕,序列化和反序列化、文件流操作坪创、HTTP服務(wù)端與客戶端炕婶、Socket.IO。


Web開發(fā)基礎(chǔ):

HTTP協(xié)議误堡,請求響應(yīng)處理過程古话、關(guān)系型數(shù)據(jù)庫操作和數(shù)據(jù)訪問、非關(guān)系型數(shù)據(jù)庫操作和數(shù)據(jù)訪問锁施、原生的Node.js開發(fā)Web應(yīng)用程序陪踩、Web開發(fā)工作流、Node.js開發(fā)Blog案例悉抵。


快速開發(fā)框架:

Express簡介+MVC簡介肩狂、Express常用API、Express路由模塊姥饰、Jade/Ejs模板引擎傻谁、使用Express重構(gòu)Blog案例、Koa等其他常見MVC框架列粪。


Node.js開發(fā)電子商務(wù)實戰(zhàn):

需求與設(shè)計审磁、賬戶模塊注冊登錄、會員中心模塊岂座、前臺展示模塊态蒂、購物車,訂單結(jié)算费什、在線客服即時通訊模塊钾恢。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子瘩蚪,更是在濱河造成了極大的恐慌泉懦,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,188評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件疹瘦,死亡現(xiàn)場離奇詭異崩哩,居然都是意外死亡,警方通過查閱死者的電腦和手機拱礁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評論 3 395
  • 文/潘曉璐 我一進店門琢锋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人呢灶,你說我怎么就攤上這事《む冢” “怎么了鸯乃?”我有些...
    開封第一講書人閱讀 165,562評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長跋涣。 經(jīng)常有香客問我缨睡,道長,這世上最難降的妖魔是什么陈辱? 我笑而不...
    開封第一講書人閱讀 58,893評論 1 295
  • 正文 為了忘掉前任奖年,我火速辦了婚禮,結(jié)果婚禮上沛贪,老公的妹妹穿的比我還像新娘陋守。我一直安慰自己,他們只是感情好利赋,可當(dāng)我...
    茶點故事閱讀 67,917評論 6 392
  • 文/花漫 我一把揭開白布水评。 她就那樣靜靜地躺著,像睡著了一般媚送。 火紅的嫁衣襯著肌膚如雪中燥。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,708評論 1 305
  • 那天塘偎,我揣著相機與錄音疗涉,去河邊找鬼。 笑死吟秩,一個胖子當(dāng)著我的面吹牛咱扣,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播峰尝,決...
    沈念sama閱讀 40,430評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼偏窝,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起祭往,我...
    開封第一講書人閱讀 39,342評論 0 276
  • 序言:老撾萬榮一對情侶失蹤伦意,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后硼补,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體驮肉,經(jīng)...
    沈念sama閱讀 45,801評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,976評論 3 337
  • 正文 我和宋清朗相戀三年已骇,在試婚紗的時候發(fā)現(xiàn)自己被綠了离钝。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,115評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡褪储,死狀恐怖卵渴,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情鲤竹,我是刑警寧澤浪读,帶...
    沈念sama閱讀 35,804評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站辛藻,受9級特大地震影響碘橘,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜吱肌,卻給世界環(huán)境...
    茶點故事閱讀 41,458評論 3 331
  • 文/蒙蒙 一痘拆、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧氮墨,春花似錦纺蛆、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至粒褒,卻和暖如春识颊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背奕坟。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評論 1 272
  • 我被黑心中介騙來泰國打工祥款, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人月杉。 一個月前我還...
    沈念sama閱讀 48,365評論 3 373
  • 正文 我出身青樓刃跛,卻偏偏與公主長得像,于是被迫代替她去往敵國和親苛萎。 傳聞我的和親對象是個殘疾皇子桨昙,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,055評論 2 355

推薦閱讀更多精彩內(nèi)容