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

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

階段1、網頁開發基礎

一.web概述

　　1.萬維網發展

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

　　3.網頁與網站　　　　　　　　　　HTTP協議

　　4.域名與主機　　　　　　　　　　w3c標準

　　5.HTTP協議

　　6.w3c標準

 

2、HTML/HTML5

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

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

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

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

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

　　6.內聯框架　　　　　　12.Web　Socket

 

3、CSS/CSS3

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

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

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

　　4.盒子模型

　　

4、JavaScript

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

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

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

　　4.JS內置對象　　　　　　　　　　　　　 BOM操做

　　

5、UI設計基礎

　　1.PS基本操做

　　2.PSD文件修改

　　3.網站設計與配色

 

階段2、組件化網頁開發

1、JQuery

　　　　1.JQuery基礎入門　　　　　　　　　　JQuery事件

　　　　2.JQuery選擇器　　　　　　　　　　　JQuery動畫

　　　　3.JQuery事件　　　　　　　　　　　　遍歷

　　　　4.JQuery特效　　　　　　　　　　　　CSS方法

　　　　5.DOM捕獲與遍歷　　　　　　　　　　AJAX

　　　　JSON與AJAX基礎

2、Layui

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

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

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

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

 

3、Vue.js

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

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

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

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

　　　　5.樣式綁定

　　　　

4、Angular JS　　

　　　　1.表達式　　　　5.DOM

　　　　2.指令與模型　　6.事件

　　　　3.控制器　　　　7.模塊

　　　　4.過濾器　　　　8.表單

　　　　　　　　

5、Node.js

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

　　　　2.函數調用　　　　　　　　　　   7.操做Mysql

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

　　　　4.路由　　　　　　　　　　　　   9.Koa2框架

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

 

階段3、WebAPP開發與小程序

1、移動UI框架

　　　　1.MUI框架

　　　　2.HUI框架

　　　　3.WeUI框架

　　　　4.上拉刷新和下拉加載

 

2、H5移動開發

　　　　1.HTML5音視頻

　　　　2.高德地圖

　　　　3.H5儲存

　　　　4.Canvas繪圖

　

3、H5+Runtime

　　　　1.手機設備控制

　　　　2.攝像頭與麥克風

　　　　3.系統文件

　　　　4.手機傳感器

　　　　5.下拉加載

 

4、微信小程序

　　　　1.IDE安裝與項目部署　　　　7.經常使用組件

　　　　2.數據綁定　　　　　　　　  8.音視頻組件

　　　　3.條件渲染與列表渲染　　　  9.微信登錄接口

　　　　4.事件及數據傳遞　　　　　 10.微信支付

　　　　5.WXSS樣式

　　　　6.滾動視圖

　

階段4、Web前端安全防護與測試

1、Web滲透測試

　　　　　　1.Web滲透測試概述

　　　　　　2.常見安全漏洞

　　　　　　3.暴力破解

　　　　　　4.上傳漏洞

　　　　　　5.漏洞補丁補寫

 

2、前端XSS

　　　　　　1.XSS介紹

　　　　　　2.XSS攻擊類型

　　　　　　3.HTML內容與屬性轉義

　　　　　　

3、傳輸安全

　　　　　　1.HTTP竊聽

　　　　　　2.HTTPS原理

　　　　　　3.HTTPS部署

 

4、密碼安全

　　　　　　1.密碼的做用與存儲

　　　　　　2.密碼加固

　　　　　　3.密碼傳輸安全

　　　　　　4.生物密碼

　

5、其餘安全問題

　　　　　　1.DOS攻擊

　　　　　　2.重放攻擊