前端技術學習路線及技術匯總

階段一、網頁開發基礎

一.web概述

　　1.萬維網發展

　　2.瀏覽器與服務器　　　　　　　　瀏覽器運行原理

　　3.網頁與網站　　　　　　　　　　HTTP協議

　　4.域名與主機　　　　　　　　　　w3c標準

　　5.HTTP協議

　　6.w3c標準

二、HTML/HTML5

　　1.文件基礎標記　　　　7.媒體與繪圖標記

　　2.字體與排版標記　　　8.緩存與數據存儲　　　　表單元素

　　3.圖形與鏈接標記　　　9.施放與地理定位　　　　H5數據存儲

　　4.列表與表格標記　　　10.MathML　　　　　　　WebSocket

　　5.表單元素標記　　　　11.Web　Workers

　　6.內聯框架　　　　　　12.Web　Socket

三、CSS/CSS3

　　1.文本與字體樣式　　5.邊框與輪廓樣式　　　　布局與定位

　　2.背景與尺寸樣式　　6.2D與3D特效　　　　　　浮動

　　3.布局與定位　　　　7.過渡與動畫　　　　　　盒子模型

　　4.盒子模型

四、JavaScript

　　1.JS語法　　　　5.錯誤調試與處理

　　2.JS流程控制　　6.DOM操作　　　　　　JS內置對象

　　3.JS函數　　　　7.DOM屬性　　　　　　DOM操作

　　4.JS內置對象　　　　　　　　　　　　　 BOM操作

五、UI設計基礎

　　1.PS基本操作

　　2.PSD文件修改

　　3.網站設計與配色

階段二、組件化網頁開發

一、JQuery

　　　　1.JQuery基礎入門　　　　　　　　　　JQuery事件

　　　　2.JQuery選擇器　　　　　　　　　　　JQuery動畫

　　　　3.JQuery事件　　　　　　　　　　　　遍歷

　　　　4.JQuery特效　　　　　　　　　　　　CSS方法

　　　　5.DOM捕獲與遍歷　　　　　　　　　　AJAX

　　　　JSON與AJAX基礎

二、Layui

　　　　1.Layui基礎入門　　　　5.文件上傳　　　　常用的組件元素

　　　　2.頁面組件元素　　　　 6.滑塊特效　　　　彈出層

　　　　3.彈出層　　　　　　　 7.圖片輪播　　　　圖片輪播

　　　　4.日期與時間選擇器　　 8.電商評分模塊　　常用特效

三、Vue.js

　　　　1.模塊語法　　　　6.事件處理

　　　　2.流程控制　　　　7.數據雙向綁定

　　　　3.計算屬性　　　　8.組件化開發

　　　　4.監聽屬性　　　　9.過度與動畫

　　　　5.樣式綁定

四、Angular JS　　

　　　　1.表達式　　　　5.DOM

　　　　2.指令與模型　　6.事件

　　　　3.控制器　　　　7.模塊

　　　　4.過濾器　　　　8.表單

五、Node.js

　　　　1.Node.js介紹與安裝　　　　　　6.GET/POST請求

　　　　2.函數調用　　　　　　　　　　 7.操作Mysql

　　　　3.模塊的聲明、調用與繼承　　　　8.express框架

　　　　4.路由　　　　　　　　　　　　 9.Koa2框架

　　　　5.文件系統及全局對象　　　　　　10.上線與部署

前端技術學習路線及技術匯總