近幾年IT行業(yè)的web前端真可謂是火了一把，各類的互聯(lián)網(wǎng)企業(yè)更是對(duì)其特別的鐘愛。也正是在這樣的市場(chǎng)大環(huán)境下，目前web前端工程師可謂是高薪資、高福利的崗位。也正是在這些福利薪資的“誘惑”下，學(xué)習(xí)web前端的人員越來(lái)越多，但是在web前端的學(xué)習(xí)過(guò)程中如果沒有一份良好的學(xué)習(xí)路線，那是萬(wàn)萬(wàn)不可的。今天華清遠(yuǎn)見的講師就為大家分享一份完整的web前端學(xué)習(xí)路線圖。
(備注：這份路線圖主要集中了目前火的HTML5相關(guān)課程)如圖：
| 課程階段、目標(biāo)及實(shí)戰(zhàn)案例 | 整體目標(biāo) | 階段目標(biāo) | 實(shí)戰(zhàn)案例 |
| Web頁(yè)面制作基礎(chǔ) | 掌握傳統(tǒng)pc端網(wǎng)頁(yè)布局和制作 |
精通掌握 HTML5 的應(yīng)用 掌握 CSS 在開發(fā)中的使用 學(xué)會(huì)頁(yè)面標(biāo)準(zhǔn)化布局技術(shù) |
高防大型網(wǎng)站的模板： 門戶網(wǎng)站主要模板（新浪） 商城全部模板（京東） |
| UI網(wǎng)站設(shè)計(jì) | 掌握頁(yè)面設(shè)計(jì)和原型圖制作 |
掌握標(biāo)準(zhǔn)化布局中的各項(xiàng)技術(shù) 能獨(dú)立設(shè)計(jì)具有創(chuàng)意、符合需求的 web 界面 能夠獨(dú)立設(shè)計(jì)出手機(jī)移動(dòng)網(wǎng)站 掌握頁(yè)面設(shè)計(jì)和原型圖制作 |
獨(dú)立完成一個(gè)大型網(wǎng)站的全站模板設(shè)計(jì)（WEB 頁(yè)面和移動(dòng)界面各一套）， 包括靜態(tài)圖片和原型圖。 |
| 編程基礎(chǔ)技術(shù) | js 完成一些常見網(wǎng)頁(yè)特效開發(fā) |
掌握 JS 基本語(yǔ)法與流程控制相關(guān)操作 使用 JS 結(jié)合 HTML 實(shí)現(xiàn)代表性的 JS 特效制作 可以獨(dú)立完成網(wǎng)頁(yè)中常見特效的編寫、 以及第三方特效插件的使用 |
結(jié)合js實(shí)現(xiàn)動(dòng)態(tài)頁(yè)面京東，淘寶，騰訊視頻 |
| 后端開發(fā)技術(shù) | 了解 WEB 服務(wù)器工作原理，并可以簡(jiǎn)單的搭建自己的應(yīng)用程序服務(wù)器端 |
掌握 HTTP 與 WEB 工作原理 掌握 Socket 長(zhǎng)連接實(shí)時(shí)網(wǎng)絡(luò)通信技術(shù) 掌握 NoSQL 中的 MongoDB 的應(yīng)用 了解 PHP 語(yǔ)法；了解 MySQL 數(shù)據(jù)庫(kù)的基本操作 |
京東，淘寶，騰訊視頻 |
| 移動(dòng)互聯(lián)網(wǎng)應(yīng)用 | 掌握現(xiàn)在主流的頁(yè)面制作技術(shù)， 可以完微網(wǎng)站的制作，并可以做到多設(shè)備兼容 |
掌握 HTML5 新增智能表單的使用，制作播放器對(duì)搜索引擎優(yōu)化進(jìn)行講解，掌握優(yōu)化的各種方式 掌握響應(yīng)式頁(yè)面布局技術(shù) 掌握微網(wǎng)站的開發(fā)過(guò)程及開發(fā)移動(dòng)端web應(yīng)用 |
餓了么，華僑城 仿北京銀行 仿太平洋保險(xiǎn)，仿微信 |
| 特效開發(fā)高級(jí)實(shí)戰(zhàn) | 通過(guò)實(shí)際項(xiàng)目開發(fā)，精通前端常用框架的實(shí)際應(yīng)用及問(wèn)題解決，以及常見特效開發(fā)、前后臺(tái)交互開發(fā) |
利用 jQuery 框架進(jìn)行 js 特效開發(fā) 掌握 jQuery Mobile 的應(yīng)用開發(fā)移動(dòng)應(yīng)用程序 掌握 Bootstrap 的使用 掌握 AngularJS 框架應(yīng)用 |
京東商城 |
| 企業(yè)級(jí)應(yīng)用開發(fā) | 能夠獨(dú)立使用 HTML5 完成 APP 開發(fā)制作 |
使用 web 制作 LBS 應(yīng)用程序；在應(yīng)用中使用多線程技術(shù)完成 UI 交互與數(shù)據(jù)處理并行 了解和掌握 PhoneGap 的安裝和操作，能夠使用 PhoneGap 進(jìn)行封裝，實(shí)現(xiàn)跨平臺(tái)的應(yīng)用 了解和掌握觸屏和手勢(shì)相關(guān)的事件使用方式，能夠通過(guò)媒體查詢和多列布局屬性實(shí)現(xiàn)屏幕自適應(yīng)，實(shí)現(xiàn)響應(yīng)式布局 了解和掌握不同的設(shè)計(jì)模式以及其適合的企業(yè) APP，并且能夠?qū)⑵鋺?yīng)用在程序設(shè)計(jì)中 |
騰迅視頻，京東商城，華清官網(wǎng)，完成四維一體綜合項(xiàng)目（PC端，移動(dòng)端，微信端，混合APP） |
除了一份詳細(xì)的課程路線圖之外，我們還需要有良好的學(xué)習(xí)方法。例如：
首先在學(xué)習(xí)的過(guò)程中態(tài)度一定要端正，不管在學(xué)習(xí)中遇到什么困難都要及時(shí)的去解決;通常根據(jù)web前端的課程設(shè)置web前端安排的學(xué)習(xí)時(shí)間在四個(gè)月到五個(gè)月的時(shí)間，這段時(shí)間一定要腳踏實(shí)地的學(xué)好每一個(gè)知識(shí)點(diǎn)，一定以持之以恒的毅力堅(jiān)持下去;其次，web前端的學(xué)習(xí)會(huì)涉及到很多的代碼，在代碼的學(xué)習(xí)過(guò)程中一定要養(yǎng)成良好的代碼書寫規(guī)范，還有一點(diǎn)就是學(xué)習(xí)的過(guò)程中不要眼高手低，不要覺得課上老師演示一遍自己就會(huì)了，因?yàn)闀?huì)了不等于掌握了，要想真正的掌握這些知識(shí)，就要利用平時(shí)的課下時(shí)間勤加練習(xí)。后一點(diǎn)，就是按照我們的學(xué)習(xí)路線圖制訂一份詳細(xì)的學(xué)習(xí)計(jì)劃，按照這份學(xué)習(xí)計(jì)劃逐個(gè)完成自己的目標(biāo)。
其實(shí)，web前端相對(duì)于后臺(tái)等其他的IT知識(shí)而言，是比較簡(jiǎn)單的。在學(xué)習(xí)的過(guò)程中掌握一定的學(xué)習(xí)路線和學(xué)習(xí)方法。終，一定可以收獲一片“藍(lán)天”的。
熱點(diǎn)新聞
課程問(wèn)答
