前端開發是當下IT行業內熱門的技術之一，這也引發了成都一股前端學習的熱潮。那麼，該如何學習前端呢？首先，好的學習方法很重要，另外，正確的學習路線也是必不可少。今天給大家分享一個前端學習路線圖。這個完整的路線圖一共分為6大階段，相信對於剛剛接觸前端的新手來說會有很大的幫助。
第一階段：Web頁面製作
整體目標：掌握傳統pc端網頁佈局和製作
階段目標 :精通掌握HTML5的應用；
掌握CSS在開發中的使用；
學會頁面標準化佈局戰術；
掌握ps基礎，切圖，基礎網頁設計等
實戰案例 :高防大型網站的模板：
門戶網站主要模板（新浪）
商城全部模板（京東）
第二階段：編程基礎技術
整體目標：JS 完成一些常見網頁特效開發
階段目標 :掌握 JS 基本語法與流程控制相關操作；
使用 JS 結合 HTML 實現代表性的 JS 特效製作；
可以獨立完成網頁中常見特效的編寫以及第三方特效插件的使用；
掌握文件操作&canvas ；
瞭解ECMAScript6新特性;
實戰案例 :結合js實現動態頁面京東，淘寶，騰訊視頻。
第三階段：移動互聯網應用
整體目標：掌握現在主流的頁面製作技術，可以完成微網站的製作和微信小程序開發，並可以做到多設備兼容。
階段目標 :掌握HTML5新增的智能表單的使用； 掌握優化的各種方式； 掌握響應式頁面佈局技術;
使用touch框架搭建移動端頁面、宣傳頁面； 掌握swiper+animate框架；
掌握微網站的開發過程與微信小程序開發； 掌握如何開發移動端web應用;
瞭解移動應用的流行框架 zepto並掌握移動端的手勢與觸摸事件
實戰案例 :餓了麼，華僑城 仿北京銀行 仿太平洋保險，仿微信，Swiper+animate項目，Zepto+touch項目，微信小程序
第四階段：特效開發高級實戰
整體目標：通過實際項目開發，精通前端常用框架的實際應用及問題解決，以及常見特效開發、前後臺交互開發
階段目標 :利用jQuery框架進行js特效開發
掌握Bootstrap的使用
瞭解AJAX的運行原理
使用MUI庫，完成Android和IOS的移動設置應用開發
實戰案例 :京東商城，騰訊視頻PC端，MUI項目
第五階段：
整體目標：瞭解 WEB 服務器工作原理，並可以簡單的搭建自己的應用程序服務器端
階段目標 :掌握 HTTP 與 WEB 工作原理
掌握 Socket 長連接實時網絡通信技術
掌握 NoSQL 中的 MongoDB 的應用
瞭解 PHP 語法；瞭解 MySQL 數據庫的基本操作
實戰案例 :京東，淘寶，騰訊視頻
第六階段：
整體目標：能夠獨立使用 HTML5 完成 APP 開發製作
階段目標 :使用web製作LBS應用程序; 在應用中使用多線程技術完成UI交互與數據處理並行; 熟悉vue框架、圖表highcharts的使用;
瞭解和掌握觸屏和手勢相關的事件使用方式，能夠通過媒體查詢和多列布局屬性實現屏幕自適應，實現響應式佈局；
瞭解和掌握不同的設計模式以及其適合的企業APP，並且能夠將其應用在程序設計中；
掌握組件的核心理念，熟練運用數據綁定及表單處理並瞭解Angular4應用運用的響應式編程的理念；
通過對react的學習，可以很好地理解模塊化，組件化的概念，並熟練運用相關的語法；
實戰案例 :騰訊視頻，京東商城，華清官網，樂淘商城完成四維一體綜合項目（PC端，移動端，微信端，混合APP）
最後，想學習前端的小夥伴們！
請關注+私信回覆：“前端”領取一份為大家準備的前端學習資料！
閱讀更多 華清遠見成都中心 的文章
