web前端的幾個階段

學習web 前端，首先，好的學習方法很重要，另外，知道要學習哪些階段也是必不可少。以下分析web 前端學習的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 ）

 

以上就是一個完整的前端學習階段了。這是經過大量的行業需求分析而制定的，具備了全面的前端開發所需要的知識點，幫助你融會貫通各項技術的原理機制，成為理論與實戰兼備的高階前端開發人才。